\r\n handleResponseUpload(response)}\r\n maxSize={UPLOAD_MAX_SIZE.GENERAL}\r\n supportTypes={['xlsx', 'xls', 'xlsm', 'txt']}\r\n />\r\n
\r\n \r\n {errorList && errorList.length > 0 && (\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default ModalUploadAdvancedFile;\r\n","import React from 'react';\r\n\r\nimport { Link } from 'react-router-dom';\r\n\r\nconst CellRenderLink = (params) => {\r\n const { colDef, data, value } = params;\r\n\r\n const href = createHref(colDef.linkTo, data);\r\n\r\n return (\r\n \r\n {value}\r\n \r\n );\r\n};\r\n\r\nconst createHref = (linkTo, data) => {\r\n if (!linkTo) return linkTo;\r\n\r\n let href = linkTo;\r\n const regex = new RegExp(/(?:\\{)([^{}]+)(?:\\})/gs); // match every character in {}\r\n\r\n const params = linkTo.match(regex);\r\n params?.length &&\r\n params.forEach((match) => {\r\n let removeCurly = match.replace(/[{}]/g, '');\r\n href = href.replace(match, data?.[removeCurly]);\r\n });\r\n\r\n return href;\r\n};\r\n\r\nexport default CellRenderLink;\r\n","import React from 'react';\r\nimport { useSelector } from 'react-redux';\r\nimport { Provider } from 'react-redux';\r\n\r\nimport selectorsGridView from 'common/components/grid-view/controllers/selectors';\r\n\r\nimport { DragWrap, DragDropWrapUtils } from 'common/components';\r\n\r\nimport store from 'store/storeApp';\r\n\r\nconst DragRender = (props) => {\r\n const { data } = props;\r\n\r\n const detailCurrentItemsSelection = useSelector(\r\n selectorsGridView.makeSelectDetailCurrentITemsSelection()\r\n );\r\n\r\n return (\r\n Reloading...
\r\n ) : (\r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default InfoIcon;\r\n","import React from 'react';\r\nimport { InfoOutlined } from '@ant-design/icons';\r\nimport './Icon.less';\r\n\r\nconst InfoIcon = () => {\r\n return (\r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default InfoIcon;\r\n","import React from 'react';\r\nimport { CheckOutlined } from '@ant-design/icons';\r\nimport './Icon.less';\r\n\r\nconst InfoIcon = () => {\r\n return (\r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default InfoIcon;\r\n","import React from 'react';\r\nimport { ExclamationOutlined } from '@ant-design/icons';\r\nimport './Icon.less';\r\n\r\nconst InfoIcon = () => {\r\n return (\r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default InfoIcon;\r\n","import React from 'react';\r\nimport DigitalRight from 'assets/DRM.png';\r\nimport { Tooltip } from 'antd';\r\nimport { injectIntl } from 'react-intl';\r\n\r\nconst DigitalRightIcon = (props) => {\r\n const { height, width, size, intl, type, ...restProps } = props;\r\n const iconHeight =\r\n size === 'small'\r\n ? 20\r\n : size === 'normal'\r\n ? 30\r\n : size === 'large'\r\n ? 50\r\n : height;\r\n const iconWidth =\r\n size === 'small'\r\n ? 20\r\n : size === 'normal'\r\n ? 30\r\n : size === 'large'\r\n ? 50\r\n : width;\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n \r\n \r\n / \r\n
\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport const FolderItem = memo((props) => {\r\n const {\r\n item,\r\n onExpand,\r\n onDrop,\r\n handleSelectFolder,\r\n selectedFolderId,\r\n disableItemHandler,\r\n } = props;\r\n const { id, subFolderCount, dateCreated, folderName, description } =\r\n item ?? {};\r\n\r\n const folderSrc = subFolderCount > 0 ? hasItemsFolder : EmptyFolder;\r\n const title = folderName ?? description ?? '';\r\n\r\n const disabled = disableItemHandler ? disableItemHandler(item) : false;\r\n\r\n return (\r\n \r\n {folderData.map((item) => {\r\n const itemProps = {\r\n item,\r\n onExpand,\r\n onDrop,\r\n handleSelectFolder,\r\n selectedFolderId,\r\n disableItemHandler,\r\n };\r\n\r\n return
\r\n );\r\n};\r\n\r\nexport default FolderList;\r\n","import React, { useState, forwardRef, useImperativeHandle } from 'react';\r\nimport { Input, Spin, Divider } from 'antd';\r\n\r\nimport { FolderList } from './FolderList';\r\nimport { FolderBreadcrumb } from './FolderBreadcrumb';\r\nimport DropWrap from '../drapDropWrap/drap-and-drop/DropWrap';\r\n\r\nimport { useGetAllFolderGrid } from './hooks';\r\nimport './FolderSelector.less';\r\n\r\nconst DEFAULT_KEY_FOLDER = [{ id: 'home', folderName: 'Home' }];\r\n\r\nexport const FolderSelector = forwardRef((props, ref) => {\r\n const { onDrop, onExpandFolder, onBreadcrumbChange, disableItemHandler } =\r\n props;\r\n\r\n const [keyFolder, setKeyFolder] = useState(DEFAULT_KEY_FOLDER);\r\n const [currentFolderId, setCurrentFolderId] = useState();\r\n const [selectedFolder, setSelectedFolder] = useState();\r\n\r\n const {\r\n folderData,\r\n isLoading,\r\n getGridFolder,\r\n handleSearchFolder,\r\n handleFetchMoreFolder,\r\n } = useGetAllFolderGrid({\r\n isEnabled: true,\r\n onResetParentId: () => setCurrentFolderId(null),\r\n });\r\n\r\n useImperativeHandle(\r\n ref,\r\n () => {\r\n return {\r\n reloadList: (id) => {\r\n id ? handleFetchMoreFolder(id) : getGridFolder();\r\n },\r\n };\r\n },\r\n []\r\n );\r\n\r\n const onSearch = (searchText) => {\r\n setKeyFolder(DEFAULT_KEY_FOLDER);\r\n handleSearchFolder(searchText);\r\n };\r\n\r\n const onSelectFolder = (currentFolder) => {\r\n const breadcrumbSelected = keyFolder[keyFolder?.length - 1];\r\n\r\n const newSelectedFolder =\r\n selectedFolder?.id === currentFolder?.id\r\n ? breadcrumbSelected\r\n : currentFolder;\r\n\r\n setSelectedFolder(newSelectedFolder);\r\n props?.onSelectFolder?.(newSelectedFolder);\r\n };\r\n\r\n const handleBreadcrumb = (valueSelected, hierarchyList) => {\r\n const folderId = valueSelected !== 'home' ? valueSelected : null;\r\n\r\n setCurrentFolderId(folderId);\r\n setSelectedFolder(null);\r\n setKeyFolder((pre) => {\r\n const indexBreadcrumb = keyFolder\r\n .map((item) => item?.id)\r\n .indexOf(valueSelected);\r\n return pre.slice(0, indexBreadcrumb + 1);\r\n });\r\n\r\n const breadcrumbSelected = keyFolder?.filter(\r\n (item) => valueSelected === item?.id\r\n );\r\n\r\n onBreadcrumbChange &&\r\n onBreadcrumbChange(folderId, hierarchyList, breadcrumbSelected?.[0]);\r\n };\r\n\r\n const handleExpand = (folder, folderName) => {\r\n setCurrentFolderId(folder?.id);\r\n setSelectedFolder(null);\r\n handleFetchMoreFolder(folder?.id);\r\n setKeyFolder((pre) => [...pre, { id: folder?.id, folderName }]);\r\n\r\n onExpandFolder && onExpandFolder(folder);\r\n };\r\n\r\n const breadcrumbKey = currentFolderId ? currentFolderId : 'home';\r\n const breadcrumbData = folderData?.[breadcrumbKey] ?? [];\r\n\r\n return (\r\n \r\n {formDefine?.map((formConfigItem, idx) => {\r\n const { label } = formConfigItem;\r\n\r\n let finalLabel = labelFn ? labelFn(label) : label;\r\n\r\n if (isArray(formConfigItem)) {\r\n return (\r\n \r\n {formConfigItem.map((childFormItem, idx) => {\r\n if (childFormItem?.rowConfig) return null;\r\n\r\n if (isArray(childFormItem)) {\r\n const [firstChild, ...restChildren] = childFormItem;\r\n\r\n return (\r\n \r\n
\r\n );\r\n }\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default BasicFormItemList;\r\n","import React from 'react';\r\n\r\nimport { Typography } from 'antd';\r\n\r\nimport { FormattedMessage } from 'react-intl';\r\n\r\nimport messages from 'i18n/messages/gridView';\r\n\r\nconst MAX_ITEMS = 100000;\r\nconst TEXT_MAX_ITEMS = '99,999+';\r\n\r\nconst DisplayTotalItem = ({ totalPagination }) => {\r\n const isLargeThanMax = totalPagination >= MAX_ITEMS;\r\n\r\n return (\r\n <>\r\n \r\n \r\n {property?.operation} - Group conditions\r\n \r\n {property?.strictMode && (\r\n \r\n Nested Mode\r\n \r\n )}\r\n
\r\n ) : (\r\n \r\n \r\n {isEditable &&
\r\n \r\n\r\n {dataDetail?.isFavorited &&\r\n dataDetail?.type !== 'Product' &&\r\n dataDetail?.type !== 'member' && (\r\n \r\n )}\r\n \r\n );\r\n};\r\n\r\nTileGrid.propTypes = {\r\n /**\r\n * product data detail\r\n */\r\n dataDetail: PropTypes.object,\r\n selected: PropTypes.bool,\r\n onClickItemGrid: PropTypes.func,\r\n onClickCheckboxItem: PropTypes.func,\r\n onDoubleClick: PropTypes.func,\r\n tileHeader: PropTypes.func,\r\n tileBody: PropTypes.func,\r\n tileFooter: PropTypes.func,\r\n tileWidth: PropTypes.number,\r\n};\r\n\r\nTileGrid.defaultProps = {\r\n tileWidth: 180,\r\n};\r\n\r\nexport default TileGrid;\r\n","import React from 'react';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\n\r\nimport { FolderSelector } from 'common/components';\r\n\r\nimport selectorsGridView from 'common/components/grid-view/controllers/selectors';\r\nimport * as actionGlobal from '@redux/global/actions';\r\nimport AddToFolderActions from './AddToFolderActions';\r\n\r\nimport { useAddToFolder } from 'hooks/useAddToFolder';\r\n\r\nimport './AddToFolder.less';\r\n\r\nconst AddToFolder = () => {\r\n const dispatch = useDispatch();\r\n\r\n const selectedGridItems = useSelector(\r\n selectorsGridView.makeSelectDetailCurrentITemsSelection()\r\n );\r\n\r\n const {\r\n folderSelectorRef,\r\n currentFolderId,\r\n selectedFolder,\r\n onSelectFolder,\r\n onBreadcrumbChange,\r\n onExpandFolder,\r\n handleSubmit,\r\n handleAddToFolder,\r\n } = useAddToFolder({ close: () => onCloseAddToFolder() });\r\n\r\n const onCloseAddToFolder = () => {\r\n dispatch(actionGlobal.toggleAddToFolder());\r\n };\r\n\r\n const handleSuccessCallback = (folder) => {\r\n handleAddToFolder(selectedGridItems, folder);\r\n };\r\n\r\n const disableSubmitButton = !selectedFolder || selectedFolder?.id === 'home';\r\n const selectedFolderId =\r\n selectedFolder?.id !== 'home' ? selectedFolder?.id : null;\r\n\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default AddToFolder;\r\n","import React from 'react';\r\nimport { useSelector } from 'react-redux';\r\nimport { Row, Typography } from 'antd';\r\nimport { IconList } from 'common/components';\r\nimport selectorsGridView from 'common/components/grid-view/controllers/selectors';\r\n\r\nimport './SearchCategories.less';\r\n\r\nconst { Title } = Typography;\r\n\r\nconst SearchCategories = (props) => {\r\n const searchCategoriesEffected = useSelector(\r\n selectorsGridView.makeSelectSearchCategoriesList()\r\n );\r\n\r\n return (\r\n <>\r\n {searchCategoriesEffected?.length > 0 && (\r\n <>\r\n \r\n
\r\n\r\n Add to folder
\r\n\r\n
\r\n\r\n \r\n handleSubmit(selectedGridItems, selectedFolder)}\r\n />\r\n
\r\n \r\n {renderList(showedItemList)}\r\n {renderShowMore()}\r\n
\r\n );\r\n};\r\n\r\nIconList.propTypes = {\r\n iconList: oneOfType([\r\n PropTypes.arrayOf(\r\n PropTypes.shape({\r\n segmentId: PropTypes.number,\r\n segmentDescription: PropTypes.string,\r\n isPublic: PropTypes.bool,\r\n })\r\n ),\r\n PropTypes.object,\r\n ]),\r\n /**\r\n * Number of Showed Items\r\n */\r\n numberOfShowedItems: PropTypes.number,\r\n size: oneOf(['small', 'default', 'large']),\r\n tooltipPosition: oneOf([\r\n 'top',\r\n 'left',\r\n 'right',\r\n 'bottom',\r\n 'topLeft',\r\n 'topRight',\r\n 'bottomLeft',\r\n 'bottomRight',\r\n 'leftTop',\r\n 'leftBottom',\r\n 'rightTop',\r\n 'rightBottom',\r\n ]),\r\n className: PropTypes.string,\r\n noId: PropTypes.bool,\r\n};\r\n\r\nexport default injectIntl(IconList);\r\n","import * as React from \"react\";\nconst SvgAutomotiveIcon = props => ;\nexport { SvgAutomotiveIcon as ReactComponent };\nexport default __webpack_public_path__ + \"static/svg/automotive_icon.823a21b4.svg\";","import * as React from \"react\";\nconst SvgCampingIcon = props => ;\nexport { SvgCampingIcon as ReactComponent };\nexport default __webpack_public_path__ + \"static/svg/camping_icon.8bad8a06.svg\";","import * as React from \"react\";\nconst SvgCropsIcon = props => ;\nexport { SvgCropsIcon as ReactComponent };\nexport default __webpack_public_path__ + \"static/svg/crops_icon.99a86ae7.svg\";","import * as React from \"react\";\nconst SvgFoodBeverageTobacco = props => ;\nexport { SvgFoodBeverageTobacco as ReactComponent };\nexport default __webpack_public_path__ + \"static/svg/food_beverage_tobacco.868c43af.svg\";","import * as React from \"react\";\nconst SvgFootwearIcon = props => ;\nexport { SvgFootwearIcon as ReactComponent };\nexport default __webpack_public_path__ + \"static/svg/footwear_icon.cabdbb6e.svg\";","import * as React from \"react\";\nconst SvgHomeAppliances = props => ;\nexport { SvgHomeAppliances as ReactComponent };\nexport default __webpack_public_path__ + \"static/svg/home_appliances.8401d684.svg\";","import * as React from \"react\";\nconst SvgHorticulturePlants = props => ;\nexport { SvgHorticulturePlants as ReactComponent };\nexport default __webpack_public_path__ + \"static/svg/horticulture_plants.4be820ea.svg\";","import * as React from \"react\";\nconst SvgLawnGardenSupplies = props => ;\nexport { SvgLawnGardenSupplies as ReactComponent };\nexport default __webpack_public_path__ + \"static/svg/lawn_garden_supplies.dbb21d0f.svg\";","import * as React from \"react\";\nconst SvgLiveAnimals = props => ;\nexport { SvgLiveAnimals as ReactComponent };\nexport default __webpack_public_path__ + \"static/svg/live_animals.d970301b.svg\";","import * as React from \"react\";\nconst SvgPersonalAccessories = props => ;\nexport { SvgPersonalAccessories as ReactComponent };\nexport default __webpack_public_path__ + \"static/svg/personal_accessories.d4dfe4bd.svg\";","import * as React from \"react\";\nconst SvgPetFood = props => ;\nexport { SvgPetFood as ReactComponent };\nexport default __webpack_public_path__ + \"static/svg/pet-food.a664a0aa.svg\";","import * as React from \"react\";\nconst SvgPowerEquipment = props => ;\nexport { SvgPowerEquipment as ReactComponent };\nexport default __webpack_public_path__ + \"static/svg/power_equipment.d0e0f8b1.svg\";","import * as React from \"react\";\nconst SvgServicesIcon = props => ;\nexport { SvgServicesIcon as ReactComponent };\nexport default __webpack_public_path__ + \"static/svg/services_icon.92cdc6a8.svg\";","import * as React from \"react\";\nconst SvgWorkshopAids = props => ;\nexport { SvgWorkshopAids as ReactComponent };\nexport default __webpack_public_path__ + \"static/svg/workshop_aids.61c84b62.svg\";","import * as React from \"react\";\nconst SvgToyIcon = props => ;\nexport { SvgToyIcon as ReactComponent };\nexport default __webpack_public_path__ + \"static/svg/toy_icon.70bc6780.svg\";","import arts_crafts_needlework from 'assets/classifications/arts_crafts_needlework.svg';\r\nimport audio_visual_photography from 'assets/classifications/audio_visual_photography.svg';\r\nimport automotive from 'assets/classifications/automotive_icon.svg';\r\nimport beauty_personal_care_hygiene from 'assets/classifications/beauty_personal_care_hygiene.svg';\r\nimport building_products from 'assets/classifications/building_products.svg';\r\nimport camping from 'assets/classifications/camping_icon.svg';\r\nimport cleaning_hygiene_products from 'assets/classifications/cleaning_hygiene_products.svg';\r\nimport clothing from 'assets/classifications/clothing_icon.svg';\r\nimport communication from 'assets/classifications/communication_icon.svg';\r\nimport computing from 'assets/classifications/computing_icon.svg';\r\nimport crops from 'assets/classifications/crops_icon.svg';\r\nimport cross_segment from 'assets/classifications/cross_segment.svg';\r\nimport electrical_supplies from 'assets/classifications/electrical_supplies.svg';\r\nimport food_beverage_tobacco from 'assets/classifications/food_beverage_tobacco.svg';\r\nimport footwear from 'assets/classifications/footwear_icon.svg';\r\nimport fuels_gases from 'assets/classifications/fuels_gases.svg';\r\nimport healthcare from 'assets/classifications/healthcare_icon.svg';\r\nimport home_appliances from 'assets/classifications/home_appliances.svg';\r\nimport horticulture_plants from 'assets/classifications/horticulture_plants.svg';\r\nimport household_office_furniture_furnishings from 'assets/classifications/household_office_furniture_furnishings.svg';\r\nimport kitchenware_and_tableware from 'assets/classifications/kitchenware_and_tableware.svg';\r\nimport lawn_garden_supplies from 'assets/classifications/lawn_garden_supplies.svg';\r\nimport live_animals from 'assets/classifications/live_animals.svg';\r\nimport lubricant from 'assets/classifications/lubricant_icon.svg';\r\nimport monetary_assets from 'assets/classifications/monetary_assets.svg';\r\nimport music from 'assets/classifications/music_icon.svg';\r\nimport hand_equipment from 'assets/classifications/hand_equipment.svg';\r\nimport heating from 'assets/classifications/heating_icon.svg';\r\nimport office_machinery from 'assets/classifications/office_machinery.svg';\r\nimport personal_accessories from 'assets/classifications/personal_accessories.svg';\r\nimport petfood from 'assets/classifications/pet-food.svg';\r\nimport power_equipment from 'assets/classifications/power_equipment.svg';\r\nimport safety_protection from 'assets/classifications/safety_protection.svg';\r\nimport safety_security from 'assets/classifications/safety_security.svg';\r\nimport services from 'assets/classifications/services_icon.svg';\r\nimport sports_equipment from 'assets/classifications/sports_equipment.svg';\r\nimport storage from 'assets/classifications/storage_icon.svg';\r\nimport textual_print_material from 'assets/classifications/textual_print_material.svg';\r\nimport workshop_aids from 'assets/classifications/workshop_aids.svg';\r\nimport toy from 'assets/classifications/toy_icon.svg';\r\n// import PackageLevelImage from 'assets/product/pallet.png';\r\nimport unitImage from 'assets/product/unit.png';\r\nimport innerpackImage from 'assets/product/innerpack.png';\r\nimport caseImage from 'assets/product/case.png';\r\nimport masterCaseImage from 'assets/product/master-case.png';\r\nimport palletImage from 'assets/product/pallet.png';\r\n\r\nexport const packageLevelIcons = [\r\n {\r\n id: 42,\r\n segmentId: 42,\r\n segmentDescription: 'Package Level: Unit',\r\n segmentIcon: unitImage,\r\n name: 'unit',\r\n },\r\n {\r\n id: 43,\r\n segmentId: 43,\r\n segmentDescription: 'Package Level: Inner Pack',\r\n segmentIcon: innerpackImage,\r\n name: 'inner pack',\r\n },\r\n {\r\n id: 44,\r\n segmentId: 44,\r\n segmentDescription: 'Package Level: Case',\r\n segmentIcon: caseImage,\r\n name: 'case',\r\n },\r\n {\r\n id: 45,\r\n segmentId: 45,\r\n segmentDescription: 'Package Level: Display Shipper',\r\n segmentIcon: caseImage,\r\n name: 'display shipper',\r\n },\r\n {\r\n id: 46,\r\n segmentId: 46,\r\n segmentDescription: 'Package Level: Master Case',\r\n segmentIcon: masterCaseImage,\r\n name: 'master case',\r\n },\r\n {\r\n id: 47,\r\n segmentId: 47,\r\n segmentDescription: 'Package Level: Pallet',\r\n segmentIcon: palletImage,\r\n name: 'pallet',\r\n },\r\n];\r\n\r\nconst iconList = [\r\n {\r\n id: 1,\r\n segmentId: 1,\r\n segmentDescription: 'Arts/Crafts/Needlework',\r\n segmentIcon: arts_crafts_needlework,\r\n },\r\n {\r\n id: 2,\r\n segmentId: 2,\r\n segmentDescription: 'Audio Visual/Photography',\r\n segmentIcon: audio_visual_photography,\r\n },\r\n {\r\n id: 3,\r\n segmentId: 3,\r\n segmentDescription: 'Automotive',\r\n segmentIcon: automotive,\r\n },\r\n {\r\n id: 4,\r\n segmentId: 4,\r\n segmentDescription: 'Beauty/Personal Care/Hygiene',\r\n segmentIcon: beauty_personal_care_hygiene,\r\n },\r\n {\r\n id: 5,\r\n segmentId: 5,\r\n segmentDescription: 'Building Products',\r\n segmentIcon: building_products,\r\n },\r\n {\r\n id: 6,\r\n segmentId: 6,\r\n segmentDescription: 'Camping',\r\n segmentIcon: camping,\r\n },\r\n {\r\n id: 7,\r\n segmentId: 7,\r\n segmentDescription: 'Cleaning/Hygiene Products',\r\n segmentIcon: cleaning_hygiene_products,\r\n },\r\n {\r\n id: 8,\r\n segmentId: 8,\r\n segmentDescription: 'Clothing',\r\n segmentIcon: clothing,\r\n },\r\n {\r\n id: 9,\r\n segmentId: 9,\r\n segmentDescription: 'Communications',\r\n segmentIcon: communication,\r\n },\r\n {\r\n id: 10,\r\n segmentId: 10,\r\n segmentDescription: 'Computing',\r\n segmentIcon: computing,\r\n },\r\n {\r\n id: 11,\r\n segmentId: 11,\r\n segmentDescription: 'Crops',\r\n segmentIcon: crops,\r\n },\r\n {\r\n id: 12,\r\n segmentId: 12,\r\n segmentDescription: 'Cross Segment',\r\n segmentIcon: cross_segment,\r\n },\r\n {\r\n id: 13,\r\n segmentId: 13,\r\n segmentDescription: 'Electrical Supplies',\r\n segmentIcon: electrical_supplies,\r\n },\r\n {\r\n id: 14,\r\n segmentId: 14,\r\n segmentDescription: 'Food/Beverage/Tobacco',\r\n segmentIcon: food_beverage_tobacco,\r\n },\r\n {\r\n id: 15,\r\n segmentId: 15,\r\n segmentDescription: 'Footwear',\r\n segmentIcon: footwear,\r\n },\r\n {\r\n id: 16,\r\n segmentId: 16,\r\n segmentDescription: 'Fuels/Gases',\r\n segmentIcon: fuels_gases,\r\n },\r\n {\r\n id: 17,\r\n segmentId: 17,\r\n segmentDescription: 'Healthcare',\r\n segmentIcon: healthcare,\r\n },\r\n {\r\n id: 18,\r\n segmentId: 18,\r\n segmentDescription: 'Home Appliances',\r\n segmentIcon: home_appliances,\r\n },\r\n {\r\n id: 19,\r\n segmentId: 19,\r\n segmentDescription: 'Horticulture Plants',\r\n segmentIcon: horticulture_plants,\r\n },\r\n {\r\n id: 20,\r\n segmentId: 20,\r\n segmentDescription: 'Household/Office Furniture/Furnishings',\r\n segmentIcon: household_office_furniture_furnishings,\r\n },\r\n {\r\n id: 21,\r\n segmentId: 21,\r\n segmentDescription: 'Kitchenware and Tableware',\r\n segmentIcon: kitchenware_and_tableware,\r\n },\r\n {\r\n id: 22,\r\n segmentId: 22,\r\n segmentDescription: 'Lawn/Garden Supplies',\r\n segmentIcon: lawn_garden_supplies,\r\n },\r\n {\r\n id: 23,\r\n segmentId: 23,\r\n segmentDescription: 'Live Animals',\r\n segmentIcon: live_animals,\r\n },\r\n {\r\n id: 24,\r\n segmentId: 24,\r\n segmentDescription: 'Lubricants',\r\n segmentIcon: lubricant,\r\n },\r\n {\r\n id: 25,\r\n segmentId: 25,\r\n segmentDescription: 'Monetary Assets',\r\n segmentIcon: monetary_assets,\r\n },\r\n {\r\n id: 26,\r\n segmentId: 26,\r\n segmentDescription: 'Music',\r\n segmentIcon: music,\r\n },\r\n {\r\n id: 27,\r\n segmentId: 27,\r\n segmentDescription: 'Personal Accessories',\r\n segmentIcon: personal_accessories,\r\n },\r\n {\r\n id: 28,\r\n segmentId: 28,\r\n segmentDescription: 'Pet Care/Food',\r\n segmentIcon: petfood,\r\n },\r\n {\r\n id: 29,\r\n segmentId: 29,\r\n segmentDescription: 'Plumbing/Heating/Ventilation/Air Conditioning',\r\n segmentIcon: heating,\r\n },\r\n {\r\n id: 30,\r\n segmentId: 30,\r\n segmentDescription: 'Safety/Protection – DIY',\r\n segmentIcon: safety_protection,\r\n },\r\n {\r\n id: 31,\r\n segmentId: 31,\r\n segmentDescription: 'Safety/Security/Surveillance',\r\n segmentIcon: safety_security,\r\n },\r\n {\r\n id: 32,\r\n segmentId: 32,\r\n segmentDescription: 'Services',\r\n segmentIcon: services,\r\n },\r\n {\r\n id: 33,\r\n segmentId: 33,\r\n segmentDescription: 'Sports Equipment',\r\n segmentIcon: sports_equipment,\r\n },\r\n {\r\n id: 34,\r\n segmentId: 34,\r\n segmentDescription: 'Stationery/Office Machinery/Occasion Supplies',\r\n segmentIcon: office_machinery,\r\n },\r\n {\r\n id: 35,\r\n segmentId: 35,\r\n segmentDescription: 'Storage/Haulage Containers',\r\n segmentIcon: storage,\r\n },\r\n {\r\n id: 36,\r\n segmentId: 36,\r\n segmentDescription: 'Textual/Printed/Reference Materials',\r\n segmentIcon: textual_print_material,\r\n },\r\n {\r\n id: 37,\r\n segmentId: 37,\r\n segmentDescription: 'Tool Storage/Workshop Aids',\r\n segmentIcon: workshop_aids,\r\n },\r\n {\r\n id: 38,\r\n segmentId: 38,\r\n segmentDescription: 'Tools/Equipment – Hand',\r\n segmentIcon: hand_equipment,\r\n },\r\n {\r\n id: 39,\r\n segmentId: 39,\r\n segmentDescription: 'Tools/Equipment – Power',\r\n segmentIcon: power_equipment,\r\n },\r\n {\r\n id: 40,\r\n segmentId: 40,\r\n segmentDescription: 'Toys/Games',\r\n segmentIcon: toy,\r\n },\r\n];\r\n\r\nexport const productSubscriptionIcon = {\r\n id: 41,\r\n segmentId: 41,\r\n segmentDescription: 'Subscribed',\r\n};\r\n\r\nexport default iconList;\r\n","import * as React from \"react\";\nconst SvgArtsCraftsNeedlework = props => ;\nexport { SvgArtsCraftsNeedlework as ReactComponent };\nexport default \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojMjMxRjIwO30NCgkuc3Qxe2ZpbGw6Izg4ODg4ODt9DQo8L3N0eWxlPg0KPHBhdGggZD0iTTQ1Ny40LDI5MC4xYzMwLjEsMCw1NC42LTI0LjUsNTQuNi01NC42cy0yNC41LTU0LjYtNTQuNi01NC42aC0zNS45Yy0wLjgtMTAuMy0yLjMtMTkuOC01LjQtMjgNCgljLTcuNS0xOS45LTIyLjktMjkuNS00Ny4yLTI5LjVzLTM5LjcsOS43LTQ3LjIsMjkuNWMtMy4xLDguMS00LjYsMTcuNi01LjQsMjhoLTc3LjlWNDEuMmMwLTQuMi0zLjQtNy42LTcuNi03LjZoLTM5LjF2LTI1DQoJYzAtNC4yLTMuNC03LjYtNy42LTcuNkg1NC4zYy00LjIsMC03LjYsMy40LTcuNiw3LjZ2MjVIMTYuM2MwLDAsMCwwLTAuMSwwSDcuNkMzLjQsMzMuNiwwLDM3LDAsNDEuMlY0NDljMCw0LjIsMy40LDcuNiw3LjYsNy42DQoJaDM5LjF2MjVjMCw0LjIsMy40LDcuNiw3LjYsNy42aDEyOS45YzQuMiwwLDcuNi0zLjQsNy42LTcuNnYtMjVoMzkuMWM0LjIsMCw3LjYtMy40LDcuNi03LjZ2LTIuNlYxOTZoNzcuMg0KCWMtMC4xLDYuMi0wLjEsMTIuNS0wLjEsMTljMCwxOC4zLDEuNCwzOS4xLDMuNyw2MWMtMjYsNC4yLTQ1LjksMjYuOC00NS45LDUzLjljMCwzMC4xLDI0LjUsNTQuNiw1NC42LDU0LjZoNy43DQoJYzUuNiwzMC4yLDExLjQsNTcuOSwxNi4xLDc5LjNjLTAuMiwwLTAuNCwwLTAuNiwwSDMyMWMtNC4yLDAtNy42LDMuNC03LjYsNy42czMuNCw3LjYsNy42LDcuNmgzMC4xYzEuNCwwLDIuNy0wLjQsMy44LTENCgljMy43LDE2LjMsNi4yLDI2LjcsNi42LDI4LjRjMC44LDMuNCwzLjksNS44LDcuNCw1LjhzNi41LTIuNCw3LjQtNS44YzAuNC0xLjcsMi44LTExLjcsNi4zLTI3LjNoMzcuMWMzMC4xLDAsNTQuNy0yNC41LDU0LjctNTQuNg0KCXMtMjQuNS01NC42LTU0LjYtNTQuNmgtMi45Yy0wLjYtMC4yLTEuMy0wLjMtMi0wLjNoLTEwYzQuNi0yNiw4LjktNTMuMiwxMi4xLTc5LjNoNDAuNFYyOTAuMXogTTYxLjgsMTYuMmgxMTQuN3YxN0g2MS44VjE2LjJ6DQoJIE0xNzYuNSw0NzRINjEuOHYtMTdoMTE0LjdWNDc0eiBNMTcuNywxNDAuNWMtMC45LTAuMi0xLjgtMC4yLTIuNiwwVjgwLjRsMjA4LjEsMzkuMnYyMi4xbC0xODAuNS0zNGMtNC4xLTAuOC04LjEsMS45LTguOCw2DQoJczEuOSw4LjEsNiw4LjhMMjIzLjIsMTU3djIyLjFMMTcuNywxNDAuNXogTTIyMy4yLDI4OS45bC0xODAuNS0zNGMtNC4xLTAuOC04LjEsMS45LTguOCw2czEuOSw4LjEsNiw4LjhsMTgzLjMsMzQuNXYyMS41TDE3LjcsMjg4DQoJYy0wLjktMC4yLTEuOC0wLjItMi42LDB2LTU4LjhsMjA4LjEsMzkuMkwyMjMuMiwyODkuOUwyMjMuMiwyODkuOXogTTIyMy4yLDEwNC4yTDE3LjcsNjUuNGMtMC45LTAuMi0xLjgtMC4yLTIuNiwwVjQ4LjhoMC41DQoJbDIwNy42LDM5LjFMMjIzLjIsMTA0LjJMMjIzLjIsMTA0LjJ6IE0xNS4yLDMzOS45bDE4My45LDM0LjdjMC41LDAuMSwwLjksMC4xLDEuNCwwLjFjMy42LDAsNi44LTIuNSw3LjQtNi4yYzAuOC00LjEtMS45LTguMS02LTguOA0KCUwxNy43LDMyNC45Yy0wLjktMC4yLTEuOC0wLjItMi42LDBWMzAzbDIwOC4xLDM5LjJ2NTguM0wxNy43LDM2MS44Yy0wLjktMC4yLTEuOC0wLjItMi42LDBMMTUuMiwzMzkuOUwxNS4yLDMzOS45eiBNMTcuNywyMTQuMw0KCWMtMC45LTAuMi0xLjgtMC4yLTIuNiwwdi0yMS45bDE4NCwzNC42YzAuNSwwLjEsMC45LDAuMSwxLjQsMC4xYzMuNiwwLDYuOC0yLjUsNy40LTYuMmMwLjgtNC4xLTEuOS04LjEtNi04LjhMMTcuNywxNzcuNA0KCWMtMC45LTAuMi0xLjgtMC4yLTIuNiwwdi0yMS45bDIwOC4xLDM5LjJWMjUzTDE3LjcsMjE0LjN6IE0yMjMuMiw3Mi41TDk3LjUsNDguOGgxMjUuOHYyMy43SDIyMy4yeiBNMTUuMiwzNzYuN2wyMDguMSwzOS4ydjIxLjUNCglsLTE4MC41LTM0Yy00LjEtMC44LTguMSwxLjktOC44LDZjLTAuOCw0LjEsMS45LDguMSw2LDguOGwxMjIuOCwyMy4xSDE1LjJWMzc2Ljd6IE00NTcuNCwxOTZjMjEuOCwwLDM5LjUsMTcuNywzOS41LDM5LjUNCglTNDc5LjEsMjc1LDQ1Ny40LDI3NWgtMzguOGMyLjMtMjEuNywzLjctNDIuMiwzLjctNjBjMC02LjQsMC0xMi44LTAuMS0xOUg0NTcuNHogTTMyNy45LDM2OS40Yy0yMS44LDAtMzkuNS0xNy43LTM5LjUtMzkuNQ0KCWMwLTE5LjQsMTQuMS0zNS42LDMyLjUtMzguOWMzLjEsMjUuOSw3LjQsNTIuNywxMS45LDc4LjRIMzI3Ljl6IE0zNjguOCw0NzAuOGMtNC4zLTE5LTkuOS00NS0xNS40LTc0Yy0wLjgtNC4xLTEuNi04LjItMi4zLTEyLjMNCgloMzUuNGMtMC43LDMuNy0xLjQsNy40LTIuMSwxMS4yQzM3OC43LDQyNS4xLDM3My4xLDQ1MS41LDM2OC44LDQ3MC44eiBNNDU5LjEsNDI0LjNjMCwyMS44LTE3LjcsMzkuNS0zOS41LDM5LjVoLTMzLjcNCgljNC43LTIxLjMsMTAuNC00OSwxNi03OWgxNy43QzQ0MS40LDM4NC44LDQ1OS4xLDQwMi41LDQ1OS4xLDQyNC4zeiBNMzQ4LjMsMzY5LjRjLTExLjYtNjQuOS0xNy43LTExNy45LTE3LjctMTU0LjUNCgljMC02LjUsMC0xMi44LDAuMS0xOWgxNy4yYzAuMiwzNy43LDEzLDEwMi42LDEzLjUsMTA1LjRjMC43LDMuNiwzLjgsNi4xLDcuNCw2LjFsMCwwYzMuNiwwLDYuNy0yLjYsNy40LTYuMQ0KCWMwLjYtMi44LDEzLjUtNjkuOCwxMy41LTEwNi4zYzAtOC44LDAtMTcuMS0yLTIzLjdjLTIuOC05LjItOS41LTE0LjMtMTguOS0xNC4zcy0xNi4xLDUuMS0xOC45LDE0LjNjLTAuOSwyLjktMS40LDYuMS0xLjYsOS41DQoJaC0xNi44YzAuNy04LjYsMi0xNi4zLDQuNC0yMi42YzUuMi0xMy44LDE1LjEtMTkuNywzMy0xOS43czI3LjgsNS45LDMzLDE5LjdjNS4yLDEzLjksNS4yLDM0LjcsNS4yLDU2LjcNCgljMCwzNS44LTYuMiw4OC44LTE3LjksMTU0LjVMMzQ4LjMsMzY5LjRMMzQ4LjMsMzY5LjR6IE0zNzQuNiwxOTZjLTAuMSwxNi4yLTIuOCwzOC44LTUuOCw1OC43Yy0yLjktMTkuNy01LjYtNDIuMi01LjctNTguN0gzNzQuNnoNCgkgTTM2My41LDE4MC44YzAuNy03LjcsMi4zLTguNyw1LjMtOC43czQuNiwwLjksNS4zLDguN0gzNjMuNXoiLz4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02MzgsMzIzIi8+DQo8cmVjdCB4PSI2MS44IiB5PSIxNi4yIiBjbGFzcz0ic3QxIiB3aWR0aD0iMTE0LjciIGhlaWdodD0iMTciLz4NCjxyZWN0IHg9IjYxLjgiIHk9IjQ1NyIgY2xhc3M9InN0MSIgd2lkdGg9IjExNC43IiBoZWlnaHQ9IjE3Ii8+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNzYyLDM4NC41Ii8+DQo8cGF0aCBjbGFzcz0ic3QxIiBkPSJNNjUxLDUxOCIvPg0KPHBhdGggY2xhc3M9InN0MSIgZD0iTS0yMzAsNTA3Ii8+DQo8L3N2Zz4NCg==\";","import * as React from \"react\";\nconst SvgAudioVisualPhotography = props => ;\nexport { SvgAudioVisualPhotography as ReactComponent };\nexport default \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiM4ODg4ODg7c3Ryb2tlOiMwMDAwMDA7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQ0KCS5zdDF7ZmlsbDojMjMxRjIwO3N0cm9rZTojMjMxRjIwO3N0cm9rZS1taXRlcmxpbWl0OjEwO30NCjwvc3R5bGU+DQo8Zz4NCgk8cGF0aCBkPSJNMTM2LjksMTA3LjZoLTIzLjhjLTQuMSwwLTcuNSwzLjQtNy41LDcuNXMzLjQsNy41LDcuNSw3LjVoMjMuOGM0LjEsMCw3LjUtMy40LDcuNS03LjVTMTQxLjEsMTA3LjYsMTM2LjksMTA3LjZ6Ii8+DQoJPHBhdGggZD0iTTMxOC4xLDE0NS4zYy00MS45LDAtNzYuMSwzNC4xLTc2LjEsNzYuMWMwLDQxLjksMzQuMSw3Ni4xLDc2LjEsNzYuMXM3Ni4xLTM0LjEsNzYuMS03Ni4xUzM2MC4xLDE0NS4zLDMxOC4xLDE0NS4zDQoJCUwzMTguMSwxNDUuM3ogTTMxOC4xLDI4Mi40Yy0zMy43LDAtNjEuMS0yNy40LTYxLjEtNjEuMXMyNy40LTYxLjEsNjEuMS02MS4xczYxLjEsMjcuNCw2MS4xLDYxLjFTMzUxLjgsMjgyLjQsMzE4LjEsMjgyLjR6Ii8+DQoJPHBhdGggZD0iTTQ4My45LDY5LjFoLTkxLjFMMzg0LDQ0LjdjLTEuNC0zLjktNS44LTE1LjktMTgtMTUuOUgyNDkuM2MtMTIuMiwwLTE2LjYsMTEuOS0xOCwxNS45bC04LjgsMjQuNGgtNzQuMlY1MC45DQoJCWMwLTkuOS04LTE3LjktMTcuOS0xNy45SDk3Yy05LjksMC0xNy45LDgtMTcuOSwxNy45djE4LjVjLTEzLjUsMi4xLTIzLjgsMTMuNy0yMy44LDI3Ljh2MTUzLjRsLTM0LDYuNg0KCQlDNy4xLDI2MC0yLjMsMjczLjgsMC41LDI4OC4xbDMzLjcsMTczLjdjMi41LDEyLjYsMTMuNSwyMS4zLDI1LjksMjEuM2MxLjYsMCwzLjMtMC4yLDUtMC41bDczLjMtMTQuMmM0LjEtMC44LDYuNy00LjcsNS45LTguOA0KCQlzLTQuNy02LjctOC44LTUuOUw2Mi4yLDQ2OGMtNi4yLDEuMi0xMi4yLTIuOS0xMy40LTlMMTUuMiwyODUuMmMtMS4yLTYuMiwyLjgtMTIuMSw5LTEzLjNsMTgyLjctMzUuNGMzLTAuNiw2LDAuMSw4LjUsMS44DQoJCXM0LjIsNC4zLDQuOCw3LjNsMzMuNywxNzMuN2MxLjIsNi4yLTIuOCwxMi4xLTksMTMuM2wtNzMuMywxNC4yYy00LjEsMC44LTYuNyw0LjctNS45LDguOGMwLjgsNC4xLDQuNyw2LjcsOC44LDUuOWw3My4zLTE0LjINCgkJYzE0LjMtMi44LDIzLjYtMTYuNywyMC45LTMwLjlsLTkuMS00N2g4My43YzQuMSwwLDcuNS0zLjQsNy41LTcuNXMtMy40LTcuNS03LjUtNy41aC04Ni42bC03LjktNDAuNw0KCQljMTkuOCwxNC45LDQ0LjIsMjMuMiw2OS40LDIzLjJjNTAsMCw5Mi44LTMyLDEwOC44LTc2LjZoNzB2ODFjMCw3LjItNS45LDEzLjEtMTMuMSwxMy4xSDM4MGMtNC4xLDAtNy41LDMuNC03LjUsNy41DQoJCXMzLjQsNy41LDcuNSw3LjVoMTA0YzE1LjUsMCwyOC4xLTEyLjYsMjguMS0yOC4xVjk3LjJDNTEyLDgxLjcsNDk5LjQsNjkuMSw0ODMuOSw2OS4xTDQ4My45LDY5LjF6IE0yNDUuNSw0OS44YzEuNC00LDIuNy02LDMuOS02DQoJCUgzNjZjMS40LDAsMi45LDMuMywzLjksNmw3LDE5LjNIMjM4LjVMMjQ1LjUsNDkuOHogTTk0LjEsNTAuOWMwLTEuNiwxLjMtMi45LDIuOS0yLjloMzMuNGMxLjYsMCwyLjksMS4zLDIuOSwyLjlWNjlIOTQuMVY1MC45eg0KCQkgTTMxOC4xLDMyMS44Yy0yOC4yLDAtNTUuMi0xMS45LTc0LjItMzIuN2wtOS00Ni41Yy0xLjMtNi45LTUuMy0xMi45LTExLjEtMTYuOGMtMS45LTEuMy00LTIuMy02LjEtMy4xYzAtMC41LDAtMC45LDAtMS40DQoJCWMwLTU1LjQsNDUuMS0xMDAuNSwxMDAuNS0xMDAuNXMxMDAuNSw0NS4xLDEwMC41LDEwMC41QzQxOC42LDI3Ni44LDM3My41LDMyMS44LDMxOC4xLDMyMS44TDMxOC4xLDMyMS44eiBNNDk3LDI0NS4yaC02NS45DQoJCWMxLjYtNy43LDIuNS0xNS43LDIuNS0yMy45cy0wLjktMTYuMi0yLjUtMjMuOUg0OTdWMjQ1LjJ6IE00OTcsMTgyLjVoLTcwLjFjLTE2LTQ0LjYtNTguNy03Ni42LTEwOC44LTc2LjYNCgkJYy01MCwwLTkyLjcsMzItMTA4LjcsNzYuNmMtNDUuNCwwLjItOTAuOSwwLjMtMTM2LjMsMC41YzAuMi0zMi40LDAuNC02NC43LDAuNi05Ny4xYzUxLjQtMC42LDEwMi43LTEuMiwxNTQuMS0xLjloMTU5LjdoOTYuNA0KCQljNy4yLDAsMTMuMSw1LjksMTMuMSwxMy4xQzQ5NywxMjUuNiw0OTcsMTU0LjEsNDk3LDE4Mi41eiIvPg0KCTxwYXRoIGQ9Ik0yMjcuMiw0MDguNmMxLjgtMi42LDIuNC01LjcsMS44LTguNmwtMjUuNS0xMjguMWMtMS40LTYuNy04LjMtMTAuOC0xNS45LTkuM2wtMTM5LjEsMjdjLTcuNiwxLjUtMTIuNiw3LjktMTEuMywxNC43DQoJCWwyNS41LDEyOGMwLjYsMywyLjMsNS42LDQuOSw3LjNjMi4zLDEuNSw1LjEsMi40LDgsMi40YzEsMCwyLTAuMSwzLTAuM2wxMzkuMS0yN0MyMjEuNyw0MTMuOSwyMjUuMSw0MTEuNywyMjcuMiw0MDguNnoNCgkJIE02Ni43LDM3NS40TDUyLjUsMzA0bDEzNi45LTI2LjVsOC4zLDQxLjdsLTE3LjYsMy40Yy0zMy41LDYuNS00NC42LDE2LjUtNTUuMywyNi4yQzExNC40LDM1OC4yLDEwMy42LDM2Ny45LDY2LjcsMzc1LjQNCgkJTDY2LjcsMzc1LjR6IE03Ni45LDQyNi43bC0zLjUtMThsLTMuNy0xOC42YzQwLjktOC4zLDUzLjgtMTkuOSw2NS4xLTMwLjFjMTAuMS05LjEsMTguOC0xNi45LDQ4LjEtMjIuNmwxNy42LTMuNGwxMy4yLDY2LjINCgkJTDc2LjksNDI2Ljd6Ii8+DQo8L2c+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTQ4LjksMjAwLjRjLTI2LDAuOC01MS4xLDEtNzUuMiwwLjZjMCwxNC42LDAsMjkuMSwwLDQzLjdjNDMtNy42LDg2LTE1LjEsMTI4LjktMjIuN3YtMTkuM2wyLjUtNS4yDQoJQzE4NywxOTguOCwxNjguMiwxOTkuNywxNDguOSwyMDAuNHoiLz4NCjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iNDMxLjEsMTk3LjUgNDMzLjQsMjE1IDQzMy40LDIyNy43IDQzMS4xLDI0NS4yIDQ5NywyNDUuMiA0OTcsMTk3LjUgNDM5LjcsMTk3LjUgIi8+DQo8cGF0aCBjbGFzcz0ic3QxIiBkPSJNLTEzOSw0NjkiLz4NCjxwYXRoIGQ9Ik0xNDguMywxMjcuMSIvPg0KPHBhdGggZD0iTTcwLjMsMTU3LjciLz4NCjxwYXRoIGQ9Ik03NC40LDE5Ny4xYzI0LjcsMC4xLDQ5LjMsMC4yLDc0LDAuNCIvPg0KPHBhdGggZD0iTTI0OS4yLDEwMi42Ii8+DQo8cGF0aCBkPSJNLTE4LjIsOTQuMyIvPg0KPHBhdGggZD0iTTE4NS45LDEwNy42aC0yMy44Yy00LjEsMC03LjUsMy40LTcuNSw3LjVzMy40LDcuNSw3LjUsNy41aDIzLjhjNC4xLDAsNy41LTMuNCw3LjUtNy41UzE5MCwxMDcuNiwxODUuOSwxMDcuNnoiLz4NCjxwYXRoIGQ9Ik00NjkuNCwxMDcuNmgtMjMuOGMtNC4xLDAtNy41LDMuNC03LjUsNy41czMuNCw3LjUsNy41LDcuNWgyMy44YzQuMSwwLDcuNS0zLjQsNy41LTcuNVM0NzMuNSwxMDcuNiw0NjkuNCwxMDcuNnoiLz4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02NjMsMzk5Ii8+DQo8L3N2Zz4NCg==\";","import * as React from \"react\";\nconst SvgBeautyPersonalCareHygiene = props => ;\nexport { SvgBeautyPersonalCareHygiene as ReactComponent };\nexport default \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojM0EzMjM0O30NCgkuc3Qxe2ZpbGw6Izg4ODg4ODt9DQoJLnN0MntmaWxsOiMyMzFGMjA7fQ0KPC9zdHlsZT4NCjxnIGlkPSJYTUxJRF8xXyI+DQoJPGc+DQoJCTxwYXRoIGQ9Ik01Ny4yLDEyOWMtMS45LDAuNi0zLjQsMi4xLTQsNEM1My45LDEzMS4xLDU1LjMsMTI5LjYsNTcuMiwxMjl6IE01MywxMzQuN2MwLTIyLjksMC00NS44LDAtNjguN2MwLTIuMSwxLjEtNC4xLDIuOS01LjINCgkJCWMxLjgtMS4xLDQtMS4xLDUuOS0wLjFsNzIuMSw0MGMxLjksMSwzLjIsMywzLjIsNS4ydjczaDcuOGMzLjQsMCw2LjEsMi42LDYuMiw2djExNGg1LjhjMy40LDAsNi4xLDIuNiw2LjIsNnYxMjENCgkJCWMtMC4xLDE0LjQtMTEuOCwyNi0yNi4yLDI2Yy0zMy40LTAuMS02Ni45LTAuMi0xMDAuNC0wLjNjLTMuNi0zLTcuMy02LTEwLjktOWMwLjUtNDUuOSwxLTkxLjgsMS41LTEzNy43YzAsMCwwLTAuMSwwLTAuMQ0KCQkJYzAtMy4yLDIuNi01LjgsNS44LTUuOUgzOVYxODVjMC0wLjEsMC0wLjEsMC0wLjFjMC0zLjIsMi42LTUuOCw1LjgtNS45SDUzVjEzNC43eiBNNjUsMTM0LjdWMTc5aDYwdi02OS41TDY1LDc2LjINCgkJCUM2NSw5NS43LDY1LDExNS4yLDY1LDEzNC43eiBNNjQuNywxMzIuOWMtMC42LTEuOS0yLjEtMy40LTQtNEM2Mi43LDEyOS42LDY0LjEsMTMxLjEsNjQuNywxMzIuOXogTTE1MSw0MjZWMzExSDM5djExNQ0KCQkJYzAsMCwwLDAuMSwwLDAuMWMwLDcuNiw2LjIsMTMuOSwxMy44LDEzLjloODRDMTQ0LjYsNDQwLDE1MC45LDQzMy44LDE1MSw0MjZ6IE0xMzksMjk5VjE5MUg1MXYxMDhIMTM5eiIvPg0KCQk8cGF0aCBkPSJNNDI2LjMsMzg1SDQ1NXYtMTdIMjE0djE3QzI4NC44LDM4NSwzNTUuNiwzODUsNDI2LjMsMzg1eiBNNDI0LjUsMzk2LjdjLTAuNi0wLjItMS4xLTAuNC0xLjYtMC44Yy0xLjEtMC44LTItMS45LTIuNC0zLjINCgkJCWMwLjQsMS4zLDEuMywyLjUsMi40LDMuMkM0MjMuNSwzOTYuMyw0MjQsMzk2LjYsNDI0LjUsMzk2Ljd6IE00MjQuNSwzODUuM2MtMC42LDAuMi0xLjEsMC40LTEuNiwwLjhjLTEuMSwwLjgtMiwxLjktMi40LDMuMg0KCQkJYzAuNC0xLjMsMS4zLTIuNCwyLjQtMy4yQzQyMy41LDM4NS43LDQyNCwzODUuNSw0MjQuNSwzODUuM3ogTTQyNi4zLDM5N2MtNzYuOSwwLTE1My44LDAtMjMwLjcsMGMzLjEsMjQuNSwyMy45LDQzLDQ4LjYsNDNoMTc5LjkNCgkJCWMyNC43LDAsNDUuNi0xOC41LDQ4LjYtNDNINDI2LjN6IE00ODMuNSwzODYuOGMxLjEsMS4xLDEuOCwyLjYsMS44LDQuMmMwLDMzLjctMjcuMyw2MS02MSw2MUgyNDQuM2MtMzMuNywwLTYxLTI3LjMtNjEtNjENCgkJCWMwLTMuMywyLjctNiw2LTZIMjAydi0yM2MwLTAuMSwwLTAuMSwwLTAuMmMwLTMuMiwyLjUtNS44LDUuNy01LjhIMjcydi0yNi42Yy0zOS4zLTIyLjQtNjMuNi02NC4yLTYzLjctMTA5LjQNCgkJCWMwLTY5LjQsNTYuNC0xMjUuOSwxMjUuOC0xMjUuOVM0NTkuOSwxNTAuNiw0NTkuOSwyMjBjMCw0NS40LTIzLjksODctNjMuOSwxMDkuNFYzNTZoNjQuN2MzLjQsMCw2LjEsMi42LDYuMyw2djIzaDEyLjINCgkJCUM0ODAuOSwzODUsNDgyLjQsMzg1LjcsNDgzLjUsMzg2Ljh6IE00NDcuOCwyMjAuNWMwLjItNjIuOS01MC43LTExNC4xLTExMy42LTExNC4zYy02Mi44LDAtMTEzLjksNTEuMi0xMTMuOSwxMTQNCgkJCWMwLDIxLjEsNS44LDQxLjMsMTYuMyw1OC44YzEwLjUsMTcuNCwyNS42LDMyLjEsNDQuMiw0MmMxNi4zLDgsMzQuOCwxMy4xLDUzLjQsMTMuMUMzOTYuOSwzMzMuOSw0NDcuNiwyODMuMSw0NDcuOCwyMjAuNXoNCgkJCSBNMzg0LDM1NnYtMjAuNmMtMTUsNi45LTMyLjcsMTAuNS01MCwxMC41Yy0xNy4yLDAtMzQuMi0zLjYtNTAtMTAuNVYzNTZIMzg0eiIvPg0KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI2LjMsMzk3aDQ2LjVjLTMsMjQuNS0yMy45LDQzLTQ4LjYsNDNIMjQ0LjNjLTI0LjcsMC00NS42LTE4LjUtNDguNi00M0MyNzIuNSwzOTcsMzQ5LjQsMzk3LDQyNi4zLDM5N3oiLz4NCgkJPHBhdGggY2xhc3M9InN0MSIgZD0iTTQ1NSwzNjh2MTdoLTI4LjdjLTcwLjgsMC0xNDEuNSwwLTIxMi4zLDB2LTE3SDQ1NXoiLz4NCgkJPHBhdGggZD0iTTQyMywzODZjMC41LTAuMywxLTAuNiwxLjYtMC44QzQyNCwzODUuNSw0MjMuNSwzODUuNyw0MjMsMzg2eiIvPg0KCQk8cGF0aCBkPSJNNDIzLDM5NmMwLjUsMC4zLDEsMC42LDEuNiwwLjhDNDI0LDM5Ni42LDQyMy41LDM5Ni4zLDQyMywzOTZ6Ii8+DQoJCTxwYXRoIGQ9Ik00MjAuNiwzODkuMmMwLjQtMS4zLDEuMy0yLjUsMi40LTMuMkM0MjEuOSwzODYuOCw0MjEsMzg3LjksNDIwLjYsMzg5LjJ6Ii8+DQoJCTxwYXRoIGQ9Ik00MjAuNiwzOTIuOGMwLjQsMS4zLDEuMywyLjQsMi40LDMuMkM0MjEuOSwzOTUuMiw0MjEsMzk0LjEsNDIwLjYsMzkyLjh6Ii8+DQoJCTxwYXRoIGQ9Ik00MjUuNSwyMjBjMCwyMy44LTkuMyw0Ni42LTI1LjgsNjMuNmMtMzUuMSwzNi4yLTkzLDM3LTEyOS4xLDEuOWMtMTguNC0xNy45LTI3LjctNDEuNy0yNy43LTY1LjUNCgkJCWMwLTIyLjksOC42LTQ1LjksMjUuOC02My42YzIuMy0yLjQsNi4xLTIuNCw4LjUtMC4xYzIuNCwyLjMsMi40LDYuMSwwLjEsOC41Yy0yNC44LDI1LjYtMjkuNiw2NC42LTExLjYsOTUuNA0KCQkJYzIyLjIsMzcuOSw3MC44LDUwLjYsMTA4LjcsMjguNGMzNy44LTIyLjIsNTAuNi03MC44LDI4LjQtMTA4LjZjLTIyLjEtMzcuOS03MC44LTUwLjYtMTA4LjYtMjguNGMtMC4xLDAtMC4xLDAuMS0wLjEsMC4xDQoJCQljLTIuOSwxLjYtNi41LDAuNi04LjItMi4zYy0xLjYtMi45LTAuNi02LjYsMi4zLTguMmMxNC04LjIsMjkuOC0xMi41LDQ2LTEyLjVDMzg0LjYsMTI4LjcsNDI1LjUsMTY5LjYsNDI1LjUsMjIweiIvPg0KCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTUxLDMxMXYxMTVjLTAuMSw3LjgtNi40LDE0LTE0LjIsMTRoLTg0Yy03LjYsMC0xMy44LTYuMi0xMy44LTEzLjljMCwwLDAtMC4xLDAtMC4xVjMxMUgxNTF6IE0xMzQsNDE2di03OQ0KCQkJYzAtMy4zLTIuNy02LTYtNnMtNiwyLjctNiw2djc5YzAsMy4zLDIuNyw2LDYsNlMxMzQsNDE5LjMsMTM0LDQxNnoiLz4NCgkJPHBhdGggZD0iTTEzNCwzMzd2NzljMCwzLjMtMi43LDYtNiw2cy02LTIuNy02LTZ2LTc5YzAtMy4zLDIuNy02LDYtNlMxMzQsMzMzLjcsMTM0LDMzN3oiLz4NCgkJPHBhdGggZD0iTTEyMywyMTh2NTdjMCwzLjMtMi43LDYtNiw2cy02LTIuNy02LTZ2LTU3YzAtMy4zLDIuNy02LDYtNlMxMjMsMjE0LjcsMTIzLDIxOHoiLz4NCgkJPHBhdGggZD0iTTYwLjgsMTI5YzEuOSwwLjYsMy40LDIuMSw0LDRDNjQuMSwxMzEuMSw2Mi43LDEyOS42LDYwLjgsMTI5eiIvPg0KCQk8cGF0aCBkPSJNNTcuMiwxMjljLTEuOSwwLjYtMy40LDIuMS00LDRDNTMuOCwxMzEsNTUuMywxMjkuNiw1Ny4yLDEyOXoiLz4NCgk8L2c+DQoJPGc+DQoJPC9nPg0KPC9nPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTS00My45LDQ2MS40Ii8+DQo8cG9seWdvbiBjbGFzcz0ic3QyIiBwb2ludHM9IjM5LDQyNiAzOSw0MzEuOCA0Mi45LDQzNi4zIDUwLjYsNDQwLjEgNjAuOSw0NDAuMSA5MC40LDQ0MC4xIDEzNi44LDQ0MCAxNDIuNSw0MzkuNSAxNDguMyw0MzQuNCANCgkxNTAuOSw0MjkuMiAxNTEsNDI2ICIvPg0KPHBhdGggY2xhc3M9InN0MiIgZD0iTS00Miw0NDYuNiIvPg0KPC9zdmc+DQo=\";","import * as React from \"react\";\nconst SvgBuildingProducts = props => ;\nexport { SvgBuildingProducts as ReactComponent };\nexport default \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojMjMxRjIwO30NCgkuc3Qxe2ZpbGw6IzA3MDYwNjt9DQoJLnN0MntmaWxsOiMzQTMzMzY7fQ0KCS5zdDN7ZmlsbDojODg4ODg4O30NCgkuc3Q0e2ZpbGw6IzNGM0IzRDt9DQoJLnN0NXtmaWxsOiNGN0YyRjQ7fQ0KCS5zdDZ7ZmlsbDpub25lO3N0cm9rZTojMDAwMDAwO3N0cm9rZS1taXRlcmxpbWl0OjEwO30NCgkuc3Q3e2ZpbGw6IzIzMUYyMDtzdHJva2U6IzAwMDAwMDtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9DQoJLnN0OHtmaWxsOiMzQTMzMzY7c3Ryb2tlOiMwMDAwMDA7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02NzEsNDU1Ii8+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNjk4LDIwOCIvPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTS0xMzMuMyw2MDcuMyIvPg0KPGcgaWQ9IlhNTElEXzFfIj4NCgk8Zz4NCgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTU3LjQsMjg2LjNjLTAuOC0zLjEtMS01LjktMC45LTguM2MyLjMsMTIsMTEuMywyMS45LDIzLjQsMjV2LTIwLjJjMCw3LjQsMC4xLDE0LjksMC4xLDIyLjMNCgkJCWMtMi42LTAuOS01LjEtMS43LTcuNy0yLjZjLTIuNi0xLjYtNS4xLTMuMS03LjctNC43Yy0xLjYtMS40LTMuMS0yLjktNC43LTQuM2MtMC43LTEuOS0xLjQtMy43LTIuMS01LjYNCgkJCUM1Ny43LDI4Ny40LDU3LjYsMjg2LjgsNTcuNCwyODYuM3oiLz4NCgkJPHBhdGggY2xhc3M9InN0MSIgZD0iTTgwLjEsMzA1LjFjMC03LjQtMC4xLTE0LjktMC4xLTIyLjNWMjgwYzAtNC40LDMuNi04LDgtOGgzMmM0LjQsMCw4LDMuNiw4LDh2Mi44VjMwM2MyLjktMC44LDUuNS0xLjksOC0zLjMNCgkJCWwwLDBsMCwwYzMuOC0yLjIsNy4xLTUuMiw5LjctOC43bDAuMy0wLjNsMC4xLTAuM2MxLjctMi4zLDMtNC45LDQtNy42YzEuMi0zLjQsMS45LTcsMS45LTEwLjh2LTE2SDU2djE2YzAsMiwwLjIsNCwwLjYsNg0KCQkJYy0wLjEsMi40LDAuMSw1LjMsMC45LDguM2MwLjEsMC41LDAuMywxLjEsMC41LDEuNmMwLjcsMS45LDEuNCwzLjcsMi4xLDUuNmMxLjYsMS40LDMuMSwyLjksNC43LDQuM2MyLjYsMS42LDUuMSwzLjEsNy43LDQuNw0KCQkJQzc1LDMwMy40LDc3LjUsMzA0LjIsODAuMSwzMDUuMXogTTE2OCwxNTJ2MTIwYzAsMjMuNC0xNi45LDQzLjQtNDAsNDcuM1YzMzZoOGM0LjQsMCw4LDMuNiw4LDh2MTIwYzAsMjIuMS0xNy45LDQwLTQwLDQwDQoJCQlzLTQwLTE3LjktNDAtNDBWMzQ0YzAtNC40LDMuNi04LDgtOGg4di0xNi43Yy0yMy4xLTMuOS00MC0yMy45LTQwLTQ3LjNWMTUyYzAtNC40LDMuNi04LDgtOGgxMTJDMTY0LjQsMTQ0LDE2OCwxNDcuNiwxNjgsMTUyeg0KCQkJIE0xNTIsMjQwdi04MEg1NnY4MEgxNTJ6IE0xMjgsNDY0VjM1Mkg4MHYxMTJjMCwxMy4zLDEwLjcsMjQsMjQsMjRTMTI4LDQ3Ny4zLDEyOCw0NjR6IE0xMTIsMzM2di00OEg5NnY0OEgxMTJ6Ii8+DQoJCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik04MCwzMDNjLTEyLjEtMy4yLTIxLjItMTMtMjMuNC0yNWMwLTAuMSwwLTAuMiwwLTAuMmM3LjgsMS43LDE1LjYsMy40LDIzLjQsNS4xVjMwM3oiLz4NCgkJPHBhdGggY2xhc3M9InN0MiIgZD0iTTU2LjYsMjc4Yy0wLjQtMS45LTAuNi0zLjktMC42LTZ2LTE2aDk2djE2YzAsMy44LTAuNyw3LjQtMS45LDEwLjhoMEgxMjhWMjgwYzAtNC40LTMuNi04LTgtOEg4OA0KCQkJYy00LjQsMC04LDMuNi04LDh2Mi44Yy03LjgtMS43LTE1LjYtMy40LTIzLjQtNS4xQzU2LjYsMjc3LjgsNTYuNiwyNzcuOSw1Ni42LDI3OHoiLz4NCgkJPHBhdGggZD0iTTQ3Miw2NHY4OGMwLDQuNC0zLjYsOC04LDhIMjcydjEyMGg4YzQuNCwwLDgsMy42LDgsOHYyNGg4YzQuNCwwLDgsMy42LDgsOHYxNDRjMCwyMi4xLTE3LjksNDAtNDAsNDBzLTQwLTE3LjktNDAtNDBWMzIwDQoJCQljMC00LjQsMy42LTgsOC04aDh2LTI0YzAtNC40LDMuNi04LDgtOGg4VjE1MmMwLTQuNCwzLjYtOCw4LThoMTkyVjcyaC04djE2YzAsNC40LTMuNiw4LTgsOGgtMTZ2MTZjMCw0LjQtMy42LDgtOCw4SDExMg0KCQkJYy00LjQsMC04LTMuNi04LThWOTZIODhjLTQuNCwwLTgtMy42LTgtOFY0MGMwLTQuNCwzLjYtOCw4LThoMTZWMTZjMC00LjQsMy42LTgsOC04aDMwNGM0LjQsMCw4LDMuNiw4LDh2MTZoMTZjNC40LDAsOCwzLjYsOCw4DQoJCQl2MTZoMTZDNDY4LjQsNTYsNDcyLDU5LjYsNDcyLDY0eiBNNDMyLDgwVjQ4aC04djMySDQzMnogTTQwOCwxMDRWMjRIMTIwdjgwSDQwOHogTTI4OCw0NjRWMzI4aC00OHYxMzZjMCwxMy4zLDEwLjcsMjQsMjQsMjQNCgkJCUMyNzcuMyw0ODgsMjg4LDQ3Ny4zLDI4OCw0NjR6IE0yNzIsMzEydi0xNmgtMTZ2MTZIMjcyeiBNMTA0LDgwVjQ4aC04djMySDEwNHoiLz4NCgkJPHBhdGggY2xhc3M9InN0MyIgZD0iTTQwOCwyNHY4MEgxMjBWMjRINDA4eiBNMzcxLjQsNDkuM2MwLTQuNC0zLjYtOC04LThoLTE2Yy00LjQsMC04LDMuNi04LDhzMy42LDgsOCw4aDE2DQoJCQlDMzY3LjgsNTcuMywzNzEuNCw1My43LDM3MS40LDQ5LjN6IE0zMjcsNDcuMWMwLTMuOS00LjgtNy4xLTEwLjYtNy4xSDE0Ni42Yy01LjgsMC0xMC42LDMuMi0xMC42LDcuMXM0LjgsNy4xLDEwLjYsNy4xaDE2OS44DQoJCQlDMzIyLjIsNTQuMiwzMjcsNTEsMzI3LDQ3LjF6Ii8+DQoJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik0zNjMuNCw0MS4zYzQuNCwwLDgsMy42LDgsOHMtMy42LDgtOCw4aC0xNmMtNC40LDAtOC0zLjYtOC04czMuNi04LDgtOEgzNjMuNHoiLz4NCgkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTMxNi40LDQwYzUuOCwwLDEwLjYsMy4yLDEwLjYsNy4xcy00LjgsNy4xLTEwLjYsNy4xSDE0Ni42Yy01LjgsMC0xMC42LTMuMi0xMC42LTcuMXM0LjgtNy4xLDEwLjYtNy4xSDMxNi40DQoJCQl6Ii8+DQoJCTxwYXRoIGNsYXNzPSJzdDUiIGQ9Ik0yODgsMzI4djEzNmMwLDEzLjMtMTAuNywyNC0yNCwyNGMtMTMuMywwLTI0LTEwLjctMjQtMjRWMzI4SDI4OHoiLz4NCgkJPHJlY3QgeD0iNTYiIHk9IjE2MCIgY2xhc3M9InN0MyIgd2lkdGg9Ijk2IiBoZWlnaHQ9IjgwIi8+DQoJCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0xNTAuMSwyODIuOGwtNCw3LjZjLTAuMSwwLjItMC4zLDAuNC0wLjQsMC41bC00LjYsNWwtNS4xLDMuN2wwLDBsMCwwbC04LDMuM3YtMjAuMkgxNTAuMXoiLz4NCgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE0Ni4xLDI5MC40bC0wLjEsMC4zbC0wLjMsMC4zQzE0NS45LDI5MC44LDE0NiwyOTAuNiwxNDYuMSwyOTAuNHoiLz4NCgkJPHBhdGggY2xhc3M9InN0NSIgZD0iTTEyOCwzNTJ2MTEyYzAsMTMuMy0xMC43LDI0LTI0LDI0cy0yNC0xMC43LTI0LTI0VjM1MkgxMjh6Ii8+DQoJPC9nPg0KCTxnPg0KCQk8cmVjdCB4PSI1NiIgeT0iMTYwIiBjbGFzcz0ic3Q2IiB3aWR0aD0iOTYiIGhlaWdodD0iODAiLz4NCgk8L2c+DQo8L2c+DQo8cGF0aCBjbGFzcz0ic3Q3IiBkPSJNNzMwLDMzNiIvPg0KPHBhdGggY2xhc3M9InN0OCIgZD0iTTU5LjYsMjgwLjciLz4NCjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0zNC4zLDMxMC4zIi8+DQo8L3N2Zz4NCg==\";","import * as React from \"react\";\nconst SvgCleaningHygieneProducts = props => ;\nexport { SvgCleaningHygieneProducts as ReactComponent };\nexport default \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRkZGRkZGO3N0cm9rZTojMDAwMDAwO3N0cm9rZS1taXRlcmxpbWl0OjEwO30NCgkuc3Qxe2ZpbGw6Izg4ODg4ODt9DQoJLnN0MntmaWxsOiMyMzFGMjA7fQ0KCS5zdDN7ZmlsbDojNjU1QzVFO30NCjwvc3R5bGU+DQo8ZyBpZD0iSGFuZF93YXNoLXNwcmF5X3dhc2gtYW50aV92aXJ1cy1jbGVhbi1oYW5kIj4NCgk8cGF0aCBkPSJNMjI0LjQsMjA2LjJoLTQyLjl2LTcwLjljMC00LjMtMi43LTcuOS02LjEtNy45SDE2M3YtMjMuNmgzMC43YzMuNCwwLDYuMS0zLjUsNi4xLTcuOWMwLTMuNywwLTcuMywwLTExDQoJCWMwLTYuOCwwLTEzLjcsMC0yMC41YzAtMC41LDAuMS0zLjEtMS44LTUuNmMtMS4xLTEuNC0yLjYtMi4zLTQuMy0yLjNIMTYzYzAtNC4zLTIuNy03LjktNi4xLTcuOWgtMzYuOGMtMy40LDAtNi4xLDMuNS02LjEsNy45DQoJCXY3MC45aC0xMi40Yy0zLjQsMC02LjEsMy41LTYuMSw3Ljl2NzAuOUg1Mi42Yy0zLjQsMC02LjEsMy41LTYuMSw3Ljl2MjY3LjhjMCw0LjMsMi43LDcuOSw2LjEsNy45aDE3MS43YzMuNCwwLDYuMS0zLjUsNi4xLTcuOQ0KCQlWMjE0LjFDMjMwLjQsMjA5LjgsMjI3LjgsMjA2LjIsMjI0LjQsMjA2LjJ6IE0xNjUuOCw3MmgyNi4xdjE0LjZoLTI2LjFWNzJ6IE0xMjIuNyw2NGgzMnY2NGgtMzJWNjR6IE0xMTEuNywxNDZjMTgsMCwzNiwwLDU0LDB2NTgNCgkJaC01NEMxMTEuNywxODQuNywxMTEuNywxNjUuMywxMTEuNywxNDZ6IE0yMTYuOCw0NzJoLTE1NnYtOGMyNC45LDAsNDkuNywwLDc0LjYsMGMyNy4xLDAsNTQuMywwLDgxLjQsMA0KCQlDMjE2LjgsNDY2LjcsMjE2LjgsNDY5LjMsMjE2LjgsNDcyeiBNMTk1LjQsNDI5SDgwLjNWMjYyaDExNS4xVjQyOXogTTIxMi44LDI0MGgtMTQ4di0xNmgxNDhWMjQweiIvPg0KCTxwYXRoIGQ9Ik0xMDEuOCwzNjhoMjB2MjBjMCwyLjIsMS44LDQsNCw0aDI0YzIuMiwwLDQtMS44LDQtNHYtMjBoMjBjMi4yLDAsNC0xLjgsNC00di0yNGMwLTIuMi0xLjgtNC00LTRoLTIwdi0yMGMwLTIuMi0xLjgtNC00LTQNCgkJaC0yNGMtMi4yLDAtNCwxLjgtNCw0djIwaC0yMGMtMi4yLDAtNCwxLjgtNCw0djI0Qzk3LjgsMzY2LjIsOTkuNiwzNjgsMTAxLjgsMzY4eiIvPg0KCTxwYXRoIGQ9Ik0yMzMuOCw3MmgxNnYxNmgtMTZWNzJ6Ii8+DQoJPHBhdGggZD0iTTI2NS44LDcyaDE2djE2aC0xNlY3MnoiLz4NCgk8cGF0aCBkPSJNMjk3LjgsNzJoMTZ2MTZoLTE2VjcyeiIvPg0KCTxwYXRoIGQ9Ik0yMzEuOCw0MC4ybDE1LjUtNC4xbDQuMSwxNS41bC0xNS41LDQuMUwyMzEuOCw0MC4yeiIvPg0KCTxwYXRoIGQ9Ik0yNjIuNywzMS45bDE1LjUtNC4xbDQuMSwxNS41bC0xNS41LDQuMUwyNjIuNywzMS45eiIvPg0KCTxwYXRoIGQ9Ik0yOTMuNiwyMy43bDE1LjUtNC4xbDQuMSwxNS41bC0xNS41LDQuMUwyOTMuNiwyMy43eiIvPg0KCTxwYXRoIGQ9Ik0yMzEuOCwxMTkuN2w0LjEtMTUuNWwxNS41LDQuMWwtNC4xLDE1LjVMMjMxLjgsMTE5Ljd6Ii8+DQoJPHBhdGggZD0iTTI2Mi43LDEyOGw0LjEtMTUuNWwxNS41LDQuMWwtNC4xLDE1LjVMMjYyLjcsMTI4eiIvPg0KCTxwYXRoIGQ9Ik0yOTMuNiwxMzYuM2w0LjEtMTUuNWwxNS41LDQuMWwtNC4xLDE1LjVMMjkzLjYsMTM2LjN6Ii8+DQoJPHBhdGggZD0iTTQyNiwxMS45Yy0xNy43LDAtMzIsMTQuMy0zMiwzMnYxNDYuN2MtMTMuNy0zLjEtMjcuOSwzLTM1LDE1LjJsLTQ3LjcsODIuNmMtMy41LDYuMS01LjQsMTMtNS40LDIwdjE3NS41YzAsNC40LDMuNiw4LDgsOA0KCQloOTZjNC40LDAsOC0zLjYsOC04VjM4Mi40YzAtNS43LDIuMS0xMS4yLDUuOC0xNS42bDI0LjYtMjguN2M2LjItNy4zLDkuNi0xNi41LDkuNi0yNlY0My45QzQ1OCwyNi4yLDQ0My43LDExLjksNDI2LDExLjl6DQoJCSBNNDQwLjgsMzEyLjJjMCw1LjctMiwxMS4yLTUuOCwxNS42bC0yNC42LDI4LjdjLTYuMiw3LjMtOS42LDE2LjUtOS42LDI2VjQ3NmgtODBWMzA4LjZjMC00LjIsMS4xLTguMywzLjItMTJsNDcuOC04Mi42DQoJCWM0LjQtNy42LDE0LjItMTAuMiwyMS45LTUuOGMzLjYsMi4xLDYuMyw1LjYsNy40LDkuNmMxLjEsNC4xLDAuNiw4LjUtMS42LDEyLjJsLTUyLDkwLjFsMTMuOCw4bDUyLTkwLjFjNC4zLTcuMyw1LjUtMTYuMSwzLjItMjQuMg0KCQljLTEuMy01LjItNC05LjktNy43LTEzLjhWNDRjMC04LjgsNy4yLTE2LDE2LTE2czE2LDcuMiwxNiwxNlYzMTIuMkw0NDAuOCwzMTIuMnoiLz4NCjwvZz4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNjUuOCw0MjkuNSIvPg0KPHBhdGggZD0iTTIwMSw0MTgiLz4NCjxwYXRoIGQ9Ik0xNjMsNDIzIi8+DQo8cGF0aCBkPSJNLTE4Myw0MDAiLz4NCjxwYXRoIGQ9Ik0tMTE5LDQzNyIvPg0KPHBhdGggZD0iTTIzLDIxMyIvPg0KPHBhdGggZD0iTTU5MSw0OTkiLz4NCjxwYXRoIGQ9Ik0yNjAsNDg2Ii8+DQo8cGF0aCBkPSJNMTE4LDUwNyIvPg0KPHBhdGggZD0iTTIyNyw1MDMiLz4NCjxwYXRoIGQ9Ik0xOTkuNCwxMjgiLz4NCjxwYXRoIGQ9Ik02MDIsNDczIi8+DQo8cGF0aCBkPSJNNDU1LjksNDg4Ii8+DQo8cGF0aCBkPSJNNjExLDQ5NiIvPg0KPHBhdGggZD0iTTE5LDU0MSIvPg0KPHBhdGggZD0iTTYzOSwzMjUiLz4NCjxwYXRoIGQ9Ik02MTYsMzI5Ii8+DQo8cmVjdCB4PSI2NC43IiB5PSIyMjQiIGNsYXNzPSJzdDEiIHdpZHRoPSIxNDgiIGhlaWdodD0iMTYiLz4NCjxyZWN0IHg9IjYwLjciIHk9IjQ1OS41IiBjbGFzcz0ic3QxIiB3aWR0aD0iMTU2IiBoZWlnaHQ9IjEyLjUiLz4NCjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0tMTE2LDI4NiIvPg0KPHBhdGggY2xhc3M9InN0MyIgZD0iTTYyNCw1MTAiLz4NCjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik02MC43LDQ1OS41Ii8+DQo8cGF0aCBjbGFzcz0ic3QxIiBkPSJNNjE1LDQzNiIvPg0KPC9zdmc+DQo=\";","import * as React from \"react\";\nconst SvgClothingIcon = props => ;\nexport { SvgClothingIcon as ReactComponent };\nexport default \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojMjMxRjIwO3N0cm9rZTojMDAwMDAwO3N0cm9rZS1taXRlcmxpbWl0OjEwO30NCgkuc3Qxe2ZpbGw6Izg4ODg4ODtzdHJva2U6IzAwMDAwMDtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9DQoJLnN0MntmaWxsOiM3OTZENUY7c3Ryb2tlOiMwMDAwMDA7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQ0KCS5zdDN7ZmlsbDojNzc2QjVEO3N0cm9rZTojMDAwMDAwO3N0cm9rZS1taXRlcmxpbWl0OjEwO30NCjwvc3R5bGU+DQo8Zz4NCgk8Zz4NCgkJPHBhdGggZD0iTTQ4My4zLDIxNS42TDQyMC4xLDc3LjFjLTYuMi0xMy43LTEzLjMtMjEtMjcuMS0yNy45Yy0wLjQtMC4yLTAuNy0wLjMtMS4xLTAuNWwtNDktMTcuNmMwLjItMy4yLTEtNi4zLTMuNS04LjRMMzE1LjIsMi40DQoJCQljLTIuMy0xLjktNS4zLTIuNy04LjItMi4yYy0xLjMsMC4yLTIuNSwwLjctMy42LDEuNGMtMC4zLDAuMS0wLjYsMC4yLTAuOCwwLjRjLTE1LDcuNS0zMiwxMS41LTQ5LjIsMTEuNXMtMzQuMi00LTQ5LjItMTEuNQ0KCQkJYy0wLjMtMC4xLTAuNi0wLjMtMC44LTAuNGMtMS4xLTAuNy0yLjMtMS4yLTMuNi0xLjRjLTIuOS0wLjUtNS45LDAuMy04LjIsMi4ybC0yNC4yLDIwLjNjLTIuNSwyLjEtMy44LDUuMi0zLjUsOC40bC00OSwxNy42DQoJCQljLTAuNCwwLjEtMC44LDAuMy0xLjEsMC41QzEwMC4xLDU2LjEsOTMsNjMuNCw4Ni43LDc3LjFMMjMuNSwyMTUuNmMtMi4xLDQuNi0wLjUsMTAsMy44LDEyLjdsNzUuNiw0Ny4yVjUwMmMwLDUuNSw0LjUsMTAsMTAsMTANCgkJCWg5NS4zYzUuNSwwLDEwLTQuNSwxMC0xMHMtNC41LTEwLTEwLTEwaC04NS4zVjE4OS42YzAtNS41LTQuNS0xMC0xMC0xMHMtMTAsNC41LTEwLDEwdjYyLjJsLTU3LjUtMzUuOUwxMDUsODUuNA0KCQkJYzQuMy05LjMsOC0xMy4zLDE3LjMtMThsNDYuMi0xNi42bDIxLjYsODkuMmMwLjgsMy4xLDIuOSw1LjcsNS45LDYuOWMxLjIsMC41LDIuNSwwLjgsMy45LDAuOGMxLjgsMCwzLjYtMC41LDUuMi0xLjVsMTguMy0xMS4xDQoJCQl2ODIuNWMwLDUuNSw0LjUsMTAsMTAsMTBoNDAuMWM1LjUsMCwxMC00LjUsMTAtMTB2LTgyLjVsMTguMywxMS4xYzEuNiwxLDMuNCwxLjUsNS4yLDEuNWMxLjMsMCwyLjYtMC4zLDMuOS0wLjgNCgkJCWMzLTEuMiw1LjEtMy44LDUuOS02LjlsMjEuNi04OS4ybDQ2LjIsMTYuNmM5LjMsNC43LDEzLDguNywxNy4zLDE4bDU5LjUsMTMwLjVsLTU3LjUsMzUuOXYtNjIuMmMwLTUuNS00LjUtMTAtMTAtMTANCgkJCXMtMTAsNC41LTEwLDEwdjMwMi4zYy01OC41LDAtMTE3LjEsMC0xNzUuNiwwYzUuNSwwLDEwLDQuNSwxMCwxMHMtNC41LDEwLTEwLDEwYzYxLjksMCwxMjMuOCwwLDE4NS43LDBjNS41LDAsMTAtNC41LDEwLTEwVjI3NS41DQoJCQlsNzUuNi00Ny4yQzQ4MC44LDIyNCw0ODIuMSwyMTkuOCw0ODMuMywyMTUuNnogTTI4NS45LDI5LjRsLTMyLjUsNTUuOGwtMzIuNS01NS44YzEwLjUsMi43LDIxLjUsNC4xLDMyLjUsNC4xDQoJCQlDMjY0LjQsMzMuNSwyNzUuMywzMi4xLDI4NS45LDI5LjR6IE0xODUuMSwzNC4xbDEwLjMtOC43bDQ0LjQsNzYuM0wyMDYuNCwxMjJMMTg1LjEsMzQuMXogTTI2My40LDIwNy43aC0yMFYxMjNsMTAtNi4xbDEwLDYuMQ0KCQkJVjIwNy43eiBNMzAwLjQsMTIyTDI2NywxMDEuN2w0NC40LTc2LjNsMTAuMyw4LjdMMzAwLjQsMTIyeiIvPg0KCTwvZz4NCjwvZz4NCjxwYXRoIGQ9Ik03MjUsMjE3Ii8+DQo8cGF0aCBkPSJNMjgyLDU2MSIvPg0KPGVsbGlwc2UgY2xhc3M9InN0MCIgY3g9IjI1Ni4zIiBjeT0iMTM5LjMiIHJ4PSIzLjQiIHJ5PSI2Ii8+DQo8ZWxsaXBzZSBjbGFzcz0ic3QwIiBjeD0iMjU2LjMiIGN5PSIxNjIuMyIgcng9IjMuNCIgcnk9IjYiLz4NCjxlbGxpcHNlIGNsYXNzPSJzdDAiIGN4PSIyNTUuNSIgY3k9IjE4NC45IiByeD0iMy40IiByeT0iNiIvPg0KPHJlY3QgeD0iMTIyLjkiIHk9IjI3NiIgY2xhc3M9InN0MSIgd2lkdGg9IjI2MSIgaGVpZ2h0PSI4NCIvPg0KPHBhdGggY2xhc3M9InN0MiIgZD0iTTYzOSw0MDgiLz4NCjxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik0tMTE5LDQ3NCIvPg0KPHBhdGggY2xhc3M9InN0MSIgZD0iTTcwMCwzOTAiLz4NCjwvc3ZnPg0K\";","import * as React from \"react\";\nconst SvgCommunicationIcon = props => ;\nexport { SvgCommunicationIcon as ReactComponent };\nexport default \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiM4ODg4ODg7fQ0KPC9zdHlsZT4NCjxnPg0KCTxnIGlkPSJYTUxJRF8xXyI+DQoJCTxnPg0KCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTQwNiw2MWM0MS45LDAsNzYsMzMuNyw3Niw3NXMtMzQuMSw3NS03Niw3NWgtNjBjLTQsMC03LjgsMS42LTEwLjYsNC40TDMwMSwyNDkuOFYyMjZjMC04LjMtNi43LTE1LTE1LTE1DQoJCQkJYy00MS40LDAtNzUtMzMuNi03NS03NXMzMy42LTc1LDc1LTc1SDQwNnogTTQyMSwxMzZjMC04LjMtNi43LTE1LTE1LTE1cy0xNSw2LjctMTUsMTVzNi43LDE1LDE1LDE1UzQyMSwxNDQuMyw0MjEsMTM2eiBNMzYxLDEzNg0KCQkJCWMwLTguMy02LjctMTUtMTUtMTVzLTE1LDYuNy0xNSwxNXM2LjcsMTUsMTUsMTVTMzYxLDE0NC4zLDM2MSwxMzZ6IE0zMDEsMTM2YzAtOC4zLTYuNy0xNS0xNS0xNXMtMTUsNi43LTE1LDE1czYuNywxNSwxNSwxNQ0KCQkJCVMzMDEsMTQ0LjMsMzAxLDEzNnoiLz4NCgkJCTxwYXRoIGQ9Ik00MDYsMzFjNTguNSwwLDEwNiw0Ny4xLDEwNiwxMDVzLTQ3LjUsMTA1LTEwNiwxMDVoLTUzLjhsLTU1LjYsNTUuNmMtNC4zLDQuMy0xMC44LDUuNi0xNi4zLDMuMw0KCQkJCWMtNS42LTIuMy05LjMtNy44LTkuMy0xMy45di00Ni4xYy01MC44LTcuMy05MC01MS4xLTkwLTEwMy45YzAtNTcuOSw0Ny4xLTEwNSwxMDUtMTA1SDQwNnogTTQ4MiwxMzZjMC00MS4zLTM0LjEtNzUtNzYtNzVIMjg2DQoJCQkJYy00MS40LDAtNzUsMzMuNy03NSw3NXMzMy42LDc1LDc1LDc1YzguMywwLDE1LDYuNywxNSwxNXYyMy44bDM0LjQtMzQuNGMyLjgtMi44LDYuNi00LjQsMTAuNi00LjRoNjANCgkJCQlDNDQ3LjksMjExLDQ4MiwxNzcuNCw0ODIsMTM2eiIvPg0KCQkJPGNpcmNsZSBjeD0iNDA2IiBjeT0iMTM2IiByPSIxNSIvPg0KCQkJPHBhdGggZD0iTTM4MiwzNzZ2NjBjMCwyNC44LTIwLjEsNDUtNDQuOCw0NWMtODMsMC0xNjguMi0zNy41LTIzMy44LTEwMi45QzM3LjcsMzEyLjcsMCwyMjcuNywwLDE0NC44QzAsMTIwLjEsMjAuMiwxMDAsNDUsMTAwDQoJCQkJaDYwYzYuNCwwLDEyLjIsNC4xLDE0LjIsMTAuM2wzMCw4OS44YzEuNSw0LjQsMC44LDkuMi0xLjgsMTMuMUwxMjIsMjUxLjNjMTkuMyw0MC4zLDY3LjcsODguMywxMDguNywxMDcuN2wzOC4yLTI1LjUNCgkJCQljMy45LTIuNiw4LjctMy4yLDEzLjEtMS44bDg5LjgsMzBDMzc3LjksMzYzLjgsMzgyLDM2OS41LDM4MiwzNzZ6IE0zNTIsNDM2di00OS4ybC03Mi42LTI0LjNsLTM4LjksMjUuOQ0KCQkJCWMtNC4xLDIuNy05LjMsMy4zLTEzLjksMS40Yy0yNS4xLTEwLTUzLjMtMjkuOC03OS40LTU1LjZjLTI2LjMtMjYtNDYuMi01NC01Ni4yLTc5Yy0xLjgtNC42LTEuMy05LjgsMS40LTEzLjlsMjUuOS0zOC45DQoJCQkJTDk0LjIsMTMwSDQ1Yy04LjQsMC0xNSw2LjUtMTUsMTQuOEMzMCwzMDIuMiwxNzkuMyw0NTEsMzM3LjIsNDUxQzM0NS41LDQ1MSwzNTIsNDQ0LjQsMzUyLDQzNnoiLz4NCgkJCTxjaXJjbGUgY3g9IjM0NiIgY3k9IjEzNiIgcj0iMTUiLz4NCgkJCTxjaXJjbGUgY3g9IjI4NiIgY3k9IjEzNiIgcj0iMTUiLz4NCgkJPC9nPg0KCQk8Zz4NCgkJPC9nPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K\";","import * as React from \"react\";\nconst SvgComputingIcon = props => ;\nexport { SvgComputingIcon as ReactComponent };\nexport default \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA0NjcuMiA0NjcuMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDY3LjIgNDY3LjI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiMyMzFGMjA7fQ0KCS5zdDF7ZmlsbDojODg4ODg4O30NCgkuc3Qye2ZpbGw6bm9uZTt9DQo8L3N0eWxlPg0KPGcgaWQ9IlhNTElEXzFfIj4NCgk8Zz4NCgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTI2NS42LDM1OS41YzAsMC45LTAuMSw1LjYtMy45LDkuM2MtMS4zLDEuMy0yLjcsMi4yLTQsMi43bC0xMy43LDEuMWgtMTdoLTEyLjJsLTExLTZsLTIuMi0xMS4xSDE1aC00djcuMQ0KCQkJVjM3NGw0LDMuOWg4YzAuNCwwLjEsMC45LDAuMSwxLjMsMC4xaDQxOC42YzAuNSwwLDAuOSwwLDEuMy0wLjFoOHYtNS4ydi00di0xMy4xYy0zLjksMC03LjgsMC0xMS43LDBjLTU4LjMsMC0xMTYuNiwwLTE3NC45LDANCgkJCVYzNTkuNXogTTQ2Ny4zLDM0OHYyMC42YzAsMTMuNC0xMC45LDI0LjMtMjQuMywyNC4zSDI0LjNDMTAuOSwzOTIuOSwwLDM4MiwwLDM2OC42VjM0OGMwLTQuMSwzLjQtNy41LDcuNS03LjVoMTEuN1YxMDIuOA0KCQkJQzE5LjIsODcsMzIsNzQuMiw0Ny44LDc0LjJoMzcxLjZjMTUuOCwwLDI4LjYsMTIuOCwyOC42LDI4LjZ2MjM3LjhoMTEuN0M0NjMuOSwzNDAuNiw0NjcuMiwzNDMuOSw0NjcuMywzNDh6IE00MzMsMzQwLjVWMTAyLjgNCgkJCWMwLTcuNS02LjEtMTMuNi0xMy42LTEzLjZINDcuOGMtNy41LDAtMTMuNiw2LjEtMTMuNiwxMy42djIzNy43SDQzM3ogTTI1NS42LDM1OS41di0zLjloLTQ0djMuOWMwLDEuOCwxLjQsMy4yLDMuMiwzLjJoMzcuNg0KCQkJQzI1NC4yLDM2Mi43LDI1NS42LDM2MS4zLDI1NS42LDM1OS41eiIvPg0KCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNNDUyLjIsMzU1LjZsLTE5NC41LDE2YzEuMy0wLjYsMi43LTEuNCw0LTIuN2MzLjgtMy44LDMuOS04LjUsMy45LTkuM3YtMy45YzU4LjMsMCwxMTYuNiwwLDE3NC45LDANCgkJCUM0NDQuNCwzNTUuNiw0NDguMywzNTUuNiw0NTIuMiwzNTUuNnoiLz4NCgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTI0NCwzNzIuN2wxMy43LTEuMWMtMi41LDEuMS00LjgsMS4xLTUuMywxLjFDMjQ5LjYsMzcyLjcsMjQ2LjgsMzcyLjcsMjQ0LDM3Mi43eiIvPg0KCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNNDUyLjIsMzU1LjZ2MTMuMWMwLDQuNi0zLjUsOC41LTgsOS4yaC0xLjNIMzU3aC03MWgtNzQuNEgyNC4zSDIzYy00LjUtMC42LTgtNC41LTgtOS4ydi0xMy4xaDE4Ni42djMuOQ0KCQkJYzAsMi43LDAuOCw1LjEsMi4xLDcuMmMyLjQsMy42LDYuNCw2LDExLjEsNkgyMjdoMTdjMi44LDAsNS42LDAsOC40LDBjMC42LDAsMi44LDAsNS4zLTEuMUw0NTIuMiwzNTUuNnoiLz4NCgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTQ1Mi4yLDM3Mi43djUuMmgtOGM0LjUtMC42LDgtNC41LDgtOS4yVjM3Mi43eiIvPg0KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI1LjQsMTA4LjN2MjEzLjNjMCw2LjMtNS4xLDExLjUtMTEuNSwxMS41SDUzLjNjLTYuNCwwLTExLjYtNS4xLTExLjYtMTEuNVYxMDguNGMwLTYuNCw1LjItMTEuNiwxMS42LTExLjYNCgkJCWgzNjAuNkM0MjAuMyw5Ni44LDQyNS41LDEwMiw0MjUuNCwxMDguM3ogTTQxNS41LDMyMS41aC0wLjFWMTA4LjNjMC0wLjktMC42LTEuNi0xLjUtMS42SDUzLjNjLTAuOSwwLTEuNiwwLjctMS42LDEuNnYyMTMuMg0KCQkJYzAsMC44LDAuNywxLjUsMS42LDEuNUg0MTRDNDE0LjgsMzIzLDQxNS41LDMyMi40LDQxNS41LDMyMS41eiIvPg0KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjAzLjgsMzY2LjdsMTEsNkMyMTAuMiwzNzIuNywyMDYuMSwzNzAuMywyMDMuOCwzNjYuN0wyMDMuOCwzNjYuN3oiLz4NCgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTIwMS42LDM1NS42bDIuMiwxMS4xbC0wLjEsMGMtMS40LTIuMS0yLjEtNC42LTIuMS03LjJWMzU1LjZ6Ii8+DQoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yMywzNzcuOWgtOGwtNC0zLjl2LTExLjN2LTcuMWg0djEzLjFDMTUsMzczLjQsMTguNSwzNzcuMywyMywzNzcuOXoiLz4NCgk8L2c+DQoJPGc+DQoJPC9nPg0KPC9nPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTcwMiw0MTYiLz4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00NTIuOSwzMjMuNCIvPg0KPHBhdGggY2xhc3M9InN0MiIgZD0iTTI2My45LDQzMC4xIi8+DQo8L3N2Zz4NCg==\";","import * as React from \"react\";\nconst SvgCrossSegment = props => ;\nexport { SvgCrossSegment as ReactComponent };\nexport default \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDQ4MCA0ODAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ4MCA0ODA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiM4ODg4ODg7fQ0KPC9zdHlsZT4NCjxnPg0KCTxnIGlkPSJYTUxJRF8xXyI+DQoJCTxnPg0KCQkJPHBhdGggZD0iTTQxMiw0MDIuOGMwLjEsMC40LDAuMSwwLjgsMC4xLDEuMWMwLDQuNC0zLjYsOC04LDhjLTAuNCwwLTAuOCwwLTEuMS0wLjFsLTM5LjYtNS43bDIuMy0xNS44bDE1LjgsMi4zbC00NS4zLTQ1LjINCgkJCQlsMTEuMy0xMS4zbDQ1LjMsNDUuM2wtMi4zLTE1LjhsMTUuOS0yLjNMNDEyLDQwMi44eiIvPg0KCQkJPHBhdGggZD0iTTQwOS43LDcwLjJjMS44LDEuOCwyLjYsNC4zLDIuMyw2LjhsLTUuNywzOS42bC0xNS44LTIuM2wyLjMtMTUuOGwtNDUuMyw0NS4zbC0xMS4zLTExLjNsNDUuMy00NS4ybC0xNS44LDIuM2wtMi4zLTE1LjgNCgkJCQlsMzkuNi01LjdDNDA1LjQsNjcuNiw0MDcuOSw2OC40LDQwOS43LDcwLjJ6Ii8+DQoJCQk8cmVjdCB4PSIzMTYuOSIgeT0iMTQ3IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNjggLTAuNzA3NCAwLjcwNzQgMC43MDY4IC0xNC40MjIxIDI3NS4yNjg2KSIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ii8+DQoJCQk8cmVjdCB4PSIzMTYuOSIgeT0iMzE2LjgiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAtMC43MDcxIDAuNzA3MSAwLjcwNzEgLTEzNC40OTE0IDMyNC44Mjg5KSIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ii8+DQoJCQk8cGF0aCBkPSJNMzI4LDE5OS45djgwYzAsMi44LTEuNSw1LjQtMy45LDYuOWwtODAsNDhsLTAuMSwwbC0wLjEsMC4xYy0wLjQsMC4yLTAuOSwwLjQtMS4zLDAuNWMtMC4yLDAuMS0wLjQsMC4yLTAuNiwwLjINCgkJCQljLTEuNCwwLjQtMi44LDAuNC00LjIsMGMtMC4yLTAuMS0wLjQtMC4yLTAuNi0wLjJjLTAuNC0wLjEtMC45LTAuMy0xLjMtMC41bC0wLjEtMC4xbC0wLjEsMGwtODAtNDhjLTIuNC0xLjQtMy45LTQtMy45LTYuOXYtODANCgkJCQljMC0wLjcsMC4xLTEuNCwwLjMtMi4xYzAuMS0wLjMsMC4yLTAuNSwwLjMtMC44YzAuMS0wLjQsMC4zLTAuOCwwLjUtMS4yYzAuMi0wLjMsMC40LTAuNSwwLjYtMC43YzAuMi0wLjMsMC40LTAuNiwwLjctMC45DQoJCQkJYzAuMi0wLjIsMC41LTAuNCwwLjgtMC42YzAuMy0wLjIsMC42LTAuNCwwLjgtMC42bDgwLTQ4YzIuNS0xLjUsNS43LTEuNSw4LjIsMGw4MCw0OGMwLjMsMC4yLDAuNSwwLjQsMC44LDAuNg0KCQkJCWMwLjMsMC4yLDAuNSwwLjQsMC44LDAuNmMwLjMsMC4zLDAuNSwwLjYsMC43LDAuOWMwLjIsMC4yLDAuNCwwLjUsMC42LDAuN2MwLjIsMC40LDAuNCwwLjgsMC41LDEuMmMwLjEsMC4yLDAuMiwwLjUsMC4zLDAuNw0KCQkJCUMzMjcuOSwxOTguNSwzMjgsMTk5LjIsMzI4LDE5OS45eiBNMzEyLDI3NS40VjIxNGwtNjQsMzguNHY2MS4zTDMxMiwyNzUuNHogTTI0MCwyMzguNmw2NC41LTM4LjdMMjgwLDE4NS4ybC02NC40LDM4LjcNCgkJCQlMMjQwLDIzOC42eiBNMjAwLDIxNC42bDY0LjUtMzguN0wyNDAsMTYxLjJsLTY0LjQsMzguN0wyMDAsMjE0LjZ6IE0yMzIsMzEzLjh2LTYxLjNMMTY4LDIxNHY2MS4zTDIzMiwzMTMuOHoiLz4NCgkJCTxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMzEyLDIxNCAzMTIsMjc1LjQgMjQ4LDMxMy44IDI0OCwyNTIuNCAJCQkiLz4NCgkJCTxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMzA0LjUsMTk5LjkgMjQwLDIzOC42IDIxNS42LDIyMy45IDI4MCwxODUuMiAJCQkiLz4NCgkJCTxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMjY0LjUsMTc1LjkgMjAwLDIxNC42IDE3NS42LDE5OS45IDI0MCwxNjEuMiAJCQkiLz4NCgkJCTxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMjMyLDI1Mi40IDIzMiwzMTMuOCAxNjgsMjc1LjQgMTY4LDIxNCAJCQkiLz4NCgkJCTxwb2x5Z29uIHBvaW50cz0iMTU1LjIsMzEzLjUgMTY2LjUsMzI0LjggMTU1LjIsMzM2LjEgMTQzLjgsMzI0LjggCQkJIi8+DQoJCQk8cmVjdCB4PSIxNDcuMiIgeT0iMTQ3LjEiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA2OCAtMC43MDc0IDAuNzA3NCAwLjcwNjggLTY0LjIwMzMgMTU1LjIyMTMpIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiLz4NCgkJCTxwYXRoIGQ9Ik0xNDMuOCwxMzIuNGwtMTEuMywxMS4zTDg3LjIsOTguNWwyLjMsMTUuOGwtMTUuOCwyLjNMNjgsNzdjLTAuMS0wLjgtMC4xLTEuNiwwLTIuM2MwLjctNC40LDQuNy03LjQsOS4xLTYuN2wzOS42LDUuNw0KCQkJCWwtMi4zLDE1LjhsLTE1LjgtMi4zTDE0My44LDEzMi40eiIvPg0KCQkJPHBhdGggZD0iTTEzMi41LDMzNi4xbDExLjMsMTEuM2wtNDUuMyw0NS4zbDE1LjgtMi4zbDIuMywxNS44bC0zOS42LDUuN2MtMC40LDAtMC44LDAuMS0xLjEsMC4xYy0wLjQsMC0wLjgsMC0xLjEtMC4xDQoJCQkJYy00LjQtMC42LTcuNC00LjctNi44LTkuMWw1LjctMzkuNmwxNS44LDIuM2wtMi4zLDE1LjhMMTMyLjUsMzM2LjF6Ii8+DQoJCTwvZz4NCgkJPGc+DQoJCTwvZz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==\";","import * as React from \"react\";\nconst SvgElectricalSupplies = props => ;\nexport { SvgElectricalSupplies as ReactComponent };\nexport default \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MTEgNTExIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTEgNTExOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojMjMxRjIwO30NCgkuc3Qxe2ZpbGw6Izg4ODg4ODt9DQoJLnN0MntmaWxsOm5vbmU7c3Ryb2tlOiMwMDAwMDA7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQ0KPC9zdHlsZT4NCjxnIGlkPSJYTUxJRF8xXyI+DQoJPGc+DQoJCTxwYXRoIGQ9Ik00NjQuOCwxNDMuOGM0LjcsMCw4LjUsMy44LDguMyw4LjV2NTEuMWMwLDQuNy0zLjgsOC41LTguNSw4LjVoLTguNXYzMy41YzAuMSwzOS42LTE1LjIsNzcuNi00Mi42LDEwNi4xdjQ3LjgNCgkJCWMwLDQuNy0zLjgsOC41LTguNSw4LjVoLTguNXY5My43YzAsNC43LTMuOCw4LjUtOC41LDguNWgtMzQuMWMtNC43LDAtOC41LTMuOC04LjUtOC41di05My43aC04LjVjLTQuNywwLTguNS0zLjgtOC41LTguNXYtNDcuOA0KCQkJYy0yNy40LTI4LjUtNDIuNy02Ni42LTQyLjYtMTA2LjF2LTMzLjVoLTguNWMtNC43LDAtOC41LTMuOC04LjUtOC41di01MS4xYzAtNC43LDMuOC04LjUsOC41LTguNWgyNS42VjY3LjENCgkJCWMwLTQuNywzLjgtOC41LDguNS04LjVoMzQuMWM0LjcsMCw4LjUsMy44LDguNSw4LjV2NzYuN2gzNC4xVjY3LjFjMC00LjcsMy44LTguNSw4LjUtOC41aDM0LjFjNC43LDAsOC41LDMuOCw4LjUsOC41djc2LjdINDY0Ljh6DQoJCQkgTTQ1Ni4yLDE5NC45di0zNC4xSDI4NS45djM0LjFINDU2LjJ6IE00MDEuNSwzMzkuN2MyNC4zLTI1LjQsMzcuOC01OS4yLDM3LjctOTQuM3YtMzMuNUgzMDIuOXYzMy41DQoJCQljLTAuMiwzNS4xLDEzLjMsNjguOSwzNy42LDk0LjNINDAxLjV6IE00MjIuMSwxNDMuOFY3NS43aC0xN3Y2OC4xSDQyMi4xeiBNMzk2LjYsMzkwLjh2LTM0LjFoLTUxLjF2MzQuMUgzOTYuNnogTTM3OS42LDQ5M3YtODUuMg0KCQkJaC0xN1Y0OTNIMzc5LjZ6IE0zMzcsMTQzLjhWNzUuN2gtMTd2NjguMUgzMzd6Ii8+DQoJCTxwYXRoIGQ9Ik0yNTcuMywzMTYuMWMzLjYsMyw0LjEsOC40LDEuMSwxMkwxMzAuNiw0ODEuNGMtMi4zLDIuOC02LDMuOC05LjQsMi42Yy00LjQtMS42LTYuNy02LjUtNS4xLTEwLjlsMzguNS0xMDcuOUg1Ng0KCQkJYy0yLDAtNC0wLjctNS42LTIuMWMtMy42LTMuMS0zLjktOC41LTAuOC0xMmwxMjcuNi0xNDQuOGMyLjQtMi43LDYuMi0zLjYsOS41LTIuM2M0LjQsMS43LDYuNiw2LjYsNC45LDExbC0zOC4xLDk5LjFoOTguMw0KCQkJQzI1My44LDMxNC4xLDI1NS44LDMxNC44LDI1Ny4zLDMxNi4xeiBNMTQ4LjIsNDMzLjdsODUuNC0xMDIuNWgtOTIuNWMtMSwwLTItMC4yLTMtMC42Yy00LjQtMS43LTYuNi02LjYtNC45LTExbDI1LjUtNjYuNQ0KCQkJbC04My45LDk1LjFoOTEuOGMxLDAsMiwwLjIsMi45LDAuNWM0LjUsMS42LDYuOCw2LjUsNS4yLDEwLjlMMTQ4LjIsNDMzLjd6Ii8+DQoJCTxwYXRoIGQ9Ik0yNDMuMyw0MC4ydjcwLjljMCwyMi43LTE4LjQsNDEuMi00MS4yLDQxLjJoLTEyMmMtMjIuNywwLTQxLjItMTguNS00MS4yLTQxLjJWNDAuMkMzOC45LDE3LjUsNTcuNC0xLDgwLjEtMWgxMjINCgkJCUMyMjQuOC0xLDI0My4zLDE3LjQsMjQzLjMsNDAuMnogTTIyNi4zLDExMS4xVjQwLjJjMC0xMy40LTEwLjktMjQuMi0yNC4yLTI0LjJoLTEyMkM2Ni44LDE2LjEsNTYsMjYuOSw1Niw0MC4yaC0wLjF2NzAuOQ0KCQkJYzAsMTMuNCwxMC44LDI0LjIsMjQuMiwyNC4yaDEyMkMyMTUuNSwxMzUuMywyMjYuMywxMjQuNSwyMjYuMywxMTEuMXoiLz4NCgkJPHBhdGggZD0iTTIwMC44LDQxLjZ2NjguMWMwLDQuNy0zLjgsOC41LTguNSw4LjVoLTM0LjFjLTQuNywwLTguNi0zLjgtOC41LTguNVY0MS42YzAtNC43LDMuOC04LjUsOC41LTguNWgzNC4xDQoJCQlDMTk3LDMzLjEsMjAwLjgsMzYuOSwyMDAuOCw0MS42eiBNMTgzLjcsMTA2di00LjhWNTAuMWgtMTd2NTEuMXY0LjhIMTgzLjd6Ii8+DQoJCTxyZWN0IHg9IjE2Ni43IiB5PSIxMDEuMiIgY2xhc3M9InN0MCIgd2lkdGg9IjE3IiBoZWlnaHQ9IjQuOCIvPg0KCQk8cmVjdCB4PSIxNjYuNyIgeT0iNTAuMSIgY2xhc3M9InN0MSIgd2lkdGg9IjE3IiBoZWlnaHQ9IjUxLjEiLz4NCgkJPHBhdGggZD0iTTEzMi42LDQxLjZ2NjguMWMwLDQuNy0zLjgsOC41LTguNSw4LjVIOTBjLTQuNywwLTguNS0zLjgtOC41LTguNVY0MS42YzAtNC43LDMuOC04LjUsOC41LTguNWgzNC4xDQoJCQlDMTI4LjgsMzMuMSwxMzIuNiwzNi45LDEzMi42LDQxLjZ6IE0xMTUuNiwxMDZ2LTlWNTAuMWgtMC4xaC0xN3Y1MS4xdjQuOEgxMTUuNnoiLz4NCgkJPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIxMTUuNiw5NyAxMTUuNiwxMDYgOTguNSwxMDYgOTguNSwxMDEuMiAxMTUuNSwxMDEuMiAxMTUuNSw1MC4xIDExNS42LDUwLjEgCQkiLz4NCgkJPHJlY3QgeD0iOTguNSIgeT0iNTAuMSIgY2xhc3M9InN0MSIgd2lkdGg9IjE3IiBoZWlnaHQ9IjUxLjEiLz4NCgk8L2c+DQoJPGc+DQoJCTxwb2x5Z29uIGNsYXNzPSJzdDIiIHBvaW50cz0iOTguNSwxMDEuMiA5OC41LDUwLjEgMTE1LjUsNTAuMSAxMTUuNiw1MC4xIDExNS42LDk3IDExNS42LDEwNiA5OC41LDEwNiAJCSIvPg0KCQk8cG9seWdvbiBjbGFzcz0ic3QyIiBwb2ludHM9IjE2Ni43LDEwMS4yIDE2Ni43LDUwLjEgMTgzLjcsNTAuMSAxODMuNywxMDEuMiAxODMuNywxMDYgMTY2LjcsMTA2IAkJIi8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=\";","import * as React from \"react\";\nconst SvgFuelsGases = props => ;\nexport { SvgFuelsGases as ReactComponent };\nexport default \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojODg4ODg4O30NCjwvc3R5bGU+DQo8ZyBpZD0iWE1MSURfMV8iPg0KCTxnPg0KCQk8cGF0aCBkPSJNNDQzLjcsMTA0LjdjMi45LDEuNCw0LjIsNC45LDIuOSw3LjhsLTEyLjgsMjguOWw3LjgsNGMyLDEsMy4zLDMuMSwzLjMsNS4zdjI5NWMwLDI3LjYtMjIuNCw1MC01MC4xLDUwLjFIMTE1DQoJCQljLTI3LjYsMC01MC4xLTIyLjQtNTAuMS01MC4xVjY2LjNjMC0yNy42LDIyLjQtNTAsNTAuMS01MC4xaDE2Ny45YzI3LjYsMCw1MC4xLDIyLjQsNTAuMSw1MC4xdjIzLjFsNC45LDIuNWwxMi0yNg0KCQkJYzAsMCwwLTAuMSwwLjEtMC4xYzEuNC0zLDUtNC4yLDgtMi44TDQ0My43LDEwNC43eiBNNDIzLjEsMTM1LjlsMTAuMS0yMi45bC03NS4xLTM2LjRsLTkuNiwyMC45TDQyMy4xLDEzNS45eiBNNDMyLjksNDQ1LjhWMTU0LjQNCgkJCWwtMTA4LjYtNTZjLTItMS0zLjMtMy4xLTMuMy01LjNWNjYuM2MwLTIxLTE3LjEtMzgtMzguMS0zOC4xSDExNWMtMjEsMC0zOC4xLDE3LTM4LjEsMzguMXYzNzkuNWMwLDIxLDE3LjEsMzgsMzguMSwzOC4xaDI3OS44DQoJCQlDNDE1LjgsNDgzLjgsNDMyLjgsNDY2LjgsNDMyLjksNDQ1Ljh6Ii8+DQoJCTxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iNDMzLjMsMTEzIDQyMy4xLDEzNS45IDM0OC42LDk3LjQgMzU4LjIsNzYuNSAJCSIvPg0KCQk8cGF0aCBkPSJNMzY5LjksMjA1LjJ2MjAyLjNjMCwxMS4yLTkuMSwyMC4zLTIwLjMsMjAuM0gxNjAuMWMtMTEuMiwwLTIwLjMtOS4xLTIwLjMtMjAuM1YyMDUuMmMwLTExLjIsOS4xLTIwLjMsMjAuMy0yMC4zaDI0LjINCgkJCWMzLjMsMCw2LDIuNyw2LDZjMCwzLjMtMi43LDYtNiw2aC0yNC4yYy00LjYsMC04LjMsMy43LTguMyw4LjN2MjAyLjNjMCw0LjYsMy43LDguMyw4LjMsOC4zaDE4OS41YzQuNiwwLDguMy0zLjcsOC4zLTguM1YyMDUuMg0KCQkJYzAtNC42LTMuNy04LjMtOC4zLTguM0gyMTQuM2MtMy4zLDAtNi0yLjctNi02YzAtMy4zLDIuNy02LDYtNmgxMzUuM0MzNjAuOCwxODQuOSwzNjkuOSwxOTQsMzY5LjksMjA1LjJ6Ii8+DQoJCTxwYXRoIGQ9Ik0yOTkuMiwzMDIuNWM1LjIsOC45LDcuOSwxOC45LDcuOSwyOS4yYzAsMzEuOC0yNS45LDU3LjYtNTcuNyw1Ny42Yy0xMC4zLDAtMjAuNC0yLjctMjkuMi03LjkNCgkJCWMtMjcuNS0xNi4xLTM2LjctNTEuNC0yMC42LTc4LjlsNDQuNi03Ni4yYzAuNS0wLjksMS4zLTEuNiwyLjEtMi4xYzIuOS0xLjcsNi41LTAuNyw4LjIsMi4xTDI5OS4yLDMwMi41eiBNMjgxLjcsMzY0DQoJCQljMTQuNy0xNC43LDE3LjYtMzcuNSw3LjEtNTUuNGwtMzkuNC02Ny4zbC0zOS40LDY3LjNjLTEwLjUsMTcuOS03LjYsNDAuNyw3LjEsNTUuNEMyMzQuOSwzODEuOCwyNjMuOCwzODEuOCwyODEuNywzNjR6Ii8+DQoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yODguOCwzMDguNWMxMC41LDE3LjksNy42LDQwLjctNy4xLDU1LjRjLTE3LjksMTcuOC00Ni44LDE3LjgtNjQuNiwwYy0xNC43LTE0LjctMTcuNi0zNy41LTcuMS01NS40DQoJCQlsMzkuNC02Ny4zTDI4OC44LDMwOC41eiBNMjgzLjUsMzMyLjFjMC41LTMuMy0xLjctNi40LTQuOS02LjljLTMuMS0wLjUtNi4xLDEuNS02LjgsNC41Yy0wLjksNC40LTMuMSw4LjQtNi4yLDExLjYNCgkJCWMtMS4yLDEuMi0yLjYsMi4zLTQuMSwzLjNjLTEuNCwwLjktMywxLjYtNC42LDIuMmMtMy4xLDEuMS00LjgsNC41LTMuNyw3LjZjMC44LDIuNCwzLjEsNCw1LjcsNGMwLjcsMCwxLjMtMC4xLDItMC4zDQoJCQljMi41LTAuOCw0LjgtMiw3LTMuM2MyLjMtMS40LDQuNC0zLjEsNi4yLTVDMjc4LjgsMzQ0LjksMjgyLjEsMzM4LjgsMjgzLjUsMzMyLjF6Ii8+DQoJCTxwYXRoIGQ9Ik0yODguOSw3OC4zdjQ3LjhjMCwzLjMtMi43LDYtNiw2SDExNi4yYy0zLjMsMC02LTIuNy02LTZWNzguM2MwLTEwLjYsOC42LTE5LjIsMTkuMi0xOS4yaDE0MC4zDQoJCQlDMjgwLjMsNTkuMSwyODguOSw2Ny43LDI4OC45LDc4LjN6IE0yNzYuOSwxMjAuMVY3OC4zYzAtNC0zLjItNy4yLTcuMi03LjJIMTI5LjRjLTQsMC03LjIsMy4yLTcuMiw3LjJ2NDEuOEgyNzYuOXoiLz4NCgkJPHBhdGggZD0iTTI3OC41LDMyNS4yYzMuMywwLjUsNS41LDMuNiw0LjksNi45Yy0xLjQsNi43LTQuNiwxMi45LTkuNSwxNy43Yy0xLjksMS45LTQsMy41LTYuMiw1Yy0yLjIsMS40LTQuNiwyLjUtNywzLjMNCgkJCWMtMC42LDAuMi0xLjMsMC4zLTIsMC4zYy0yLjUsMC00LjgtMS42LTUuNy00Yy0xLjEtMy4xLDAuNi02LjUsMy43LTcuNmMxLjYtMC42LDMuMS0xLjMsNC42LTIuMmMxLjUtMC45LDIuOS0yLDQuMS0zLjMNCgkJCWMzLjItMy4yLDUuMy03LjIsNi4yLTExLjZDMjcyLjQsMzI2LjYsMjc1LjQsMzI0LjcsMjc4LjUsMzI1LjJ6Ii8+DQoJCTxwYXRoIGQ9Ik0xMTkuNSwyMjMuN3YxMTcuNWMwLDMuMy0yLjcsNi02LDZzLTYtMi43LTYtNlYyMjMuN2MwLTMuMywyLjctNiw2LTZTMTE5LjUsMjIwLjQsMTE5LjUsMjIzLjd6Ii8+DQoJCTxwYXRoIGQ9Ik0xMTkuNSwxOTh2Ny44YzAsMy4zLTIuNyw2LTYsNnMtNi0yLjctNi02VjE5OGMwLTMuMywyLjctNiw2LTZTMTE5LjUsMTk0LjcsMTE5LjUsMTk4eiIvPg0KCTwvZz4NCgk8Zz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==\";","import * as React from \"react\";\nconst SvgHealthcareIcon = props => ;\nexport { SvgHealthcareIcon as ReactComponent };\nexport default \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDQ4MCA0ODAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ4MCA0ODA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiM4ODg4ODg7fQ0KPC9zdHlsZT4NCjxnPg0KCTxnIGlkPSJYTUxJRF8xXyI+DQoJCTxnPg0KCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNCwyMzUuNWMyMi4xLDAsNDAsMTcuOSw0MCw0MGMwLDIyLjEtMTcuOSw0MC00MCw0MGMtMjIuMSwwLTQwLTE3LjktNDAtNDANCgkJCQlDMzg0LDI1My40LDQwMS45LDIzNS41LDQyNCwyMzUuNXogTTQ0OCwyNzUuNWMwLTEzLjMtMTAuNy0yNC0yNC0yNHMtMjQsMTAuOC0yNCwyNGMwLDEzLjMsMTAuNywyNCwyNCwyNFM0NDgsMjg4LjgsNDQ4LDI3NS41eiINCgkJCQkvPg0KCQkJPGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iMTY4IiBjeT0iMzUuNSIgcj0iOCIvPg0KCQkJPGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iNzIiIGN5PSIzNS41IiByPSI4Ii8+DQoJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjI0LDE4Ny41djAuNmMwLDQ0LjUtMzQuMyw4My43LTgxLjYsOTMuMWMtMTEuMSwyLjItMjIuNSwyLjgtMzMuNywxLjdjLTMuNy0wLjQtNy40LTAuOS0xMS4xLTEuNw0KCQkJCUM1MC4zLDI3MS44LDE2LDIzMi43LDE2LDE4OC4xdi0wLjZoMjR2MC45YzAuNiwzNC44LDIzLjcsNjUuMSw1Ny4xLDc0LjljMTcuNSw1LjUsMzYuMyw1LjUsNTMuOCwwYzMzLjQtOS44LDU2LjUtNDAuMSw1Ny4xLTc0LjkNCgkJCQl2LTAuOUgyMjR6Ii8+DQoJCQk8cGF0aCBkPSJNNDc5LjQsMjY3LjZjNC40LDMwLjYtMTYuOCw1OS00Ny40LDYzLjRjLTMwLjYsNC40LTU5LTE2LjgtNjMuNC00Ny40Yy00LjQtMzAuNiwxNi44LTU5LDQ3LjQtNjMuNHYtMTQuNQ0KCQkJCWMwLTMxLjMtMjMuMy01Ni44LTUyLTU2LjhjLTI3LjksMC01MS4yLDI0LjctNTIsNTUuMXYxNTcuM2MwLDU5LjEtNDQuOSwxMDcuMy0xMDAsMTA3LjNzLTEwMC00OC4xLTEwMC0xMDcuM3YtMTMuNw0KCQkJCWMtMTEuNiwwLTI0LTguNC0yNC0zMnYtMjAuMUMzNi43LDI4Mi4zLDAsMjM4LjIsMCwxODguMXYtMTYuNmgxNnYtMTA0YzAtMTkuNSwxNC4xLTM2LDMzLjMtMzkuM2MyLjItNi45LDcuNC0xMi40LDE0LjEtMTUNCgkJCQljMTIuNC00LjksMjYuNCwxLjIsMzEuMywxMy42YzQuOSwxMi40LTEuMiwyNi40LTEzLjYsMzEuM2MtMTIuNCw0LjktMjYuNC0xLjItMzEuMy0xMy42QzM5LjMsNDcuMywzMiw1Ni43LDMyLDY3LjV2MTA0aDI0djE2LjkNCgkJCQljMC42LDI3LjgsMTkuMiw1Miw0NS45LDU5LjdjMTQuMyw0LjUsMjkuNyw0LjUsNDQsMGMyNi44LTcuNyw0NS40LTMxLjksNDYuMS01OS43di0xNi45aDE2bC0wLjQtMTA0LjENCgkJCQljLTAuMS0xMC43LTcuMi0yMC0xNy40LTIyLjljLTIuNiw2LjUtOCwxMS42LTE0LjcsMTMuOGMtMTIuNSw0LjEtMjYtMi44LTMwLjEtMTUuM2MtNC4xLTEyLjUsMi44LTI2LDE1LjMtMzAuMXMyNiwyLjgsMzAuMSwxNS4zDQoJCQkJYzE5LDMuNCwzMi44LDE5LjksMzIuOSwzOS4ybDAuMywxMDQuMWgxNnYxNi43YzAsNTAtMzYuNyw5NC4xLTg4LDEwNy4ydjIwLjFjMCwyMy42LTEyLjQsMzItMjQsMzJ2MTMuNw0KCQkJCWMwLDUwLjMsMzcuNyw5MS4zLDg0LDkxLjNzODQtNDAuOSw4NC05MS4zVjIwMy41bDAuNS0wLjFIMjk2YzEuMS0zOC45LDMxLjYtNzAuNiw2OC03MC42YzM3LjUsMCw2OCwzMi43LDY4LDcyLjh2MTQuNQ0KCQkJCUM0NTYuNiwyMjMuNyw0NzUuOSwyNDMsNDc5LjQsMjY3LjZ6IE00NjQsMjc1LjVjMC0yMi4xLTE3LjktNDAtNDAtNDBzLTQwLDE3LjktNDAsNDBjMCwyMi4xLDE3LjksNDAsNDAsNDANCgkJCQlDNDQ2LjEsMzE1LjUsNDY0LDI5Ny42LDQ2NCwyNzUuNXogTTIyNCwxODguMXYtMC42aC0xNnYwLjljLTAuNiwzNC44LTIzLjgsNjUuMS01Ny4xLDc0LjljLTE3LjUsNS41LTM2LjMsNS41LTUzLjgsMA0KCQkJCWMtMzMuNC05LjgtNTYuNS00MC4xLTU3LjEtNzQuOXYtMC45SDE2djAuNmMwLDQ0LjUsMzQuMyw4My43LDgxLjYsOTMuMWMzLjcsMC44LDcuMywxLjMsMTEuMSwxLjdjMTEuMywxLjEsMjIuNiwwLjYsMzMuNy0xLjcNCgkJCQlDMTg5LjcsMjcxLjgsMjI0LDIzMi43LDIyNCwxODguMXogTTE3NiwzNS41YzAtNC40LTMuNi04LTgtOHMtOCwzLjYtOCw4YzAsNC40LDMuNiw4LDgsOFMxNzYsMzkuOSwxNzYsMzUuNXogTTEzNiwzMTUuNXYtMTcNCgkJCQljLTAuNiwwLjEtMS4zLDAuMS0xLjksMC4yYy0wLjgsMC4xLTEuNywwLjItMi41LDAuMmMtMy44LDAuMy03LjYsMC42LTExLjQsMC42aC0wLjRjLTMuOCwwLTcuNy0wLjItMTEuNS0wLjYNCgkJCQljLTAuOC0wLjEtMS42LTAuMS0yLjQtMC4yYy0wLjYtMC4xLTEuMy0wLjEtMS45LTAuMnYxN2MwLDQuOCwwLjgsMTYsOCwxNmgxNkMxMzUuMiwzMzEuNSwxMzYsMzIwLjMsMTM2LDMxNS41eiBNODAsMzUuNQ0KCQkJCWMwLTQuNC0zLjYtOC04LThzLTgsMy42LTgsOGMwLDQuNCwzLjYsOCw4LDhTODAsMzkuOSw4MCwzNS41eiIvPg0KCQkJPHBhdGggZD0iTTQyNCwyNTEuNWMxMy4zLDAsMjQsMTAuOCwyNCwyNGMwLDEzLjMtMTAuNywyNC0yNCwyNHMtMjQtMTAuOC0yNC0yNEM0MDAsMjYyLjMsNDEwLjcsMjUxLjUsNDI0LDI1MS41eiBNNDMyLDI3NS41DQoJCQkJYzAtNC40LTMuNi04LTgtOHMtOCwzLjYtOCw4YzAsNC40LDMuNiw4LDgsOFM0MzIsMjc5LjksNDMyLDI3NS41eiIvPg0KCQk8L2c+DQoJCTxnPg0KCQk8L2c+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=\";","import * as React from \"react\";\nconst SvgHouseholdOfficeFurnitureFurnishings = props => ;\nexport { SvgHouseholdOfficeFurnitureFurnishings as ReactComponent };\nexport default \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojODg4ODg4O30NCjwvc3R5bGU+DQo8ZyBpZD0iWE1MSURfMV8iPg0KCTxnPg0KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzM2LDEwNGM0LjksMCwxMC4xLDQuMywxMy43LDhjLTMuNSwzLjgtOC44LDgtMTMuNyw4Yy05LjgsMC0xNi00LjctMTYtOFMzMjYuMiwxMDQsMzM2LDEwNHoiLz4NCgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTIyMy41LDcyLjZjMCwwLjIsMCwwLjUsMCwwLjdjLTAuMSwyLjYtMC45LDQuNi0yLjIsNS40Yy0xLjMsMC44LTMuNCwwLjUtNS44LTAuNmMtMy45LTIuMS03LjEtNS4yLTkuMy05DQoJCQljLTIuNS00LjItMS42LTEwLjktMC4yLTE1LjljNSwxLjEsMTEuNCwzLjQsMTMuOSw3LjZDMjIyLjEsNjQuNCwyMjMuMyw2OC41LDIyMy41LDcyLjZ6Ii8+DQoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik03Mi43LDIyNGg5NC42Yy0xLjcsNC44LTYuMiw4LTExLjMsOEg4NEM3OC45LDIzMiw3NC40LDIyOC44LDcyLjcsMjI0eiIvPg0KCQk8cGF0aCBkPSJNNTA0LDI0MHYyNGMwLDQuNC0zLjYsOC04LDhoLTM5LjRMNDcyLDQ3MS40YzAsMC4yLDAsMC40LDAsMC42YzAsNC40LTMuNiw4LTgsOGgtMjRjLTQuMSwwLTcuNS0zLTgtNy4xTDQwOC45LDI3Mkg5NS4xDQoJCQlMNzEuOSw0NzIuOWMtMC41LDQtMy45LDcuMS03LjksNy4xSDQwYy0wLjIsMC0wLjQsMC0wLjYsMGMtNC40LTAuMy03LjctNC4yLTcuNC04LjZMNDcuNCwyNzJIMTZjLTQuNCwwLTgtMy42LTgtOHYtMjQNCgkJCWMwLTQuNCwzLjYtOCw4LThoNDIuN2MtMS44LTMuOC0yLjctNy45LTIuNy0xMnYtNGMwLTQuNCwzLjYtOCw4LThoMTEyYzQuNCwwLDgsMy42LDgsOHY0YzAsNC4xLTAuOSw4LjMtMi43LDEyaDM5DQoJCQljLTIuOC00LjktNC4zLTEwLjQtNC4zLTE2di00MGMwLTQuNCwzLjYtOCw4LThoMTUuOWMtMC41LTE4LjMtMi41LTM1LjUtNS45LTQ5LjFjLTQuMS0xNi43LTguOC0yMi4yLTEwLjMtMjIuOQ0KCQkJYy0xLjIsMC0yLjMtMC4zLTMuNC0wLjljLTAuMywwLTAuNywwLTEsMGMtMy43LDAtNy40LTAuOS0xMC44LTIuNmMtNi44LTMuNC0xMi40LTguNy0xNi4yLTE1LjNjLTMuOC02LjQtNC44LTE0LjgtMi44LTI0LjQNCgkJCWMwLjgtNC4xLDIuMS04LjEsMy44LTExLjljMS40LTIuOSw0LjQtNC44LDcuNi00LjZjNC4yLDAuMyw4LjMsMSwxMi4zLDIuMmM5LjQsMi44LDE2LjQsNy42LDIwLjIsMTRjNCw2LjQsNiwxMy45LDUuOCwyMS41DQoJCQljLTAuMSw0LjEtMS4zLDgtMy4zLDExLjVjMTQsMTQuNCwxOSw1My41LDE5LjcsODIuNGgwLjVjMS40LTE1LjgsNi42LTMwLjUsMTUuMy00Mi4xYzkuMS0xMi4xLDIxLTE5LjYsMzMuOS0yMS40DQoJCQljNC4xLTkuNywxNi0xNi41LDMwLjUtMTYuNWM3LjUsMCwxNS4yLDMuNSwyMi40LDEwLjFjMy4xLDIuOCw1LjgsNiw4LjMsOS40YzEuOCwyLjcsMS44LDYuMiwwLDguOWMtMS4zLDItMTMuNiwxOS41LTMwLjYsMTkuNQ0KCQkJYy0xMy45LDAtMjUuNC02LjMtMjkuOS0xNS40Yy0xNy40LDMuNi0zMS4xLDIzLTMzLjYsNDcuNEgyODhjNC40LDAsOCwzLjYsOCw4djQwYzAsNS42LTEuNSwxMS4xLTQuMywxNmgzOQ0KCQkJYy0xLjgtMy44LTIuNy03LjktMi43LTEydi00YzAtNC40LDMuNi04LDgtOGgxMTJjNC40LDAsOCwzLjYsOCw4djRjMCw0LjEtMC45LDguMy0yLjcsMTJINDk2QzUwMC40LDIzMiw1MDQsMjM1LjYsNTA0LDI0MHoNCgkJCSBNNDg4LDI1NnYtOEgyNHY4SDQ4OHogTTQ1NS40LDQ2NGwtMTQuOC0xOTJINDI1bDIyLjEsMTkySDQ1NS40eiBNNDM5LjMsMjI0aC05NC42YzEuNyw0LjgsNi4yLDgsMTEuMyw4aDcyDQoJCQlDNDMzLjEsMjMyLDQzNy42LDIyOC44LDQzOS4zLDIyNHogTTM0OS43LDExMmMtMy41LTMuNy04LjgtOC0xMy43LThjLTkuOCwwLTE2LDQuNy0xNiw4czYuMiw4LDE2LDgNCgkJCUMzNDAuOSwxMjAsMzQ2LjEsMTE1LjgsMzQ5LjcsMTEyeiBNMjgwLDIxNnYtMzJoLTQ4djMyYzAsOC44LDcuMiwxNiwxNiwxNmgxNkMyNzIuOCwyMzIsMjgwLDIyNC44LDI4MCwyMTZ6IE0yMjMuNCw3My4zDQoJCQljMC0wLjIsMC0wLjUsMC0wLjdjLTAuMi00LjItMS40LTguMi0zLjYtMTEuOGMtMi41LTQuMi04LjktNi41LTEzLjktNy42Yy0xLjQsNS0yLjQsMTEuNiwwLjIsMTUuOWMyLjIsMy44LDUuNCw3LDkuMyw5DQoJCQljMi40LDEuMSw0LjUsMS4zLDUuOCwwLjZDMjIyLjUsNzgsMjIzLjMsNzYsMjIzLjQsNzMuM3ogTTE2Ny4zLDIyNEg3Mi43YzEuNyw0LjgsNi4yLDgsMTEuMyw4aDcyDQoJCQlDMTYxLjEsMjMyLDE2NS42LDIyOC44LDE2Ny4zLDIyNHogTTU2LjksNDY0TDc5LDI3Mkg2My40TDQ4LjYsNDY0SDU2Ljl6Ii8+DQoJCTxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iNDQwLjYsMjcyIDQ1NS40LDQ2NCA0NDcuMSw0NjQgNDI1LDI3MiAJCSIvPg0KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzQ0LjcsMjI0aDk0LjZjLTEuNyw0LjgtNi4yLDgtMTEuMyw4aC03MkMzNTAuOSwyMzIsMzQ2LjQsMjI4LjgsMzQ0LjcsMjI0eiIvPg0KCQk8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9Ijc5LDI3MiA1Ni45LDQ2NCA0OC42LDQ2NCA2My40LDI3MiAJCSIvPg0KCTwvZz4NCgk8Zz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==\";","import * as React from \"react\";\nconst SvgKitchenwareAndTableware = props => ;\nexport { SvgKitchenwareAndTableware as ReactComponent };\nexport default \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojODg4ODg4O30NCjwvc3R5bGU+DQo8Zz4NCgk8ZyBpZD0iWE1MSURfMV8iPg0KCQk8Zz4NCgkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zODQuNywzNTkuOUwzNTYuOSwzNzdjLTYuMy04LTEzLjQtMTUuMy0yMS4yLTIxLjljLTExLTkuNS0yMS4xLTIwLTMwLjEtMzEuNWMtMTguMS0yNC0yNi01Mi45LTI3LjItMTAxDQoJCQkJQzMxNCwyNTEuMSwzNjkuOCwzMzYuNSwzODQuNywzNTkuOXoiLz4NCgkJCTxwYXRoIGQ9Ik00OTEuNiw0OWM1LjgsMjEuNi03LDQzLjgtMjguNiw0OS42Yy03LjMsMS43LTE0LDUuNC0xOS41LDEwLjZjLTE1LjMsMTUuNC0xNS4zLDQwLjIsMCw1NS42bDMxLjMsMzEuM2MwLDAsMCwwLDAuMSwwLjENCgkJCQljMTEuNiwxMS42LDExLjYsMzAuNC0wLjEsNDJsLTkyLjUsOTIuNWM5LjcsMTQuNiwxNi4zLDI1LjEsMTcuOCwyNy41bDAuMSwwLjJsNDIuOCw2Mi4xYzMuNiw1LjEsNC45LDExLjUsMy42LDE3LjUNCgkJCQljLTEuMyw2LjEtNSwxMS40LTEwLjMsMTQuN2wtNyw0LjRjLTAuOCwwLjUtMS43LDEtMi42LDEuNGMtMTEuNSw1LjItMjUsMC4yLTMwLjMtMTEuM2MtMi45LTYuMy01LjgtMTMuNy05LTIxLjYNCgkJCQljLTUuMS0xMi44LTEwLjktMjcuMS0xNy43LTQwLjFsLTExLjQsN2MtMS4xLDAuNy0yLjQsMS0zLjcsMWMtMC42LDAtMS4yLTAuMS0xLjctMC4yYy0xLjgtMC41LTMuNC0xLjctNC40LTMuMw0KCQkJCWMtMy4yLTUuMy03LTEwLjEtMTEuNS0xNC4zTDIyOC42LDQ4NC4zYy01LjYsNS42LTEzLjEsOC43LTIxLDguN2gwYy03LjksMC0xNS40LTMuMS0yMS04LjdMMjcuNywzMjUuNA0KCQkJCWMtMTEuNS0xMS42LTExLjUtMzAuNCwwLTQyTDI3My45LDM3LjJjNS42LTUuNiwxMy4xLTguNywyMS04LjdoMGM3LjksMCwxNS40LDMuMSwyMSw4LjdsMzEuMywzMS4yYzAsMCwwLDAsMCwwDQoJCQkJYzE1LjQsMTUuMyw0MC4yLDE1LjMsNTUuNiwwYzUuMi01LjMsOC44LTEyLDEwLjUtMTkuMmMyLjMtOC44LDcuNS0xNi42LDE0LjctMjIuMWM0LjItMy4xLDguOS01LjQsMTMuOS02LjgNCgkJCQlDNDYzLjYsMTQuNiw0ODUuOCwyNy40LDQ5MS42LDQ5eiBNNDU5LjQsODUuMWMxMi4xLTMuMywyMC4zLTE0LjYsMTkuNi0yNy4xYy0wLjQtNy42LTQuMS0xNC42LTEwLTE5LjMNCgkJCQljLTkuNS03LjQtMjIuNy03LjYtMzIuNC0wLjRjLTQuOCwzLjYtOC4yLDguNy05LjcsMTQuNWMtMi4zLDkuNS03LjEsMTguMy0xMy45LDI1LjNjLTAuMSwwLjEtMC4yLDAuMi0wLjMsMC4zDQoJCQkJYy0yMC44LDIwLjgtNTQuNiwyMC44LTc1LjQsMEwzMDYsNDcuMWMtMi45LTMtNi45LTQuNi0xMS4xLTQuNmMtNC4yLDAtOC4yLDEuNy0xMS4xLDQuNkwzNy42LDI5My4zYy02LjEsNi4yLTYuMSwxNi4xLDAsMjIuMg0KCQkJCWwxNTguOSwxNTguOGMyLjksMyw2LjksNC42LDExLjEsNC42YzQuMiwwLDguMi0xLjcsMTEuMS00LjZMMzI3LDM2Ni4xbC0wLjctMC42Yy0yLjItMi00LjQtNC02LjctNi4xTDIxMi41LDQ2Ni40DQoJCQkJYy0yLjcsMi43LTcuMiwyLjctOS45LDBsLTE1Ny0xNTdjLTIuNy0yLjctMi43LTcuMiwwLTkuOUwyOTAsNTVoMGMyLjctMi43LDcuMi0yLjcsOS45LDBsMTU3LDE1Ny4xYzAsMCwwLDAsMCwwDQoJCQkJYzIuNywyLjcsMi43LDcuMiwwLDkuOWwtODguMyw4OC4zYzIsMi45LDMuOSw1LjcsNS43LDguNGw5MC42LTkwLjZsMCwwYzAsMCwwLDAsMC0wLjFjNi4xLTYuMSw2LjEtMTYuMSwwLTIyLjJsLTMxLjMtMzEuMw0KCQkJCWMtMjAuOC0yMC44LTIwLjgtNTQuNSwwLTc1LjRDNDQwLjgsOTIuMyw0NDkuNyw4Ny40LDQ1OS40LDg1LjF6IE0zNjAuNSwyOTguN2w4MS42LTgxLjZMMjk1LDY5LjlMNjAuNCwzMDQuNGwxNDcuMiwxNDcuMg0KCQkJCWwxMDItMTAyYy01LjQtNS41LTEwLjUtMTEuNC0xNS4xLTE3LjVjLTIxLjctMjguOC0zMC4yLTYzLjEtMzAuMi0xMjIuNWMwLTEuMSwwLjMtMi4yLDAuNy0zLjFjMS43LTMuNSw1LjktNC45LDkuNC0zLjENCgkJCQlDMjk3LjksMjE1LDMzMy4yLDI2MC4xLDM2MC41LDI5OC43eiBNNDMzLDQzNS4xYzAuNS0yLjMsMC00LjgtMS40LTYuN2wtMzkuMS01Ni43bC0xMC42LDYuNWM3LDEzLjgsMTMuMiwyNy44LDE4LjgsNDIuMg0KCQkJCWMzLjEsNy43LDYsMTUsOC43LDIxYzAuMiwwLjMsMC4zLDAuNywwLjUsMWMyLjYsNC4xLDgsNS40LDEyLjIsMi44bDctNC40QzQzMSw0MzkuNSw0MzIuNSw0MzcuNCw0MzMsNDM1LjF6IE0zNTYuOSwzNzcNCgkJCQlsMjcuOC0xNy4xYy0xNC45LTIzLjQtNzAuOC0xMDguOS0xMDYuMy0xMzcuM2MxLjIsNDgsOS4xLDc3LDI3LjIsMTAxYzksMTEuNSwxOS4xLDIyLDMwLjEsMzEuNUMzNDMuNSwzNjEuNiwzNTAuNiwzNjksMzU2LjksMzc3DQoJCQkJeiIvPg0KCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTQ3OC45LDU4YzAuNywxMi41LTcuNCwyMy45LTE5LjYsMjcuMWMtOS43LDIuMy0xOC42LDcuMi0yNS44LDE0LjJjLTIwLjgsMjAuOC0yMC44LDU0LjYsMCw3NS40bDMxLjMsMzEuMw0KCQkJCWM2LjEsNi4xLDYuMSwxNiwwLDIyLjJjMCwwLDAsMCwwLDAuMWwwLDBsLTkwLjYsOTAuNmMtMS44LTIuNy0zLjgtNS41LTUuNy04LjRMNDU3LDIyMmMyLjctMi43LDIuNy03LjIsMC05LjljMCwwLDAsMCwwLDANCgkJCQlMMjk5LjksNTVjLTIuNy0yLjctNy4yLTIuNy05LjksMGgwTDQ1LjYsMjk5LjVjLTIuNywyLjctMi43LDcuMiwwLDkuOWwxNTcsMTU3YzIuNywyLjcsNy4yLDIuNyw5LjksMGwxMDcuMS0xMDcuMQ0KCQkJCWMyLjMsMi4xLDQuNSw0LjIsNi43LDYuMWwwLjcsMC42TDIxOC43LDQ3NC40Yy0yLjksMy02LjksNC42LTExLjEsNC42Yy00LjIsMC04LjEtMS43LTExLjEtNC42TDM3LjYsMzE1LjUNCgkJCQljLTYuMS02LjEtNi4xLTE2LjEsMC0yMi4yTDI4My44LDQ3LjFjMi45LTMsNy00LjYsMTEuMS00LjZjNC4yLDAsOC4xLDEuNywxMS4xLDQuNmwzMS4zLDMxLjNjMjAuOCwyMC44LDU0LjYsMjAuOCw3NS40LDANCgkJCQljMC4xLTAuMSwwLjItMC4yLDAuMy0wLjNjNi44LTcsMTEuNi0xNS44LDEzLjktMjUuM2MxLjUtNS44LDQuOS0xMC45LDkuNy0xNC41YzkuNi03LjIsMjIuOS03LDMyLjQsMC40DQoJCQkJQzQ3NC45LDQzLjQsNDc4LjUsNTAuNCw0NzguOSw1OHogTTQ2Niw3M2M3LjUtNy41LDcuNS0xOS42LDAtMjdjLTcuNS03LjUtMTkuNi03LjUtMjcsMGMtNy41LDcuNC03LjUsMTkuNS0wLjEsMjcNCgkJCQljMCwwLDAsMCwwLjEsMC4xQzQ0Ni41LDgwLjUsNDU4LjYsODAuNSw0NjYsNzN6Ii8+DQoJCQk8cGF0aCBkPSJNNDY2LDQ2YzcuNSw3LjUsNy41LDE5LjYsMCwyN2MtNy41LDcuNS0xOS42LDcuNS0yNywwYzAsMCwwLDAtMC4xLTAuMWMtNy40LTcuNS03LjQtMTkuNiwwLjEtMjcNCgkJCQlDNDQ2LjUsMzguNSw0NTguNiwzOC41LDQ2Niw0NnogTTQ1Ni4xLDYzLjFjMi0yLDItNS4yLDAtNy4ycy01LjItMi03LjIsMGMwLDAsMCwwLDAsMGMtMSwxLTEuNSwyLjMtMS41LDMuNnMwLjUsMi42LDEuNSwzLjYNCgkJCQlDNDUwLjksNjUuMSw0NTQuMSw2NS4xLDQ1Ni4xLDYzLjF6Ii8+DQoJCQk8cGF0aCBkPSJNMTQyLjksMjQ2YzIuNywyLjcsMi43LDcuMiwwLDkuOWwtMTkuOCwxOS44Yy0yLjcsMi43LTcuMiwyLjctOS45LDBjLTIuNy0yLjctMi43LTcuMiwwLTkuOUwxMzMsMjQ2DQoJCQkJQzEzNS43LDI0My4zLDE0MC4yLDI0My4zLDE0Mi45LDI0NnoiLz4NCgkJPC9nPg0KCQk8Zz4NCgkJPC9nPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K\";","import * as React from \"react\";\nconst SvgLubricantIcon = props => ;\nexport { SvgLubricantIcon as ReactComponent };\nexport default \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRkZGRkZGO30NCgkuc3Qxe2ZpbGw6Izg4ODg4ODt9DQo8L3N0eWxlPg0KPGcgaWQ9IlhNTElEXzFfIj4NCgk8Zz4NCgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTIwNi44LDE0OC4ydjIwLjljLTcsMS40LTEzLjgsMy44LTIwLjIsN2wtNTQtNTMuOWwyNC0yNEwyMDYuOCwxNDguMnoiLz4NCgkJPHBhdGggY2xhc3M9InN0MSIgZD0iTTM1NC4xLDI1MS45YzQuNywwLDguNSwzLjgsOC41LDguNWMwLDQuNy0zLjgsOC41LTguNSw4LjVIMTQ5LjZjLTQuNywwLTguNS0zLjgtOC41LTguNQ0KCQkJYzAtNC43LDMuOC04LjUsOC41LTguNWgzNGMzLjMsMCw2LTIuNyw2LTZzLTIuNy02LTYtNmgtMjcuNGMyLTIxLjMsMTQtNDAuMywzMi40LTUxLjJjNy42LTQuNSwxNi4xLTcuNSwyNS04LjZoNzYuNg0KCQkJYzMwLjcsNC4xLDU0LjUsMjguOSw1Ny40LDU5LjhIMjA3LjNjLTMuMywwLTYsMi43LTYsNnMyLjcsNiw2LDZIMzU0LjF6Ii8+DQoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zNjIuNiw0NTguMVY0NzVIMTQxLjJ2LTE2LjlIMjkzYzMuMywwLDYtMi43LDYtNnMtMi43LTYtNi02SDE1NlYyODAuOWgxOTEuOHYxNjUuMmgtMzAuMWMtMy4zLDAtNiwyLjctNiw2DQoJCQlzMi43LDYsNiw2SDM2Mi42eiIvPg0KCQk8cGF0aCBkPSJNNDk5LjEsMjg4LjRDNDk5LjEsMjg4LjQsNDk5LjEsMjg4LjQsNDk5LjEsMjg4LjRjMCwzMC42LTI0LjgsNTUuNC01NS40LDU1LjRjLTMwLjYsMC01NS4zLTI0LjgtNTUuMy01NS40VjE1N2gtNDYuOQ0KCQkJYy0yLjIsMC00LjMsMC41LTYuMywxLjVMMzA4LDE3Mi4yYzI5LjMsMTAuNiw0OS41LDM3LjUsNTEuNiw2OC41YzYuOSwxLjksMTIuMiw3LjIsMTQuMiwxNC4xYzMuMSwxMC44LTMuMSwyMi4yLTE0LDI1LjN2MTY2aDguOA0KCQkJYzMuMywwLDYsMi43LDYsNlY0ODFjMCwzLjMtMi43LDYtNiw2SDEzNS4yYy0zLjMsMC02LTIuNy02LTZ2LTI4LjljMC0zLjMsMi43LTYsNi02aDguOFYyODBjLTYuOC0yLTEyLjEtNy4zLTE0LTE0LjINCgkJCWMtMy0xMC45LDMuMy0yMi4yLDE0LjItMjUuMmMxLjYtMjMuMSwxMy4zLTQ0LjQsMzItNTguMWwtNTYuMi01Ni4yYy0yLjMtMi4zLTIuMy02LjEsMC04LjVsMTEuNy0xMS43TDYyLjQsMzdIMTguOQ0KCQkJYy0zLjMsMC02LTIuNy02LTZzMi43LTYsNi02aDQ2YzEuNiwwLDMuMSwwLjYsNC4zLDEuOGw3MSw3MWwxMi40LTEyLjRjMS4xLTEuMSwyLjctMS44LDQuMi0xLjhzMy4xLDAuNiw0LjIsMS44bDQ1LjgsNDUuOHYtMzAuMg0KCQkJYzAtNS41LDQuNS0xMCwxMC0xMGg3MC4xYzUuNSwwLDEwLDQuNSwxMCwxMHYxOWg3MC4zTDQzMyw3OS45YzIuOC0xLjcsNi41LTAuOCw4LjIsMmMxLjgsMi44LDAuOSw2LjUtMS45LDguM2wtNjcuMiw0MS4xDQoJCQljLTAuOSwwLjYtMiwwLjktMy4xLDAuOWgtNzJ2MzIuMmwzMy0xNi41YzMuNi0xLjgsNy42LTIuOCwxMS42LTIuOGgxMDIuMmMzMC41LDAsNTUuMywyNC44LDU1LjMsNTUuM1YyODguNHogTTQ0My44LDMzMS44DQoJCQljMjMuOSwwLDQzLjMtMTkuNCw0My4zLTQzLjR2LTg4LjFjMC0yMy45LTE5LjQtNDMuMy00My4zLTQzLjNoLTQzLjN2MTMxLjRjMCwwLDAsMCwwLDBDNDAwLjUsMzEyLjQsNDE5LjksMzMxLjgsNDQzLjgsMzMxLjh6DQoJCQkgTTM2Mi42LDQ3NXYtMTYuOWgtNDQuOWMtMy4zLDAtNi0yLjctNi02czIuNy02LDYtNmgzMC4xVjI4MC45SDE1NnYxNjUuMmgxMzdjMy4zLDAsNiwyLjcsNiw2cy0yLjcsNi02LDZIMTQxLjJWNDc1SDM2Mi42eg0KCQkJIE0zNjIuNiwyNjAuNGMwLTQuNy0zLjgtOC41LTguNS04LjVIMjA3LjNjLTMuMywwLTYtMi43LTYtNnMyLjctNiw2LTZoMTQwLjNjLTIuOC0zMC45LTI2LjYtNTUuNy01Ny40LTU5LjhoLTc2LjYNCgkJCWMtOC44LDEuMS0xNy4zLDQuMS0yNSw4LjZjLTE4LjQsMTAuOS0zMC40LDI5LjktMzIuNCw1MS4yaDI3LjRjMy4zLDAsNiwyLjcsNiw2cy0yLjcsNi02LDZoLTM0Yy00LjcsMC04LjUsMy44LTguNSw4LjUNCgkJCWMwLDQuNywzLjgsOC41LDguNSw4LjVoMjA0LjVDMzU4LjgsMjY4LjksMzYyLjUsMjY1LjEsMzYyLjYsMjYwLjR6IE0yODQuOSwxNjcuNnYtNjQuNmgtNjYuMXY2NC42bDYyLjctMC4xDQoJCQlDMjgyLjYsMTY3LjYsMjgzLjgsMTY3LjYsMjg0LjksMTY3LjZ6IE0yMDYuOCwxNjkuMXYtMjAuOWwtNTAuMS01MC4xbC0yNCwyNGw1NCw1My45QzE5MywxNzIuOSwxOTkuOCwxNzAuNSwyMDYuOCwxNjkuMXoiLz4NCgkJPHBhdGggY2xhc3M9InN0MSIgZD0iTTQ4Ny4xLDI4OC40YzAsMjMuOS0xOS40LDQzLjQtNDMuMyw0My40Yy0yMy45LDAtNDMuNC0xOS40LTQzLjQtNDMuM2MwLDAsMCwwLDAsMFYxNTdoNDMuMw0KCQkJYzIzLjksMCw0My4zLDE5LjQsNDMuMyw0My4zVjI4OC40eiIvPg0KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjg0LjksMTAzLjF2NjQuNmMtMS4xLTAuMS0yLjMtMC4xLTMuNC0wLjFsLTYyLjcsMC4xdi02NC42SDI4NC45eiIvPg0KCTwvZz4NCgk8Zz4NCgk8L2c+DQo8L2c+DQo8cGF0aCBkPSJNMTc5LjUsMjk1Yy0zLjMsMC02LDIuNy02LDZ2NS44YzAsMy4zLDIuNyw2LDYsNnM2LTIuNyw2LTZWMzAxQzE4NS41LDI5Ny43LDE4Mi44LDI5NSwxNzkuNSwyOTV6Ii8+DQo8cGF0aCBkPSJNMTc5LjUsMzE3LjdjLTMuMywwLTYsMi43LTYsNnY2MC41YzAsMy4zLDIuNyw2LDYsNnM2LTIuNyw2LTZ2LTYwLjVDMTg1LjUsMzIwLjQsMTgyLjgsMzE3LjcsMTc5LjUsMzE3Ljd6Ii8+DQo8ZyBpZD0iWE1MSURfMl8iPg0KCTxnPg0KCQk8cGF0aCBkPSJNMjk5LjUsMzYwLjRjOS4yLDE1LjgsOS4yLDM1LjMsMCw1MS4xYy0xNC4xLDI0LjEtNDUuMSwzMi4yLTY5LjIsMTguMWMtMjQuMS0xNC4xLTMyLjItNDUuMS0xOC4xLTY5LjJsMzguNS02NS43DQoJCQljMC41LTAuOSwxLjMtMS42LDIuMS0yLjJjMi45LTEuNyw2LjUtMC43LDguMiwyLjJMMjk5LjUsMzYwLjR6IE0yODMuMiw0MTMuMmMxMi40LTEyLjQsMTQuOS0zMS42LDYtNDYuOGwtMzMuMy01Ni45bC0zMy4zLDU2LjkNCgkJCWMtOC45LDE1LjItNi40LDM0LjQsNiw0Ni44QzI0My43LDQyOC4zLDI2OC4xLDQyOC4zLDI4My4yLDQxMy4yeiIvPg0KCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMjg5LjIsMzY2LjRjOC45LDE1LjIsNi40LDM0LjQtNiw0Ni44Yy0xNS4xLDE1LjEtMzkuNSwxNS4xLTU0LjYsMGMtMTIuNC0xMi40LTE0LjktMzEuNy02LTQ2LjhsMzMuMy01Ni45DQoJCQlMMjg5LjIsMzY2LjR6Ii8+DQoJPC9nPg0KCTxnPg0KCTwvZz4NCjwvZz4NCjxwYXRoIGQ9Ik0yNzguOSwzODUuOWMtMy4yLTAuNy02LjQsMS40LTcuMSw0LjdjLTAuNywzLjYtMi41LDctNS4yLDkuNmMtMiwyLTQuNSwzLjYtNy4yLDQuNWMtMy4xLDEtNC44LDQuNC0zLjgsNy42DQoJYzEsMy4xLDQuNCw0LjgsNy42LDMuOGMwLDAsMC4xLDAsMC4xLDBjNC40LTEuNSw4LjUtNCwxMS44LTcuNGM0LjMtNC4zLDcuMi05LjcsOC40LTE1LjdDMjg0LjMsMzg5LjcsMjgyLjIsMzg2LjUsMjc4LjksMzg1Ljl6Ii8+DQo8L3N2Zz4NCg==\";","import * as React from \"react\";\nconst SvgMonetaryAssets = props => ;\nexport { SvgMonetaryAssets as ReactComponent };\nexport default \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfNSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojODg4ODg4O30NCgkuc3Qxe2ZpbGw6bm9uZTtzdHJva2U6IzAwMDAwMDtzdHJva2Utd2lkdGg6MTA7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQ0KPC9zdHlsZT4NCjxnPg0KCTxnIGlkPSJYTUxJRF8xXyI+DQoJCTxnPg0KCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTQ4OCwzNjB2ODhjMCw0LjQtMy42LDgtOCw4SDI0Ny41YzIwLjItMjMuNywzMi41LTU0LjQsMzIuNS04OGMwLTIuNy0wLjMtNS4zLTAuNC04SDQ4OHogTTQ3Miw0MDgNCgkJCQljMC0xNy42LTE0LjQtMzItMzItMzJjLTUuOSwwLTExLjMsMS43LTE2LDQuNGMtNC45LTIuOS0xMC40LTQuNC0xNi00LjRjLTE3LjYsMC0zMiwxNC40LTMyLDMyczE0LjQsMzIsMzIsMzINCgkJCQljNS43LDAsMTEuMS0xLjYsMTYtNC40YzQuNywyLjgsMTAuMSw0LjQsMTYsNC40QzQ1Ny42LDQ0MCw0NzIsNDI1LjYsNDcyLDQwOHoiLz4NCgkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00ODgsMzI4djE2SDI3Ny44Yy0xLTUuNC0yLjItMTAuOC0zLjgtMTZINDg4eiIvPg0KCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTQ4OCwyODh2MjRIMjY3LjhjLTUuMy0xMS42LTEyLjEtMjIuNC0yMC4zLTMySDQ4MEM0ODQuNCwyODAsNDg4LDI4My42LDQ4OCwyODh6Ii8+DQoJCQk8cmVjdCB4PSIxNjgiIHk9IjE1MiIgY2xhc3M9InN0MCIgd2lkdGg9IjMyMCIgaGVpZ2h0PSIxNiIvPg0KCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTQ3NC4xLDEzNmgtMjIuM0wzNDYsNDYuMmMtMTAuMi04LTI1LjUtOC4yLTM2LjIsMC4zTDIwNS4xLDEzNmgtMjMuMWwxMjMtMTAzLjZjMTIuOS0xMC44LDMzLjMtMTAuOCw0Ni4yLDANCgkJCQlMNDc0LjEsMTM2eiIvPg0KCQkJPHJlY3QgeD0iNDQwIiB5PSIxODQiIGNsYXNzPSJzdDAiIHdpZHRoPSIzMiIgaGVpZ2h0PSI4MCIvPg0KCQkJPGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iNDQwIiBjeT0iNDA4IiByPSIxNiIvPg0KCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNy4xLDEzNkgyMjkuN0wzMjAsNTguOGM0LjUtMy42LDExLjctMy41LDE1LjktMC4yTDQyNy4xLDEzNnogTTM0NCw5NmMwLTguOC03LjItMTYtMTYtMTZzLTE2LDcuMi0xNiwxNg0KCQkJCXM3LjIsMTYsMTYsMTZTMzQ0LDEwNC44LDM0NCw5NnoiLz4NCgkJCTxyZWN0IHg9IjM2MCIgeT0iMTg0IiBjbGFzcz0ic3QwIiB3aWR0aD0iNjQiIGhlaWdodD0iODAiLz4NCgkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MTIuMSwzOTIuNmMtMi41LDQuNi00LjEsOS44LTQuMSwxNS40czEuNiwxMC44LDQuMSwxNS40Yy0xLjMsMC4zLTIuNiwwLjYtNC4xLDAuNmMtOC44LDAtMTYtNy4yLTE2LTE2DQoJCQkJczcuMi0xNiwxNi0xNkM0MDkuNSwzOTIsNDEwLjksMzkyLjMsNDEyLjEsMzkyLjZ6Ii8+DQoJCQk8cmVjdCB4PSIzMTIiIHk9IjE4NCIgY2xhc3M9InN0MCIgd2lkdGg9IjMyIiBoZWlnaHQ9IjgwIi8+DQoJCQk8cmVjdCB4PSIyMzIiIHk9IjE4NCIgY2xhc3M9InN0MCIgd2lkdGg9IjY0IiBoZWlnaHQ9IjgwIi8+DQoJCQk8cGF0aCBkPSJNMTQ0LDI0OGM2Ni4yLDAsMTIwLDUzLjgsMTIwLDEyMHMtNTMuOCwxMjAtMTIwLDEyMFMyNCw0MzQuMiwyNCwzNjhTNzcuOCwyNDgsMTQ0LDI0OHogTTI0MCwzNjhjMC01My00My05Ni05Ni05Ng0KCQkJCXMtOTYsNDMtOTYsOTZzNDMsOTYsOTYsOTZTMjQwLDQyMSwyNDAsMzY4eiIvPg0KCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTIxNiwxODR2NjguOGMtOS45LTYuMi0yMC42LTExLjMtMzItMTQuOHYtNTRIMjE2eiIvPg0KCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE0NCwyNzJjNTMsMCw5Niw0Myw5Niw5NnMtNDMsOTYtOTYsOTZzLTk2LTQzLTk2LTk2UzkxLDI3MiwxNDQsMjcyeiBNMTYwLDM0NGwxNi0wLjgNCgkJCQljMC0xNC43LTEwLjMtMjctMjQtMzAuM1YyOTZoLTE2djE2LjljLTEzLjcsMy4zLTI0LDE1LjYtMjQsMzAuM2MwLDEzLjUsOC42LDI1LjQsMjEuNCwyOS42bDE2LjIsNS40YzYuMiwyLjEsMTAuNCw3LjksMTAuNCwxNC41DQoJCQkJYzAsOC40LTYuOCwxNS4yLTE1LjIsMTUuMmgtMS41Yy04LjQsMC0xNS4zLTYuOC0xNS4zLTE1LjJWMzg0aC0xNnY4LjhjMCwxNC43LDEwLjMsMjcsMjQsMzAuM1Y0NDBoMTZ2LTE2LjkNCgkJCQljMTMuNy0zLjMsMjQtMTUuNiwyNC0zMC4zYzAtMTMuNS04LjYtMjUuNC0yMS40LTI5LjZsLTE2LjItNS40Yy02LjMtMi4xLTEwLjQtNy45LTEwLjQtMTQuNWMwLTguNCw2LjgtMTUuMiwxNS4zLTE1LjJoMS41DQoJCQkJYzguNCwwLDE1LjMsNi44LDE1LjMsMTUuMlYzNDR6Ii8+DQoJCQk8cGF0aCBkPSJNMTc2LDM0My4ybC0xNiwwLjh2LTAuOGMwLTguNC02LjgtMTUuMi0xNS4zLTE1LjJoLTEuNWMtOC40LDAtMTUuMyw2LjgtMTUuMywxNS4yYzAsNi42LDQuMiwxMi40LDEwLjQsMTQuNWwxNi4yLDUuNA0KCQkJCWMxMi44LDQuMywyMS40LDE2LjIsMjEuNCwyOS42YzAsMTQuNy0xMC4zLDI3LTI0LDMwLjNWNDQwaC0xNnYtMTYuOWMtMTMuNy0zLjMtMjQtMTUuNi0yNC0zMC4zVjM4NGgxNnY4LjgNCgkJCQljMCw4LjQsNi44LDE1LjIsMTUuMywxNS4yaDEuNWM4LjQsMCwxNS4zLTYuOCwxNS4yLTE1LjJjMC02LjYtNC4yLTEyLjQtMTAuNC0xNC41bC0xNi4yLTUuNGMtMTIuOC00LjMtMjEuNC0xNi4yLTIxLjQtMjkuNg0KCQkJCWMwLTE0LjcsMTAuMy0yNywyNC0zMC4zVjI5NmgxNnYxNi45QzE2NS43LDMxNi4yLDE3NiwzMjguNSwxNzYsMzQzLjJ6Ii8+DQoJCTwvZz4NCgkJPGc+DQoJCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTg0LDE4NHY1NGMxMS40LDMuNSwyMi4xLDguNiwzMiwxNC44VjE4NEgxODR6Ii8+DQoJCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMjgwLDM2OGMwLDMzLjYtMTIuMyw2NC4zLTMyLjUsODhINDgwYzQuNCwwLDgtMy42LDgtOHYtODhIMjc5LjZDMjc5LjgsMzYyLjcsMjgwLDM2NS4zLDI4MCwzNjh6Ii8+DQoJCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMzA5LjgsNDYuNWMxMC42LTguNSwyNi04LjMsMzYuMi0wLjNMNDUxLjgsMTM2aDIyLjNsLTEyMy0xMDMuNmMtMTIuOS0xMC44LTMzLjMtMTAuOC00Ni4yLDBMMTgxLjksMTM2DQoJCQkJaDIzLjFMMzA5LjgsNDYuNXoiLz4NCgkJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0zMjAsNTguOEwyMjkuNywxMzZoMTk3LjRsLTkxLjMtNzcuNEMzMzEuNyw1NS40LDMyNC41LDU1LjIsMzIwLDU4Ljh6Ii8+DQoJCQk8cmVjdCB4PSI0NDAiIHk9IjE4NCIgY2xhc3M9InN0MSIgd2lkdGg9IjMyIiBoZWlnaHQ9IjgwIi8+DQoJCQk8cmVjdCB4PSIzNjAiIHk9IjE4NCIgY2xhc3M9InN0MSIgd2lkdGg9IjY0IiBoZWlnaHQ9IjgwIi8+DQoJCQk8cmVjdCB4PSIzMTIiIHk9IjE4NCIgY2xhc3M9InN0MSIgd2lkdGg9IjMyIiBoZWlnaHQ9IjgwIi8+DQoJCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMjc3LjgsMzQ0SDQ4OHYtMTZIMjc0QzI3NS42LDMzMy4yLDI3Ni44LDMzOC42LDI3Ny44LDM0NHoiLz4NCgkJCTxyZWN0IHg9IjE2OCIgeT0iMTUyIiBjbGFzcz0ic3QxIiB3aWR0aD0iMzIwIiBoZWlnaHQ9IjE2Ii8+DQoJCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNNDgwLDI4MEgyNDcuNWM4LjIsOS42LDE1LDIwLjQsMjAuMywzMkg0ODh2LTI0QzQ4OCwyODMuNiw0ODQuNCwyODAsNDgwLDI4MHoiLz4NCgkJCTxyZWN0IHg9IjIzMiIgeT0iMTg0IiBjbGFzcz0ic3QxIiB3aWR0aD0iNjQiIGhlaWdodD0iODAiLz4NCgkJPC9nPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K\";","import * as React from \"react\";\nconst SvgMusicIcon = props => ;\nexport { SvgMusicIcon as ReactComponent };\nexport default \"data:image/svg+xml;base64,PHN2ZyBpZD0iQ2FwYV8xIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHdpZHRoPSI1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGc+PHBhdGggZD0ibTM2MC42MDggMzc3LjI3OGMtMy41My0zLjU0OS03LjU3Ny02LjY3OC0xMi4zNDUtOC45NTQtMjIuNTg2LTEwLjgwNy00OS4zNi0xLjA3OC02MCAyMS4xOTYtMTAuNzE0IDIyLjQyNS0xLjI2MyA0OS4zMDggMjEuMjExIDYwLjAxNSAyMi4zMzkgMTAuNjQ2IDQ5LjI3NCAxLjIxMiA2MC0yMS4xOTZ2LS4wMTVsMzYuMTA4LTc1LjYxNSAxNi4yMTYgNDUuODY0IDI4LjI3MS05Ljk5LTQwLjM1Ni0xMTQuMTU1eiIvPjxwYXRoIGQ9Im0yNzcuNDc2IDE1OS4wNDZjLTguMDgyLTYuMjY4LTE3LjUzMi0xMC41OTYtMjcuOTI5LTEyLjEwMy0zMi43ODktNC42ODktNjMuMjMgMTcuODQ3LTY3Ljk5OCA1MC43NDItNS4zMTQgMzYuMzkyIDIzLjA0NyA2OC42MjggNTkuNDE0IDY4LjYyOCAyOS4yOTcgMCA1NC45OS0yMS41NDggNTkuMzI2LTUxLjM3Mi4wMDktLjA2IDAtLjExOS4wMDktLjE3OWwuMDIuMDA0IDIxLjkxNC0xNjUuNTkgMTU0Ljk1NS0xNS41MTMtMTQuMTEgMTA2Ljc4NGMtNy45MjEtNi4xNTYtMTcuMzEzLTEwLjYxMS0yNy45MzEtMTIuMTUxLTMyLjU4NS00LjcyNC02My4yMSAxNy43MTctNjcuOTk4IDUwLjc0Mi01LjMxNCAzNi4zOTIgMjMuMDQ3IDY4LjYyOCA1OS40MTQgNjguNjI4IDI5LjI5NyAwIDU0Ljk5LTIxLjU0OCA1OS4zMjYtNTEuMzg3LjAwOS0uMDYtLjAwMi0uMTE5LjAwNy0uMTc5bC4wMjIuMDA0IDI2LjAxNy0xOTYuMTA0LTIxNi4zMDMgMjEuNzI0eiIvPjxwYXRoIGQ9Im00NC40MjEgNTEyYzI4LjE2NyAwIDQ5LjMzOC0yNS42MDUgNDQuMjgyLTUzLjEzbC0xOS41MjYtMTA3LjQ5NCA4NS40NjMtMzguMzY0IDEwLjU1NCA1OC41NjFjLTQuOTg4LS43OTgtMTAuMTA2LS45MTYtMTUuMjQyLjAyMi0yNC40MTcgNC40NzktNDAuNjQ4IDI3Ljg1OC0zNi4xNTIgNTIuMzY4IDQuMDU4IDIyLjEyMSAyMy4zMzMgMzYuODg1IDQ0LjE2NSAzNi44ODUgMjguMjMxIDAgNDkuNDI0LTI1LjQ3NSA0NC4zNTUtNTMuMTE1bC0yNS4wOTMtMTM3LjkzNC0xNDEuNzcxIDYzLjk0IDE2LjEzMiA4OS4wMTFjLTQuOTQ4LS44MDctMTAuMDY3LS45NzItMTUuMjY3LS4wMTgtMjQuNDA1IDQuNDY4LTM5Ljk2OSAyNy45NzktMzUuNDg3IDUyLjM4MyAzLjk3IDIxLjY2NSAyMi4zMDMgMzYuODg1IDQzLjU4NyAzNi44ODV6Ii8+PHBhdGggZD0ibTQ1LjExNCAyMzQuMTE1YzIwLjY5MyAxMy43IDQ4LjYgOC4xMTkgNjIuMzU4LTEyLjY1NiA2LjY1LTEwLjAyIDguOTk0LTIyLjAzMSA2LjYwNi0zMy44MDlsLTE2LjY4NS04Mi4xMTkgNDAuNTQ3IDI2Ljg4IDE2LjU4Mi0yNS4wMi0xMDAuOTI3LTY2Ljg3IDIyLjY3NCAxMTEuNzM5Yy0xOC43MDQtMi42ODQtMzQuNzk5IDUuODc0LTQzLjgxMiAxOS40ODItMTMuNzg3IDIwLjgxOS03Ljk5NCA0OC42OTcgMTIuNjU3IDYyLjM3M3oiLz48L2c+PC9zdmc+\";","import * as React from \"react\";\nconst SvgHeatingIcon = props => ;\nexport { SvgHeatingIcon as ReactComponent };\nexport default \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDQ4MCA0ODAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ4MCA0ODA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiM4ODg4ODg7fQ0KPC9zdHlsZT4NCjxnPg0KCTxnIGlkPSJYTUxJRF8xXyI+DQoJCTxnPg0KCQkJPHJlY3QgeD0iNTYiIHk9IjIyNCIgY2xhc3M9InN0MCIgd2lkdGg9IjM2OCIgaGVpZ2h0PSI4Ii8+DQoJCQk8cmVjdCB4PSI1NiIgeT0iMjQ4IiBjbGFzcz0ic3QwIiB3aWR0aD0iMzY4IiBoZWlnaHQ9IjgiLz4NCgkJCTxyZWN0IHg9IjU2IiB5PSIyMDAiIGNsYXNzPSJzdDAiIHdpZHRoPSIzNjgiIGhlaWdodD0iOCIvPg0KCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNCw0OHYyNGMwLDEzLjMtMTAuNywyNC0yNCwyNEg4MGMtMTMuMywwLTI0LTEwLjgtMjQtMjRWNDhINDI0eiIvPg0KCQkJPHBhdGggZD0iTTQ4MCw3MnYxNjBjMCwyMi4xLTE3LjksNDAtNDAsNDBINDBjLTIyLjEsMC00MC0xNy45LTQwLTQwVjcyYzAtMjIuMSwxNy45LTQwLDQwLTQwaDQwMEM0NjIuMSwzMiw0ODAsNDkuOSw0ODAsNzJ6DQoJCQkJIE00NjQsMjMyVjcyYzAtMTMuMy0xMC43LTI0LTI0LTI0djI0YzAsMjIuMS0xNy45LDQwLTQwLDQwSDgwYy0yMi4xLDAtNDAtMTcuOS00MC00MFY0OGMtMTMuMywwLTI0LDEwLjctMjQsMjR2MTYwDQoJCQkJYzAsMTMuMywxMC43LDI0LDI0LDI0di02NGMwLTQuNCwzLjYtOCw4LThoMzg0YzQuNCwwLDgsMy42LDgsOHY2NEM0NTMuMywyNTYsNDY0LDI0NS4zLDQ2NCwyMzJ6IE00MjQsMjU2di04SDU2djhINDI0eiBNNDI0LDIzMg0KCQkJCXYtOEg1NnY4SDQyNHogTTQyNCwyMDh2LThINTZ2OEg0MjR6IE00MjQsNzJWNDhINTZ2MjRjMCwxMy4zLDEwLjgsMjQsMjQsMjRoMzIwQzQxMy4zLDk2LDQyNCw4NS4zLDQyNCw3MnoiLz4NCgkJCTxwYXRoIGQ9Ik00NDAsMTI4YzQuNCwwLDgsMy42LDgsOHMtMy42LDgtOCw4aC04Yy00LjQsMC04LTMuNi04LThzMy42LTgsOC04SDQ0MHoiLz4NCgkJCTxwYXRoIGQ9Ik00MDgsMTI4YzQuNCwwLDgsMy42LDgsOHMtMy42LDgtOCw4aC04Yy00LjQsMC04LTMuNi04LThzMy42LTgsOC04SDQwOHoiLz4NCgkJCTxwYXRoIGQ9Ik0zMjAsMjk2YzAuMSwxMC4zLTMuMSwyMC4zLTkuMywyOC40Yy04LjksMTEuNS04LjksMjcuNiwwLDM5LjFjMTIuNCwxNi45LDEyLjQsNDAsMCw1Ni45Yy00LjUsNS41LTYuOCwxMi41LTYuNywxOS42DQoJCQkJYzAsNC40LTMuNiw4LTgsOHMtOC0zLjYtOC04Yy0wLjEtMTAuMywzLjEtMjAuMyw5LjMtMjguNGM4LjktMTEuNSw4LjktMjcuNiwwLTM5LjFjLTEyLjQtMTYuOS0xMi40LTQwLDAtNTYuOQ0KCQkJCWM0LjUtNS41LDYuOC0xMi40LDYuNy0xOS41YzAtNC40LDMuNi04LDgtOFMzMjAsMjkxLjYsMzIwLDI5NnoiLz4NCgkJCTxwYXRoIGQ9Ik0yNjQsMTYwYzQuNCwwLDgsMy42LDgsOHMtMy42LDgtOCw4aC02NGMtNC40LDAtOC0zLjYtOC04czMuNi04LDgtOEgyNjR6Ii8+DQoJCQk8cGF0aCBkPSJNMjU2LDI5NmMwLjEsMTAuMy0zLjEsMjAuMy05LjMsMjguNGMtOC45LDExLjUtOC45LDI3LjYsMCwzOS4xYzEyLjQsMTYuOSwxMi40LDQwLDAsNTYuOWMtNC40LDUuNS02LjgsMTIuNS02LjcsMTkuNg0KCQkJCWMwLDQuNC0zLjYsOC04LDhzLTgtMy42LTgtOGMtMC4xLTEwLjMsMy4xLTIwLjMsOS4zLTI4LjRjOC45LTExLjUsOC45LTI3LjYsMC0zOS4xYy0xMi40LTE2LjktMTIuNC00MCwwLTU2LjkNCgkJCQljNC40LTUuNSw2LjgtMTIuNCw2LjctMTkuNWMwLTQuNCwzLjYtOCw4LThTMjU2LDI5MS42LDI1NiwyOTZ6Ii8+DQoJCQk8cGF0aCBkPSJNMTkyLDI5NmMwLjEsMTAuMy0zLjEsMjAuMy05LjMsMjguNGMtOC45LDExLjUtOC45LDI3LjYsMCwzOS4xYzEyLjQsMTYuOSwxMi40LDQwLDAsNTYuOWMtNC40LDUuNS02LjgsMTIuNS02LjcsMTkuNg0KCQkJCWMwLDQuNC0zLjYsOC04LDhzLTgtMy42LTgtOGMtMC4xLTEwLjMsMy4xLTIwLjMsOS4zLTI4LjRjOC45LTExLjUsOC45LTI3LjYsMC0zOS4xYy0xMi40LTE2LjktMTIuNC00MCwwLTU2LjkNCgkJCQljNC40LTUuNSw2LjgtMTIuNCw2LjctMTkuNWMwLTQuNCwzLjYtOCw4LThTMTkyLDI5MS42LDE5MiwyOTZ6Ii8+DQoJCTwvZz4NCgkJPGc+DQoJCTwvZz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==\";","import * as React from \"react\";\nconst SvgSafetyProtection = props => ;\nexport { SvgSafetyProtection as ReactComponent };\nexport default \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojODg4ODg4O30NCjwvc3R5bGU+DQo8Zz4NCgk8ZyBpZD0iWE1MSURfMV8iPg0KCQk8Zz4NCgkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00NTUsMjgyLjNWMzAwYy0wLjMsODcuMy02NS40LDE2MC44LTE1MiwxNzEuN3YtMTAuMWM4MS0xMSwxNDEuNS03OS45LDE0Mi0xNjEuNnYtMTcuN0g0NTV6Ii8+DQoJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjA5LDQ2MS42djEwLjFjLTg2LjYtMTEtMTUxLjYtODQuNC0xNTItMTcxLjd2LTE3LjdoMTBWMzAwQzY3LjUsMzgxLjcsMTI4LDQ1MC42LDIwOSw0NjEuNnoiLz4NCgkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00NTQuMywyMzIuM0gzMTFWNTYuOGMxNS4xLDQuMywyOS42LDEwLjQsNDMuMiwxOC4yVjE1NmMwLDEzLjgsMTEuMiwyNSwyNSwyNWMxMy44LDAsMjUtMTEuMiwyNS0yNXYtNDAuNg0KCQkJCUM0MzMuMywxNDcuOCw0NTAuOSwxODguOSw0NTQuMywyMzIuM3ogTTQzNS42LDIxNy42YzMuOC0wLjgsNi4yLTQuNSw1LjQtOC4zYzAsMCwwLDAsMCwwYy0yLjItMTAuMy01LjItMjAuNC05LTMwLjINCgkJCQljLTEuNC0zLjYtNS41LTUuNC05LjEtMy45Yy0zLjYsMS40LTUuNCw1LjUtNCw5LjFoMGMzLjYsOSw2LjQsMTguNCw4LjMsMjcuOWMwLjcsMy4yLDMuNSw1LjYsNi45LDUuNg0KCQkJCUM0MzQuNiwyMTcuOCw0MzUuMSwyMTcuOCw0MzUuNiwyMTcuNnoiLz4NCgkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yMDEsNTYuOHYxNzUuNEg1Ny43YzMuNS00My4zLDIxLjEtODQuNCw1MC4xLTExNi43djQwLjRjMCwxMy44LDExLjIsMjUsMjUsMjVjMTMuOCwwLDI1LTExLjIsMjUtMjVWNzUuMQ0KCQkJCUMxNzEuNCw2Ny4zLDE4NS45LDYxLjIsMjAxLDU2Ljh6Ii8+DQoJCQk8cGF0aCBkPSJNNDkzLDIzOS4zdjM2YzAsMy45LTMuMSw3LTcsN2gtMTdWMzAwYy0wLjQsOTUtNzEuNiwxNzQuOC0xNjYsMTg1Ljh2MC4yYzAsMy45LTMuMSw3LTcsN2gtODBjLTMuOSwwLTctMy4xLTctN3YtMC4yDQoJCQkJQzExNC42LDQ3NC44LDQzLjQsMzk1LDQzLDMwMHYtMTcuN0gyNmMtMy45LDAtNy0zLjEtNy03di0zNnYwYzAtMy45LDMuMS03LDctN2gxNy42YzctOTAuNyw3MC41LTE2NywxNTguNC0xOTAuMg0KCQkJCWMzLjYtMTMuNiwxNS45LTIzLDI5LjktMjMuMWg0OGMxNCwwLDI2LjMsOS41LDI5LjksMjNjODgsMjMsMTUxLjcsOTkuNSwxNTguNCwxOTAuM0g0ODZoMEM0ODkuOSwyMzIuMyw0OTMsMjM1LjQsNDkzLDIzOS4zeg0KCQkJCSBNNDc5LDI2OC4zdi0yMkgzM3YyMkg0Nzl6IE00NTUsMzAwdi0xNy43aC0xMFYzMDBjLTAuNSw4MS43LTYxLDE1MC42LTE0MiwxNjEuNnYxMC4xQzM4OS42LDQ2MC44LDQ1NC43LDM4Ny4zLDQ1NSwzMDB6DQoJCQkJIE0zMTEsMjMyLjNoMTQzLjNjLTMuNC00My40LTIxLTg0LjUtNTAuMS0xMTYuOVYxNTZjMCwxMy44LTExLjIsMjUtMjUsMjVjLTEzLjgsMC0yNS0xMS4yLTI1LTI1Vjc1DQoJCQkJYy0xMy42LTcuOC0yOC4yLTEzLjktNDMuMi0xOC4yVjIzMi4zeiBNNDMxLDMwMHYtMTcuN0g4MVYzMDBjMC40LDc0LjIsNTUsMTM2LjksMTI4LjQsMTQ3LjZjMCwwLDAuMS0wLjEsMC4xLTAuMQ0KCQkJCWMwLjItMC42LDAuNS0xLjEsMC45LTEuNmMwLjEtMC4xLDAuMi0wLjIsMC4zLTAuM2MwLjQtMC40LDAuOC0wLjgsMS4yLTEuMWMwLjEtMC4xLDAuMS0wLjEsMC4yLTAuMWMwLjUtMC40LDEuMS0wLjYsMS42LTAuOA0KCQkJCWMwLjEsMCwwLjMtMC4xLDAuNC0wLjFjMC42LTAuMiwxLjMtMC4zLDEuOS0wLjNoODBjMC43LDAsMS4zLDAuMSwxLjksMC4zYzAuMSwwLDAuMywwLjEsMC40LDAuMWMwLjYsMC4yLDEuMSwwLjUsMS42LDAuOA0KCQkJCWMwLjEsMCwwLjEsMC4xLDAuMiwwLjFjMC40LDAuMywwLjksMC43LDEuMiwxLjFjMC4xLDAuMSwwLjIsMC4yLDAuMywwLjNjMC40LDAuNSwwLjcsMSwwLjksMS42YzAsMCwwLjEsMC4xLDAuMSwwLjENCgkJCQlDMzc2LDQzNi45LDQzMC41LDM3NC4yLDQzMSwzMDB6IE0zOTAuMiwxNTZ2LTU0LjdjLTYuOS02LjMtMTQuMy0xMi4yLTIyLTE3LjVWMTU2YzAsNi4xLDQuOSwxMSwxMSwxMQ0KCQkJCUMzODUuMywxNjYuOSwzOTAuMiwxNjIsMzkwLjIsMTU2eiBNMjk3LDIzMi4zVjUwYzAtOS40LTcuNi0xNy0xNy0xN2gtMTd2MTIxYzAsMy45LTMuMSw3LTcsN3MtNy0zLjEtNy03VjMzaC0xNw0KCQkJCWMtOS40LDAtMTcsNy42LTE3LDE3djE4Mi4zSDI5N3ogTTI4OSw0Nzl2LTIyaC02NnYyMkgyODl6IE0yMDksNDcxLjd2LTEwLjFjLTgxLTExLTE0MS41LTc5LjktMTQyLTE2MS42di0xNy43SDU3VjMwMA0KCQkJCUM1Ny4zLDM4Ny4zLDEyMi40LDQ2MC44LDIwOSw0NzEuN3ogTTIwMSwyMzIuM1Y1Ni44Yy0xNS4xLDQuMy0yOS42LDEwLjUtNDMuMiwxOC4ydjgwLjljMCwxMy44LTExLjIsMjUtMjUsMjUNCgkJCQljLTEzLjgsMC0yNS0xMS4yLTI1LTI1di00MC40Yy0yOSwzMi40LTQ2LjYsNzMuNC01MC4xLDExNi43SDIwMXogTTE0My44LDE1NlY4My44Yy03LjcsNS4zLTE1LjEsMTEuMi0yMiwxNy42VjE1Ng0KCQkJCWMwLDYuMSw0LjksMTEsMTEsMTFDMTM4LjgsMTY2LjksMTQzLjcsMTYyLDE0My44LDE1NnoiLz4NCgkJCTxwYXRoIGQ9Ik00NDEsMjA5LjRjMC44LDMuOC0xLjYsNy41LTUuNCw4LjNjLTAuNSwwLjEtMSwwLjItMS40LDAuMmMtMy4zLDAtNi4yLTIuMy02LjktNS42Yy0yLTkuNS00LjgtMTguOS04LjMtMjcuOWgwDQoJCQkJYy0xLjQtMy42LDAuNC03LjcsNC05LjFjMy42LTEuNCw3LjcsMC40LDkuMSwzLjlDNDM1LjgsMTg5LDQzOC45LDE5OS4xLDQ0MSwyMDkuNEM0NDEsMjA5LjQsNDQxLDIwOS40LDQ0MSwyMDkuNHoiLz4NCgkJPC9nPg0KCQk8Zz4NCgkJPC9nPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K\";","import * as React from \"react\";\nconst SvgSafetySecurity = props => ;\nexport { SvgSafetySecurity as ReactComponent };\nexport default \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojODg4ODg4O30NCjwvc3R5bGU+DQo8ZyBpZD0iU2FmZSI+DQoJPGcgaWQ9IlhNTElEXzFfIj4NCgkJPGc+DQoJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzY4LDYyLjJWMTUyYzAsODMuOC01MC4yLDE1Mi0xMTIsMTUycy0xMTItNjguMi0xMTItMTUyVjYyLjJsMTEyLTI5LjlMMzY4LDYyLjJ6IE0zMjgsMTg0di0zMg0KCQkJCWMwLTguOC03LjItMTYtMTYtMTZoLTI0di0yNGMwLTguOC03LjItMTYtMTYtMTZoLTMyYy04LjgsMC0xNiw3LjItMTYsMTZ2MjRoLTI0Yy04LjgsMC0xNiw3LjItMTYsMTZ2MzJjMCw4LjgsNy4yLDE2LDE2LDE2aDI0DQoJCQkJdjI0YzAsOC44LDcuMiwxNiwxNiwxNmgzMmM4LjgsMCwxNi03LjIsMTYtMTZ2LTI0aDI0QzMyMC44LDIwMCwzMjgsMTkyLjgsMzI4LDE4NHoiLz4NCgkJCTxwb2x5Z29uIHBvaW50cz0iNDk2LDgwIDQ5Niw5NiA0ODAsOTYgNDgwLDExMiA0NjQsMTEyIDQ2NCw5NiA0NDgsOTYgNDQ4LDgwIDQ2NCw4MCA0NjQsNjQgNDgwLDY0IDQ4MCw4MCAJCQkiLz4NCgkJCTxwYXRoIGQ9Ik00NTMsNDA0LjFjNyw1LjIsMTEuMSwxMy40LDExLDIyLjFjMCwxMS43LTcuNCwyMi4xLTE4LjQsMjZsLTEyMyw0My40Yy0wLjgsMC4zLTEuNywwLjUtMi42LDAuNUgyMDANCgkJCQljLTAuOSwwLTEuNy0wLjEtMi42LTAuNEwxMDIuNyw0NjRIODB2OGMwLDMuOS0yLjgsNy4zLTYuNyw3LjlsLTQ4LDhjLTAuNCwwLjEtMC43LDAuMS0xLjEsMC4xYy0wLjEsMC0wLjEsMC0wLjIsMA0KCQkJCWMtNC40LDAtOC0zLjYtOC04VjMyMGMwLTIuMywxLTQuNSwyLjgtNi4xYzEuOC0xLjUsNC4yLTIuMiw2LjUtMS44bDQ4LDhjMy45LDAuNiw2LjcsNCw2LjcsNy45djEyLjJsMjktMTEuNg0KCQkJCWMwLjktMC40LDEuOS0wLjYsMy0wLjZoNDhjMC41LDAsMS4xLDAuMSwxLjYsMC4ybDEyMCwyNGMxLjUsMC4zLDMsMS4xLDQuMSwyLjJsMTYsMTZjMS41LDEuNSwyLjMsMy42LDIuMyw1Ljd2MjQNCgkJCQljMCw0LjQtMy42LDgtOCw4aC04MS4xbDQzLjIsMjRoNjAuOGwxMDkuOC0zMi4zQzQzNywzOTcuMiw0NDYsMzk4LjgsNDUzLDQwNC4xeiBNNDQ1LjcsNDMzLjFjMy44LTUuMSwyLjgtMTIuNC0yLjMtMTYuMg0KCQkJCWMtMi45LTIuMi02LjctMi45LTEwLjItMS44bC0xMTEsMzIuNmMtMC43LDAuMi0xLjUsMC4zLTIuMiwwLjNoLTY0Yy0xLjQsMC0yLjctMC4zLTMuOS0xbC03Mi00MGMtMi41LTEuNC00LjEtNC4xLTQuMS02LjkNCgkJCQljMC00LjQsMy42LTgsOC04aDEwNHYtMTIuN2wtMTEuOS0xMS45TDE1OS4yLDM0NGgtNDUuN0w4MCwzNTcuNFY0NDhoMjRjMC45LDAsMS43LDAuMSwyLjYsMC40bDk0LjcsMzEuNmgxMTcuNGwxMjEuNy00Mw0KCQkJCUM0NDIuNSw0MzYuMyw0NDQuMyw0MzQuOSw0NDUuNyw0MzMuMXogTTY0LDQ2NS4yVjMzNC44bC0zMi01LjR2MTQxLjFMNjQsNDY1LjJ6Ii8+DQoJCQk8cG9seWdvbiBwb2ludHM9IjQ2NCwyMzIgNDY0LDI0OCA0NDgsMjQ4IDQ0OCwyNjQgNDMyLDI2NCA0MzIsMjQ4IDQxNiwyNDggNDE2LDIzMiA0MzIsMjMyIDQzMiwyMTYgNDQ4LDIxNiA0NDgsMjMyIAkJCSIvPg0KCQkJPHBvbHlnb24gcG9pbnRzPSI0NDgsMzIgNDQ4LDQ4IDQzMiw0OCA0MzIsNjQgNDE2LDY0IDQxNiw0OCA0MDAsNDggNDAwLDMyIDQxNiwzMiA0MTYsMTYgNDMyLDE2IDQzMiwzMiAJCQkiLz4NCgkJCTxwb2x5Z29uIHBvaW50cz0iNDE2LDI4MCA0MTYsMjk2IDQwMCwyOTYgNDAwLDMxMiAzODQsMzEyIDM4NCwyOTYgMzY4LDI5NiAzNjgsMjgwIDM4NCwyODAgMzg0LDI2NCA0MDAsMjY0IDQwMCwyODAgCQkJIi8+DQoJCQk8cGF0aCBkPSJNMzg0LDU2djk2YzAsOTIuNi01Ny40LDE2OC0xMjgsMTY4cy0xMjgtNzUuNC0xMjgtMTY4VjU2YzAtMy42LDIuNC02LjgsNS45LTcuN2wxMjAtMzJjMS4zLTAuNCwyLjgtMC40LDQuMSwwbDEyMCwzMg0KCQkJCUMzODEuNiw0OS4yLDM4NCw1Mi40LDM4NCw1NnogTTM2OCwxNTJWNjIuMkwyNTYsMzIuM0wxNDQsNjIuMlYxNTJjMCw4My44LDUwLjIsMTUyLDExMiwxNTJTMzY4LDIzNS44LDM2OCwxNTJ6Ii8+DQoJCQk8cGF0aCBkPSJNMzI4LDE1MnYzMmMwLDguOC03LjIsMTYtMTYsMTZoLTI0djI0YzAsOC44LTcuMiwxNi0xNiwxNmgtMzJjLTguOCwwLTE2LTcuMi0xNi0xNnYtMjRoLTI0Yy04LjgsMC0xNi03LjItMTYtMTZ2LTMyDQoJCQkJYzAtOC44LDcuMi0xNiwxNi0xNmgyNHYtMjRjMC04LjgsNy4yLTE2LDE2LTE2aDMyYzguOCwwLDE2LDcuMiwxNiwxNnYyNGgyNEMzMjAuOCwxMzYsMzI4LDE0My4yLDMyOCwxNTJ6IE0zMTIsMTg0di0zMmgtMjQNCgkJCQljLTguOCwwLTE2LTcuMi0xNi0xNnYtMjRoLTMydjI0YzAsOC44LTcuMiwxNi0xNiwxNmgtMjR2MzJoMjRjOC44LDAsMTYsNy4yLDE2LDE2djI0aDMydi0yNGMwLTguOCw3LjItMTYsMTYtMTZIMzEyeiIvPg0KCQkJPHBvbHlnb24gcG9pbnRzPSIxNDQsMjgwIDE0NCwyOTYgMTI4LDI5NiAxMjgsMzEyIDExMiwzMTIgMTEyLDI5NiA5NiwyOTYgOTYsMjgwIDExMiwyODAgMTEyLDI2NCAxMjgsMjY0IDEyOCwyODAgCQkJIi8+DQoJCQk8cG9seWdvbiBwb2ludHM9IjExMiwzMiAxMTIsNDggOTYsNDggOTYsNjQgODAsNjQgODAsNDggNjQsNDggNjQsMzIgODAsMzIgODAsMTYgOTYsMTYgOTYsMzIgCQkJIi8+DQoJCQk8cG9seWdvbiBwb2ludHM9Ijk2LDIzMiA5NiwyNDggODAsMjQ4IDgwLDI2NCA2NCwyNjQgNjQsMjQ4IDQ4LDI0OCA0OCwyMzIgNjQsMjMyIDY0LDIxNiA4MCwyMTYgODAsMjMyIAkJCSIvPg0KCQkJPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSI2NCwzMzQuOCA2NCw0NjUuMiAzMiw0NzAuNiAzMiwzMjkuNCAJCQkiLz4NCgkJCTxwb2x5Z29uIHBvaW50cz0iNjQsODAgNjQsOTYgNDgsOTYgNDgsMTEyIDMyLDExMiAzMiw5NiAxNiw5NiAxNiw4MCAzMiw4MCAzMiw2NCA0OCw2NCA0OCw4MCAJCQkiLz4NCgkJPC9nPg0KCQk8Zz4NCgkJPC9nPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K\";","import * as React from \"react\";\nconst SvgSportsEquipment = props => ;\nexport { SvgSportsEquipment as ReactComponent };\nexport default \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiM4ODg4ODg7fQ0KPC9zdHlsZT4NCjxnPg0KCTxnIGlkPSJYTUxJRF8xXyI+DQoJCTxnPg0KCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTEyMCwxNzB2NWMwLDEzLjgtMTEuMiwyNS0yNSwyNXMtMjUtMTEuMi0yNS0yNXYtNWgyNUgxMjB6Ii8+DQoJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDE0LjgsMjE3LjRsMjcuNiwyNy42Yy00LDQuOS04LjMsOS42LTEyLjgsMTQuMWMtNC41LDQuNS05LjIsOC44LTE0LjEsMTIuOGwtMjcuNi0yNy42TDQxNC44LDIxNy40eiIvPg0KCQkJDQoJCQkJPHJlY3QgeD0iMzk1LjEiIHk9IjEyNy40IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgLTAuNzA3MSAwLjcwNzEgMC43MDcxIDE3LjA0OTUgMzM1Ljk4MTIpIiBjbGFzcz0ic3QwIiB3aWR0aD0iMzgiIGhlaWdodD0iNDAiLz4NCgkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MzkuNSw1MS4zbC0yNi4xLDI2LjFsLTI4LjMtMjguM2wxNS43LTE1LjdDNDE1LDM2LjksNDI4LjEsNDIuOSw0MzkuNSw1MS4zeiIvPg0KCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTM0Mi43LDQ5LjFMMzE1LjgsNzZMMjkyLDUyLjJjMTIuMS03LDI0LjctMTIuNCwzNy42LTE2LjFMMzQyLjcsNDkuMXoiLz4NCgkJCTxyZWN0IHg9IjI5Ny41IiB5PSIxMjYiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MiAtMC43MDcgMC43MDcgMC43MDcyIC0xMC41NTM2IDI2Ni41MDQ3KSIgY2xhc3M9InN0MCIgd2lkdGg9IjM4IiBoZWlnaHQ9IjQwIi8+DQoJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjIyLjcsMTIxLjVsMjMuOCwyMy44bC0yNi45LDI2LjlsLTEzLTEzQzIxMC4zLDE0Ni4yLDIxNS44LDEzMy42LDIyMi43LDEyMS41eiIvPg0KCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTI0Ny45LDI0Mi45TDIyMS44LDI2OWMtOC40LTExLjQtMTQuNC0yNC40LTE3LjktMzguN2wxNS43LTE1LjdMMjQ3LjksMjQyLjl6Ii8+DQoJCQkNCgkJCQk8cmVjdCB4PSIyOTguOSIgeT0iMjIzLjYiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAtMC43MDcxIDAuNzA3MSAwLjcwNzEgLTc5LjExNjkgMjk2LjE0NDkpIiBjbGFzcz0ic3QwIiB3aWR0aD0iMzgiIGhlaWdodD0iNDAiLz4NCgkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMjkuOSw0MDMuNGwtNzQuMiw3NC4zYy01LjksNS45LTE1LjQsNS45LTIxLjIsMGMtNS44LTUuOS01LjgtMTUuNCwwLTIxLjJsNzQuMy03NC4yTDEyOS45LDQwMy40eiIvPg0KCQkJPHBhdGggZD0iTTQ3Mi4xLDM5LjljMjkuNywyOS43LDQzLjYsNzEuMywzOS4xLDExNy4zYy00LjQsNDQuOS0yNS44LDg4LjYtNjAuMywxMjMuMmMtMzQuNiwzNC42LTc4LjMsNTYtMTIzLjIsNjAuMw0KCQkJCWMtNS42LDAuNS0xMS4yLDAuOC0xNi43LDAuOGMtMzMuOSwwLTY0LjgtMTAuMy04OS40LTI5LjlsLTcwLjYsNzAuNmwxMC42LDEwLjZjMi44LDIuOCw0LjQsNi42LDQuNCwxMC42YzAsNC0xLjYsNy44LTQuNCwxMC42DQoJCQkJbC04NC44LDg0LjlDNjguMSw1MDcuNiw1Ni41LDUxMiw0NSw1MTJzLTIzLTQuNC0zMS44LTEzLjJDNC43LDQ5MC4zLDAsNDc5LDAsNDY3YzAtMTIsNC43LTIzLjMsMTMuMi0zMS44TDk4LDM1MC40DQoJCQkJYzUuOC01LjksMTUuMy01LjksMjEuMiwwbDEwLjYsMTAuNmw3MC42LTcwLjZjLTIyLjctMjguNS0zMy02NS42LTI5LjEtMTA2LjFjNC4zLTQ0LjksMjUuOC04OC42LDYwLjMtMTIzLjINCgkJCQljMzQuNi0zNC42LDc4LjMtNTYsMTIzLjEtNjAuM0M0MDAuOC0zLjYsNDQyLjQsMTAuMyw0NzIuMSwzOS45eiBNNDYyLjksMTI2LjlsMTUuNy0xNS43Yy0zLjUtMTQuMy05LjUtMjcuMy0xNy45LTM4LjcNCgkJCQlsLTI2LjEsMjYuMUw0NjIuOSwxMjYuOXogTTQ3NS45LDE4Mi40bC0xMy0xM0w0MzYsMTk2LjJsMjMuOCwyMy44QzQ2Ni44LDIwNy45LDQ3Mi4yLDE5NS4zLDQ3NS45LDE4Mi40eiBNNDQyLjQsMjQ1bC0yNy42LTI3LjYNCgkJCQlsLTI2LjksMjYuOWwyNy42LDI3LjZjNC45LTQsOS42LTguMywxNC4xLTEyLjhDNDM0LjIsMjU0LjYsNDM4LjQsMjQ5LjksNDQyLjQsMjQ1eiBNNDE0LjgsMTc1bDI2LjktMjYuOWwtMjguMy0yOC4zbC0yNi45LDI2LjkNCgkJCQlMNDE0LjgsMTc1eiBNNDEzLjQsNzcuNGwyNi4xLTI2LjFjLTExLjQtOC40LTI0LjQtMTQuNC0zOC43LTE3LjlsLTE1LjcsMTUuN0w0MTMuNCw3Ny40eiBNMzY2LjcsMjIzLjFsMjYuOS0yNi45bC0yOC4zLTI4LjMNCgkJCQlsLTI2LjksMjYuOUwzNjYuNywyMjMuMXogTTM2NS4zLDEyNS41bDI2LjktMjYuOWwtMjguMy0yOC4zTDMzNyw5Ny4yTDM2NS4zLDEyNS41eiBNMzkwLjUsMjg5LjNsLTIzLjgtMjMuOGwtMjYuOSwyNi45bDEzLDEzDQoJCQkJQzM2NS44LDMwMS43LDM3OC41LDI5Ni4yLDM5MC41LDI4OS4zeiBNMzE4LjYsMjcxLjFsMjYuOS0yNi45TDMxNy4yLDIxNmwtMjYuOSwyNi45TDMxOC42LDI3MS4xeiBNMzE3LjIsMTczLjZsMjYuOS0yNi45DQoJCQkJbC0yOC4zLTI4LjNsLTI2LjksMjYuOUwzMTcuMiwxNzMuNnogTTMxNS44LDc2bDI2LjktMjYuOWwtMTMtMTNjLTEyLjksMy43LTI1LjYsOS4yLTM3LjYsMTYuMUwzMTUuOCw3NnogTTI4MS43LDMwOC4xbDE1LjctMTUuNw0KCQkJCWwtMjguMy0yOC4zbC0yNi4xLDI2LjFDMjU0LjQsMjk4LjYsMjY3LjUsMzA0LjYsMjgxLjcsMzA4LjF6IE0yOTYsMTk0LjhsLTI4LjMtMjguM2wtMjYuOSwyNi45bDI4LjMsMjguM0wyOTYsMTk0Ljh6DQoJCQkJIE0yNjcuNywxMjQuMWwyNi45LTI2LjlMMjY3LDY5LjZjLTQuOSw0LTkuNiw4LjMtMTQuMSwxMi44Yy00LjUsNC41LTguOCw5LjItMTIuOCwxNC4xTDI2Ny43LDEyNC4xeiBNMjIxLjgsMjY5bDI2LjEtMjYuMQ0KCQkJCWwtMjguMy0yOC4zbC0xNS43LDE1LjdDMjA3LjQsMjQ0LjUsMjEzLjQsMjU3LjYsMjIxLjgsMjY5eiBNMjQ2LjUsMTQ1LjNsLTIzLjgtMjMuOGMtNywxMi4xLTEyLjQsMjQuNy0xNi4xLDM3LjZsMTMsMTMNCgkJCQlMMjQ2LjUsMTQ1LjN6IE01NS42LDQ3Ny42bDc0LjItNzQuM2wtMjEuMi0yMS4ybC03NC4zLDc0LjJjLTUuOCw1LjktNS44LDE1LjQsMCwyMS4yQzQwLjIsNDgzLjUsNDkuOCw0ODMuNSw1NS42LDQ3Ny42eiIvPg0KCQkJPHBhdGggZD0iTTE4NS4yLDRjNC4yLDMuOCw1LjgsOS43LDQuMywxNS4xbC0zOS40LDEzOFYxNzVjMCwzMC4zLTI0LjcsNTUtNTUsNTVzLTU1LTI0LjctNTUtNTV2LTE3LjlMMC42LDE5LjENCgkJCQlDLTEsMTMuNywwLjcsNy44LDQuOCw0QzksMC4xLDE1LTEsMjAuMywxTDk1LDI5bDc0LjctMjhDMTc1LTEsMTgxLDAuMSwxODUuMiw0eiBNMTIzLjcsMTQwbDI4LjctMTAwLjVMMTEwLDU1LjRWMTQwSDEyMy43eg0KCQkJCSBNMTIwLDE3NXYtNUg5NUg3MHY1YzAsMTMuOCwxMS4yLDI1LDI1LDI1UzEyMCwxODguOCwxMjAsMTc1eiBNODAsMTQwVjU1LjRMMzcuNiwzOS41TDY2LjMsMTQwSDgweiIvPg0KCQk8L2c+DQoJCTxnPg0KCQk8L2c+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=\";","import * as React from \"react\";\nconst SvgOfficeMachinery = props => ;\nexport { SvgOfficeMachinery as ReactComponent };\nexport default \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iT3V0bGluZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojODg4ODg4O30NCjwvc3R5bGU+DQo8ZyBpZD0iWE1MSURfMV8iPg0KCTxnPg0KCQk8cGF0aCBkPSJNNDQwLDg4djQwMGMwLDQuNC0zLjYsOC04LDhoLTMyYy00LjQsMC04LTMuNi04LTh2LTI0SDIwMHYyNGMwLDQuNC0zLjYsOC04LDhoLTMyYy00LjQsMC04LTMuNi04LThWMjAzLjNsLTc3LjctNzcuNg0KCQkJYy0zLjEtMy4xLTMuMS04LjIsMC0xMS4zbDI0LTI0YzMuMS0zLjEsOC4yLTMuMSwxMS4zLDBsNDIuMyw0Mi40VjU2YzAtMjIuMSwxNy45LTQwLDQwLTQwaDI0MGM0LjQsMCw4LDMuNiw4LDh2MzINCgkJCWMwLDQuNC0zLjYsOC04LDhIMzA0djE2aDEyOEM0MzYuNCw4MCw0NDAsODMuNiw0NDAsODh6IE00MjQsNDgwdi0xNmgtMTZ2MTZINDI0eiBNNDI0LDQ0OHYtNDhoLTk2djI0YzAsNC40LTMuNiw4LTgsOGgtNDgNCgkJCWMtNC40LDAtOC0zLjYtOC04di0yNGgtOTZ2NDhINDI0eiBNNDI0LDM4NHYtNDhoLTk2djI0YzAsNC40LTMuNiw4LTgsOGgtNDhjLTQuNCwwLTgtMy42LTgtOHYtMjRoLTk2djQ4SDQyNHogTTQyNCwzMjB2LTk2SDE2OA0KCQkJdjk2SDQyNHogTTQyNCwyMDh2LTE2SDE2OHYxNkg0MjR6IE00MjQsMTc2Vjk2SDE2OHY4MEg0MjR6IE00MjQsNDhWMzJIMzA0djE2SDQyNHogTTMxMiw0MTZ2LTE2aC0zMnYxNkgzMTJ6IE0zMTIsMzUydi0xNmgtMzJ2MTYNCgkJCUgzMTJ6IE0yODgsODBWMzJoLTk2Yy0xMy4zLDAtMjQsMTAuOC0yNCwyNHYyNEgyODh6IE0xODQsNDgwdi0xNmgtMTZ2MTZIMTg0eiBNMTUyLDE4MC43di0yNS40bC00OC00OEw5MS4zLDEyMEwxNTIsMTgwLjd6Ii8+DQoJCTxyZWN0IHg9IjQwOCIgeT0iNDY0IiBjbGFzcz0ic3QwIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiLz4NCgkJPHJlY3QgeD0iMTY4IiB5PSIxOTIiIGNsYXNzPSJzdDAiIHdpZHRoPSIyNTYiIGhlaWdodD0iMTYiLz4NCgkJPHJlY3QgeD0iMjgwIiB5PSI0MDAiIGNsYXNzPSJzdDAiIHdpZHRoPSIzMiIgaGVpZ2h0PSIxNiIvPg0KCQk8cmVjdCB4PSIyODAiIHk9IjMzNiIgY2xhc3M9InN0MCIgd2lkdGg9IjMyIiBoZWlnaHQ9IjE2Ii8+DQoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yODgsMzJ2NDhIMTY4VjU2YzAtMTMuMywxMC44LTI0LDI0LTI0SDI4OHoiLz4NCgkJPHJlY3QgeD0iMTY4IiB5PSI0NjQiIGNsYXNzPSJzdDAiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIvPg0KCQk8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjE1MiwxNTUuMyAxNTIsMTgwLjcgOTEuMywxMjAgMTA0LDEwNy4zIAkJIi8+DQoJPC9nPg0KCTxnPg0KCTwvZz4NCjwvZz4NCjxnIGlkPSJYTUxJRF8yXyI+DQoJPGc+DQoJCTxwYXRoIGQ9Ik0zMzMuOCwxMjAuNHYzMmMwLDQuNC0zLjYsOC04LDhoLTgwYy00LjQsMC04LTMuNi04LTh2LTMyYzAtNC40LDMuNi04LDgtOGg4MEMzMzAuMywxMTIuNCwzMzMuOCwxMTUuOSwzMzMuOCwxMjAuNHoNCgkJCSBNMzE3LjgsMTQ0LjR2LTE2aC02NHYxNkgzMTcuOHoiLz4NCgkJPHJlY3QgeD0iMjUzLjgiIHk9IjEyOC40IiBjbGFzcz0ic3QwIiB3aWR0aD0iNjQiIGhlaWdodD0iMTYiLz4NCgk8L2c+DQoJPGc+DQoJPC9nPg0KPC9nPg0KPGcgaWQ9IlhNTElEXzNfIj4NCgk8Zz4NCgkJPHBhdGggZD0iTTM4NC40LDExMS4zYzEzLjMsMCwyNCwxMC44LDI0LDI0cy0xMC44LDI0LTI0LDI0Yy0xMy4zLDAtMjQtMTAuOC0yNC0yNEMzNjAuNCwxMjIsMzcxLjEsMTExLjMsMzg0LjQsMTExLjN6DQoJCQkgTTM5Mi40LDEzNS4zYzAtNC40LTMuNi04LTgtOGMtNC40LDAtOCwzLjYtOCw4czMuNiw4LDgsOEMzODguOCwxNDMuMywzOTIuNCwxMzkuNywzOTIuNCwxMzUuM3oiLz4NCgkJPGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iMzg0LjQiIGN5PSIxMzUuMyIgcj0iOCIvPg0KCTwvZz4NCgk8Zz4NCgk8L2c+DQo8L2c+DQo8cGF0aCBkPSJNMTkyLDEyOGgxNmM0LjQsMCw4LTMuNiw4LThzLTMuNi04LTgtOGgtMTZjLTQuNCwwLTgsMy42LTgsOFMxODcuNiwxMjgsMTkyLDEyOHoiLz4NCjxwYXRoIGQ9Ik0xOTIsMTYwaDE2YzQuNCwwLDgtMy42LDgtOHMtMy42LTgtOC04aC0xNmMtNC40LDAtOCwzLjYtOCw4UzE4Ny42LDE2MCwxOTIsMTYweiIvPg0KPC9zdmc+DQo=\";","import * as React from \"react\";\nconst SvgStorageIcon = props => ;\nexport { SvgStorageIcon as ReactComponent };\nexport default \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojODg4ODg4O30NCjwvc3R5bGU+DQo8Zz4NCgk8ZyBpZD0iWE1MSURfMV8iPg0KCQk8Zz4NCgkJCTxwYXRoIGQ9Ik00OTMuOCw0NTEuOHYzNWMwLDMuOS0zLjEsNy03LDdIMjUuMmgwYy0zLjksMC03LTMuMS03LTd2LTM1djBjMC0zLjksMy4xLTcsNy03aDIzLjF2LTI3N2MwLTIuMywxLjEtNC40LDMtNS43DQoJCQkJTDI1MS45LDE5LjVjMi40LTEuNyw1LjctMS43LDguMSwwbDIwMC43LDE0Mi42YzEuOCwxLjMsMi45LDMuNCwyLjksNS43djI3N2gyMy4xaDBDNDkwLjYsNDQ0LjgsNDkzLjgsNDQ3LjksNDkzLjgsNDUxLjh6DQoJCQkJIE00NzkuOCw0NzkuOHYtMjFIMzIuMnYyMUg0NzkuOHogTTQ0OS43LDQ0NC44VjE3MS40TDI1NiwzMy44TDYyLjMsMTcxLjR2MjczLjNoMjkuNVYyMTEuN2MwLTMuOSwzLjEtNyw3LTdoMzE0LjRjMCwwLDAsMCwwLDANCgkJCQljMy45LDAsNywzLjEsNyw3djIzMy4xSDQ0OS43eiBNNDA2LjIsNDQ0LjhWMjE4LjdIMTA1Ljh2MjI2LjFoNTIuNXYtODMuN2MwLTMuOSwzLjEtNyw3LTdoMzguM3YtODMuN2MwLTMuOSwzLjEtNyw3LTdoOTAuNw0KCQkJCWMzLjksMCw3LDMuMSw3LDd2ODMuN2gzOC40YzMuOSwwLDcsMy4xLDcsN3Y4My43SDQwNi4yeiBNMzM5LjcsNDQ0Ljh2LTQ4LjlIMjYzdjQ4LjlIMzM5Ljd6IE0zMzkuNywzODEuOXYtMTMuOEgyNjN2MTMuOEgzMzkuN3oNCgkJCQkgTTI5NC40LDM1NC4xdi00OC45aC03Ni43djQ4LjlIMjk0LjR6IE0yOTQuNCwyOTEuMnYtMTMuOGgtNzYuN3YxMy44SDI5NC40eiBNMjQ5LDQ0NC44di00OC45aC03Ni43djQ4LjlIMjQ5eiBNMjQ5LDM4MS45di0xMy44DQoJCQkJaC03Ni43djEzLjhIMjQ5eiIvPg0KCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTQ0OS43LDE3MS40djI3My4zaC0yOS41VjIxMS43YzAtMy45LTMuMS03LTctN2MwLDAsMCwwLDAsMEg5OC44Yy0zLjksMC03LDMuMS03LDd2MjMzLjFINjIuM1YxNzEuNA0KCQkJCUwyNTYsMzMuOEw0NDkuNywxNzEuNHogTTM3My44LDE4MS42di0yNy41YzAtMy45LTMuMS03LTctN2gtNTQuNWMtMy45LDAtNywzLjEtNyw3djI3LjVjMCwzLjksMy4xLDcsNyw3aDU0LjUNCgkJCQlDMzcwLjcsMTg4LjYsMzczLjgsMTg1LjUsMzczLjgsMTgxLjZ6IE0yOTAuMywxODEuNnYtMjcuNWMwLTMuOS0zLjEtNy03LTdoLTU0LjVjLTMuOSwwLTcsMy4xLTcsN3YyNy41YzAsMy45LDMuMSw3LDcsN2g1NC41DQoJCQkJQzI4Ny4xLDE4OC42LDI5MC4zLDE4NS41LDI5MC4zLDE4MS42eiBNMjA2LjcsMTgxLjZ2LTI3LjVjMC0zLjktMy4xLTctNy03aC01NC41Yy0zLjksMC03LDMuMS03LDd2MjcuNWMwLDMuOSwzLjEsNyw3LDdoNTQuNQ0KCQkJCUMyMDMuNiwxODguNiwyMDYuNywxODUuNSwyMDYuNywxODEuNnoiLz4NCgkJCTxwYXRoIGQ9Ik0zNzMuOCwxNTQuMXYyNy41YzAsMy45LTMuMSw3LTcsN2gtNTQuNWMtMy45LDAtNy0zLjEtNy03di0yNy41YzAtMy45LDMuMS03LDctN2g1NC41DQoJCQkJQzM3MC43LDE0Ny4xLDM3My44LDE1MC4yLDM3My44LDE1NC4xeiBNMzU5LjgsMTc0LjZ2LTEzLjVoLTQwLjV2MTMuNUgzNTkuOHoiLz4NCgkJCTxyZWN0IHg9IjI2MyIgeT0iMzk1LjkiIGNsYXNzPSJzdDAiIHdpZHRoPSI3Ni43IiBoZWlnaHQ9IjQ4LjkiLz4NCgkJCTxyZWN0IHg9IjIxNy42IiB5PSIzMDUuMiIgY2xhc3M9InN0MCIgd2lkdGg9Ijc2LjciIGhlaWdodD0iNDguOSIvPg0KCQkJPHBhdGggZD0iTTI5MC4zLDE1NC4xdjI3LjVjMCwzLjktMy4xLDctNyw3aC01NC41Yy0zLjksMC03LTMuMS03LTd2LTI3LjVjMC0zLjksMy4xLTcsNy03aDU0LjUNCgkJCQlDMjg3LjEsMTQ3LjEsMjkwLjMsMTUwLjIsMjkwLjMsMTU0LjF6IE0yNzYuMywxNzQuNnYtMTMuNWgtNDAuNXYxMy41SDI3Ni4zeiIvPg0KCQkJPHJlY3QgeD0iMTcyLjMiIHk9IjM5NS45IiBjbGFzcz0ic3QwIiB3aWR0aD0iNzYuNyIgaGVpZ2h0PSI0OC45Ii8+DQoJCQk8cGF0aCBkPSJNMjA2LjcsMTU0LjF2MjcuNWMwLDMuOS0zLjEsNy03LDdoLTU0LjVjLTMuOSwwLTctMy4xLTctN3YtMjcuNWMwLTMuOSwzLjEtNyw3LTdoNTQuNQ0KCQkJCUMyMDMuNiwxNDcuMSwyMDYuNywxNTAuMiwyMDYuNywxNTQuMXogTTE5Mi43LDE3NC42di0xMy41aC00MC41djEzLjVIMTkyLjd6Ii8+DQoJCTwvZz4NCgkJPGc+DQoJCTwvZz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==\";","import * as React from \"react\";\nconst SvgTextualPrintMaterial = props => ;\nexport { SvgTextualPrintMaterial as ReactComponent };\nexport default \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiM4ODg4ODg7fQ0KPC9zdHlsZT4NCjxnPg0KCTxnIGlkPSJYTUxJRF8xXyI+DQoJCTxnPg0KCQkJPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSI0ODIsMzMxIDQ4Miw0MzEgNDUyLDQzMSA0NTIsNDAxIDMwMiw0MDEgMzAyLDQzMSAyNzIsNDMxIDI3MiwzMzEgMzAyLDMzMSAzMDIsMzYxIDQ1MiwzNjEgNDUyLDMzMSANCgkJCQkJCQkiLz4NCgkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00ODIsNTF2MTQzLjhsLTgyLTgyTDI1My41LDI1OS4zbC01NS01NUw3MS44LDMzMUgzMFY1MUg0ODJ6IE0xODAsMTQxYzAtMzMuMS0yNi45LTYwLTYwLTYwcy02MCwyNi45LTYwLDYwDQoJCQkJczI2LjksNjAsNjAsNjBTMTgwLDE3NC4xLDE4MCwxNDF6Ii8+DQoJCQk8cGF0aCBkPSJNNTEyLDMwMXYxNjBoLTYwdjMwSDMwMnYtMzBoLTYwVjMwMWg2MHYtNDBoMTUwdjQwSDUxMnogTTQ4Miw0MzFWMzMxaC0zMHYzMEgzMDJ2LTMwaC0zMHYxMDBoMzB2LTMwaDE1MHYzMEg0ODJ6DQoJCQkJIE00MjIsNDYxdi0zMGgtOTB2MzBINDIyeiBNNDIyLDMzMXYtNDBoLTkwdjQwSDQyMnoiLz4NCgkJCTxwYXRoIGQ9Ik01MTIsMjF2MjUwaC0zMHYtMzEuOXYtMS45bC04Mi04MkwyODQuMiwyNzFoLTYxLjRsLTI0LjMtMjQuM0wxMTQuMiwzMzFIMjEydjMwSDMwdjQwaDE4MnYzMEgwVjIxSDUxMnogTTQ4MiwxOTQuOFY1MQ0KCQkJCUgzMHYyODBoNDEuOGwxMjYuNy0xMjYuN2w1NSw1NUw0MDAsMTEyLjhMNDgyLDE5NC44eiIvPg0KCQkJPHBhdGggZD0iTTEyMCw4MWMzMy4xLDAsNjAsMjYuOSw2MCw2MHMtMjYuOSw2MC02MCw2MHMtNjAtMjYuOS02MC02MFM4Ni45LDgxLDEyMCw4MXogTTE1MCwxNDFjMC0xNi41LTEzLjUtMzAtMzAtMzANCgkJCQlzLTMwLDEzLjUtMzAsMzBzMTMuNSwzMCwzMCwzMFMxNTAsMTU3LjUsMTUwLDE0MXoiLz4NCgkJPC9nPg0KCQk8Zz4NCgkJPC9nPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K\";","import * as React from \"react\";\nconst SvgHandEquipment = props => ;\nexport { SvgHandEquipment as ReactComponent };\nexport default \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojODg4ODg4O30NCjwvc3R5bGU+DQo8ZyBpZD0ib3V0bGluZSI+DQoJPGcgaWQ9IlhNTElEXzFfIj4NCgkJPGc+DQoJCQk8cmVjdCB4PSIzMiIgeT0iMzA0IiBjbGFzcz0ic3QwIiB3aWR0aD0iNDgiIGhlaWdodD0iMTEyIi8+DQoJCQk8cGF0aCBkPSJNMTc2LDU2djI0aDI5LjZsLTI2LTE3LjNjLTAuOS0wLjYtMS42LTEuMy0yLjItMi4yQzE3Ni40LDU5LjEsMTc2LDU3LjUsMTc2LDU2eiBNMTc2LDU2YzAtMi42LDEuMy01LjEsMy42LTYuN2wyNi0xNy4zDQoJCQkJSDE3NlY1NnogTTQ5NC4zLDEzMWMyLDIuNSwyLjMsNiwwLjgsOC45Yy0yLjEsMy45LTcsNS4zLTEwLjksMy4xYy0wLjktMC41LTg4LjYtNDctMjUyLjItNDdoLTh2MTkyaDI0YzguMywwLDE1LjksNC4yLDIwLjMsMTEuMg0KCQkJCWM3LDExLjIsMy43LDI2LTcuNSwzM2M1LjIsOC45LDQsMjAuMi0zLDI3LjhjMSwxLjEsMS45LDIuMywyLjYsMy41YzYuOSwxMS4xLDMuNSwyNS44LTcuNiwzMi43YzIuMSwzLjYsMy4yLDcuNiwzLjIsMTEuOA0KCQkJCWMwLDEzLjMtMTAuOCwyNC0yNCwyNGgtOHYxNmg4YzQuNCwwLDgsMy42LDgsOHYzMmMwLDQuNC0zLjYsOC04LDhoLTY0Yy00LjQsMC04LTMuNi04LTh2LTMyYzAtNC40LDMuNi04LDgtOGg4di0xNmgtNDANCgkJCQljLTEuNiwwLTMuMS0wLjUtNC40LTEuM2wtMjItMTQuN0g5NnY4YzAsNC40LTMuNiw4LTgsOEgyNGMtNC40LDAtOC0zLjYtOC04VjI5NmMwLTQuNCwzLjYtOCw4LThoNjRjNC40LDAsOCwzLjYsOCw4djhoMTMuNg0KCQkJCWwyMC44LTEzLjlsMjMuMi0zMC45YzEuNS0yLDMuOS0zLjIsNi40LTMuMmgxNlY5NmgtOGMtNC40LDAtOC0zLjYtOC04di04aC0xNnY4YzAsNC40LTMuNiw4LTgsOGgtMzJjLTQuNCwwLTgtMy42LTgtOFYyNA0KCQkJCWMwLTQuNCwzLjYtOCw4LThoMzJjNC40LDAsOCwzLjYsOCw4djhoMTZ2LThjMC00LjQsMy42LTgsOC04aDY0QzIzOSwxNiw0MDQuOSwxNy4zLDQ5NC4zLDEzMXogTTI1Ny44LDgwLjQNCgkJCQljNjcuNywwLjksMTM0LjksMTIuMywxOTkuMiwzMy44Yy02My4xLTU4LTE1MC4zLTc1LjEtMTk1LjQtODAuMWwyMSwxNGMyMi4yLDIuMSw0My45LDcuNyw2NC40LDE2LjVMMzQxLDc5LjQNCgkJCQljLTE4LjctOC0zOC41LTEzLjItNTguOC0xNS4zTDI1Ny44LDgwLjR6IE0yNDAsNzMuMUwyNjUuNiw1NkwyNDAsMzguOVY3My4xeiBNMjU2LDMxMmMwLTQuNC0zLjYtOC04LThoLTY0Yy00LjQsMC04LTMuNi04LTh2LTI0DQoJCQkJaC0xMmwtMjEuNiwyOC44Yy0wLjUsMC43LTEuMiwxLjQtMiwxLjlsLTI0LDE2Yy0xLjMsMC45LTIuOSwxLjMtNC40LDEuM0g5NnY4MGgxNmMxLjYsMCwzLjEsMC41LDQuNCwxLjNsMjIsMTQuN0gyMzINCgkJCQljNC40LDAsOC0zLjYsOC04cy0zLjYtOC04LThoLTU2di0xNmg2NGM0LjQsMCw4LTMuNiw4LThzLTMuNi04LTgtOGgtNjR2LTE2aDY0YzQuNCwwLDgtMy42LDgtOHMtMy42LTgtOC04aC02NHYtMTZoNzINCgkJCQlDMjUyLjQsMzIwLDI1NiwzMTYuNCwyNTYsMzEyeiBNMjI0LDQ4MHYtMTZoLTQ4djE2SDIyNHogTTIyNCw3My4xVjM4LjlMMTk4LjQsNTZMMjI0LDczLjF6IE0yMDgsNDQ4di0xNmgtMTZ2MTZIMjA4eiBNMjA4LDI4OA0KCQkJCVY5NmgtMTZ2MTkySDIwOHogTTE2MCw2NFY0OGgtMTZ2MTZIMTYweiBNMTI4LDgwVjMyaC0xNnY0OEgxMjh6IE04MCw0MTZWMzA0SDMydjExMkg4MHoiLz4NCgkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00NTcsMTE0LjJjLTY0LjItMjEuNS0xMzEuNC0zMi45LTE5OS4yLTMzLjhsMjQuNC0xNi4zYzIwLjMsMi4xLDQwLjEsNy4zLDU4LjgsMTUuM2w1LjktMTQuOQ0KCQkJCWMtMjAuNS04LjgtNDIuMi0xNC40LTY0LjQtMTYuNWwtMjEtMTRDMzA2LjcsMzkuMSwzOTMuOSw1Ni4yLDQ1NywxMTQuMnoiLz4NCgkJCTxyZWN0IHg9IjE3NiIgeT0iNDY0IiBjbGFzcz0ic3QwIiB3aWR0aD0iNDgiIGhlaWdodD0iMTYiLz4NCgkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yMDUuNiwzMmwtMjYsMTcuM2MtMi4zLDEuNS0zLjYsNC4xLTMuNiw2LjdWMzJIMjA1LjZ6Ii8+DQoJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjA1LjYsODBIMTc2VjU2YzAsMS41LDAuNCwzLjEsMS4zLDQuNGMwLjYsMC45LDEuMywxLjYsMi4yLDIuMkwyMDUuNiw4MHoiLz4NCgkJCTxyZWN0IHg9IjExMiIgeT0iMzIiIGNsYXNzPSJzdDAiIHdpZHRoPSIxNiIgaGVpZ2h0PSI0OCIvPg0KCQk8L2c+DQoJCTxnPg0KCQk8L2c+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=\";","import { BlockOutlined } from '@ant-design/icons';\r\nimport { Dropdown, Menu, Typography } from 'antd';\r\nimport { blue } from '@ant-design/colors';\r\n\r\nconst { Text } = Typography;\r\n\r\nconst IconWrapper = ({ children, backgroundColor, shape, size }) => {\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {StatusIcon?.icon && (\r\n \r\n \r\n \r\n )}\r\n {item.data.isPrimaryContact && (\r\n \r\n \r\n )}\r\n \r\n
\r\n );\r\n};\r\n\r\nconst MemberLocationIconRenderer = (props) => {\r\n const { item } = props;\r\n const StatusIcon = locationStatusIcon.filter(\r\n (icon) => icon.value === item.data.status\r\n )[0];\r\n const LocationTypeIcon = locationTypeIcon.filter(\r\n (icon) => icon.value === item.data.addressType\r\n )[0];\r\n const PrimaryLocationIcon = primaryLocationIcon[0];\r\n\r\n return (\r\n {child}
;\r\n };\r\n\r\n return layouts ? (\r\n \r\n {!(threadMessages?.length === 0 && unreadMsgList?.length > 0) && (\r\n Unread Message \r\n
\r\n \r\n \r\n
\r\n );\r\n };\r\n\r\n return (\r\n - \r\n {resultOption.map((item) => {\r\n return (\r\n
\r\n \r\n
\r\n );\r\n };\r\n\r\n return (\r\n - \r\n {resultOption.map((item) => {\r\n return (\r\n
\r\n
\r\n \r\n \r\n {isShowCommunicationList && statusThreadInfo !== 'loading' ? (\r\n <>\r\n \r\n 
\r\n
\r\n \r\n \r\n COMMUNICATION SYSTEM\r\n \r\n
\r\n \r\n ) : (\r\n
\r\n\r\n \r\n \r\n {(statusThreadInfo === 'idle' || statusThreadInfo === 'error') &&\r\n !isVideoCallChat ? (\r\n
\r\n {!isShowCommunicationList && (\r\n \r\n \r\n SetCreateNewMailThread(true)}\r\n groupUsers={groupUsers}\r\n />\r\n \r\n
\r\n \r\n \r\n {emailView()}\r\n
\r\n {children}
\r\n ) : (\r\n <>{children}\r\n )}\r\n \r\n );\r\n};\r\n\r\nexport default WithAbsoluteContainer;\r\n","import { useState } from 'react';\r\n\r\nconst WithReloadInternalData = (props) => {\r\n //* use key to reset initial data\r\n const { initialData, reloadDataHandler, children } = props;\r\n\r\n const [data, setData] = useState(initialData);\r\n\r\n const reloadData = async (callback) => {\r\n if (!reloadDataHandler) return;\r\n const reloadedData = await reloadDataHandler();\r\n\r\n setData(reloadedData);\r\n\r\n callback && callback();\r\n };\r\n\r\n return children ? children(data, reloadData) : null;\r\n};\r\n\r\nexport default WithReloadInternalData;\r\n","import React from 'react';\r\nimport { Button } from 'antd';\r\nimport PropTypes from 'prop-types';\r\nimport _ from 'lodash';\r\nimport './VerticalButton.less';\r\n\r\n/**\r\n * A vertical alignment icon button\r\n * @example\r\n \r\n
\r\n ) : null;\r\n };\r\n\r\n const renderSharedIcon = () => {\r\n return isShared && !checkIsOwner(data, userId) ? (\r\n \r\n
\r\n );\r\n}\r\n\r\nfunction SamplePrevArrow(props) {\r\n const { className, onClick } = props;\r\n return (\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default function SlickSlider(props) {\r\n const settings = {\r\n className: 'center',\r\n infinite: true,\r\n centerPadding: '0',\r\n slidesToShow: 2,\r\n speed: 500,\r\n dots: true,\r\n nextArrow: \r\n {children} \r\n
\r\n );\r\n}\r\nSlickSlider.propTypes = {\r\n children: PropTypes.array.isRequired,\r\n};\r\n","import React, {\r\n useState,\r\n useCallback,\r\n useImperativeHandle,\r\n forwardRef,\r\n} from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport { Typography, Button, Col, Row } from 'antd';\r\nimport { EditOutlined } from '@ant-design/icons';\r\nimport classnames from 'classnames';\r\nimport { FormCancelButton } from 'common/components';\r\n\r\nimport './WithAggridHeaderEdit.less';\r\n\r\nconst { Title } = Typography;\r\n\r\nconst WithAggridHeaderEdit = (props, ref) => {\r\n const {\r\n title,\r\n children,\r\n show = false,\r\n buttons,\r\n extraButtons,\r\n allowEdit = true,\r\n } = props;\r\n\r\n const [showEdit, setShowEdit] = useState(show);\r\n const [isEdit, setIsEdit] = useState(false);\r\n\r\n const onMouseEnter = () => {\r\n !show && setShowEdit(true);\r\n };\r\n\r\n const onMouseLeave = () => {\r\n !show && setShowEdit(false);\r\n };\r\n\r\n const toggleEditMode = useCallback(() => {\r\n setIsEdit((prev) => !prev);\r\n }, []);\r\n\r\n useImperativeHandle(ref, () => ({\r\n changeEditMode: (editMode) => {\r\n setIsEdit(editMode);\r\n },\r\n getEditMode: () => isEdit,\r\n }));\r\n\r\n return (\r\n \r\n \r\n \r\n {title || 'Unknown'}\r\n \r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nWithAggridHeaderEdit.propsTypes = {\r\n title: PropTypes.string,\r\n children: PropTypes.object,\r\n show: PropTypes.bool,\r\n buttons: PropTypes.arrayOf(PropTypes.object),\r\n extraButtons: PropTypes.arrayOf(PropTypes.object),\r\n allowEdit: PropTypes.bool,\r\n};\r\n\r\nexport default forwardRef(WithAggridHeaderEdit);\r\n","/*\r\n * Common Messages\r\n *\r\n * This contains all the text for the common component.\r\n */\r\nimport { defineMessages } from 'react-intl';\r\n\r\nexport const scope = 'Taco.common.components.ag-grid';\r\n\r\nexport default defineMessages({\r\n btnAdd: {\r\n id: `${scope}.components.agGridEditHeader.btn.add`,\r\n defaultMessage: 'Add',\r\n },\r\n btnEdit: {\r\n id: `${scope}.components.agGridEditHeader.btn.edit`,\r\n defaultMessage: 'Edit',\r\n },\r\n btnCancel: {\r\n id: `${scope}.components.agGridEditHeader.btn.cancel`,\r\n defaultMessage: 'Cancel',\r\n },\r\n btnDelete: {\r\n id: `${scope}.components.agGridEditHeader.btn.delete`,\r\n defaultMessage: 'Delete',\r\n },\r\n btnResetPassword: {\r\n id: `${scope}.components.agGridEditHeader.btn.resetPassword`,\r\n defaultMessage: ' Reset Password',\r\n },\r\n chooseDownloadFileType: {\r\n id: `${scope}.components.agGridEditHeader.btn.chooseDownloadOptions`,\r\n defaultMessage: ' Choose file type',\r\n },\r\n});\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport { Menu } from 'antd';\r\n\r\nimport { WithLoading } from 'common/components';\r\n\r\nimport { useIntl } from 'react-intl';\r\nimport Messages from 'i18n/messages/message-ag-grid';\r\n\r\nimport './AgGridDownloadOptions.less';\r\n\r\nconst AgGridDownloadOptions = (props) => {\r\n const intl = useIntl();\r\n const { handleDownload, loading } = props;\r\n\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nProfileImage.propsTypes = {\r\n /**\r\n * Profile Image Source\r\n */\r\n src: PropTypes.string.isRequired,\r\n /**\r\n * Profile Image Alt\r\n */\r\n alt: PropTypes.string,\r\n /**\r\n * Size of Profile Image\r\n */\r\n size: PropTypes.number,\r\n /**\r\n * Edit mode\r\n */\r\n isEditMode: PropTypes.bool,\r\n /**\r\n * upload image handler\r\n */\r\n onUploadHandler: PropTypes.func,\r\n /**\r\n * upload image loading\r\n */\r\n loading: PropTypes.bool,\r\n};\r\n\r\nProfileImage.defaultProps = {\r\n size: 150,\r\n className: 'profile-image',\r\n alt: 'Profile Image',\r\n};\r\n\r\nexport default ProfileImage;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Space, Typography } from 'antd';\r\n\r\nconst { Text } = Typography;\r\n\r\nconst ProfileAddress = (props) => {\r\n const { address, className, style } = props;\r\n const clp = 'profile-address';\r\n const isAddressAvailabel =\r\n address &&\r\n typeof address === 'object' &&\r\n Object.values(address).filter((item) => item != null && item !== undefined)\r\n .length > 0;\r\n\r\n const renderAddresses = (address) => {\r\n return address ? (\r\n contact action
\r\n \r\nsend mail
\r\n \r\nsend message
\r\n \r\n \r\n );\r\n};\r\n\r\nContactActions.propTypes = {\r\n title: PropTypes.oneOfType([\r\n PropTypes.string,\r\n PropTypes.node,\r\n PropTypes.object,\r\n ]),\r\n alignment: PropTypes.oneOf(['left', 'center', 'right']),\r\n};\r\n\r\nContactActions.defaultProps = {\r\n alignment: 'center',\r\n};\r\nexport default ContactActions;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport { Row, Col, Typography, Checkbox } from 'antd';\r\nimport { isObject } from 'lodash';\r\n\r\nimport './InfoWithLabel.less';\r\nconst { Text } = Typography;\r\n\r\nconst InfoWithLabel = (props) => {\r\n const {\r\n label,\r\n info,\r\n className,\r\n labelColProps,\r\n infoColProps,\r\n boldInfo,\r\n labelAlign = 'left',\r\n infoTextStyle = {},\r\n labelTextStyle = {},\r\n align,\r\n infoAppend,\r\n gutter,\r\n showTooltip,\r\n editIconRender,\r\n style,\r\n log,\r\n } = props;\r\n const clp = 'info-with-label';\r\n const isBoolean = typeof info === 'boolean';\r\n\r\n const renderInfo = () => {\r\n if (info !== null) {\r\n if (isBoolean) return\r\n {\r\n onAcceptTodo(event, item?.id);\r\n }}\r\n style={{ borderRadius: '4px' }}\r\n type='primary'\r\n className='header-task__popover-item--accept-button'\r\n >\r\n Accept\r\n \r\n {\r\n onRejectTodo(event, item?.id);\r\n }}\r\n danger\r\n >\r\n Reject\r\n \r\n
\r\n )\r\n }\r\n >\r\n \r\n See More\r\n
\r\n \r\n \r\n\r\n <>\r\n {/* \r\n See More\r\n
\r\n \r\n */}\r\n \r\n \r\n \r\n setVisible(true)}\r\n count={totalCount}\r\n offset={offset}\r\n icon={BellOutlined}\r\n iconStyle={iconStyle}\r\n />\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Task;\r\n","export const TO_DO_DISPLAY_BELL_COLUMN = 12;\r\nexport const TO_DO_NOT_DISPLAY_BELL_COLUMN = 24;\r\nexport const SEE_MORE_DISPLAY_BELL_COLUMN = 15;\r\nexport const SEE_MORE_NOT_DISPLAY_BELL_COLUMN = 12;\r\n","import React from 'react';\r\nimport Action from './Action';\r\nimport { MailOutlined } from '@ant-design/icons';\r\n\r\nconst Email = (props) => {\r\n const { count, offset, iconStyle, onClick } = props;\r\n return (\r\n \r\n {\r\n setCropper(instance);\r\n }}\r\n cropend={onCrop}\r\n ref={refCropper}\r\n ready={onReady}\r\n {...restProps}\r\n />\r\n
\r\n );\r\n};\r\n\r\nCropper.propTypes = {\r\n imgSrc: PropTypes.string,\r\n getCropperInstance: PropTypes.func,\r\n getRealTimeCropper: PropTypes.func,\r\n aspectRatio: PropTypes.number,\r\n};\r\n\r\nexport default CropImage;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport { Space, Typography } from 'antd';\r\nimport './HistorySection.less';\r\nconst { Text } = Typography;\r\n\r\nconst HistorySection = (props) => {\r\n const { title, children, className } = props;\r\n return (\r\n \r\n {type || 'UNKNOWN SERVICE'} }\r\n
\r\n );\r\n};\r\n\r\nServiceType.propsTypes = {\r\n type: PropTypes.string,\r\n className: PropTypes.string,\r\n hideTitle: PropTypes.bool,\r\n};\r\n\r\nexport default ServiceType;\r\n","import React from 'react';\r\nimport PropTypes, { oneOfType } from 'prop-types';\r\nimport { Row, Col } from 'antd';\r\nimport { injectIntl } from 'react-intl';\r\nimport classnames from 'classnames';\r\nimport './LabelValueWrapper.less';\r\n\r\nconst LabelValueWrapper = (props) => {\r\n const { object, parentScoop, colspan, labelSuffix, intl, valueStyle } = props;\r\n let initialCol = colspan || 8;\r\n\r\n const modifyData = (data) => {\r\n if (typeof data === 'boolean') {\r\n switch (data) {\r\n case true:\r\n return 'Yes';\r\n case false:\r\n return 'No';\r\n }\r\n } else return data;\r\n };\r\n\r\n return (\r\n <>\r\n {object &&\r\n Object.entries(object).map(([key, value]) => {\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nColorPicker.propTypes = {\r\n initialColor: PropTypes.string,\r\n callbackFunc: PropTypes.func,\r\n};\r\n\r\nexport default ColorPicker;\r\n","import React from 'react';\r\nimport { Modal } from 'antd';\r\nimport './DialogFunction.less';\r\n\r\nimport { ErrorIcon, InfoIcon, SuccessIcon, WarnIcon } from './DialogIcon';\r\n\r\nfunction dialogOkFunction(props) {\r\n const { type } = props;\r\n\r\n return Modal.error({\r\n ...props,\r\n className: 'dialog-modal',\r\n icon:\r\n type === 'warn' ? (\r\n \r\n
\r\n {displayColorPicker && (\r\n \r\n \r\n
\r\n {isShowAddBtn && (\r\n \r\n \r\n hexHandleChange(e)}\r\n />\r\n
\r\n )}\r\n \r\n \r\n {tableData.columns.map((headItem, idx) => {\r\n if (idx !== headItem.length - 1) {\r\n return (\r\n \r\n {headItem?.Header}\r\n
\r\n );\r\n } else {\r\n return (\r\n \r\n {tableData.data.map((rowItem, rowIdx) => (\r\n \r\n {tableData.columns.map((headItem, idx) => {\r\n return (\r\n \r\n {rowItem[headItem?.accessor]}\r\n
\r\n );\r\n })}\r\n \r\n ))}\r\n \r\n \r\n );\r\n } else {\r\n return ;\r\n }\r\n};\r\n\r\nexport default TableRender;\r\n","import React, { useState, useEffect, useRef } from 'react';\r\n\r\nconst MdImage = (props) => {\r\n const {\r\n src,\r\n width,\r\n height,\r\n mapToPaddingStyle,\r\n alignConfig,\r\n spaceConfig,\r\n } = props;\r\n\r\n const [calHeight, setCalHeight] = useState(0);\r\n\r\n const refImg = useRef();\r\n\r\n const calculateHeight = (orgScale, width, height, curWidth) => {\r\n const curScale = orgScale * (width / height);\r\n return curWidth / curScale;\r\n };\r\n\r\n useEffect(() => {\r\n if (refImg?.current) {\r\n setTimeout(() => {\r\n const orgHeight = refImg?.current?.naturalHeight;\r\n const orgWidth = refImg?.current?.naturalWidth;\r\n\r\n const curWidth = refImg?.current?.offsetWidth;\r\n const orgScale = orgWidth / orgHeight;\r\n const newHeight = calculateHeight(orgScale, width, height, curWidth);\r\n\r\n if (newHeight !== 0 && newHeight !== calHeight) setCalHeight(newHeight);\r\n }, 100);\r\n }\r\n });\r\n\r\n return (\r\n <>\r\n {children && children}
;\r\n case 2:\r\n return{children && children}
;\r\n case 3:\r\n return{children && children}
;\r\n case 4:\r\n return{children && children}
;\r\n case 5:\r\n return{children && children}
;\r\n case 6:\r\n return{children && children}
;\r\n default:\r\n return{children && children}
;\r\n }\r\n };\r\n\r\n const renderChildren = () => {\r\n if (children?.length === 1) {\r\n generalConfig = getConfig(props.children?.[0]);\r\n\r\n let nextValue, cloneChildren;\r\n if (generalConfig?.configMatch) {\r\n nextValue = props.children?.[0]?.props?.value.replace(\r\n generalConfig?.configMatch[0],\r\n ''\r\n );\r\n cloneChildren = cloneElement(props.children[0], {\r\n value: nextValue,\r\n children: nextValue,\r\n });\r\n\r\n const cusStyle = {\r\n color: generalConfig?.detailColorConfig,\r\n fontFamily: generalConfig?.detailFontConfig,\r\n fontSize: `${generalConfig?.detailSizeConfig}px`,\r\n textAlign: generalConfig?.detailAlignConfig,\r\n clear: generalConfig?.detailBreakAlignConfig === 'true' ? 'both' : '',\r\n };\r\n return (\r\n <>{HeadLevelRender(level, cloneChildren || children, cusStyle)}\r\n );\r\n }\r\n }\r\n\r\n if (children?.length > 1) {\r\n generalConfig = getConfig(props.children?.[0]);\r\n\r\n let nextValue, cloneChildren;\r\n if (generalConfig?.configMatch) {\r\n nextValue = props.children?.[0]?.props?.value.replace(\r\n generalConfig?.configMatch[0],\r\n ''\r\n );\r\n cloneChildren = cloneElement(props.children[0], {\r\n value: nextValue,\r\n children: nextValue,\r\n });\r\n\r\n const cusStyle = {\r\n color: generalConfig?.detailColorConfig,\r\n fontFamily: generalConfig?.detailFontConfig,\r\n fontSize: `${generalConfig?.detailSizeConfig}px`,\r\n textAlign: generalConfig?.detailAlignConfig,\r\n clear: generalConfig?.detailBreakAlignConfig === 'true' ? 'both' : '',\r\n };\r\n return (\r\n <>\r\n {HeadLevelRender(\r\n level,\r\n (\r\n <>\r\n {cloneChildren}\r\n {children.map((child, idx) => {\r\n if (idx === 0) return null;\r\n return child;\r\n })}\r\n \r\n ) || children,\r\n cusStyle\r\n )}\r\n \r\n );\r\n }\r\n }\r\n return HeadLevelRender(level, children);\r\n };\r\n\r\n return <> {renderChildren()};\r\n};\r\n\r\nexport default HeadingRender;\r\n","import React, { useEffect, useState, useRef, useMemo } from 'react';\r\nimport MDEditor from '@uiw/react-md-editor';\r\nimport TextRender from './markdownRenderers/TextRender';\r\nimport ImageRender from './markdownRenderers/ImageRender';\r\nimport ParagraphRender from './markdownRenderers/ParagraphRender';\r\nimport HeadingRender from './markdownRenderers/HeadingRender';\r\n\r\n/**\r\n * @param {ReactMarkdown.ReactMarkdownProps} props\r\n * @type {ReactMarkdown.ReactMarkdownProps['renderers']} /\r\n */\r\nconst EnhancedMarkdown = ({ source, refSource, ...props }) => {\r\n const [refComponents, setRefComponents] = useState(null);\r\n\r\n const refEnhancedMarkdown = useRef(null);\r\n\r\n const imagePreprocessor = (source) =>\r\n source?.replace(\r\n /(!\\[[^\\]]*\\]\\([^)\\s]+) =([0-9]+x|x[0-9]+|[0-9]+x[0-9]+)\\)/g,\r\n '$1_33B2BF251EFD_$2)'\r\n );\r\n\r\n source = imagePreprocessor(source);\r\n\r\n const renderers = useMemo(\r\n () => ({\r\n image: ImageRender(refComponents),\r\n text: TextRender,\r\n paragraph: ParagraphRender,\r\n heading: HeadingRender,\r\n }),\r\n [refComponents]\r\n );\r\n\r\n useEffect(() => {\r\n setRefComponents(refSource);\r\n }, [refSource]);\r\n\r\n return (\r\n\r\n
\r\n );\r\n};\r\n\r\nexport default EnhancedMarkdown;\r\n","import * as endpoints from './endpoints';\r\nimport * as api from 'config/axios';\r\n\r\nexport const sendGetAvailEntityDateField = () => {\r\n return api.sendGet(endpoints.GET_AVAILABLE_ENTITY_DATA_FIELD);\r\n};\r\n","// reset password api\r\nexport const GET_AVAILABLE_ENTITY_DATA_FIELD =\r\n '/api/member-manager/get-available-entity-data-field';\r\n","import React, { useEffect, useCallback, useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { useDispatch } from 'react-redux';\r\nimport { Space, Col, Row, Empty, Button, message, Typography } from 'antd';\r\nimport {\r\n StyledModal,\r\n CustomNotification,\r\n WithLoading,\r\n} from 'common/components';\r\n\r\nimport { sendGetAvailEntityDateField } from 'services/templateMarkdown';\r\nimport { CopyToClipboard } from 'react-copy-to-clipboard';\r\n\r\nimport * as globalActions from '@redux/global/actions';\r\n\r\nimport './MdEntityTool.less';\r\n\r\nconst { Text } = Typography;\r\n\r\nconst MdEntityTool = (props) => {\r\n const {\r\n entityName,\r\n setEntityOpen,\r\n entityOpen,\r\n isEntityInsideTable,\r\n mdEditor,\r\n } = props;\r\n\r\n const [isLoading, setIsLoading] = useState(false);\r\n const [entityPropertyList, setEntityPropertyList] = useState([]);\r\n\r\n const dispatch = useDispatch();\r\n\r\n const fetchAllAvailEntityFields = useCallback(async () => {\r\n setIsLoading(true);\r\n let response;\r\n try {\r\n response = await sendGetAvailEntityDateField();\r\n } catch (err) {}\r\n setIsLoading(false);\r\n\r\n if (response?.isSuccess && entityName) {\r\n setEntityPropertyList(\r\n response.data.availableEntityDataFields.filter(\r\n (fieldItem) => fieldItem?.entityType === entityName\r\n )\r\n );\r\n }\r\n }, [entityName]);\r\n\r\n useEffect(() => {\r\n if (!entityOpen) return;\r\n fetchAllAvailEntityFields();\r\n }, [entityOpen, fetchAllAvailEntityFields]);\r\n\r\n const hanldeMessageCopySyntax = () => {\r\n message.success({\r\n content: \r\n \r\n
\r\n \r\n {entityPropertyList.map((entityField, idx) => (\r\n \r\n \r\n handleInsertEntityData(entityField)}\r\n >\r\n Insert\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n
\r\n ))}\r\n \r\n
\r\n ) : (\r\n \r\n Do you want to change this placeholder ? \r\n \r\n {editItem} \r\n \r\n
\r\n \r\n {`[@[${text}]]`} \r\n \r\n
\r\n
\r\n ),\r\n okText: 'Replace',\r\n cancelText: 'Cancel',\r\n onOk: handleReplaceInterEntity,\r\n });\r\n };\r\n\r\n return (\r\n \r\n \r\n
\r\n <>\r\n {placeholderList.map((placeItem, idx) => (\r\n \r\n \r\n \r\n handleInsertInterEntityData(placeItem)}\r\n >\r\n Insert\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n
\r\n ))}\r\n \r\n
\r\n ) : (\r\n \r\n
\r\n )}\r\n \r\n \r\n {mediaType === 'Image' && (\r\n \r\n \r\n {!noCopy && (\r\n {\r\n message.success({\r\n content: (\r\n \r\n Copied Image Successfully \r\n \r\n ),\r\n });\r\n }}\r\n >\r\n \r\n Copy\r\n
\r\n \r\n \r\n )}\r\n {!noInsert && (\r\n \r\n \r\n MP4\r\n \r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n );\r\n};\r\nMdToolTextColor.propTypes = {\r\n textColor: PropTypes.string,\r\n setTextColor: PropTypes.func,\r\n};\r\n\r\nexport default MdToolTextColor;\r\n","import React, { useState, useEffect } from 'react';\r\nimport { Row, Col, Input, Divider, Button, Typography } from 'antd';\r\nimport { CloseModalBtn } from 'common/components';\r\n\r\nimport { MdTextFont, MdToolTextColor } from '../../../customToolbar/components';\r\nimport './MarkdownAddParagraph.less';\r\n\r\nconst { TextArea } = Input;\r\nconst { Text } = Typography;\r\n\r\nconst newLineRegex = /\\r\\n|\\r|\\n/;\r\nconst multipleNewLineRegex = /\\r\\n{2}|\\r{2}|\\n{2}/;\r\n\r\nconst initState = {\r\n color: '',\r\n content: '',\r\n fontType: '',\r\n id: null,\r\n};\r\n\r\nconst MarkdownAddParagraph = (props) => {\r\n const { onAddParagraph, onUpdateParagraph, onClose, edittingData } = props;\r\n const [fontType, setFontType] = useState(initState?.fontType);\r\n const [color, setColor] = useState(initState?.color);\r\n const [content, setContent] = useState(initState?.content);\r\n const [id, setId] = useState(initState?.id);\r\n\r\n const isValidContent = (text) => {\r\n const match = newLineRegex.exec(text);\r\n const multiMatch = multipleNewLineRegex.exec(text);\r\n if (multiMatch?.length > 0 || !content) return false;\r\n return true;\r\n };\r\n\r\n const onChangeContent = (e) => {\r\n setContent(e.target.value);\r\n };\r\n\r\n const handleClickOk = () => {\r\n !edittingData &&\r\n onAddParagraph &&\r\n onAddParagraph({\r\n font: fontType,\r\n color: color,\r\n content,\r\n });\r\n\r\n edittingData &&\r\n onUpdateParagraph &&\r\n onUpdateParagraph({\r\n font: fontType,\r\n color: color,\r\n content,\r\n id: id,\r\n });\r\n\r\n onClose && onClose();\r\n };\r\n\r\n useEffect(() => {\r\n if (edittingData) {\r\n setContent(edittingData?.content);\r\n setFontType(edittingData?.font);\r\n setColor(edittingData?.color);\r\n setId(edittingData?.id);\r\n } else {\r\n setContent(initState?.content);\r\n setFontType(initState?.fontType);\r\n setColor(initState?.color);\r\n setId(initState?.id);\r\n }\r\n }, [edittingData]);\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n * Empty/Invalid Content\r\n \r\n )}\r\n \r\n \r\n Ok\r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default MarkdownAddParagraph;\r\n","import React from 'react';\r\nimport { Button } from 'antd';\r\nimport { EditOutlined, DeleteOutlined } from '@ant-design/icons';\r\n\r\nimport classnames from 'classnames';\r\n\r\nimport './ParagraphConfigTag.less';\r\n\r\nconst ParagraphConfigTag = (props) => {\r\n const { align, onDelete, onEdit, children } = props;\r\n return (\r\n \r\n Upload Media File\r\n
\r\n Media Files
\r\n {isVertical && minimized && (\r\n \r\n Support Types: {supportTypes.join(', ')}\r\n
\r\n )}\r\n {minimized && (\r\n\r\n setIsUploading(loading)}\r\n maxSize={UPLOAD_MAX_SIZE.GENERAL}\r\n />\r\n
\r\n )}\r\n \r\n );\r\n};\r\n\r\nMarkdownUploadItem.propTypes = {\r\n mdEditor: PropTypes.object,\r\n apiService: PropTypes.func,\r\n};\r\n\r\nexport default React.memo(MarkDownUploadMedia);\r\n","import React from 'react';\r\nimport { Typography, Col, AutoComplete } from 'antd';\r\n\r\nimport './MdTextSize.less';\r\n\r\nconst { Text } = Typography;\r\n\r\nconst MdTextSize = (props) => {\r\n const { size, handleChangeFontSize } = props;\r\n\r\n return (\r\n - \r\n {helpContent.map((helpItem) => (\r\n
- {helpItem} \r\n ))}\r\n
\r\n \r\n
\r\n )}\r\n (?)
\r\n \r\n \r\n {\r\n toggleTextEditTool && toggleTextEditTool();\r\n }}\r\n >\r\n Close\r\n \r\n\r\n
\r\n \r\n \r\n {\r\n setTextValue(event.target.value);\r\n setSideView(radioOption[0].value);\r\n }}\r\n />\r\n ) : (\r\n {\r\n setTextValue(event.target.value);\r\n setSideView(radioOption[0].value);\r\n }}\r\n />\r\n )}\r\n \r\n {\r\n insertTextWithColor();\r\n }}\r\n >\r\n Insert\r\n \r\n \r\n {\r\n hanldeMessageColorPicker(text);\r\n }}\r\n >\r\n \r\n Copy\r\n \r\n \r\n \r\n\r\n {\r\n clearTextValue();\r\n }}\r\n danger\r\n >\r\n Clear\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n );\r\n};\r\n\r\nMdToolText.propTypes = {\r\n onChangeColor: PropTypes.func,\r\n mdEditor: PropTypes.object,\r\n isColorPickerOpen: PropTypes.bool,\r\n setIsColorPickerOpen: PropTypes.func,\r\n};\r\n\r\nexport default MdToolText;\r\n","import React from 'react';\r\n\r\nimport { Space, Button, Input, Row, Col, Typography } from 'antd';\r\n\r\nimport {\r\n InsertRowAboveOutlined,\r\n InsertRowBelowOutlined,\r\n InsertRowRightOutlined,\r\n InsertRowLeftOutlined,\r\n} from '@ant-design/icons';\r\n\r\nimport './MdTableEditToolbar.less';\r\n\r\nconst { Text } = Typography;\r\n\r\nconst MdTableEditToolbar = (props) => {\r\n const {\r\n handleAddRowBellow,\r\n handleAddRowAbove,\r\n handleAddColumnToLeft,\r\n handleAddColumnToRight,\r\n handleDeleteRow,\r\n handleDeleteColumn,\r\n tableDisplayName,\r\n handleChangeDisplayName,\r\n setInterEntityOpen,\r\n setEntityOpen,\r\n toolList,\r\n } = props;\r\n\r\n const onChangeTableDisplayName = (event) => {\r\n handleChangeDisplayName && handleChangeDisplayName(event.target.value);\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n handleAddRowBellow()}\r\n >\r\n handleAddRowAbove()}\r\n >\r\n handleAddColumnToLeft()}\r\n >\r\n handleAddColumnToRight()}\r\n >\r\n \r\n \r\n
\r\n \r\n \r\n \r\n Edit Table Name \r\n \r\n
\r\n \r\n \r\n handleDeleteRow()}\r\n >\r\n Delete Row\r\n \r\n handleDeleteColumn()}\r\n >\r\n Delete Column\r\n \r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default MdTableEditToolbar;\r\n","export const getInputSelection = (el) => {\r\n var start = 0,\r\n end = 0,\r\n normalizedValue,\r\n range,\r\n textInputRange,\r\n len,\r\n endRange;\r\n\r\n if (\r\n typeof el.selectionStart == 'number' &&\r\n typeof el.selectionEnd == 'number'\r\n ) {\r\n start = el.selectionStart;\r\n end = el.selectionEnd;\r\n } else {\r\n range = document.selection.createRange();\r\n\r\n if (range && range.parentElement() == el) {\r\n len = el.value.length;\r\n normalizedValue = el.value.replace(/\\r\\n/g, '\\n');\r\n\r\n textInputRange = el.createTextRange();\r\n textInputRange.moveToBookmark(range.getBookmark());\r\n\r\n endRange = el.createTextRange();\r\n endRange.collapse(false);\r\n\r\n if (textInputRange.compareEndPoints('StartToEnd', endRange) > -1) {\r\n start = end = len;\r\n } else {\r\n start = -textInputRange.moveStart('character', -len);\r\n start += normalizedValue.slice(0, start).split('\\n').length - 1;\r\n\r\n if (textInputRange.compareEndPoints('EndToEnd', endRange) > -1) {\r\n end = len;\r\n } else {\r\n end = -textInputRange.moveEnd('character', -len);\r\n end += normalizedValue.slice(0, end).split('\\n').length - 1;\r\n }\r\n }\r\n }\r\n }\r\n\r\n return {\r\n start: start,\r\n end: end,\r\n };\r\n};\r\n\r\nexport const replaceRange = (s, start, end, substitute) => {\r\n return s.substring(0, start) + substitute + s.substring(end);\r\n};\r\n","import React, {\r\n useState,\r\n useMemo,\r\n useCallback,\r\n useEffect,\r\n useRef,\r\n} from 'react';\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport { useTable, useResizeColumns, useBlockLayout } from 'react-table';\r\n\r\nimport { v4 as uuidv4 } from 'uuid';\r\n\r\nimport { Input, Button, Space } from 'antd';\r\nimport { StyledModal, CustomNotification } from 'common/components';\r\n\r\nimport * as globalSelectors from '@redux/global/selectors';\r\nimport * as globalActions from '@redux/global/actions';\r\n\r\nimport MdTableEditToolbar from './MdTableEditToolbar';\r\n\r\nimport { getInputSelection, replaceRange } from 'utils/input';\r\nimport { traditionalReplaceAll } from 'utils';\r\n\r\nimport classnames from 'classnames';\r\n\r\nimport './MdTableEdit.less';\r\n\r\nconst CellEdit = {\r\n view: (props) => \r\n setEntityOpen((prev) => !prev)}\r\n style={{ marginRight: '8px' }}\r\n >\r\n {`[[E]] Entity Data`}\r\n \r\n setInterEntityOpen((prev) => !prev)}\r\n >\r\n {`[@[E]] Interact Entity Data`}\r\n \r\n
\r\n )}\r\n {props?.value}
,\r\n edit: (props) => (\r\n \r\n
\r\n \r\n \r\n \r\n )}\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n {headerGroups.map((headerGroup) => (\r\n
\r\n ))}\r\n \r\n {headerGroup.headers.map((column, idx) => {\r\n !column.isResizing &&\r\n setColWidth(idx, column, procColumns);\r\n\r\n return (\r\n \r\n handleSelectHead(column, idx, event)\r\n }\r\n >\r\n {selectedHead.current?.columnInd === idx &&\r\n idx > 0 ? (\r\n
\r\n );\r\n })}\r\n \r\n {rows.map((row, i) => {\r\n prepareRow(row);\r\n return (\r\n
\r\n );\r\n })}\r\n \r\n {row.cells.map((cell, colId) => {\r\n return (\r\n 0,\r\n })}\r\n onClick={() => {\r\n handleSelectCell(row, i, cell, colId);\r\n }}\r\n >\r\n {cell.render('Cell')}\r\n
\r\n );\r\n })}\r\n \r\n \r\n
\r\n \r\n \r\n \r\n {Array.from(Array(100)).map((cell, idx) => {\r\n const { col, row } = mapIndexToDistance(idx);\r\n return (\r\n col && mousePos[1] > row,\r\n })}\r\n key={'cell-' + idx}\r\n />\r\n );\r\n })}\r\n
\r\n \r\n {mousePos[0] != -1 && mousePos[1] != -1\r\n ? `${Math.floor(mousePos[0]) + 1} x ${\r\n Math.floor(mousePos[1]) + 1\r\n }`\r\n : `0 x 0`}\r\n
\r\n \r\n {tableList && tableList.length > 0 ? (\r\n \r\n
\r\n ) : (\r\n \r\n {tableList.map((tableItem) => (\r\n \r\n \r\n \r\n handleInsertEditTable(tableItem?.name)}\r\n >\r\n Insert\r\n \r\n handleDeleteEditTable(tableItem?.name)}\r\n >\r\n Delete\r\n \r\n \r\n \r\n \r\n ))}\r\n \r\n )}\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default MdTableList;\r\n","import React, { useState } from 'react';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { CustomNotification, dialogFunction } from 'common/components';\r\n\r\nimport MdTableEdit from './MdTableEdit';\r\n\r\nimport MdToolbarTable from './MdToolbarTable';\r\nimport MdTableList from './MdTableList';\r\n\r\nimport { traditionalReplaceAll } from 'utils';\r\n\r\nimport './MdToolTable.less';\r\n\r\nconst MD_TABLE_MODAL_VIEW = {\r\n DEFAULT: 'DEFAULT',\r\n TABLE_EDIT: 'TABLE_EDIT',\r\n TABLE_CREATE: 'TABLE_CREATE',\r\n};\r\n\r\nconst MdToolTable = (props) => {\r\n const {\r\n mdEditor,\r\n closeEditView,\r\n markdownRefUpdateAction,\r\n markdownRefSelector,\r\n setInterEntityOpen,\r\n setEntityOpen,\r\n tempMdTableData,\r\n toolList,\r\n } = props;\r\n\r\n const [mdTableView, setMdTableView] = useState(MD_TABLE_MODAL_VIEW.DEFAULT);\r\n const [isOpenTableList, setIsOpenTableList] = useState(false);\r\n const [initTable, setInitTable] = useState([0, 0]);\r\n const [edittingTable, setEdittingTable] = useState(null);\r\n\r\n const dispatch = useDispatch();\r\n\r\n const mdReference = useSelector(\r\n markdownRefSelector ? markdownRefSelector() : () => {}\r\n );\r\n\r\n const toggleEditTable = () => {\r\n if (mdTableView !== MD_TABLE_MODAL_VIEW.TABLE_EDIT) {\r\n setMdTableView(MD_TABLE_MODAL_VIEW.TABLE_EDIT);\r\n } else {\r\n setMdTableView(MD_TABLE_MODAL_VIEW.DEFAULT);\r\n }\r\n };\r\n\r\n const toggleCreateTable = () => {\r\n if (mdTableView !== MD_TABLE_MODAL_VIEW.TABLE_CREATE) {\r\n setMdTableView(MD_TABLE_MODAL_VIEW.TABLE_CREATE);\r\n } else {\r\n setMdTableView(MD_TABLE_MODAL_VIEW.DEFAULT);\r\n }\r\n };\r\n\r\n const toggleTableList = () => {\r\n setIsOpenTableList(!isOpenTableList);\r\n };\r\n\r\n const saveNewTable = (newTable) => {\r\n const allTables = mdReference?.table || [];\r\n const totalTable = mdReference?.totalTable || 0;\r\n markdownRefUpdateAction &&\r\n dispatch(\r\n markdownRefUpdateAction({\r\n ...mdReference,\r\n table: [\r\n ...allTables,\r\n {\r\n ...newTable,\r\n name: `@mdTable${totalTable + 1}`,\r\n },\r\n ],\r\n totalTable: totalTable + 1,\r\n })\r\n );\r\n mdEditor.doc.replaceSelection(``);\r\n };\r\n\r\n const searchTableIndex = (tableName) => {\r\n return mdReference?.table.findIndex(\r\n (tableItem) => tableItem.name === tableName\r\n );\r\n };\r\n\r\n const saveEditTable = (tableData) => {\r\n const allTables = mdReference?.table;\r\n const foundTableIndex = searchTableIndex(tableData?.name);\r\n let newTableList = [...allTables];\r\n newTableList[foundTableIndex] = tableData;\r\n markdownRefUpdateAction &&\r\n dispatch(\r\n markdownRefUpdateAction({\r\n ...mdReference,\r\n table: newTableList,\r\n })\r\n );\r\n };\r\n\r\n const searchedTableIndexInList = () => {\r\n if (!mdReference && mdReference?.table?.length <= 0) return -1;\r\n const tableName = mdEditor.doc.getSelection();\r\n return searchTableIndex(tableName);\r\n };\r\n\r\n const handleDeleteTable = (tableName) => {\r\n dialogFunction({\r\n type: 'warn',\r\n content: 'Do you want to delete this table ?',\r\n okText: 'Delete',\r\n cancelText: 'Cancel',\r\n onOk: () => {\r\n const allTables = mdReference?.table;\r\n markdownRefUpdateAction &&\r\n dispatch(\r\n markdownRefUpdateAction({\r\n ...mdReference,\r\n table: [...allTables].filter(\r\n (tableItem) => tableItem?.name !== tableName\r\n ),\r\n })\r\n );\r\n const currentValue = mdEditor.doc.getValue();\r\n const deletedContent = traditionalReplaceAll(\r\n currentValue,\r\n ``,\r\n ''\r\n );\r\n const scrollInfo = mdEditor.doc.cm.getScrollInfo();\r\n mdEditor.doc.setValue(deletedContent);\r\n mdEditor.doc.cm.scrollTo(scrollInfo.left, scrollInfo.top);\r\n },\r\n });\r\n };\r\n\r\n const handleInsertTable = (tableName) => {\r\n if (!mdEditor) return;\r\n mdEditor.doc.replaceSelection(``);\r\n closeEditView && closeEditView();\r\n CustomNotification.success('Insert Table Successfully!');\r\n };\r\n\r\n const isAllowToCloseTool = () => {\r\n if (mdTableView === MD_TABLE_MODAL_VIEW.DEFAULT && !isOpenTableList) {\r\n return true;\r\n }\r\n return false;\r\n };\r\n\r\n const mapEditTableDataProps = (editingTable) => {\r\n if (editingTable) {\r\n return {\r\n editData: editingTable,\r\n };\r\n }\r\n const searchedTableIdx = searchedTableIndexInList();\r\n if (searchedTableIdx >= 0) {\r\n return {\r\n editData: mdReference?.table[searchedTableIdx],\r\n };\r\n } else {\r\n return {};\r\n }\r\n };\r\n\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default MdToolTable;\r\n","import React from 'react';\r\n\r\nimport { Button, Tooltip } from 'antd';\r\nimport { CodeOutlined } from '@ant-design/icons';\r\n\r\nconst MdCCEula = (props) => {\r\n const { onAddCCEula } = props;\r\n\r\n const onClick = (e) => {\r\n onAddCCEula && onAddCCEula(e);\r\n };\r\n\r\n return (\r\n \r\n
\r\n ),\r\n\r\n okText: 'Cancel',\r\n onCancel: handleModalShared,\r\n cancelText: 'OK',\r\n });\r\n }\r\n\r\n const renderErrorListMessage = (errorMessage) => {\r\n return errorMessage.map((item, idx) => {\r\n return (\r\n \r\n \r\n {infoSelectedObj[item.id].idSelected} -{' '}\r\n {infoSelectedObj[item.id].entityName} - {item.reason}\r\n \r\n
\r\n );\r\n });\r\n };\r\n\r\n const handleModalShared = () => {\r\n const sumProductCounts = sum(detailCurrentItemsSelection, 'productCount');\r\n const sumMemberCounts = sum(detailCurrentItemsSelection, 'memberCount');\r\n const sumAssetCounts = sum(detailCurrentItemsSelection, 'assetCount');\r\n\r\n const selectedItems = findListItems(dataListSelection, dataGrid);\r\n\r\n const canAccessProduct = getResultCanAccess(\r\n selectedItems,\r\n 'canAccessProducts'\r\n );\r\n const canAccessMember = getResultCanAccess(\r\n selectedItems,\r\n 'canAccessMember'\r\n );\r\n const canAccessAsset = getResultCanAccess(\r\n selectedItems,\r\n 'canAccessDigitalAssets'\r\n );\r\n\r\n if (sumProductCounts > 0 && canAccessProduct === false) {\r\n dialogConfirm();\r\n } else if (sumMemberCounts > 0 && canAccessMember === false) {\r\n dialogConfirm();\r\n } else if (sumAssetCounts > 0 && canAccessAsset === false) {\r\n dialogConfirm();\r\n } else {\r\n acceptedShare();\r\n }\r\n };\r\n\r\n const acceptedShare = () => {\r\n if (\r\n (detailCurrentItemsSelection &&\r\n detailCurrentItemsSelection.length === 0) ||\r\n (dataListSelection && dataListSelection.length === 0)\r\n ) {\r\n dialogOkFunction({\r\n type: 'error',\r\n content: (\r\n \r\n \r\n \r\n {/* - */}\r\n
*/}\r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n - \r\n
\r\n \r\n {error}\r\n \r\n ) : (\r\n \r\n \r\n \r\n )}\r\n \r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default AnonymousLogin;\r\n","import React from 'react';\r\n\r\nimport { Button, Space } from 'antd';\r\n\r\nimport './AnonViewWrap.less';\r\n\r\nconst AnonViewWrap = (props) => {\r\n const { children, handleLogout } = props;\r\n\r\n return (\r\n \r\n 
\r\n
\r\n {/* \r\n
\r\n );\r\n};\r\n\r\nexport default AnonViewWrap;\r\n","import { notification } from 'antd';\r\n\r\nconst top = 44;\r\n\r\nconst UNKNOWN_MSG = 'Unknown message';\r\n\r\nconst isString = (message) => typeof message === 'string';\r\n\r\nconst success = (message) => {\r\n if (!isString(message)) return;\r\n\r\n notification.success({\r\n message: message || UNKNOWN_MSG,\r\n top,\r\n });\r\n};\r\n\r\nconst error = (message) => {\r\n if (!isString(message)) return;\r\n\r\n notification.error({\r\n message: message || UNKNOWN_MSG,\r\n top,\r\n });\r\n};\r\n\r\nconst info = (message) => {\r\n if (!isString(message)) return;\r\n\r\n notification.info({\r\n message: message || UNKNOWN_MSG,\r\n top,\r\n });\r\n};\r\n\r\nconst warning = (message, duration = 3) => {\r\n if (!isString(message)) return;\r\n\r\n notification.warning({\r\n message: message || UNKNOWN_MSG,\r\n top,\r\n duration,\r\n });\r\n};\r\n\r\nexport { success, error, info, warning };\r\n","import React, { useState, useEffect } from 'react';\r\n\r\nimport { Spin, Row, Col, Result, Empty, Pagination, Typography } from 'antd';\r\nimport { StyledModal, ThumbnailItem } from '../index';\r\n\r\nimport { injectIntl, FormattedMessage } from 'react-intl';\r\nimport Messages from 'i18n/messages/logoAsset';\r\n\r\nimport './LogoAssetModal.less';\r\n\r\nconst LogoAssetModal = (props) => {\r\n const {\r\n intl,\r\n visible,\r\n getLogoAssetRequest,\r\n onSelectLogoAsset,\r\n responseParam,\r\n ...rest\r\n } = props;\r\n\r\n //* state\r\n const [loading, setLoading] = useState(false);\r\n const [logoAssetList, setLogoAssetList] = useState(false);\r\n const [error, setError] = useState(false);\r\n const [selectedLogo, setSelectedLogo] = useState(false);\r\n const [pageIndex, setPageIndex] = useState(1);\r\n const [pageSize, setPageSize] = useState(20);\r\n const [total, setTotal] = useState(0);\r\n\r\n //* functions\r\n const getLogoAssetList = () => {\r\n setLoading(true);\r\n const params = {\r\n pageIndex,\r\n pageSize,\r\n };\r\n getLogoAssetRequest &&\r\n getLogoAssetRequest(params)\r\n .then((response) => {\r\n let data;\r\n if (responseParam) {\r\n data = response[responseParam];\r\n } else {\r\n data = response;\r\n }\r\n const {\r\n gridData,\r\n paging: { totalRecord },\r\n } = data;\r\n if (gridData) {\r\n setLogoAssetList(gridData);\r\n setTotal(totalRecord);\r\n } else {\r\n getLogoAssetErrorHandler();\r\n }\r\n })\r\n .catch(() => {\r\n getLogoAssetErrorHandler();\r\n })\r\n .finally(() => {\r\n setLoading(false);\r\n });\r\n };\r\n\r\n const getLogoAssetErrorHandler = () => {\r\n setError(true);\r\n };\r\n\r\n const selectLogoAssetItem = (item) => {\r\n if (selectedLogo?.uniqueId !== item?.uniqueId) {\r\n setSelectedLogo(item);\r\n } else {\r\n setSelectedLogo(false);\r\n }\r\n };\r\n\r\n const resetLogoAssetList = () => {\r\n setLogoAssetList(false);\r\n setSelectedLogo(false);\r\n };\r\n\r\n const changePageSizeHandler = (page, pageSize) => {\r\n setPageIndex(page);\r\n setPageSize(pageSize);\r\n };\r\n\r\n //* did upload\r\n useEffect(() => {\r\n visible ? getLogoAssetList() : resetLogoAssetList();\r\n }, [visible, pageIndex, pageSize]);\r\n\r\n //* render\r\n const renderLogoAssetList = () => {\r\n const emptyMessage = intl.formatMessage(Messages.emptyMessage);\r\n\r\n if (logoAssetList?.length === 0)\r\n return \r\n \r\n \r\n \r\n
\r\n {children}
\r\n \r\n
\r\n \r\n\r\n {isCrop && (\r\n \r\n
\r\n \r\n )}\r\n \r\n \r\n {itemDetail?.name}\r\n {\r\n handleRemoveAvatarTag && handleRemoveAvatarTag(idx);\r\n }}\r\n />\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default AvatarTagItem;\r\n","import React from \"react\";\r\n\r\nimport { Typography, Avatar, Row, Col } from \"antd\";\r\n\r\nimport classnames from \"classnames\";\r\n\r\nimport \"./InputAutoHintList.less\";\r\n\r\nconst { Text } = Typography;\r\n\r\nconst InputAutoHintList = (props) => {\r\n const { hintList = [], selectedHint, handleClickHintItem } = props;\r\n\r\n const HintItem = ({ suggestData, idx }) => (\r\n \r\n
\r\n \r\n {hintList.map((itemData, idx) => (\r\n <>\r\n
\r\n );\r\n};\r\n\r\nexport default InputAutoHintList;\r\n","import React, { useState, useEffect } from \"react\";\r\n\r\nimport { Row, Col, Typography } from \"antd\";\r\n\r\nimport AvatarTagItem from \"./components/AvatarTagItem\";\r\nimport InputAutoComplete from \"./components/InputAutoComplete\";\r\n\r\nimport { TweenOneGroup } from \"rc-tween-one\";\r\n\r\nimport \"./styles.less\";\r\n\r\nconst { Text } = Typography;\r\n\r\nconst link =\r\n \"https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png\";\r\n\r\nconst mock = [\r\n {\r\n name: \"Duy Nguyen\",\r\n avatar: link,\r\n email: \"nnqduy.spkt@gmail.com\",\r\n },\r\n {\r\n name: \"Duy Nguyen 1\",\r\n avatar: link,\r\n email: \"nnqduy.spkt@gmail.com\",\r\n },\r\n {\r\n name: \"Duy Nguyen 2\",\r\n avatar: link,\r\n email: \"nnqduy.spkt@gmail.com\",\r\n },\r\n {\r\n name: \"Duy Nguyen 3\",\r\n avatar: link,\r\n email: \"nnqduy.spkt@gmail.com\",\r\n },\r\n {\r\n name: \"Duy Nguyen 4\",\r\n avatar: link,\r\n email: \"nnqduy.spkt@gmail.com\",\r\n },\r\n {\r\n name: \"Duy Nguyen 5\",\r\n avatar: link,\r\n email: \"nnqduy.spkt@gmail.com\",\r\n },\r\n];\r\n\r\nconst KEY_CODE = {\r\n UP: 38,\r\n DOWN: 40,\r\n ENTER: 13,\r\n};\r\n\r\nconst AvatarTagAutocomplete = (props) => {\r\n const { value, onChange } = props;\r\n\r\n const [tags, setTags] = useState([]);\r\n const [hint, setHint] = useState(mock);\r\n const [searchText, setSearchText] = useState(\"\");\r\n const [selectedHint, setSelectedHint] = useState(0);\r\n const [isLoading, setIsLoading] = useState(false);\r\n\r\n const [randomNo, setRandomNo] = useState(0);\r\n\r\n //todo - mock only data\r\n useEffect(() => {\r\n const max = 5;\r\n const min = 3;\r\n const random = Math.floor(Math.random() * (max - min + 1)) + min;\r\n setHint(mock.slice(0, random));\r\n setSelectedHint(0);\r\n }, [searchText]);\r\n\r\n const handleMouseDown = (event) => {\r\n const keyCode = event?.keyCode;\r\n if (keyCode === KEY_CODE.DOWN) {\r\n if (selectedHint >= hint?.length - 1) return;\r\n setSelectedHint((prev) => prev + 1);\r\n return;\r\n }\r\n if (keyCode === KEY_CODE.UP) {\r\n if (selectedHint <= 0) return;\r\n setSelectedHint((prev) => prev - 1);\r\n return;\r\n }\r\n\r\n if (keyCode === KEY_CODE.ENTER) {\r\n setTags((prevTags) => [...prevTags, hint[selectedHint]]);\r\n setSelectedHint(0);\r\n setSearchText(\"\");\r\n }\r\n };\r\n\r\n const handleClickHintItem = (selected) => {\r\n setTags((prevTags) => [...prevTags, hint[selected]]);\r\n setSelectedHint(0);\r\n setSearchText(\"\");\r\n };\r\n\r\n const handleRemoveAvatarTag = (selected) => {\r\n setTags((prevTags) => {\r\n const nextTags = [...prevTags];\r\n nextTags.splice(selected, 1);\r\n return nextTags;\r\n });\r\n };\r\n\r\n const TagListRender = tags.map((itemData, idx) => {\r\n return (\r\n \r\n {stepDefine.map((stepItem) => {\r\n return (\r\n prevStep,\r\n 'step-form--slide-out-left':\r\n currentStep !== stepItem?.step &&\r\n stepItem?.step === prevStep &&\r\n currentStep > prevStep,\r\n 'step-form--slide-out-right':\r\n currentStep !== stepItem?.step &&\r\n stepItem?.step === prevStep &&\r\n currentStep < prevStep,\r\n })}\r\n key={stepItem.step}\r\n >\r\n
\r\n );\r\n })}\r\n \r\n );\r\n};\r\n\r\nStepForm.propTypes = {\r\n currentStep: PropTypes.number,\r\n stepDefine: PropTypes.array,\r\n};\r\n\r\nexport default StepForm;\r\n","import { useState, useCallback } from 'react';\r\nimport { set, isEmpty } from 'lodash';\r\nimport { useStatePrevious } from 'hooks/usePrevious';\r\nimport { deleteObjectField } from 'utils';\r\n\r\nconst useFormHook = (initValues) => {\r\n const [values, setFieldsValue] = useState(initValues);\r\n const [errors, setFieldsError, refFieldsError] = useStatePrevious({});\r\n\r\n const onChange = useCallback((e) => {\r\n const { value, name } = e.target;\r\n\r\n let nextFieldsError = refFieldsError.current;\r\n\r\n if (nextFieldsError.hasOwnProperty(name)) {\r\n deleteObjectField(nextFieldsError, [name]);\r\n setFieldsError(nextFieldsError);\r\n }\r\n\r\n setFieldsValue((prev) => ({\r\n ...prev,\r\n [name]: value,\r\n }));\r\n }, []);\r\n\r\n const setFieldValue = useCallback((path, value) => {\r\n if (typeof path === 'string') {\r\n setFieldsValue((prev) => {\r\n let nextValue = { ...prev };\r\n set(nextValue, path, value);\r\n return nextValue;\r\n });\r\n }\r\n }, []);\r\n\r\n /**\r\n * @param {}\r\n * ?example {displayName: validateFunc, permissions: validateFunc}\r\n */\r\n const validateFields = useCallback(\r\n async (validateObject) => {\r\n let nextError = {};\r\n\r\n const validationPair = Object.entries(validateObject);\r\n\r\n await Promise.all(\r\n validationPair.map(async ([name, validateFunc]) => {\r\n const errorsArray = await validateFunc(values[name]);\r\n if (!isEmpty(errorsArray)) {\r\n nextError[name] = errorsArray;\r\n }\r\n })\r\n );\r\n\r\n setFieldsError(nextError);\r\n return nextError;\r\n },\r\n [values]\r\n );\r\n\r\n const resetAll = useCallback(() => {\r\n setFieldsValue({});\r\n setFieldsError({});\r\n }, []);\r\n\r\n return {\r\n values,\r\n errors,\r\n setFieldsValue,\r\n setFieldValue,\r\n validateFields,\r\n onChange,\r\n resetAll,\r\n };\r\n};\r\n\r\nexport default useFormHook;\r\n","import React from 'react';\r\nimport { useState, useRef, useEffect } from 'react';\r\n\r\nimport insertTextAtCursor from 'insert-text-at-cursor';\r\n\r\nimport './FormInputHtml.less';\r\n\r\nconst FormInputHTML = (props) => {\r\n const { htmlValue, onChange, styles, isEdit = true } = props;\r\n\r\n const [isInit, setIsInit] = useState(false);\r\n const [initValue, setInitValue] = useState(null);\r\n const textRef = useRef();\r\n\r\n const inputHandler = (ev) => {\r\n onChange(ev.target.innerHTML);\r\n };\r\n\r\n const onPaste = (e) => {\r\n var pastedText = undefined;\r\n if (window.clipboardData && window.clipboardData.getData) {\r\n pastedText = window.clipboardData.getData('Text');\r\n } else if (e.clipboardData && e.clipboardData.getData) {\r\n pastedText = e.clipboardData.getData('text/plain');\r\n }\r\n e.preventDefault();\r\n insertTextAtCursor(e.target, pastedText);\r\n };\r\n\r\n useEffect(() => {\r\n //* set init Value\r\n const initValue = () => {\r\n if (!isInit) {\r\n setInitValue(htmlValue);\r\n setIsInit(true);\r\n }\r\n };\r\n\r\n initValue();\r\n }, [htmlValue, isInit]);\r\n\r\n return (\r\n <>\r\n \r\n {stepItem?.component || null}\r\n
\r\n \r\n \r\n \r\n \r\n )}\r\n \r\n )\r\n }\r\n validateStatus={isMeetRequirement ? undefined : 'error'}\r\n rules={[\r\n {\r\n validator: (_, value) => {\r\n return isMeetRequirement\r\n ? Promise.resolve()\r\n : Promise.reject('Password is not sufficiently complex!');\r\n },\r\n },\r\n ...rules,\r\n ]}\r\n >\r\n {children}\r\n \r\n {passwordScore ? (\r\n \r\n \r\n \r\n {passwordStrength}\r\n \r\n
\r\n \r\n
\r\n ) : null}\r\n
\r\n );\r\n};\r\n\r\nexport default NewPasswordFormItem;\r\n","import React from 'react';\r\nimport { Tooltip } from 'antd';\r\n\r\nimport './SquareTag.less';\r\n\r\nconst SquareTag = (props) => {\r\n const { content, AntIcon, tooltip, color, gutter } = props;\r\n return (\r\n \r\n {AntIcon &&
\r\n \r\n \r\n
\r\n );\r\n\r\n const createDragImage = (e) => {\r\n refShadow.current = document.createElement('div');\r\n refShadow.current.classList.add('drag-wrap__shadow-ele');\r\n document.body.appendChild(refShadow.current);\r\n ReactDOM.render(MultiDragRender, refShadow.current);\r\n return refShadow.current;\r\n };\r\n\r\n const removeShadow = () => {\r\n document.body.removeChild(refShadow.current);\r\n };\r\n\r\n const onDragStart = (e) => {\r\n const parsedData = JSON.stringify(\r\n dragListData?.length > 0 ? dragListData : [dragData]\r\n );\r\n e.dataTransfer.effectAllowed = 'move';\r\n e.dataTransfer.setData('dragData', parsedData);\r\n\r\n const dragImage = createDragImage(e);\r\n e.dataTransfer.setDragImage(dragImage, 0, 20);\r\n };\r\n\r\n const onDragEnd = (e) => {\r\n removeShadow();\r\n };\r\n\r\n const isDraggable = () => {\r\n if (dragListData?.length === 0 && dragData) return 'true';\r\n if (dragListData?.length > 0) {\r\n if (\r\n dragListData.findIndex((itemData) => _.isEqual(itemData, dragData)) >= 0\r\n )\r\n return 'true';\r\n }\r\n return 'false';\r\n };\r\n\r\n return (\r\n \r\n {dragListData?.length > 0 &&\r\n dragListData.map((item, idx) => {\r\n if (idx > 4) return null;\r\n if (idx === 4)\r\n return (\r\n \r\n and {dragListData.length - 4} more items\r\n \r\n );\r\n\r\n return (\r\n \r\n {dragListData?.length || 1}\r\n \r\n
\r\n \r\n {icon && icon}\r\n \r\n {item?.[dragNamePath] || 'N/A'}\r\n \r\n
\r\n );\r\n })}\r\n {dragListData?.length === 0 && (\r\n \r\n {icon && icon}\r\n \r\n {dragData?.[dragNamePath] || 'N/A'}\r\n \r\n
\r\n )}\r\n \r\n {value === '' && (\r\n
\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n return (\r\n \r\n
\r\n );\r\n }\r\n\r\n return (\r\n {renderButton()}
;\r\n};\r\n\r\nconst ContactInfo = ({ handleSendMyContact }) => {\r\n const contactCardInfo = useSelector(\r\n userSelectors.makeSelectContactCardInfo()\r\n );\r\n\r\n const memberInfo = useSelector(memberSelectors.selectMemberProfile());\r\n\r\n const renderMyContact = () => {\r\n return (\r\n \r\n My Contact Info \r\n
\r\n \r\n );\r\n };\r\n\r\n const renderPrimaryContact = () => {\r\n return (\r\n \r\n \r\n \r\n Primary Contact\r\n \r\n
\r\n \r\n );\r\n };\r\n\r\n return (\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport { SwitchAccount };\r\n","import { useState, useEffect } from 'react';\r\n\r\nconst useClickEntity = (ref) => {\r\n const [state, setState] = useState(false);\r\n\r\n const handleClickOutside = (event) => {\r\n if (ref.current && ref.current.contains(event.target)) {\r\n setState(true);\r\n } else {\r\n setState(false);\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n document.addEventListener('click', handleClickOutside);\r\n return () => {\r\n document.removeEventListener('click', handleClickOutside);\r\n };\r\n });\r\n\r\n return state;\r\n};\r\n\r\nexport default useClickEntity;\r\n","import * as api from 'config/axios';\r\nimport * as endpoints from './endpoints';\r\n\r\nexport const getEmailThreadList = async (params) => {\r\n return api.sendGet(endpoints.GET_EMAIL_THREAD_LIST, { params: params });\r\n};\r\n\r\nexport const getEmailThreadInfo = async (params) => {\r\n const { userId, threadId } = params;\r\n return api.sendGet(\r\n `${endpoints.GET_EMAIL_THREAD_INFO}/?ThreadId=${threadId}&UserId=${userId}`\r\n );\r\n};\r\n\r\nexport const getEmailThreadInfoContent = async (params) => {\r\n const requestParams = {\r\n threadId: params?.threadId,\r\n timestamp: params?.timestamp,\r\n direction: params?.direction,\r\n };\r\n\r\n return api.sendGet(endpoints.GET_EMAIL_THREAD_INFO_CONTENT, {\r\n params: requestParams,\r\n });\r\n};\r\n\r\nexport const getEmailThreadUsersInfo = (params) => {\r\n return api.sendPost(`${endpoints.GET_EMAIL_THREAD_USERS_INFO}`, {\r\n senderIds: params,\r\n });\r\n};\r\n\r\nexport const getEmailThreadInfoFiles = (params) => {\r\n return api.sendGet(endpoints.GET_EMAIL_THREAD_INFO_FILES, { params: params });\r\n};\r\n\r\nexport const initEmailCommunication = (params) => {\r\n return api.sendPost(endpoints.INIT_EMAIL_COMMUNICATION, params);\r\n};\r\n\r\nexport const uploadEmailAttachment = (params, options) => {\r\n return api.sendPost(endpoints.UPLOAD_EMAIL_ATTACHMENT, params, options);\r\n};\r\n\r\nexport const getEmailAttachment = (params) => {\r\n return api.sendPost(endpoints.GET_EMAIL_ATTACHMENT, params);\r\n};\r\n\r\nexport const searchEmailMessage = (params) => {\r\n const options = { params };\r\n return api.sendGet(endpoints.SEARCH_MESSAGES, options);\r\n};\r\n","export const GET_EMAIL_THREAD_LIST = '/api/chat/get-thread-list?GetEmail=true';\r\nexport const GET_EMAIL_THREAD_INFO = '/api/chat/get-thread-info';\r\nexport const GET_EMAIL_THREAD_INFO_CONTENT = '/api/chat/get-thread-messages';\r\nexport const GET_EMAIL_THREAD_USERS_INFO = '/api/chat/get-chat-users-info';\r\nexport const GET_EMAIL_THREAD_INFO_FILES = '/api/chat/get-files-in-thread';\r\nexport const UPLOAD_EMAIL_ATTACHMENT = '/api/chat/upload-email-attachment';\r\nexport const GET_EMAIL_ATTACHMENT = '/api/chat/get-email-attachment-info';\r\n\r\nexport const UPLOAD_FILE = '/api/chat/upload-file-or-images';\r\n// Init Chat\r\nexport const INIT_EMAIL_COMMUNICATION = '/api/chat/init-chat';\r\n\r\nexport const SEARCH_MESSAGES = '/api/chat/search-message-in-thread';\r\n","import produce from 'immer';\r\n\r\nimport { uploadChatFile } from 'services/chatServices';\r\nimport { uploadEmailAttachment } from 'services/email';\r\n\r\nconst findAccount = (groupUsers, userId, memberId) => {\r\n let accountUser = null;\r\n let accountCompany = null;\r\n\r\n if (groupUsers?.length > 0) {\r\n for (let user of groupUsers) {\r\n if (user.userId === `U-${userId}`) {\r\n accountUser = user;\r\n }\r\n\r\n if (user.userId === `C-${memberId}`) {\r\n accountCompany = user;\r\n }\r\n }\r\n }\r\n\r\n return {\r\n accountUser,\r\n accountCompany,\r\n };\r\n};\r\n\r\nconst getAccountInGroup = (groupUsers, userId, memberId) => {\r\n const { accountUser, accountCompany } = findAccount(\r\n groupUsers,\r\n userId,\r\n memberId\r\n );\r\n\r\n if (accountUser && accountCompany) {\r\n return {\r\n type: 'Both Accounts',\r\n accountUser,\r\n accountCompany,\r\n };\r\n }\r\n\r\n if (accountUser) {\r\n return {\r\n type: 'Only User',\r\n accountUser,\r\n };\r\n }\r\n\r\n if (accountCompany) {\r\n return {\r\n type: 'Only Company',\r\n accountCompany,\r\n };\r\n }\r\n\r\n return null;\r\n};\r\n\r\nconst regexEmptyString = /^(?: )+$/;\r\n\r\nconst checkEmptyString = (text) => {\r\n const formatString = text.replace(/\\s/g, '');\r\n const condition = regexEmptyString.test(formatString);\r\n\r\n return condition ? true : false;\r\n};\r\n\r\nconst getFormData = (threadId, file, isEmail) => {\r\n const formData = new FormData();\r\n\r\n if (threadId) {\r\n formData.append('threadId', threadId);\r\n }\r\n\r\n if (file) {\r\n let name = isEmail ? 'attachment' : 'file';\r\n formData.append(name, file.originFileObj);\r\n }\r\n\r\n return formData;\r\n};\r\n\r\nconst getPromisesChatFiles = (threadId, files, isEmail) => {\r\n let promises = [];\r\n\r\n if (isEmail) {\r\n files.forEach((file) => {\r\n const formData = getFormData(threadId, file, isEmail);\r\n\r\n promises.push(uploadEmailAttachment(formData));\r\n });\r\n } else {\r\n files.forEach((file) => {\r\n const formData = getFormData(threadId, file);\r\n\r\n promises.push(uploadChatFile(formData));\r\n });\r\n }\r\n\r\n return promises;\r\n};\r\n\r\nconst getResponseChatFiles = async (threadId, files, isEmail) => {\r\n const promises = getPromisesChatFiles(threadId, files, isEmail);\r\n\r\n return Promise.allSettled(promises);\r\n};\r\n\r\nconst getNewFiles = (attachList, index, status) => {\r\n const newAttachList = produce(attachList, (draftFile) => {\r\n draftFile[index].status = status;\r\n });\r\n\r\n return newAttachList;\r\n};\r\n\r\nconst updateStatusFile = ({ attachList, index, status }) => {\r\n return getNewFiles(attachList, index, status);\r\n};\r\n\r\nconst formatAttachmentFromResponse = (response, attachment) => {\r\n let attachmentIds = [];\r\n let cacheAttachment = [];\r\n let newAttachment = [];\r\n\r\n for (const [index, item] of response.entries()) {\r\n if (item?.value?.isSuccess) {\r\n attachmentIds.push(item.value.data.fileId);\r\n\r\n cacheAttachment.push({\r\n fileId: item.value.data.fileId,\r\n uid: attachment[index].uid,\r\n });\r\n\r\n newAttachment.push({ ...attachment[index], status: 'success' });\r\n } else {\r\n newAttachment.push({ ...attachment[index], status: 'error' });\r\n }\r\n }\r\n\r\n return {\r\n attachmentIds,\r\n cacheAttachment,\r\n newAttachment,\r\n };\r\n};\r\n\r\nconst getNewStateAttachment = (cacheAttachment, fileUid) => {\r\n let newAttachmentIds = [];\r\n let newCacheAttachment = [];\r\n\r\n cacheAttachment.forEach((cache) => {\r\n if (cache.uid !== fileUid) {\r\n newCacheAttachment.push(cache);\r\n newAttachmentIds.push(cache.fileId);\r\n }\r\n });\r\n\r\n return {\r\n newAttachmentIds,\r\n newCacheAttachment,\r\n };\r\n};\r\n\r\nconst getUniqueAttachment = (array1, array2) => {\r\n let result = array1.filter((item1) => {\r\n const foundItem = array2.find((item2) => item2.uid === item1.uid);\r\n return foundItem ? false : true;\r\n });\r\n\r\n return result;\r\n};\r\nconst getUniqueFileList = (array1, array2) => {\r\n let result = array1.filter((item1) => {\r\n const foundItem = array2.find((item2) => item2.uid === item1.uid);\r\n return foundItem ? true : false;\r\n });\r\n\r\n return result;\r\n};\r\n\r\nconst getDuplicateFileList = (array1, array2) => {\r\n let result = [];\r\n\r\n array1.forEach((item1) => {\r\n if (array2.findIndex((item2) => item2.uid === item1.uid) !== -1) {\r\n result.push(item1);\r\n }\r\n });\r\n\r\n return result;\r\n};\r\n\r\nconst ONE_MB_TO_BYTES = Math.pow(10, 6);\r\n\r\nconst checkInvalidFile = (files) => {\r\n if (Array.isArray(files)) {\r\n return files.some((file) => file.size > 10 * ONE_MB_TO_BYTES);\r\n }\r\n return false;\r\n};\r\n\r\nconst checkNotAllowSendFiles = (files) => {\r\n if (Array.isArray(files) && files.length > 0) {\r\n return files.some((file) => file.status !== 'success');\r\n }\r\n return false;\r\n};\r\n\r\nconst formatAttachmentAfterAdd = (listAttachment, newAttachment) => {\r\n let result = [];\r\n\r\n listAttachment.forEach((item) => {\r\n const foundItem = newAttachment.find((newItem) => newItem.uid === item.uid);\r\n if (foundItem) {\r\n result.push(foundItem);\r\n } else {\r\n result.push(item);\r\n }\r\n });\r\n\r\n return result;\r\n};\r\n\r\nexport {\r\n getAccountInGroup,\r\n findAccount,\r\n checkEmptyString,\r\n getFormData,\r\n getPromisesChatFiles,\r\n updateStatusFile,\r\n checkInvalidFile,\r\n getUniqueAttachment,\r\n getUniqueFileList,\r\n getDuplicateFileList,\r\n getNewStateAttachment,\r\n getResponseChatFiles,\r\n formatAttachmentFromResponse,\r\n formatAttachmentAfterAdd,\r\n checkNotAllowSendFiles,\r\n};\r\n","import { useEffect } from 'react';\r\n\r\nimport * as chatActions from '../../controller/actions';\r\nimport * as emailActions from '../../../mail/controller/actions';\r\n\r\nimport {\r\n getNewStateAttachment,\r\n formatAttachmentFromResponse,\r\n getUniqueAttachment,\r\n getResponseChatFiles,\r\n getAccountInGroup,\r\n formatAttachmentAfterAdd,\r\n} from './utils';\r\n\r\nconst defaultStateAttachment = {\r\n attachmentIds: [],\r\n cacheAttachment: [],\r\n attachment: [],\r\n};\r\n\r\nconst attachmentActions = {\r\n UPDATE_ATTACHMENT_ID: 'UPDATE_ATTACHMENT_ID',\r\n UPDATE_CACHE_ATTACHMENT: 'UPDATE_CACHE_ATTACHMENT',\r\n REMOVE_ATTACHMENT: 'REMOVE_ATTACHMENT',\r\n SAVE_ATTACHMENT: 'SAVE_ATTACHMENT',\r\n SAVE_ATTACHMENT_SUCCESS: 'SAVE_ATTACHMENT_SUCCESS',\r\n RESET: 'RESET',\r\n};\r\n\r\nconst attachmentReducer = (state = defaultStateAttachment, action) => {\r\n switch (action.type) {\r\n case attachmentActions.UPDATE_ATTACHMENT_ID: {\r\n return {\r\n ...state,\r\n attachmentIds: action.attachmentIds,\r\n };\r\n }\r\n\r\n case attachmentActions.UPDATE_CACHE_ATTACHMENT: {\r\n return {\r\n ...state,\r\n cacheAttachment: action.cacheAttachment,\r\n };\r\n }\r\n\r\n case attachmentActions.REMOVE_ATTACHMENT: {\r\n const { newAttachmentIds, newCacheAttachment } = getNewStateAttachment(\r\n state.cacheAttachment,\r\n action.fileUid\r\n );\r\n\r\n return {\r\n ...state,\r\n attachmentIds: newAttachmentIds,\r\n cacheAttachment: newCacheAttachment,\r\n attachment: state.attachment.filter(\r\n (item) => item.uid !== action.fileUid\r\n ),\r\n };\r\n }\r\n\r\n case attachmentActions.SAVE_ATTACHMENT: {\r\n const newAttachment = action.newAttachment.map((attachment) => {\r\n return {\r\n ...attachment,\r\n status: 'uploading',\r\n };\r\n });\r\n\r\n return {\r\n ...state,\r\n attachment: state.attachment.concat(newAttachment),\r\n };\r\n }\r\n\r\n case attachmentActions.SAVE_ATTACHMENT_SUCCESS: {\r\n return {\r\n ...state,\r\n attachment: action.attachment,\r\n };\r\n }\r\n\r\n case attachmentActions.RESET:\r\n return defaultStateAttachment;\r\n\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nconst useUploadChatFiles = ({\r\n threadId,\r\n attachList,\r\n prevAttachList,\r\n attachmentState,\r\n dispatch,\r\n isEmail,\r\n}) => {\r\n const { cacheAttachment } = attachmentState;\r\n\r\n useEffect(() => {\r\n if (attachList.length === 0) {\r\n dispatch({ type: attachmentActions.RESET });\r\n return;\r\n }\r\n\r\n // Add file\r\n if (attachList?.length > prevAttachList?.length) {\r\n // Cache stored some attachment\r\n if (cacheAttachment.length === 0) {\r\n getResponseChatFiles(threadId, attachList, isEmail).then((response) => {\r\n const { attachmentIds, cacheAttachment, newAttachment } =\r\n formatAttachmentFromResponse(response, attachList);\r\n\r\n dispatch({\r\n type: attachmentActions.UPDATE_ATTACHMENT_ID,\r\n attachmentIds,\r\n });\r\n\r\n dispatch({\r\n type: attachmentActions.UPDATE_CACHE_ATTACHMENT,\r\n cacheAttachment,\r\n });\r\n\r\n dispatch({\r\n type: attachmentActions.SAVE_ATTACHMENT_SUCCESS,\r\n attachment: newAttachment,\r\n });\r\n });\r\n } else {\r\n const uniqueAttachList = getUniqueAttachment(\r\n attachList,\r\n cacheAttachment\r\n );\r\n\r\n if (uniqueAttachList.length > 0) {\r\n getResponseChatFiles(threadId, uniqueAttachList, isEmail).then(\r\n (response) => {\r\n const { attachmentIds, cacheAttachment, newAttachment } =\r\n formatAttachmentFromResponse(response, uniqueAttachList);\r\n\r\n dispatch({\r\n type: attachmentActions.UPDATE_ATTACHMENT_ID,\r\n attachmentIds: [\r\n ...attachmentState.attachmentIds,\r\n ...attachmentIds,\r\n ],\r\n });\r\n\r\n dispatch({\r\n type: attachmentActions.UPDATE_CACHE_ATTACHMENT,\r\n cacheAttachment: [\r\n ...attachmentState.cacheAttachment,\r\n ...cacheAttachment,\r\n ],\r\n });\r\n\r\n dispatch({\r\n type: attachmentActions.SAVE_ATTACHMENT_SUCCESS,\r\n attachment: formatAttachmentAfterAdd(\r\n attachmentState.attachment,\r\n newAttachment\r\n ),\r\n });\r\n }\r\n );\r\n }\r\n }\r\n }\r\n\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [threadId, attachList, prevAttachList, dispatch, cacheAttachment]);\r\n\r\n return [];\r\n};\r\n\r\nconst useSendMessage = (hubConnection, dispatch) => {\r\n useEffect(() => {\r\n if (hubConnection) {\r\n hubConnection.on('SendMessageResponse', (response) => {\r\n if (response?.isSuccess) {\r\n dispatch(chatActions.sendMessageChatSuccess(response.data));\r\n dispatch(chatActions.updateLastMessage(response.data?.messageId));\r\n } else {\r\n dispatch(chatActions.sendMessageChatError(response.data));\r\n }\r\n });\r\n }\r\n }, [hubConnection, dispatch]);\r\n};\r\n\r\nconst useSaveAccountChat = ({\r\n groupUsers,\r\n dispatch,\r\n setSenderId,\r\n userId,\r\n memberId,\r\n isEnabled,\r\n isInEmail,\r\n}) => {\r\n useEffect(() => {\r\n if (!isEnabled) return;\r\n\r\n if (userId || memberId) {\r\n const account = getAccountInGroup(groupUsers, userId, memberId);\r\n\r\n if (account) {\r\n if (account.type === 'Both Accounts' || account.type === 'Only User') {\r\n if (isInEmail) {\r\n dispatch(emailActions.saveAccountMail(account.accountUser));\r\n } else {\r\n dispatch(chatActions.saveAccountChat(account.accountUser));\r\n }\r\n setSenderId(`U-${userId}`);\r\n }\r\n\r\n if (account.type === 'Only Company') {\r\n if (isInEmail) {\r\n dispatch(emailActions.saveAccountMail(account.accountCompany));\r\n } else {\r\n dispatch(chatActions.saveAccountChat(account.accountCompany));\r\n }\r\n setSenderId(`C-${memberId}`);\r\n }\r\n }\r\n }\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [groupUsers, dispatch, userId, isEnabled, memberId, setSenderId]);\r\n};\r\n\r\nexport {\r\n defaultStateAttachment,\r\n useSaveAccountChat,\r\n useSendMessage,\r\n useUploadChatFiles,\r\n attachmentReducer,\r\n attachmentActions,\r\n};\r\n","import { traditionalReplaceAll } from 'utils';\r\n\r\nexport const mapInnerHtmlToText = (innerHtml) => {\r\n const replacedBrContent = traditionalReplaceAll(innerHtml, '', '\\n');\r\n const replacedNbspContent = traditionalReplaceAll(\r\n replacedBrContent,\r\n ' ',\r\n ' '\r\n );\r\n return replacedNbspContent;\r\n};\r\n","import React, { useRef, useEffect, useState } from 'react';\r\nimport classnames from 'classnames';\r\nimport _ from 'lodash';\r\nimport { v4 as uuidv4 } from 'uuid';\r\n\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport { Row, Col, Button, Skeleton, Popover } from 'antd';\r\n\r\nimport { VideoCameraOutlined, LinkOutlined } from '@ant-design/icons';\r\n\r\nimport { UploadFile } from 'common/components';\r\nimport { AttachList } from '../index';\r\nimport { SwitchAccount } from './SwitchAccount';\r\n\r\nimport * as globalActions from '@redux/global/actions';\r\nimport * as chatActions from '../../controller/actions';\r\nimport * as globalSelectors from '@redux/global/selectors';\r\nimport * as chatSelectors from '../../controller/selectors';\r\nimport userSelectors from '@redux/user/selectors';\r\n\r\nimport usePrevious from 'hooks/usePrevious';\r\nimport useExitDelay from 'hooks/useExitDelay';\r\nimport useClickEntity from 'hooks/useClickEntity';\r\n\r\nimport {\r\n attachmentActions,\r\n useSendMessage,\r\n useSaveAccountChat,\r\n useUploadChatFiles,\r\n} from './hooks';\r\nimport { checkNotAllowSendFiles } from './utils';\r\n\r\nimport { mapInnerHtmlToText } from '../../mapper/mapInnerHtmlToText';\r\nimport { MAXIMUM_CHAT_MESSAGE_LENGTH } from 'static/Constants';\r\n\r\nimport './ChatInputBar.less';\r\n\r\nconst ChatInputBar = (props) => {\r\n const {\r\n value: chatText,\r\n onChangeChatInput,\r\n getAttachFile,\r\n disabledCamera,\r\n show,\r\n groupUsers,\r\n maximizeChatView,\r\n highlightCameraBtn,\r\n onClickInputMsg,\r\n attachmentDispatch,\r\n attachmentState,\r\n attachList,\r\n setAttachList,\r\n warningMessage,\r\n warningRef,\r\n isVideoCallChat,\r\n forceSenderId,\r\n } = props;\r\n\r\n const refUpload = useRef();\r\n const refInput = useRef();\r\n\r\n const dispatch = useDispatch();\r\n\r\n const hubConnection = useSelector(globalSelectors.selectSignalRConnection());\r\n const userInfo = useSelector(userSelectors.makeSelectUserInfo());\r\n const threadInfo = useSelector(chatSelectors.selectThreadInfo());\r\n const accountSend = useSelector(chatSelectors.selectAccountSend());\r\n const communicationList = useSelector(\r\n chatSelectors.selectCommunicationList()\r\n );\r\n const communicationListData = communicationList?.data;\r\n\r\n const [senderId, setSenderId] = useState(null);\r\n\r\n // const prevAttachment = usePrevious(attachmentState.attachment);\r\n const prevAttachList = usePrevious(attachmentState.attachment);\r\n\r\n const [isHaveMaxFileWarning, kickoffWarning] = useExitDelay(3000);\r\n\r\n const activeThread = useSelector(chatSelectors.selectActiveThreadInfo());\r\n\r\n useSendMessage(hubConnection, dispatch);\r\n useSaveAccountChat({\r\n groupUsers,\r\n dispatch,\r\n setSenderId,\r\n userId: userInfo?.id,\r\n memberId: userInfo?.member?.id,\r\n isEnabled: true, // fix cache data from redux, maybe it effect email chat\r\n // isEnabled: !accountSend, // prevent first run not allow when accountSend has data\r\n // isVideoCallChat,\r\n });\r\n\r\n useUploadChatFiles({\r\n threadId: threadInfo?.id,\r\n attachList: attachmentState.attachment,\r\n prevAttachList,\r\n attachmentState,\r\n dispatch: attachmentDispatch,\r\n });\r\n\r\n const isClickInputBar = useClickEntity(refInput);\r\n\r\n const notAllowSendFiles = checkNotAllowSendFiles(attachmentState.attachment);\r\n\r\n useEffect(() => {\r\n onClickInputMsg && onClickInputMsg(isClickInputBar);\r\n }, [isClickInputBar]);\r\n\r\n const handleChangeInput = (e) => {\r\n const innerText = e.target.innerText;\r\n const innerHTML = e.target.innerHTML;\r\n const textChat =\r\n innerHTML?.length <= MAXIMUM_CHAT_MESSAGE_LENGTH\r\n ? innerHTML\r\n : innerText.substring(0, MAXIMUM_CHAT_MESSAGE_LENGTH);\r\n onChangeChatInput && onChangeChatInput(textChat);\r\n };\r\n\r\n const clearAttachment = () => {\r\n refUpload.current && refUpload.current.removeAllFile();\r\n setAttachList([]);\r\n attachmentDispatch({ type: attachmentActions.RESET });\r\n };\r\n\r\n const handleRemoveFileId = (fileUid) => {\r\n attachmentDispatch({\r\n type: attachmentActions.REMOVE_ATTACHMENT,\r\n fileUid,\r\n });\r\n };\r\n\r\n const handleClickSend = () => {\r\n const { attachmentIds, attachment } = attachmentState;\r\n\r\n if (hubConnection) {\r\n const procText = mapInnerHtmlToText(chatText).trim();\r\n\r\n if (attachment?.length === 0 && !procText.length) return;\r\n\r\n if (attachment?.length > 6 || notAllowSendFiles) {\r\n kickoffWarning();\r\n return;\r\n }\r\n\r\n refInput.current.innerHTML = '';\r\n onChangeChatInput('');\r\n\r\n const requestChat = {\r\n uniqueId: uuidv4(),\r\n threadId: threadInfo?.id,\r\n senderId: !isVideoCallChat ? accountSend?.senderId : forceSenderId,\r\n messageType: 0, // 0: Text, 1: Email\r\n messageText: procText || '',\r\n attachmentIds,\r\n };\r\n\r\n const payloadChat = {\r\n ...requestChat,\r\n messageType: 'Text',\r\n status: 'loading',\r\n sendTime: Date.now(),\r\n };\r\n\r\n try {\r\n dispatch(chatActions.sendMessageChat(payloadChat));\r\n\r\n onUpdateLatestMsgForThread(requestChat);\r\n\r\n hubConnection.invoke('SendMessage', requestChat);\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n\r\n clearAttachment();\r\n }\r\n };\r\n\r\n const onUpdateLatestMsgForThread = (newMsgInfo) => {\r\n let result;\r\n if (!_.isEmpty(newMsgInfo) && Array.isArray(communicationListData)) {\r\n const existedThread = communicationListData?.find(\r\n (thread) => thread.threadId === newMsgInfo?.threadId\r\n );\r\n result =\r\n communicationListData?.length > 0 ? [...communicationListData] : [];\r\n if (existedThread) {\r\n result = _.sortBy(result, ({ threadId }) =>\r\n threadId === existedThread?.threadId ? 0 : 1\r\n );\r\n result[0] = {\r\n ...result[0],\r\n lastMessageText: newMsgInfo?.messageText,\r\n readStatus: true,\r\n };\r\n dispatch(chatActions.updateCommunicationThreadList(result));\r\n }\r\n }\r\n };\r\n\r\n const handleInputKeyPress = (e) => {\r\n const code = e.charCode || e.which;\r\n //? shift key\r\n if (e.shiftKey && code === 13) {\r\n return true;\r\n }\r\n\r\n //? enter\r\n if (code === 13 && !e.shiftKey) {\r\n e.preventDefault();\r\n if (refInput.current) {\r\n handleClickSend();\r\n }\r\n return false;\r\n }\r\n };\r\n\r\n const handleAttachFile = (e) => {\r\n if (refUpload.current) {\r\n refUpload.current.handleClickUpload();\r\n }\r\n };\r\n\r\n const onSelectAttachFile = (uniqueFilesState) => {\r\n getAttachFile && getAttachFile(uniqueFilesState);\r\n };\r\n\r\n const handleDropFileTo = (e) => {\r\n e.stopPropagation();\r\n e.preventDefault();\r\n const files = e.dataTransfer.files;\r\n refUpload.current && refUpload.current.handleAddFileOuter(files);\r\n };\r\n\r\n const handleDragFileOver = (e) => {\r\n e.stopPropagation();\r\n e.preventDefault();\r\n };\r\n\r\n const startCall = () => {\r\n dispatch(\r\n globalActions.toggleVideoCall({\r\n status: true,\r\n params: { threadId: threadInfo?.id },\r\n threadItem: activeThread,\r\n })\r\n );\r\n };\r\n\r\n const handleSendMyContact = async (messageText) => {\r\n if (hubConnection) {\r\n const requestChat = {\r\n uniqueId: uuidv4(),\r\n threadId: threadInfo?.id,\r\n senderId: !isVideoCallChat ? accountSend?.senderId : forceSenderId,\r\n messageType: 2, // 0: Text, 1: Email, 2: Contact\r\n messageText: messageText || '',\r\n };\r\n\r\n const payloadChat = {\r\n ...requestChat,\r\n messageType: 'Contact',\r\n status: 'loading',\r\n sendTime: Date.now(),\r\n };\r\n\r\n try {\r\n dispatch(chatActions.sendMessageChat(payloadChat));\r\n\r\n onUpdateLatestMsgForThread(requestChat);\r\n\r\n hubConnection.invoke('SendMessage', requestChat);\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n }\r\n };\r\n\r\n // const isAttachBtnAvail = useMemo(() => {\r\n // if (chatText === '') return true;\r\n // if (chatText !== '' && attachList?.length === 0) return false;\r\n // if (attachList?.length > 0) return true;\r\n // return false;\r\n // }, [chatText, attachList]);\r\n\r\n // const onClickInputBar = () => {\r\n // onClickInputMsg && onClickInputMsg();\r\n // };\r\n\r\n const content =
{warningMessage}
;\r\n\r\n return (\r\n <>\r\n {show && (\r\n <>\r\n \r\n
\r\n \r\n\r\n \r\n Type a message here\r\n
\r\n )}\r\n \r\n \r\n \r\n Upload Failed\r\n \r\n
\r\n ) : null}\r\n \r\n );\r\n };\r\n\r\n return (\r\n \r\n
\r\n\r\n {renderProgressFile()}\r\n \r\n )}\r\n \r\n \r\n {fileItem?.name}\r\n \r\n
\r\n \r\n
\r\n );\r\n\r\n const renderUploadFile = () => {\r\n return (\r\n <>\r\n {renderAddAndRemoveBtn()}\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n )}\r\n\r\n {isHaveMaxFileWarning && (\r\n \r\n \r\n Only upload maximum of 6 files at a time\r\n \r\n
\r\n )}\r\n \r\n \r\n )}\r\n \r\n );\r\n};\r\n\r\nexport default AttachList;\r\n","import { useSelector } from 'react-redux';\r\n\r\nimport userSelectors from '@redux/user/selectors';\r\n\r\nconst useCheckSenderAccount = (senderId) => {\r\n const userInfo = useSelector(userSelectors.makeSelectUserInfo());\r\n const memberId = useSelector(userSelectors.makeSelectUserMemberId());\r\n\r\n const isSender =\r\n senderId === `U-${userInfo?.id}` || senderId === `C-${memberId}`;\r\n\r\n return isSender;\r\n};\r\n\r\nexport { useCheckSenderAccount };\r\n","import React from 'react';\r\n\r\nimport { Row, Col, Avatar } from 'antd';\r\n\r\nconst ContactCardMessagesItem = (props) => {\r\n const { icon, children, customStyle } = props;\r\n\r\n return (\r\n \r\n \r\n {text}\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default ContactCardMessageActions;\r\n","import * as emailServices from 'services/email';\r\n\r\nconst mapEmailsWithAttachUrl = (messages, threadId) => {\r\n return new Promise(async (resolve) => {\r\n if (!messages) return [];\r\n\r\n let attachIdList = [];\r\n let attachInfoList = [];\r\n\r\n messages.forEach((msgItem, idx) => {\r\n if (msgItem?.attachmentIds?.length === 0) return;\r\n if (msgItem?.attachmentIds === null) return;\r\n attachIdList = [...attachIdList, ...msgItem?.attachmentIds];\r\n });\r\n\r\n if (attachIdList.length === 0) return resolve(messages);\r\n\r\n const response = await emailServices.getEmailAttachment({\r\n attachmentIds: attachIdList,\r\n threadId,\r\n });\r\n\r\n //* if get file fail\r\n if (!response?.isSuccess) return resolve(messages);\r\n\r\n //* if get file success\r\n attachInfoList = response?.data?.emailAttachmentInfoModels;\r\n\r\n const newMsgsList = await Promise.all(\r\n messages.map(async (msgItem) => {\r\n const attachmentIds = msgItem?.attachmentIds;\r\n\r\n if (!attachmentIds) return msgItem;\r\n\r\n let attachmentInfos = [];\r\n\r\n attachmentIds.forEach((attachId) => {\r\n let attachDetail = attachInfoList.find((o) => o.id === attachId);\r\n\r\n if (attachDetail) attachmentInfos.push(attachDetail);\r\n });\r\n\r\n return { ...msgItem, attachmentInfos };\r\n })\r\n );\r\n\r\n resolve(newMsgsList);\r\n });\r\n};\r\n\r\nexport default mapEmailsWithAttachUrl;\r\n","import { put, call, takeLatest, all } from 'redux-saga/effects';\r\n\r\nimport * as types from './constants';\r\nimport * as globalActions from './actions';\r\nimport * as actions from './actions';\r\n\r\nimport * as servicesEmail from 'services/email';\r\n\r\nimport mapEmailsWithAttachUrl from '../mapper/mapEmailsWithAttachUrl';\r\n\r\nexport function* getEmailThreadListSaga(action) {\r\n try {\r\n const response = yield call(\r\n servicesEmail.getEmailThreadList,\r\n action.params\r\n );\r\n\r\n if (response?.isSuccess) {\r\n yield put(actions.getEmailThreadListSuccess(response?.data));\r\n } else {\r\n yield put(actions.getEmailThreadListFail(response?.message));\r\n }\r\n } catch (error) {\r\n yield put(globalActions.getEmailThreadListFail(error));\r\n }\r\n}\r\n\r\nexport function* getEmailThreadListMoreSaga(action) {\r\n try {\r\n const response = yield call(\r\n servicesEmail.getEmailThreadList,\r\n action.payload\r\n );\r\n\r\n if (response?.isSuccess) {\r\n yield put(actions.getEmailThreadListMoreSuccess(response?.data));\r\n } else {\r\n yield put(actions.getEmailThreadListMoreFail(response?.message));\r\n }\r\n } catch (error) {\r\n yield put(globalActions.getEmailThreadListMoreFail(error));\r\n }\r\n}\r\n\r\nexport function* getEmailThreadInfoSaga(action) {\r\n try {\r\n const response = yield call(\r\n servicesEmail.getEmailThreadInfo,\r\n action.payload\r\n );\r\n\r\n if (response?.isSuccess) {\r\n yield put(actions.getEmailThreadInfoSuccess(response?.data));\r\n } else {\r\n yield put(actions.getEmailThreadInfoFail(response?.message));\r\n }\r\n } catch (error) {\r\n yield put(globalActions.getEmailThreadInfoFail(error));\r\n }\r\n}\r\n\r\nexport function* getEmailThreadInfoContent(action) {\r\n try {\r\n const response = yield call(\r\n servicesEmail.getEmailThreadInfoContent,\r\n action\r\n );\r\n\r\n if (response.isSuccess) {\r\n const threadMessages = response?.data?.threadMessages;\r\n\r\n const handledThreadMessages = yield call(\r\n mapEmailsWithAttachUrl,\r\n threadMessages,\r\n action?.threadId\r\n );\r\n\r\n yield put(\r\n actions.getEmailThreadInfoContentSuccess(handledThreadMessages)\r\n );\r\n //* get latest message\r\n if (!action.timestamp && threadMessages.length) {\r\n yield put(actions.updateLastMessage(threadMessages[0].messageId));\r\n }\r\n } else {\r\n yield put(actions.getEmailThreadInfoContentFail(response?.message));\r\n }\r\n } catch (error) {\r\n yield put(actions.getEmailThreadInfoContentFail(error));\r\n }\r\n}\r\n\r\nexport function* getEmailThreadInfoFiles(action) {\r\n try {\r\n const response = yield call(\r\n servicesEmail.getEmailThreadInfoFiles,\r\n action.params\r\n );\r\n if (response?.isSuccess) {\r\n yield put(actions.getEmailThreadInfoFilesSuccess(response.data));\r\n } else {\r\n yield put(actions.getEmailThreadInfoFilesFail(response?.message));\r\n }\r\n } catch (error) {\r\n yield put(actions.getEmailThreadInfoFilesFail(error));\r\n }\r\n}\r\n\r\nexport default function* watchAll() {\r\n yield all([takeLatest(types.GET_EMAIL_THREAD_LIST, getEmailThreadListSaga)]);\r\n yield all([\r\n takeLatest(types.GET_EMAIL_THREAD_LIST_MORE, getEmailThreadListMoreSaga),\r\n ]);\r\n yield all([takeLatest(types.GET_EMAIL_THREAD_INFO, getEmailThreadInfoSaga)]);\r\n yield all([\r\n takeLatest(types.GET_EMAIL_THREAD_INFO_CONTENT, getEmailThreadInfoContent),\r\n ]);\r\n yield all([\r\n takeLatest(types.GET_EMAIL_THREAD_INFO_FILES, getEmailThreadInfoFiles),\r\n ]);\r\n}\r\n","import { useCallback } from 'react';\r\n\r\nimport { useDispatch, useSelector } from 'react-redux';\r\n\r\nimport { useInjectReducer } from 'utils/common/injectedReducers';\r\nimport { useInjectSaga } from 'utils/common/injectSaga';\r\n\r\nimport * as emailActions from 'common/components/mail/controller/actions';\r\nimport emailSaga from 'common/components/mail/controller/saga';\r\nimport emailReducer from 'common/components/mail/controller/reducer';\r\n\r\nimport * as chatActions from 'common/components/message/controller/actions';\r\n\r\nimport * as globalActions from '@redux/global/actions';\r\nimport userSelectors from '@redux/user/selectors';\r\n\r\nimport * as chatServices from 'services/chatServices';\r\nimport * as emailServices from 'services/email';\r\n\r\nconst key = 'email';\r\n\r\nexport const useSendMessageOrEmail = () => {\r\n useInjectReducer({ key, reducer: emailReducer });\r\n useInjectSaga({ key, saga: emailSaga });\r\n\r\n const dispatch = useDispatch();\r\n\r\n const userId = useSelector(userSelectors.makeSelectUserId());\r\n const creatorId = `U-${userId}`;\r\n\r\n const sendEmail = useCallback(\r\n async (userId, email) => {\r\n dispatch(globalActions.toggleEmailView(true));\r\n\r\n const params = {\r\n chatType: 'Email',\r\n companies: [],\r\n threadName: email,\r\n userChatType: 'User',\r\n users: [userId],\r\n };\r\n\r\n try {\r\n const response = await emailServices.initEmailCommunication(params);\r\n const threadId = response?.data?.threadId;\r\n\r\n if (response?.isSuccess && threadId) {\r\n dispatch(\r\n emailActions.getEmailThreadInfo({\r\n threadId: threadId,\r\n userId: creatorId,\r\n })\r\n );\r\n dispatch(emailActions.getEmailThreadInfoContent(threadId));\r\n }\r\n } catch (error) {\r\n console.log('error: ', error);\r\n }\r\n },\r\n [creatorId, dispatch]\r\n );\r\n\r\n const sendMessage = useCallback(\r\n async (userId) => {\r\n dispatch(globalActions.toggleChatView(true));\r\n\r\n const params = {\r\n chatType: 'P2P',\r\n companies: [],\r\n threadName: null,\r\n userChatType: 'User',\r\n users: [userId],\r\n };\r\n\r\n try {\r\n const response = await chatServices.initChatCommunication(params);\r\n if (response?.isSuccess) {\r\n dispatch(chatActions.setChatView('threadMsg'));\r\n dispatch(\r\n chatActions.getThreadInfo(response?.data?.threadId, creatorId)\r\n );\r\n dispatch(chatActions.getThreadMessages(response?.data?.threadId));\r\n }\r\n } catch (error) {\r\n console.log('error: ', error);\r\n }\r\n },\r\n [creatorId, dispatch]\r\n );\r\n\r\n return {\r\n sendMessage,\r\n sendEmail,\r\n };\r\n};\r\n","import React, { useMemo } from 'react';\r\nimport { Row, Col, Divider } from 'antd';\r\n\r\nimport { useSelector } from 'react-redux';\r\n\r\nimport ContactCardMessagesInfo from './ContactCardMessageInfo';\r\nimport ContactCardMessageActions from './ContactCardMessageActions';\r\n\r\nimport { useSendMessageOrEmail } from 'hooks/useSendMessageOrEmail';\r\n\r\nimport { detectObjectStrContactCard } from 'utils/string';\r\n\r\nimport userSelectors from '@redux/user/selectors';\r\n\r\nimport './ContactCardMessage.less';\r\n\r\nconst ContactCardMessages = ({\r\n userInfo,\r\n isInChatThread = false,\r\n handleSendMessageButton,\r\n}) => {\r\n const { sendEmail, sendMessage } = useSendMessageOrEmail();\r\n\r\n const userId = useSelector(userSelectors.makeSelectUserId());\r\n\r\n const contactCardId = useMemo(() => {\r\n return getContactCardId(userInfo);\r\n }, [userInfo]);\r\n\r\n const sameUserId = userId === contactCardId;\r\n\r\n const renderContactCardMemberInfo = (user, isInChatThread) => {\r\n if (isInChatThread) {\r\n let userInfo = JSON.parse(user);\r\n\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nconst PlaceholderImage = () => {\r\n return \r\n
\r\n \r\n
\r\n \r\n {images?.length > 0 && (\r\n \r\n {images?.map((image) => {\r\n return (\r\n
\r\n )}\r\n \r\n \r\n \r\n \r\n
\r\n ))}\r\n \r\n \r\n );\r\n};\r\nexport default ChatFile;\r\n","import React, { useRef, useEffect } from 'react';\r\nimport { useSelector, useDispatch } from 'react-redux';\r\n\r\nimport { Typography, Row, Col } from 'antd';\r\nimport {\r\n PlayCircleFilled,\r\n InfoCircleOutlined,\r\n LoadingOutlined,\r\n} from '@ant-design/icons';\r\nimport classnames from 'classnames';\r\n\r\nimport * as chatActions from '../../controller/actions';\r\n\r\nimport {\r\n detectYoutubeVideo,\r\n detectUrl,\r\n formatMessage,\r\n detectObjectStrContactCard,\r\n} from 'utils/string';\r\nimport { useCheckSenderAccount } from 'hooks/useCheckSenderAccount';\r\n\r\nimport * as chatSelectors from '../../controller/selectors';\r\nimport { getChatFileInfo } from 'services/chatServices';\r\n\r\nimport ContactCardMessage from 'common/components/contact-card/messages/ContactCardMessages';\r\n\r\nimport ChatFile from './ChatFile';\r\n\r\nconst { Link, Text } = Typography;\r\n\r\nconst ChatMessage = (props) => {\r\n const {\r\n item,\r\n showErrorMessage = false,\r\n isSelectedSearchResult,\r\n participant,\r\n isShowName,\r\n } = props;\r\n\r\n const chatThreadInfo = useSelector(chatSelectors.selectActiveThreadInfo());\r\n\r\n const dispatch = useDispatch();\r\n\r\n const [chatFileInfo] = useGetChatFileInfo(\r\n item?.attachmentIds,\r\n item?.attachmentInfos,\r\n chatThreadInfo?.threadId,\r\n dispatch\r\n );\r\n\r\n const isSender = useCheckSenderAccount(item?.senderId);\r\n\r\n const message = item?.messageText;\r\n const domRef = useRef(null);\r\n\r\n const youtubeVideoId = detectYoutubeVideo(message);\r\n\r\n const getMessageType = () => {\r\n if (detectUrl(message)) return 'url';\r\n if (detectObjectStrContactCard(message)) return 'contact-card';\r\n return 'text';\r\n };\r\n\r\n const updateSelectedSearchResultPosition = () => {\r\n if (isSelectedSearchResult) {\r\n const el = domRef.current;\r\n const listItem = el.closest('.ant-list-item');\r\n const position = listItem.offsetTop;\r\n // const itemHeight = listItem.offsetHeight;\r\n // const scrollDestination = position + itemHeight;\r\n const scrollDestination = position;\r\n dispatch(\r\n chatActions.updateSelectedSearchResultPosition(scrollDestination)\r\n );\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n if (isSelectedSearchResult) {\r\n updateSelectedSearchResultPosition();\r\n }\r\n }, [isSelectedSearchResult]);\r\n\r\n const type = getMessageType();\r\n const renderMessage = () => {\r\n const messageComp = {\r\n text: (\r\n \r\n ),\r\n url: (\r\n \r\n {message}\r\n \r\n ),\r\n 'contact-card': (\r\n \r\n {showErrorMessage && (\r\n
\r\n );\r\n};\r\n\r\nexport const imageTypes = ['.jpg', '.png', '.jpeg'];\r\n\r\nconst mapChatDataInfo = (data) => {\r\n let images = [];\r\n let files = [];\r\n\r\n if (data) {\r\n data.forEach((item) => {\r\n if (imageTypes.includes(item.fileType)) {\r\n images.push(item);\r\n } else {\r\n files.push(item);\r\n }\r\n });\r\n }\r\n\r\n return { images, files };\r\n};\r\n\r\nconst useGetChatFileInfo = (\r\n attachmentIds,\r\n attachmentInfos,\r\n threadId,\r\n dispatch\r\n) => {\r\n const [state, setState] = React.useState({});\r\n\r\n useEffect(() => {\r\n if (\r\n attachmentIds?.length > 0 &&\r\n attachmentIds?.length !== attachmentInfos?.length\r\n ) {\r\n getChatFileInfo({\r\n fileIds: attachmentIds,\r\n threadId,\r\n })\r\n .then((response) => {\r\n if (response?.isSuccess) {\r\n setState(mapChatDataInfo(response?.data?.fileInfoModels));\r\n } else {\r\n console.log('error');\r\n }\r\n\r\n dispatch(chatActions.scrollChatThreadToBottom());\r\n })\r\n .catch((e) => {\r\n dispatch(chatActions.scrollChatThreadToBottom());\r\n });\r\n }\r\n }, [attachmentIds, attachmentInfos, threadId]);\r\n\r\n return [state];\r\n};\r\n\r\nexport default ChatMessage;\r\n","import React, { useState } from 'react';\r\n\r\nimport { Typography } from 'antd';\r\n\r\nimport videoThumbnail from 'assets/asset-icons/video-thumbnail.png';\r\n\r\nconst { Text } = Typography;\r\n\r\nconst VideoMessage = (props) => {\r\n const { message } = props;\r\n const [isFocused, setIsFocused] = useState(false);\r\n\r\n const toggleFocus = () => {\r\n setIsFocused((preState) => {\r\n return !preState;\r\n });\r\n };\r\n\r\n return (\r\n \r\n
\r\n )}\r\n \r\n \r\n {isShowName && (\r\n \r\n {participant?.name}\r\n \r\n \r\n )}\r\n
\r\n
\r\n {youtubeVideoId ? renderYoutubeVideo() : null}\r\n {renderChatFile()}\r\n \r\n {message?.title ? (\r\n \r\n {message?.title}\r\n \r\n ) : null}\r\n \r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default VideoMessage;\r\n","import React from 'react';\r\nimport { useSelector } from 'react-redux';\r\n\r\nimport { Row, Col, Avatar, Typography, Badge } from 'antd';\r\n\r\nimport { HomeOutlined } from '@ant-design/icons';\r\n\r\nimport classnames from 'classnames';\r\n\r\nimport ChatMessage from './ChatMessage';\r\nimport VideoMessage from './VideoMessage';\r\n\r\nimport userSelectors from '@redux/user/selectors';\r\nimport * as chatSelector from '../../controller/selectors';\r\n\r\nimport { CHATTYPE } from 'static/Constants';\r\nimport { formatTime } from 'utils/formatDate';\r\n\r\nconst { Text } = Typography;\r\n\r\nconst mockAvatar =\r\n 'https://i.pinimg.com/originals/51/f6/fb/51f6fb256629fc755b8870c801092942.png';\r\n\r\nconst ChatSpeech = (props) => {\r\n const { item, participant, isNewChain } = props;\r\n\r\n const userInfo = useSelector(userSelectors.makeSelectUserInfo());\r\n const memberId = useSelector(userSelectors.makeSelectUserMemberId());\r\n const selectedSearchResult = useSelector(\r\n chatSelector.selectSelectedSearchResult()\r\n );\r\n const isSelectedSearchResult =\r\n selectedSearchResult?.messageId &&\r\n selectedSearchResult?.messageId === item.messageId;\r\n\r\n const isAnonymous = userInfo?.isAnonymous;\r\n\r\n const isSender = isAnonymous\r\n ? item?.senderId === userInfo?.userChatId\r\n : item?.senderId === `U-${userInfo?.id}` ||\r\n item.senderId === `C-${memberId}`;\r\n\r\n const containerClassName = classnames({\r\n 'chat-thread__turn-container': true,\r\n 'chat-thread__turn-container--receiver': isSender,\r\n 'chat-thread__turn-container--starting': isNewChain,\r\n });\r\n\r\n const renderMessage = (item, participant, showName) => {\r\n if (item?.messageText?.type === 'video') {\r\n return \r\n \r\n {participant?.name?.charAt(0)}\r\n \r\n
\r\n \r\n ) : null}\r\n \r\n ) : null}\r\n \r\n \r\n From: \r\n \r\n {message?.from}\r\n \r\n \r\n \r\n {formatFullTime(time)}\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {message?.attach?.map((attach) => (\r\n \r\n {attach?.size} \r\n \r\n
\r\n \r\n ))}\r\n
\r\n
\r\n ));\r\n};\r\n\r\nexport default ChatMail;\r\n","import React from 'react';\r\n\r\nimport ChatSpeech from './ChatSpeech';\r\nimport ChatMail from './ChatMail';\r\n\r\nconst ChatTurnItem = (props) => {\r\n const { item, participants, isNewChain } = props;\r\n\r\n const getParticipantInfo = () => {\r\n return participants?.find((participant) => {\r\n return participant.userId === item.senderId;\r\n });\r\n };\r\n\r\n const participant = getParticipantInfo();\r\n const isMail = item?.type === 'mail';\r\n\r\n return isMail ? (\r\n \r\n
\r\n ) : (\r\n \r\n {showAll\r\n ? listPeople?.map((item, index) => {\r\n return (\r\n \r\n \r\n );\r\n })\r\n : listPeople?.map((item, index) => {\r\n if (index <= 5)\r\n return (\r\n \r\n \r\n );\r\n })}\r\n\r\n {listPeople?.length > 6 && !showAll && (\r\n setShowAll(true)}\r\n >\r\n ... {listPeople?.length - 6} more\r\n
\r\n )}\r\n {listPeople?.length >= 6 && showAll && (\r\n \r\n
\r\n \r\n removeItem(item.companyId)}\r\n icon={
\r\n \r\n {item.companyName}\r\n
\r\n \r\n
\r\n \r\n removeItem(item.companyId)}\r\n icon={
\r\n \r\n {item.companyName}\r\n
\r\n \r\n {showAll\r\n ? listPeople?.map((item, index) => {\r\n return (\r\n \r\n \r\n );\r\n })\r\n : listPeople?.map((item, index) => {\r\n if (index <= 5)\r\n return (\r\n \r\n \r\n );\r\n })}\r\n\r\n {listPeople?.length > 6 && !showAll && (\r\n setShowAll(true)}\r\n >\r\n ... {listPeople?.length - 6} more\r\n
\r\n )}\r\n {listPeople?.length >= 6 && showAll && (\r\n \r\n
\r\n \r\n removeItem(item.userId)}\r\n icon={
\r\n \r\n {item.fullName}\r\n
\r\n \r\n
\r\n \r\n removeItem(item.userId)}\r\n icon={
\r\n \r\n {item.fullName}\r\n
\r\n \r\n \r\n Contacts \r\n
\r\n {userInitialList?.length === 0 && companyInitialList?.length === 0 && (\r\n \r\n User list: \r\n
\r\n \r\n
\r\n \r\n )}\r\n {companyInitialList && companyInitialList.length > 0 && (\r\n <>\r\n \r\n Company list: \r\n
\r\n \r\n
\r\n \r\n )}\r\n
\r\n );\r\n};\r\n\r\nThreadUserList.propTypes = {};\r\n\r\nexport default ThreadUserList;\r\n","import React from 'react';\r\nimport { Row, Divider } from 'antd';\r\nimport { StyledModal, FormDeleteButton } from 'common/components';\r\nimport ThreadUserList from './ThreadUserList';\r\n\r\nimport './ThreadInfoModal.less';\r\n\r\nconst ThreadInfoModal = ({\r\n visibleModal,\r\n setVisibleModal,\r\n isCreator,\r\n groupUsers,\r\n thread,\r\n onDeleteThread,\r\n}) => {\r\n const modalProps = {\r\n title: 'Information',\r\n width: '30vw',\r\n destroyOnClose: true,\r\n visible: visibleModal,\r\n footer: null,\r\n className: 'thread-info-modal',\r\n onCancel: () => setVisibleModal(false),\r\n maskClosable: false,\r\n };\r\n\r\n return (\r\n \r\n {accountSend?.type === 'Company' ? (\r\n setVisibleThreadModal(true)}\r\n style={{\r\n cursor: 'pointer',\r\n }}\r\n >\r\n {info?.name || mockInfo?.title}\r\n \r\n
\r\n \r\n \r\n \r\n {info?.name?.charAt(0)}\r\n \r\n
\r\n \r\n ) : (\r\n \r\n \r\n {info?.name?.charAt(0)}\r\n \r\n
\r\n )}\r\n \r\n \r\n onMaximizeChatView(false)}\r\n >\r\n onMaximizeChatView(true)}\r\n >\r\n
\r\n {!maximizeChatView ? headerMinimize() : headerMaximize()}\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n {!isToggle && (\r\n \r\n {senderInfo?.name || 'Sender'}\r\n
\r\n \r\n {newMsgInfo?.messageText &&\r\n formatMessage(newMsgInfo?.messageText).replace(/<[^>]*>?/gm, '')}\r\n
\r\n \r\n );\r\n};\r\n\r\nNewMsgReceive.propTypes = {};\r\n\r\nexport default NewMsgReceive;\r\n","import React from 'react';\r\nimport { Typography, Button } from 'antd';\r\nimport { SearchOutlined, UserAddOutlined } from '@ant-design/icons';\r\nimport './ChatContentHeader.less';\r\n\r\nconst { Title } = Typography;\r\n\r\nconst ChatContentHeader = (props) => {\r\n const { title, newChatThread } = props;\r\n\r\n return (\r\n \r\n {title} \r\n
\r\n );\r\n};\r\n\r\nexport default ChatContentHeader;\r\n","import React from 'react';\r\nimport { useDispatch } from 'react-redux';\r\n\r\nimport { Button, Tooltip, Badge } from 'antd';\r\nimport { DownOutlined } from '@ant-design/icons';\r\nimport classnames from 'classnames';\r\n\r\nimport * as chatActions from '../../controller/actions';\r\n\r\nimport './ScrollButton.less';\r\n\r\nconst ScrollButton = (props) => {\r\n const dispatch = useDispatch();\r\n const {\r\n toggleNewMessage,\r\n scrollToBottom,\r\n shouldShowScrollBtn,\r\n threadMessages,\r\n latestMessage,\r\n threadId,\r\n } = props;\r\n\r\n const onClickHandler = () => {\r\n const shouldReloadMessages = checkReloadMessages();\r\n if (shouldReloadMessages) {\r\n dispatch(chatActions.getThreadMessages(threadId));\r\n return;\r\n }\r\n scrollToBottom();\r\n };\r\n\r\n const checkReloadMessages = () => {\r\n if (!threadMessages || !latestMessage) return true;\r\n\r\n const latestMessageData = threadMessages.find((message) => {\r\n return message.messageId === latestMessage;\r\n });\r\n\r\n return !latestMessageData;\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n - \r\n
\r\n handleClickCommunicationItem(thread)}\r\n actions={[\r\n \r\n {thread?.userType === CHATTYPE.COMPANY ? (\r\n \r\n {thread?.name}\r\n \r\n }\r\n description={handleFormatLatestText(thread)}\r\n />\r\n \r\n
\r\n ))}\r\n \r\n \r\n
,\r\n ]}\r\n >\r\n \r\n {exportToChatTime(thread?.lastMessageTime)}\r\n
\r\n {thread.readStatus === false && (\r\n \r\n \r\n
\r\n )}\r\n \r\n unread message\r\n
\r\n\r\n \r\n {thread?.name?.charAt(0)}\r\n \r\n
\r\n \r\n ) : (\r\n \r\n \r\n {thread?.name?.charAt(0)}\r\n \r\n
\r\n )}\r\n \r\n }\r\n title={\r\n \r\n {communicationListLoadingMore &&
\r\n Scroll to show more
\r\n\r\n {showAll\r\n ? listPeople?.map((item, index) => {\r\n return (\r\n \r\n \r\n );\r\n })\r\n : listPeople?.map((item, index) => {\r\n if (index <= 5)\r\n return (\r\n \r\n \r\n );\r\n })}\r\n\r\n {listPeople?.length > 6 && !showAll && (\r\n setShowAll(true)}\r\n >\r\n ... {listPeople?.length - 6} more\r\n
\r\n )}\r\n {listPeople?.length >= 6 && showAll && (\r\n \r\n removeItem(item.userId)}\r\n icon={
\r\n \r\n removeItem(item.userId)}\r\n icon={
\r\n \r\n {showAll\r\n ? listPeople?.map((item, index) => {\r\n return (\r\n \r\n \r\n );\r\n })\r\n : listPeople?.map((item, index) => {\r\n if (index <= 5)\r\n return (\r\n \r\n \r\n );\r\n })}\r\n\r\n {listPeople?.length > 6 && !showAll && (\r\n setShowAll(true)}\r\n >\r\n ... {listPeople?.length - 6} more\r\n
\r\n )}\r\n {listPeople?.length >= 6 && showAll && (\r\n \r\n removeItem(item.companyId)}\r\n icon={
\r\n \r\n removeItem(item.companyId)}\r\n icon={
\r\n \r\n
\r\n ) : null}\r\n \r\n );\r\n};\r\n\r\nVideoLoading.propTypes = {\r\n loading: PropTypes.bool,\r\n};\r\n\r\nexport default VideoLoading;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nconst JitsiFrame = (props) => {\r\n const { jitsiRef, loading } = props;\r\n return (\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default VideoCallBranding;\r\n","import React from 'react';\r\nimport classnames from 'classnames';\r\n\r\nimport './VideoToolBtnWrap.less';\r\n\r\nconst VideoToolBarBtnWrap = (props) => {\r\n const { className, children, isActive, isHidden, ...restProps } = props;\r\n return (\r\n \r\n \r\n
\r\n }\r\n />\r\n \r\n \r\n \r\n \r\n {threadItem?.name?.charAt(0)}\r\n \r\n
\r\n \r\n \r\n \r\n Call meeting works better on Chrome\r\n
\r\n );\r\n};\r\n\r\nexport default VideoCallRecommend;\r\n","import React from 'react';\r\nimport { ChatView } from 'common/components';\r\n\r\nimport './styles.less';\r\n\r\nconst ChatVideo = (props) => {\r\n const { callData } = props;\r\n\r\n const forceSenderId = callData?.threadItem?.userId;\r\n\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default ChatVideo;\r\n","export const ANON_REJECT_CALL = '/api/external-meeting-chat/reject-call';\r\nexport const ANON_ACCEPT_CALL = '/api/external-meeting-chat/accept-call';\r\nexport const ANON_END_CALL = '/api/external-meeting-chat/end-call';\r\n","import { JITSI_DOMAIN } from 'static/Constants';\r\n\r\nexport const loadJitsi = () =>\r\n new Promise(async (resolve, reject) => {\r\n if (window.JitsiMeetExternalAPI) {\r\n resolve(window.JitsiMeetExternalAPI);\r\n } else {\r\n const head = document.getElementsByTagName('head')[0];\r\n const script = document.createElement('script');\r\n\r\n script.setAttribute('type', 'text/javascript');\r\n script.setAttribute(\r\n 'src',\r\n 'https://' + JITSI_DOMAIN + '/external_api.js'\r\n );\r\n\r\n script.addEventListener(\r\n 'load',\r\n function (event) {\r\n if (event.target.nodeName === 'SCRIPT') {\r\n resolve(window.JitsiMeetExternalAPI);\r\n }\r\n },\r\n true\r\n );\r\n\r\n script.onerror = function (err) {\r\n reject('Fail to start video server. Please try again!');\r\n };\r\n\r\n head.appendChild(script);\r\n }\r\n });\r\n","import { useDispatch } from 'react-redux';\r\n\r\nimport * as chatActions from '../controller/actions';\r\n\r\nexport const useChatDesctruction = () => {\r\n const dispatch = useDispatch();\r\n\r\n const onDesctruction = () => {\r\n dispatch(chatActions.getThreadInfoSuccess(null));\r\n dispatch(chatActions.getThreadMessagesSuccess([]));\r\n dispatch(chatActions.getCommunicationListSuccess(null));\r\n dispatch(chatActions.getCommunicationDetailSuccess(null));\r\n };\r\n\r\n return onDesctruction;\r\n};\r\n","import React, { useState, useEffect, useRef, useMemo } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\n\r\n//* components\r\nimport { Row, Col } from 'antd';\r\nimport Draggable from 'react-draggable';\r\n\r\nimport VideoLoading from './loading/VideoLoading';\r\nimport JitsiFrame from './jitsi-frame/JitsiFrame';\r\nimport DisableFrame from './jitsi-frame/DisableFrame';\r\nimport VideoCallBranding from './branding/VideoCallBranding';\r\nimport VideoCallToolbox from './toolbox/VideoCallToolbox';\r\nimport CallerRington from './dial/CallerRington';\r\nimport VideoCallRecommend from './branding/VideoCallRecommend';\r\nimport ChatVideo from './chat-video';\r\nimport { CustomNotification } from 'common/components';\r\n\r\n//* saga\r\nimport * as globalActions from '@redux/global/actions';\r\nimport userSelectors from '@redux/user/selectors';\r\nimport * as chatSelectors from 'common/components/message/controller/selectors';\r\n\r\n//* services\r\nimport * as videoCallServices from 'services/videoCallServices';\r\nimport * as extVideoCallServices from 'services/ext-video-call';\r\n\r\n//* utils\r\nimport useFullScreen from 'hooks/useFullScreen';\r\nimport useHubFilter from 'hooks/useHubFilter';\r\nimport { useWindowSize } from 'hooks/windowSize';\r\nimport { loadJitsi } from 'utils/common/jitsiScriptLoader';\r\nimport { useChatDesctruction } from 'common/components/message/hooks/useChatDesctruction';\r\nimport * as servicesChat from 'services/chatServices';\r\nimport classnames from 'classnames';\r\nimport { JITSI_DOMAIN } from 'static/Constants';\r\n\r\nimport './VideoCall.less';\r\n\r\nconst interface_config = {\r\n SHOW_CHROME_EXTENSION_BANNER: false,\r\n HIDE_INVITE_MORE_HEADER: true,\r\n SHOW_JITSI_WATERMARK: false,\r\n SHOW_BRAND_WATERMARK: false,\r\n DISABLE_JOIN_LEAVE_NOTIFICATIONS: true,\r\n DISABLE_FOCUS_INDICATOR: true,\r\n SETTINGS_SECTIONS: ['devices', 'language'],\r\n};\r\n\r\nconst config = {\r\n prejoinPageEnabled: false,\r\n disableTileView: true,\r\n toolbarButtons: [\r\n 'microphone',\r\n 'camera',\r\n 'settings',\r\n 'mute-everyone',\r\n 'mute-video-everyone',\r\n 'select-background',\r\n 'videoquality',\r\n ],\r\n hideConferenceSubject: true,\r\n enableNoisyMicDetection: false,\r\n};\r\n\r\nconst start_pos = {\r\n x: 0,\r\n y: 0,\r\n};\r\n\r\nconst VideoCall = (props) => {\r\n const { callData, isVideoCallOpen, isChatViewOpen } = props;\r\n\r\n const { currentCall, isCallAccepted } = callData;\r\n\r\n const room_data = useMemo(\r\n () => ({\r\n domain: JITSI_DOMAIN,\r\n }),\r\n []\r\n );\r\n\r\n const roomId = useMemo(() => currentCall?.roomId, [currentCall?.roomId]);\r\n\r\n const ringingUsers = useRef();\r\n const rejectList = useRef([]);\r\n const participantList = useRef([]);\r\n const refRoomId = useRef(null);\r\n const refDrag = useRef();\r\n\r\n const [screenWidth, screenHeight] = useWindowSize();\r\n\r\n ringingUsers.current = currentCall?.ringingUsers;\r\n\r\n const [loading, setLoading] = useState(true);\r\n const [isFullScreen, setIsFullScreen] = useState(false);\r\n const [isLockFrame, setIsLockFrame] = useState(false);\r\n const [isScreenSharing, setIsScreenSharing] = useState(false);\r\n const [isChatViewVideoOn, setIsChatViewVideoOn] = useState(false);\r\n const [isMinized, setIsMinized] = useState(false);\r\n\r\n const resetChatRedux = useChatDesctruction();\r\n\r\n const setParticipantList = (value) => (participantList.current = value);\r\n\r\n const toggleFullScreen = () => {\r\n setIsFullScreen((prevIsFull) => {\r\n if (!prevIsFull && isMinized) {\r\n //* when we go full screen => need to turn off minimized mode\r\n setIsMinized(false);\r\n }\r\n return !prevIsFull;\r\n });\r\n\r\n if (!fullScreenInstance.current) return;\r\n\r\n !isFullScreen && fullScreenInstance.current.goFullScreen();\r\n isFullScreen && fullScreenInstance.current.exitFullScreen();\r\n };\r\n\r\n const dispatch = useDispatch();\r\n\r\n const ref = useRef();\r\n const refApi = useRef();\r\n\r\n const userInfo = useSelector(userSelectors.makeSelectUserInfo());\r\n const userProfile = useSelector(userSelectors.makeSelectUserInfo());\r\n const avatarUrl = userProfile?.avatarUrl;\r\n\r\n const [fullScreenInstance] = useFullScreen();\r\n\r\n const refCallerRing = useRef();\r\n\r\n const [newSignal, resetSignal] = useHubFilter();\r\n\r\n const communicationItemData = useSelector(chatSelectors.selectThreadInfo());\r\n const statusThreadMsg = useSelector(chatSelectors.selectStatusThreadMsg());\r\n\r\n const isAnonymous = userInfo?.isAnonymous;\r\n\r\n const setRejectList = (nextList) => {\r\n rejectList.current = nextList;\r\n };\r\n\r\n const startConference = (JitsiMeetExternalAPI, roomSetting) => {\r\n try {\r\n const options = {\r\n roomName: roomSetting.roomName,\r\n userInfo: {\r\n displayName: userInfo?.name,\r\n avatarUrl: avatarUrl,\r\n },\r\n parentNode: ref.current,\r\n configOverwrite: config,\r\n interfaceConfigOverwrite: interface_config,\r\n };\r\n\r\n const api = new JitsiMeetExternalAPI(room_data.domain, options);\r\n refApi.current = api;\r\n\r\n if (api) {\r\n api.on('readyToClose', () => {\r\n console.log('close chat');\r\n });\r\n }\r\n\r\n if (!api) {\r\n console.error('Failed to create video call istance');\r\n //todo - please do test\r\n dispatch(globalActions.toggleIsCallAccepted(false));\r\n dispatch(globalActions.toggleVideoCall({ status: false }));\r\n }\r\n\r\n api.addEventListener('videoConferenceJoined', (joinedInfo) => {\r\n setLoading(false);\r\n console.warn('joinedInfo', joinedInfo);\r\n //? fullName is for anon user\r\n api.executeCommand(\r\n 'displayName',\r\n userInfo?.fullName || userInfo?.firstName + ' ' + userInfo?.lastName\r\n );\r\n const url = window.location.origin + avatarUrl;\r\n api.executeCommand('avatarUrl', url);\r\n setParticipantList(api.getParticipantsInfo());\r\n });\r\n\r\n api.addEventListener('participantRoleChanged', (event) => {\r\n if (event.role === 'moderator') {\r\n api.executeCommand('password', roomSetting.password);\r\n }\r\n });\r\n\r\n api.addEventListener('participantLeft', (participant) => {\r\n setParticipantList(api.getParticipantsInfo());\r\n });\r\n\r\n api.addEventListener('participantJoined', (participant) => {\r\n setParticipantList(api.getParticipantsInfo());\r\n\r\n console.warn('participantJoined', participant);\r\n CustomNotification.info(\r\n `${\r\n participant.displayName || 'The participant'\r\n } have joined the meeting`\r\n );\r\n });\r\n\r\n // join a protected channel\r\n api.on('passwordRequired', () => {\r\n api.executeCommand('password', roomSetting.password);\r\n });\r\n\r\n api.on('screenSharingStatusChanged', (event) => {\r\n if (event?.on) {\r\n setIsScreenSharing(true);\r\n } else {\r\n setIsScreenSharing(false);\r\n }\r\n });\r\n\r\n api.addEventListener('participantKickedOut', (kickInfo) => {\r\n if (kickInfo.kicked.local) {\r\n dispatch(globalActions.toggleVideoCall({ status: false }));\r\n api.executeCommand('hangup');\r\n CustomNotification.info('you have been kicked out of the meeting!');\r\n }\r\n });\r\n } catch (error) {\r\n console.error('Failed to start the conference', error);\r\n }\r\n };\r\n\r\n const toggleShareScreen = () => {\r\n refApi.current?.executeCommand &&\r\n refApi.current.executeCommand('toggleShareScreen');\r\n };\r\n\r\n const resetVideoCallState = () => {\r\n setIsScreenSharing(false);\r\n setIsMinized(false);\r\n setIsFullScreen(false);\r\n setIsChatViewVideoOn(false);\r\n };\r\n\r\n const endCall = () => {\r\n dispatch(globalActions.toggleIsCallAccepted(false));\r\n setRejectList([]);\r\n resetSignal();\r\n\r\n if (participantList.current?.length < 2 && currentCall.roomId) {\r\n const params = { threadId: currentCall.roomId };\r\n\r\n const endVideoCallServices = isAnonymous\r\n ? extVideoCallServices.endVideoMeeting\r\n : videoCallServices.endVideoMeeting;\r\n endVideoCallServices(params);\r\n }\r\n\r\n refApi.current?.executeCommand && refApi.current.executeCommand('hangup');\r\n dispatch(globalActions.toggleVideoCall({ status: false }));\r\n\r\n //todo - need to test more if there is any bug please fix it\r\n resetVideoCallState();\r\n };\r\n\r\n const endLoadScreen = () => {\r\n endCall();\r\n refCallerRing.current && refCallerRing.current.stopCallerDial();\r\n };\r\n\r\n const toggleLockFrame = (status) => {\r\n setIsLockFrame(status);\r\n };\r\n\r\n const resetDragPos = () => {\r\n refDrag.current.state.x = 0;\r\n refDrag.current.state.y = 0;\r\n };\r\n\r\n const toggleMinimize = (status) => {\r\n if (status === undefined) {\r\n setIsMinized((prev) => {\r\n if (prev) {\r\n resetDragPos();\r\n } else {\r\n isChatViewVideoOn && setIsChatViewVideoOn(false);\r\n }\r\n return !prev;\r\n });\r\n return;\r\n }\r\n setIsMinized(status);\r\n };\r\n\r\n const toggleChatView = (status) => {\r\n if (status === undefined) {\r\n return setIsChatViewVideoOn((prev) => !prev);\r\n } else {\r\n return setIsChatViewVideoOn(status);\r\n }\r\n };\r\n\r\n const resetApi = () => {\r\n refApi.current = null;\r\n return true;\r\n };\r\n\r\n const handleStartCall = async (roomId) => {\r\n loadJitsi()\r\n .then((externalAPI) => {\r\n if (externalAPI) {\r\n refApi.current = externalAPI;\r\n\r\n const roomSetting = {\r\n roomName: roomId,\r\n };\r\n\r\n startConference(externalAPI, roomSetting);\r\n }\r\n })\r\n .catch((e) => {\r\n CustomNotification.error(e);\r\n });\r\n };\r\n\r\n const handleGetRejectUser = (newSignal, ringingUsers) => {\r\n rejectList.current = [...rejectList.current, newSignal?.senderId];\r\n if (ringingUsers.current?.length === rejectList.current?.length) {\r\n if (ringingUsers?.current?.length > 1) {\r\n endCall();\r\n refCallerRing.current && refCallerRing.current.stopCallerDial();\r\n CustomNotification.info('All users are busy!');\r\n } else {\r\n servicesChat\r\n .getChatUsersInfo([newSignal?.senderId])\r\n .then((res) => {\r\n if (res.isSuccess) {\r\n const senderInfo =\r\n res?.data?.senders &&\r\n res?.data?.senders?.length > 0 &&\r\n res?.data?.senders[0];\r\n\r\n CustomNotification.info(`${senderInfo?.name} busy!`);\r\n } else {\r\n CustomNotification.info('All users are busy!');\r\n }\r\n })\r\n .catch((err) => console.log('err ', err))\r\n .then(() => {\r\n endCall();\r\n refCallerRing.current && refCallerRing.current.stopCallerDial();\r\n });\r\n }\r\n }\r\n };\r\n\r\n const handleUnmountVideoCall = () => {\r\n refApi.current?.executeCommand && refApi.current.executeCommand('hangup');\r\n refCallerRing.current?.stopCallerDial &&\r\n refCallerRing.current.stopCallerDial();\r\n\r\n resetApi();\r\n\r\n if (participantList.current?.length < 2 && refRoomId.current) {\r\n videoCallServices.endVideoMeeting({ threadId: refRoomId.current });\r\n }\r\n\r\n //todo - need to test more if there is any bug please fix it\r\n resetVideoCallState();\r\n\r\n dispatch(globalActions.toggleIsCallAccepted(false));\r\n dispatch(globalActions.toggleVideoCall({ status: false }));\r\n };\r\n\r\n const handleClickJFrame = () => {\r\n if (isMinized) {\r\n setIsMinized(false);\r\n }\r\n };\r\n\r\n const videoCallWrapperStyle = () => {\r\n let width, height;\r\n\r\n const chatWidth = 434;\r\n const ratio = 1.58;\r\n const maxHeight = Math.min(screenHeight, 850);\r\n\r\n width = screenWidth - chatWidth - 50;\r\n height = width / ratio;\r\n\r\n if (height > maxHeight) {\r\n height = maxHeight - 50;\r\n width = height * ratio;\r\n }\r\n\r\n if (isFullScreen) {\r\n width = '100%';\r\n height = '100%';\r\n }\r\n\r\n if (isMinized) {\r\n // height = 420 / ratio;\r\n //* better height without using fixed ratio\r\n height = 225;\r\n width = 420;\r\n }\r\n\r\n return {\r\n width,\r\n height,\r\n };\r\n };\r\n\r\n useEffect(() => {\r\n return () => handleUnmountVideoCall();\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (roomId) {\r\n handleStartCall(roomId);\r\n refRoomId.current = roomId;\r\n }\r\n }, [roomId]);\r\n\r\n useEffect(() => {\r\n if (\r\n !isCallAccepted &&\r\n newSignal?.signalType === 'CallAccepted' &&\r\n newSignal?.threadId === currentCall?.roomId\r\n ) {\r\n dispatch(globalActions.toggleIsCallAccepted(true));\r\n }\r\n }, [newSignal, isCallAccepted, currentCall?.roomId]);\r\n\r\n useEffect(() => {\r\n if (\r\n !isCallAccepted &&\r\n newSignal?.signalType === 'CallRejected' &&\r\n ringingUsers.current &&\r\n newSignal?.threadId === currentCall?.roomId\r\n ) {\r\n handleGetRejectUser(newSignal, ringingUsers);\r\n }\r\n }, [newSignal, isCallAccepted, currentCall?.roomId]);\r\n\r\n useEffect(() => {\r\n if (\r\n communicationItemData?.id &&\r\n communicationItemData?.id !== callData?.threadItem?.threadId\r\n ) {\r\n setIsChatViewVideoOn(false);\r\n }\r\n }, [communicationItemData, callData]);\r\n\r\n useEffect(() => {\r\n if (!isChatViewOpen && !isVideoCallOpen) {\r\n resetChatRedux();\r\n }\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [isChatViewOpen, isVideoCallOpen]);\r\n\r\n const isChatInvisible =\r\n !isChatViewVideoOn ||\r\n statusThreadMsg === 'loading' ||\r\n communicationItemData?.id !== callData?.threadItem?.threadId;\r\n\r\n if (!isVideoCallOpen) return null;\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n acceptCall(threadId, newKey, threadItem)}\r\n >\r\n Accept\r\n \r\n \r\n rejectCall(threadId, newKey)}\r\n >\r\n Reject\r\n \r\n \r\n
\r\n
\r\n )}\r\n \r\n
\r\n \r\n \r\n \r\n Email \r\n \r\n\r\n
\r\n\r\n {!isInEmailThread ? (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n
\r\n ) : (\r\n \r\n handleGoBack()}\r\n >\r\n \r\n {/* {item?.name?.charAt(0)} */}\r\n \r\n \r\n\r\n \r\n {info?.name || mockInfo?.title}\r\n \r\n \r\n \r\n } />\r\n \r\n \r\n \r\n )}\r\n
\r\n );\r\n}\r\n\r\nexport default EmailHeader;\r\n","import React from 'react';\r\nimport { Col, Row, Divider, Typography } from 'antd';\r\nimport { LinkOutlined } from '@ant-design/icons';\r\n\r\nimport { bytesToMegaBytes } from 'utils/string';\r\n\r\nconst { Text, Link } = Typography;\r\n\r\nconst EmailFileList = (props) => {\r\n const { fileList } = props;\r\n\r\n const handleDownloadAll = async () => {\r\n const fileArrUrl = fileList?.map((file) => file?.attachmentUrl);\r\n\r\n var link = document.createElement('a');\r\n\r\n link.setAttribute('download', null);\r\n link.style.display = 'none';\r\n document.body.appendChild(link);\r\n\r\n for (var i = 0; i < fileArrUrl.length; i++) {\r\n link.setAttribute('href', fileArrUrl[i]);\r\n link.click();\r\n }\r\n };\r\n\r\n if (!fileList || fileList?.length <= 0) return null;\r\n return (\r\n \r\n
\r\n \r\n {message?.messageText}\r\n \r\n
\r\n ),\r\n 'contact-card': (\r\n\r\n \r\n {participant?.name} \r\n \r\n \r\n {exportToChatTime(message?.sendTime)}\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default React.memo(EmailMessage);\r\n","import React from 'react';\r\nimport { useSelector } from 'react-redux';\r\n\r\nimport EmailMessage from './EmailMessage';\r\n\r\nimport * as emailSelectors from '../../controller/selectors';\r\n\r\nfunction EmailTurnItem(props) {\r\n const { item, participants } = props;\r\n const selectedSearchResult = useSelector(\r\n emailSelectors.selectSelectedSearchResult()\r\n );\r\n\r\n const isSelectedSearchResult =\r\n selectedSearchResult?.messageId &&\r\n selectedSearchResult?.messageId === item.messageId;\r\n\r\n const getParticipantInfo = () => {\r\n return participants?.find((participant) => {\r\n return participant.userId === item.senderId;\r\n });\r\n };\r\n\r\n const participant = getParticipantInfo();\r\n\r\n return (\r\n \r\n \r\n {participant?.name?.charAt(0)}\r\n \r\n
\r\n \r\n\r\n - \r\n
\r\n handleClickEmailItem(item)}\r\n actions={[\r\n \r\n \r\n {item?.name?.charAt(0)}\r\n \r\n
\r\n }\r\n title={\r\n
,\r\n ]}\r\n >\r\n \r\n {item?.hasAttachment &&
\r\n {!item?.readStatus && (\r\n \r\n \r\n
\r\n )}\r\n \r\n unread mail\r\n
\r\n\r\n
\r\n }\r\n >\r\n \r\n \r\n ))}\r\n \r\n\r\n {item?.name}
\r\n \r\n {handleFormatLatestText(item)}\r\n \r\n\r\n {emailThreadListLoading &&
\r\n Scroll to show more
\r\n', '\\n');\r\n const replacedNbspContent = traditionalReplaceAll(\r\n replacedBrContent,\r\n ' ',\r\n ' '\r\n );\r\n return replacedNbspContent;\r\n};\r\n","import React, { useState, useRef, useCallback, useEffect } from 'react';\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport { Row, Col, Button, Skeleton, Popover } from 'antd';\r\nimport { LinkOutlined } from '@ant-design/icons';\r\nimport { useSendEmailMessage } from './utils';\r\nimport { UploadFile } from 'common/components';\r\nimport { v4 as uuidv4 } from 'uuid';\r\nimport { AttachList } from '../../../message/components';\r\n\r\nimport userSelectors from '@redux/user/selectors';\r\nimport classnames from 'classnames';\r\n\r\nimport * as globalSelectors from '@redux/global/selectors';\r\nimport * as emailActions from '../../controller/actions';\r\nimport * as emailSelector from '../../controller/selectors';\r\n\r\nimport { SwitchAccount } from '../../../message/components/fields/SwitchAccount';\r\nimport {\r\n attachmentActions,\r\n useUploadChatFiles,\r\n} from '../../../message/components/fields/hooks';\r\nimport { useSaveAccountChat } from '../../../message/components/fields/hooks';\r\nimport { checkNotAllowSendFiles } from '../../../message/components/fields/utils';\r\nimport { mapInnerHtmlToText } from '../../mapper/mapInnerHtmlToText';\r\nimport usePrevious from 'hooks/usePrevious';\r\n\r\nimport useExitDelay from 'hooks/useExitDelay';\r\nimport { MAXIMUM_CHAT_MESSAGE_LENGTH } from 'static/Constants';\r\n\r\nimport './EmailInputBar.less';\r\n\r\nconst EmailInputBar = (props) => {\r\n const {\r\n value: emailText,\r\n onChangeMailInput,\r\n getAttachFile,\r\n attachList,\r\n disabledFile,\r\n show,\r\n threadId,\r\n groupUsers,\r\n uploadProgress,\r\n isUploading,\r\n fileId,\r\n attachmentState,\r\n attachmentDispatch,\r\n warningRef,\r\n setAttachList,\r\n warningMessage,\r\n } = props;\r\n\r\n const [showAttachList, setShowAttachList] = useState(false);\r\n const [inputHeight, setInputHeight] = useState(false);\r\n\r\n const [isHaveMaxFileWarning, kickoffWarning] = useExitDelay(3000);\r\n\r\n const refUpload = useRef();\r\n const refInput = useRef();\r\n\r\n const dispatch = useDispatch();\r\n\r\n const hubConnection = useSelector(globalSelectors.selectSignalRConnection());\r\n const accountSend = useSelector(emailSelector.selectEmailAccount());\r\n const userInfo = useSelector(userSelectors.makeSelectUserInfo());\r\n\r\n const handleChangeInput = (e) => {\r\n const innerText = e.target.innerText;\r\n const innerHTML = e.target.innerHTML;\r\n const textEmail =\r\n innerHTML?.length <= MAXIMUM_CHAT_MESSAGE_LENGTH\r\n ? innerHTML\r\n : innerText.substring(0, MAXIMUM_CHAT_MESSAGE_LENGTH);\r\n onChangeMailInput && onChangeMailInput(textEmail);\r\n };\r\n\r\n useSendEmailMessage(hubConnection, dispatch);\r\n\r\n const [senderId, setSenderId] = useState(null);\r\n\r\n const handleRemoveFileId = (fileUid) => {\r\n attachmentDispatch({\r\n type: attachmentActions.REMOVE_ATTACHMENT,\r\n fileUid,\r\n });\r\n };\r\n\r\n const clearAttachment = () => {\r\n refUpload.current && refUpload.current.removeAllFile();\r\n setAttachList([]);\r\n attachmentDispatch({ type: attachmentActions.RESET });\r\n };\r\n\r\n useSaveAccountChat({\r\n isInEmail: true,\r\n groupUsers,\r\n dispatch,\r\n setSenderId,\r\n userId: userInfo?.id,\r\n memberId: userInfo?.member?.id,\r\n isEnabled: true, // fix cache data from redux, maybe it effect email chat\r\n // isEnabled: !accountSend, // prevent first run not allow when accountSend has data,\r\n });\r\n\r\n const prevAttachList = usePrevious(attachmentState.attachment);\r\n\r\n //? Need to update later\r\n useUploadChatFiles({\r\n threadId: threadId,\r\n attachList: attachmentState.attachment,\r\n prevAttachList,\r\n attachmentState,\r\n dispatch: attachmentDispatch,\r\n isEmail: true,\r\n });\r\n\r\n const handleClickSend = () => {\r\n const procText = mapInnerHtmlToText(emailText);\r\n const { attachmentIds, attachment } = attachmentState;\r\n\r\n // 0: text, 1: email, 2: file, 3: image, 4: rating\r\n const messageType = 1;\r\n\r\n if (!procText.trim() && attachment.length === 0) return;\r\n\r\n if (attachment.length > 6) {\r\n kickoffWarning();\r\n return;\r\n }\r\n\r\n if (attachment.length > 0 && procText.length !== 0 && !procText.trim()) {\r\n return;\r\n }\r\n\r\n if (hubConnection) {\r\n onChangeMailInput('');\r\n refInput.current.innerHTML = '';\r\n setInputHeight(false);\r\n\r\n const request = {\r\n uniqueId: uuidv4(),\r\n threadId: threadId,\r\n senderId: accountSend?.senderId,\r\n messageType,\r\n messageText: procText,\r\n attachmentIds,\r\n };\r\n\r\n try {\r\n dispatch(\r\n emailActions.sendEmailMessage({\r\n ...request,\r\n sendTime: Date.now(),\r\n status: 'loading',\r\n })\r\n );\r\n hubConnection.invoke('SendMessage', request);\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n refUpload.current.removeAllFile();\r\n }\r\n clearAttachment();\r\n };\r\n\r\n const handleSendMyContact = async (messageText) => {\r\n if (hubConnection) {\r\n const request = {\r\n uniqueId: uuidv4(),\r\n threadId: threadId,\r\n senderId: accountSend?.senderId,\r\n messageType: 2,\r\n messageText: messageText,\r\n };\r\n\r\n try {\r\n dispatch(\r\n emailActions.sendEmailMessage({\r\n ...request,\r\n sendTime: Date.now(),\r\n status: 'loading',\r\n })\r\n );\r\n hubConnection.invoke('SendMessage', request);\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n }\r\n };\r\n\r\n const handleAttachFile = (e) => {\r\n if (refUpload.current) {\r\n refUpload.current.handleClickUpload();\r\n }\r\n };\r\n\r\n const onSelectAttachFile = (uniqueFilesState) => {\r\n getAttachFile && getAttachFile(uniqueFilesState);\r\n };\r\n\r\n const handleDropFileTo = (e) => {\r\n e.stopPropagation();\r\n e.preventDefault();\r\n var files = e.dataTransfer.files;\r\n refUpload.current && refUpload.current.handleAddFileOuter(files);\r\n };\r\n\r\n const handleDragFileOver = (e) => {\r\n e.stopPropagation();\r\n e.preventDefault();\r\n };\r\n\r\n const isAttachBtnAvail = () => {\r\n if (emailText === '') return true;\r\n if (emailText !== '' && attachList?.length === 0) return false;\r\n if (attachList?.length > 0) return true;\r\n return false;\r\n };\r\n\r\n const toggleAttachList = useCallback(() => {\r\n setShowAttachList((state) => !state);\r\n }, []);\r\n\r\n const toggleInputHeight = useCallback(() => {\r\n setInputHeight((state) => !state);\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (emailText === '') {\r\n setShowAttachList(false);\r\n }\r\n }, [emailText]);\r\n\r\n const styles = {\r\n icon: {\r\n fontSize: '19px',\r\n },\r\n showMoreIcon: {\r\n fontSize: '10px',\r\n lineHeight: '0.3cm',\r\n },\r\n };\r\n\r\n const content =
{warningMessage}
;\r\n const notAllowSendFiles = checkNotAllowSendFiles(attachmentState.attachment);\r\n\r\n return (\r\n <>\r\n {show && (\r\n <>\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n )}\r\n \r\n\r\n \r\n Type a message here\r\n
\r\n )}\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default EmailEditorColorInput;\r\n","import React from 'react';\r\n\r\nimport { Button, Select, Popover } from 'antd';\r\nimport {\r\n BoldOutlined,\r\n ItalicOutlined,\r\n UnderlineOutlined,\r\n FontColorsOutlined,\r\n} from '@ant-design/icons';\r\nimport { useNode } from '@craftjs/core';\r\n\r\nimport { WrapperSelect } from 'common/components';\r\n\r\nimport { EmailEditorColorInput } from '../input';\r\n\r\nconst { Option } = Select;\r\n\r\nconst EmailEditorFontSetting = () => {\r\n const {\r\n settings,\r\n actions: { setProp },\r\n } = useNode((state) => ({\r\n settings: state.data.props.settings,\r\n }));\r\n\r\n const onChangeFontSize = (value) => {\r\n setProp((props) => (props.settings.fontSize = value));\r\n };\r\n\r\n const onClickBtn = (key) => () => {\r\n setProp((props) => (props.settings[key] = !props.settings[key]));\r\n };\r\n\r\n const onChangeColor = (color) => {\r\n setProp((props) => (props.settings.color = color.hex));\r\n };\r\n\r\n const checkType = (key) => {\r\n return settings[key] ? 'link' : 'text';\r\n };\r\n\r\n return (\r\n <>\r\n \r\n
\r\n ) : null;\r\n};\r\n\r\nexport default EmailEditorSectionAction;\r\n","import { produce } from 'immer';\r\nimport React, { useEffect } from 'react';\r\n\r\nimport { useNode, useEditor } from '@craftjs/core';\r\nimport { Typography, Button } from 'antd';\r\nimport { DeleteOutlined } from '@ant-design/icons';\r\nimport classnames from 'classnames';\r\n\r\nimport EmailEditorSectionAction from './EmailEditorSectionAction';\r\n\r\nimport { useEmailEditorContext } from '../../controllers/context';\r\nimport { updateDynamicContentByTag } from 'utils/email-editor';\r\nimport { EVENT } from 'static/Constants';\r\n\r\nconst { Text } = Typography;\r\n\r\nconst EmailEditorSection = (props) => {\r\n const { setRequestSampleData, contactEmail } = useEmailEditorContext();\r\n const {\r\n id,\r\n connectors: { connect },\r\n selected,\r\n settings,\r\n displayName,\r\n } = useNode((state) => ({\r\n selected: state.events.selected,\r\n dragged: state.events.dragged,\r\n hovered: state.events.hovered,\r\n settings: state.data.props.settings,\r\n displayName: state.data.displayName,\r\n }));\r\n\r\n const { enabled, actions } = useEditor((state) => ({\r\n enabled: state.options.enabled,\r\n }));\r\n\r\n const { children, tags = [] } = props;\r\n\r\n const onClickDeleteBtn = () => {\r\n actions.delete(id);\r\n\r\n setRequestSampleData((pre) =>\r\n produce(pre, (draft) => {\r\n draft[contactEmail].dynamicContent = {\r\n ...updateDynamicContentByTag({\r\n prevState: draft[contactEmail].dynamicContent,\r\n tags,\r\n field: 'value',\r\n value: null,\r\n }),\r\n };\r\n })\r\n );\r\n setRequestSampleData((pre) =>\r\n produce(pre, (draft) => {\r\n draft[contactEmail].dynamicContent = {\r\n ...updateDynamicContentByTag({\r\n prevState: draft[contactEmail].dynamicContent,\r\n tags,\r\n field: 'show',\r\n value: false,\r\n }),\r\n };\r\n })\r\n );\r\n\r\n dispatchRemoveSectionEvent();\r\n };\r\n\r\n const highlightTag = () => {\r\n if (!selected) return;\r\n\r\n setRequestSampleData((pre) =>\r\n produce(pre, (draft) => {\r\n draft[contactEmail].dynamicContent = {\r\n ...updateDynamicContentByTag({\r\n prevState: draft[contactEmail].dynamicContent,\r\n tags,\r\n field: 'highlight',\r\n }),\r\n };\r\n })\r\n );\r\n };\r\n\r\n const dispatchRemoveSectionEvent = () => {\r\n const event = new CustomEvent(EVENT.EMAIL_EDITOR_REMOVE_SECTION, {\r\n detail: { tags },\r\n });\r\n\r\n document.dispatchEvent(event);\r\n };\r\n\r\n useEffect(() => {\r\n highlightTag();\r\n }, [selected]);\r\n\r\n const DeleteBtn = Button;\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {displayName}\r\n \r\n
\r\n \r\n
\r\n \r\n ) : null}\r\n {children}
\r\n \r\n \r\n {intl.formatMessage(Messages.startingMessages)}\r\n \r\n
\r\n ) : null}\r\n \r\n \r\n );\r\n};\r\n\r\nexport default EmailEditorFrame;\r\n","import React from 'react';\r\n\r\nimport { Space, Button, Card, Tooltip } from 'antd';\r\nimport { UndoOutlined, RedoOutlined } from '@ant-design/icons';\r\nimport { useEditor } from '@craftjs/core';\r\n\r\nimport { useIntl } from 'react-intl';\r\nimport Messages from 'i18n/messages/email-editor';\r\n\r\nconst EmailEditorToolbar = () => {\r\n const intl = useIntl();\r\n\r\n const { canUndo, canRedo, actions } = useEditor((state, query) => ({\r\n canUndo: query.history.canUndo(),\r\n canRedo: query.history.canRedo(),\r\n }));\r\n\r\n const onClickUndoRedo = (type) => () => {\r\n if (type === 'undo') actions.history.undo();\r\n if (type === 'redo') actions.history.redo();\r\n };\r\n\r\n return (\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default forwardRef(EmailEditorGetHtml);\r\n","import React, { useState } from 'react';\r\n\r\nimport { StarFilled, LoadingOutlined } from '@ant-design/icons';\r\n\r\nimport { useControllableState } from 'hooks/useControllableState';\r\n\r\nconst FavoriteStarIconRender = (props) => {\r\n const { initialValue, isFavorited, isAlwaysShow, onToggle, reloadData } =\r\n props;\r\n\r\n const [loading, setLoading] = useState(false);\r\n\r\n const [glowing, setGlowing] = useControllableState({\r\n defaultProp: initialValue,\r\n prop: isFavorited,\r\n onChange: (value) => {\r\n onChange(value);\r\n },\r\n });\r\n\r\n const onClick = () => {\r\n if (!onToggle) return;\r\n setGlowing((prevState) => !prevState);\r\n };\r\n\r\n const onChange = async (value) => {\r\n setLoading(true);\r\n const isToggleSuccess = await onToggle(value);\r\n\r\n if (!isToggleSuccess) return setLoading(false); //* skip reload data\r\n\r\n reloadData && (await reloadData());\r\n\r\n setLoading(false);\r\n };\r\n\r\n if (loading)\r\n return (\r\n \r\n \r\n {\r\n setType(value);\r\n setSubType(null);\r\n setTypeData({ ...initialForm, assetType: value });\r\n form.setFieldsValue({ ...initialForm, assetType: value });\r\n }}\r\n >\r\n {Const.ASSET_TYPE?.slice()\r\n .sort()\r\n .map((item, index) => {\r\n return (\r\n \r\n );\r\n })}\r\n \r\n \r\n {type && (\r\n \r\n {\r\n setSubType(value);\r\n setTypeData({\r\n ...initialForm,\r\n assetSubType: value,\r\n assetType: type,\r\n });\r\n form.setFieldsValue({\r\n ...initialForm,\r\n assetSubType: value,\r\n assetType: type,\r\n });\r\n }}\r\n >\r\n {type === 'Asset'\r\n ? Const.ASSET_SUBTYPE?.slice()\r\n .sort()\r\n .map((item, index) => {\r\n return (\r\n \r\n );\r\n })\r\n : type === 'Company'\r\n ? Const.COMPANY_SUBTYPE.sort().map((item, index) => {\r\n return (\r\n \r\n );\r\n })\r\n : type === 'Document'\r\n ? Const.DOCUMENT_SUBTYPE.sort().map((item, index) => {\r\n return (\r\n \r\n );\r\n })\r\n : type === 'Multimedia'\r\n ? Const.MULTIMEDIA_SUBTYPE.sort().map((item, index) => {\r\n return (\r\n \r\n );\r\n })\r\n : type === 'Product'\r\n ? Const.PRODUCT_SUBTYPE.sort().map((item, index) => {\r\n return (\r\n \r\n );\r\n })\r\n : null}\r\n \r\n \r\n )}\r\n\r\n {subType === 'Planogram' ? (\r\n <>\r\n \r\n document.getElementById('asset-type-form')\r\n }\r\n onChange={(value) => {\r\n applyAssetTypeValues({\r\n packageLevel: value,\r\n });\r\n }}\r\n >\r\n {sortBy(Const.PACKAGE_LEVEL, 'label').map((item, index) => {\r\n return (\r\n \r\n {item.label}\r\n \r\n );\r\n })}\r\n \r\n \r\n \r\n document.getElementById('asset-type-form')\r\n }\r\n onChange={(value) => {\r\n applyAssetTypeValues({\r\n packagingDisposition: value,\r\n });\r\n }}\r\n >\r\n {Const.PACKAGING_DISPOSITION?.slice()\r\n .sort()\r\n .map((item, index) => {\r\n return (\r\n \r\n {item.label}\r\n \r\n );\r\n })}\r\n \r\n \r\n \r\n document.getElementById('asset-type-form')\r\n }\r\n onChange={(value) => {\r\n applyAssetTypeValues({\r\n angle: value,\r\n });\r\n }}\r\n >\r\n {Const.ANGLE?.slice()\r\n .sort()\r\n .map((item, index) => {\r\n return (\r\n \r\n {item.label}\r\n \r\n );\r\n })}\r\n \r\n \r\n \r\n document.getElementById('asset-type-form')\r\n }\r\n onChange={(value) => {\r\n applyAssetTypeValues({\r\n facing: value,\r\n });\r\n }}\r\n >\r\n {Const.FACING?.slice()\r\n .sort()\r\n .map((item, index) => {\r\n return (\r\n \r\n {item.label}\r\n \r\n );\r\n })}\r\n \r\n \r\n {\r\n setTypeData({\r\n ...form.getFieldValue(),\r\n language: customLabels[value],\r\n });\r\n form.setFieldsValue({\r\n ...form.getFieldValue(),\r\n language: customLabels[value],\r\n });\r\n }}\r\n defaultCountry={getCodeByCountry(typeData?.language)}\r\n isLanguage\r\n />\r\n \r\n \r\n document.getElementById('asset-type-form')\r\n }\r\n onChange={(value) => {\r\n applyAssetTypeValues({ panelType: value });\r\n }}\r\n >\r\n {Const.ASSET_PANEL_FIELD?.slice()\r\n .sort()\r\n .map((item, index) => {\r\n return (\r\n \r\n {item}\r\n \r\n );\r\n })}\r\n \r\n \r\n \r\n ) : subType === 'Logo' ? (\r\n \r\n document.getElementById('asset-type-form')}\r\n onChange={(value) => {\r\n applyAssetTypeValues({ logoType: value });\r\n }}\r\n >\r\n {Const.COMPANY_LOGO_FIELD?.slice()\r\n .sort()\r\n .map((item, index) => {\r\n return (\r\n \r\n {item}\r\n \r\n );\r\n })}\r\n \r\n \r\n ) : subType === 'Certificate' ? (\r\n \r\n document.getElementById('asset-type-form')}\r\n onChange={(value) => {\r\n applyAssetTypeValues({\r\n certificateType: value,\r\n });\r\n }}\r\n >\r\n {Const.DOCUMENT_CERTIFICATE_FIELD?.slice()\r\n .sort()\r\n .map((item, index) => {\r\n return (\r\n \r\n {item}\r\n \r\n );\r\n })}\r\n \r\n \r\n ) : subType === 'Company' ? (\r\n \r\n document.getElementById('asset-type-form')}\r\n onChange={(value) => {\r\n applyAssetTypeValues({\r\n documentType: value,\r\n });\r\n }}\r\n >\r\n {Const.DOCUMENT_COMPANY_FIELD?.slice()\r\n .sort()\r\n .map((item, index) => {\r\n return (\r\n \r\n {item}\r\n \r\n );\r\n })}\r\n \r\n \r\n ) : null}\r\n
\r\n );\r\n};\r\n\r\nexport default injectIntl(AssetTypeEdit);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport './VideoPreview.less';\r\n\r\nexport const Video = ({ url, className }) => {\r\n return (\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nVideo.propTypes = {\r\n url: PropTypes.string,\r\n className: PropTypes.string,\r\n};\r\n\r\nexport default Video;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Draggable } from 'react-beautiful-dnd';\r\nimport { Badge, Typography, Avatar } from 'antd';\r\nimport {\r\n FieldStringOutlined,\r\n CalendarOutlined,\r\n CheckOutlined,\r\n NumberOutlined,\r\n} from '@ant-design/icons';\r\nimport classnames from 'classnames';\r\nimport './EntityDraggable.less';\r\nconst primaryButton = 0;\r\n\r\nconst keyCodes = {\r\n enter: 13,\r\n escape: 27,\r\n arrowDown: 40,\r\n arrowUp: 38,\r\n tab: 9,\r\n};\r\n\r\nconst EntityDraggable = (props) => {\r\n const {\r\n task,\r\n index,\r\n isSelected,\r\n selectionCount,\r\n isGhosting,\r\n toggleSelection,\r\n toggleSelectionInGroup,\r\n multiSelectTo,\r\n checkShow,\r\n } = props;\r\n\r\n const onKeyDown = (event, provided, snapshot) => {\r\n if (event.defaultPrevented) {\r\n return;\r\n }\r\n\r\n if (snapshot.isDragging) {\r\n return;\r\n }\r\n\r\n if (event.keyCode !== keyCodes.enter) {\r\n return;\r\n }\r\n\r\n // we are using the event for selection\r\n event.preventDefault();\r\n\r\n performAction(event);\r\n };\r\n\r\n // Using onClick as it will be correctly\r\n // preventing if there was a drag\r\n const onClick = (event) => {\r\n if (event.defaultPrevented) {\r\n return;\r\n }\r\n\r\n if (event.button !== primaryButton) {\r\n return;\r\n }\r\n\r\n // marking the event as used\r\n event.preventDefault();\r\n\r\n performAction(event);\r\n };\r\n\r\n const onTouchEnd = (event) => {\r\n if (event.defaultPrevented) {\r\n return;\r\n }\r\n\r\n // marking the event as used\r\n // we would also need to add some extra logic to prevent the click\r\n // if this element was an anchor\r\n event.preventDefault();\r\n toggleSelectionInGroup(task?.mapFieldName + '_entity');\r\n };\r\n\r\n // Determines if the platform specific toggle selection in group key was used\r\n const wasToggleInSelectionGroupKeyUsed = (event) => {\r\n const isUsingWindows = navigator.platform.indexOf('Win') >= 0;\r\n return isUsingWindows ? event.ctrlKey : event.metaKey;\r\n };\r\n\r\n // Determines if the multiSelect key was used\r\n const wasMultiSelectKeyUsed = (event) => event.shiftKey;\r\n\r\n const performAction = (event) => {\r\n if (wasToggleInSelectionGroupKeyUsed(event)) {\r\n toggleSelectionInGroup(task?.mapFieldName + '_entity', 'entity');\r\n return;\r\n }\r\n\r\n if (wasMultiSelectKeyUsed(event)) {\r\n multiSelectTo(task?.mapFieldName + '_entity', 'entity');\r\n return;\r\n }\r\n\r\n toggleSelection(task?.mapFieldName + '_entity', 'entity');\r\n };\r\n\r\n return (\r\n \r\n \r\n {(provided, snapshot) => {\r\n const shouldShowSelection = snapshot.isDragging && selectionCount > 1;\r\n\r\n return (\r\n onKeyDown(event, provided, snapshot)}\r\n >\r\n \r\n {task?.dataType === 'string' && (\r\n \r\n {task?.displayName}\r\n \r\n \r\n
\r\n {provided.placeholder}\r\n \r\n );\r\n }}\r\n \r\n \r\n );\r\n};\r\n\r\nEntityDraggable.propTypes = {\r\n task: PropTypes.object,\r\n index: PropTypes.number,\r\n isSelected: PropTypes.bool,\r\n selectionCount: PropTypes.number,\r\n isGhosting: PropTypes.bool,\r\n toggleSelection: PropTypes.func,\r\n toggleSelectionInGroup: PropTypes.func,\r\n multiSelectTo: PropTypes.func,\r\n};\r\n\r\nexport default React.memo(EntityDraggable);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Draggable, Droppable } from 'react-beautiful-dnd';\r\nimport { Typography } from 'antd';\r\nimport { RightOutlined, DownOutlined } from '@ant-design/icons';\r\nimport classnames from 'classnames';\r\nimport useCustomScroll from 'hooks/useCustomScroll';\r\nimport './EntitiesAndAttributes.less';\r\n\r\nimport EntityDraggable from './EntityDraggable';\r\n\r\nconst EntitiesAndAttriButes = (props) => {\r\n const {\r\n advancedSearch,\r\n draggingTaskId,\r\n selectedTaskIds,\r\n toggleSelection,\r\n toggleSelectionInGroup,\r\n multiSelectTo,\r\n collapseList,\r\n expandedList,\r\n handleCollapse,\r\n handleExpand,\r\n viewMode,\r\n advancedSearchGridView,\r\n } = props;\r\n var indexDrag = 0;\r\n const nameClass = !!advancedSearchGridView\r\n ? 'entities-attribues-adv'\r\n : 'entities-attribues';\r\n useCustomScroll(`.${nameClass}`);\r\n return (\r\n \r\n {!snapshot.isDragging && (\r\n
\r\n )}\r\n\r\n \r\n {advancedSearch.map((item, index) => {\r\n if (index === 0) {\r\n indexDrag = 0;\r\n } else {\r\n indexDrag++;\r\n }\r\n if (item?.fields?.length === 0) {\r\n return null;\r\n }\r\n return (\r\n
\r\n );\r\n })}\r\n {provided.placeholder}\r\n \r\n )}\r\n \r\n \r\n {(provided, snapshot) => (\r\n <>\r\n {\r\n if (collapseList.indexOf(item.displayName) === -1) {\r\n handleExpand(item.displayName);\r\n } else {\r\n handleCollapse(item.displayName);\r\n }\r\n }}\r\n style={{ cursor: 'pointer' }}\r\n >\r\n {collapseList.indexOf(item.displayName) === -1 ? (\r\n \r\n {item.displayName}\r\n \r\n
\r\n {provided.placeholder}\r\n \r\n )}\r\n \r\n \r\n {expandedList.indexOf(item.displayName) > -1 &&\r\n item?.fields &&\r\n item?.fields.length > 0 &&\r\n item.fields.map((task, i) => {\r\n indexDrag++;\r\n const isSelected =\r\n selectedTaskIds.indexOf(\r\n task?.mapFieldName + '_entity'\r\n ) > -1;\r\n const isGhosting =\r\n isSelected &&\r\n draggingTaskId &&\r\n draggingTaskId !== task?.mapFieldName + '_entity';\r\n return (\r\n
\r\n \r\n
*/}\r\n \r\n )}\r\n \r\n {!snapshot.isDragging && task?.level > 0 && (\r\n <>\r\n
\r\n {/* \r\n {queryConditions &&\r\n queryConditions.length > 0 &&\r\n queryConditions.map((task, index) => {\r\n const isSelected =\r\n selectedTaskIds.indexOf(task.mapFieldName + '_query') > -1;\r\n const isGhosting =\r\n isSelected &&\r\n draggingTaskId &&\r\n draggingTaskId !== task.mapFieldName + '_query';\r\n const isHiddenDrag =\r\n queryChildHidden &&\r\n queryChildHidden.length > 0 &&\r\n queryChildHidden.indexOf(task.id) > -1;\r\n return (\r\n
\r\n {queryConditions?.length === 0 && (\r\n