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