\r\n \r\n )}\r\n
}\r\n
\r\n
![\"delete\"](\"/images/actions/trash.svg\")
\r\n {t(\"forms:wizard.undo\")}\r\n \r\n {props.title &&
\r\n\r\n {props.title}
}\r\n {props.placeholder && (\r\n {props.placeholder}
\r\n )}\r\n - \r\n {results &&\r\n results.length &&\r\n results.map((option, idx) => (\r\n
- \r\n {option}\r\n \r\n ))}\r\n
\r\n \r\n {hasDefault && index > 0 && (\r\n 0 ? \"reset\" : \"\"}\r\n dangerouslySetInnerHTML={{ __html: label }}\r\n />\r\n \r\n {dropdown && \r\n
\r\n );\r\n};\r\n\r\nconst Select = (props) => {\r\n let {\r\n labelText,\r\n labelClassName,\r\n name,\r\n className,\r\n errors,\r\n touched,\r\n values,\r\n onChange,\r\n handleChange,\r\n handleBlur,\r\n options,\r\n wrapperVariant,\r\n defaultItem,\r\n defaultValue,\r\n defaultFirstOption,\r\n disabled,\r\n dropdown,\r\n } = props;\r\n let value = values && values[name];\r\n let error = errors && errors[name];\r\n let isTouched = touched && touched[name];\r\n\r\n if (defaultValue !== undefined && value === undefined) value = defaultValue;\r\n\r\n const selectOptions = [...options];\r\n if (defaultItem && selectOptions) {\r\n selectOptions.unshift(defaultItem);\r\n }\r\n return (\r\n - \r\n {options &&\r\n options.map((option, idx) => (\r\n
\")\r\n : files;\r\n\r\n if (!placeholder) placeholder = props.placeholder || \"Drop or add files\";\r\n const handleReset = (ev) => {\r\n ev.preventDefault();\r\n ev.stopPropagation();\r\n if (props.disabled) return;\r\n props.setFieldValue(props.name, []);\r\n setFiles([]);\r\n inputRef.current.value = \"\";\r\n if (props.type === \"image\") {\r\n imageRef.current.style.backgroundImage = \"none\";\r\n }\r\n };\r\n\r\n return (\r\n <>\r\n
\r\n {props.title && (\r\n 0 ? \"multi\" : \"\"}`}\r\n dangerouslySetInnerHTML={{ __html: placeholder }}\r\n />\r\n
\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default Uploader;\r\n","import React, {useState} from \"react\";\r\nimport styled from \"styled-components\";\r\nimport globals from \"../../../globalVars\";\r\n\r\nconst ErrorPlaceholder = styled.span`\r\n position: absolute;\r\n width: 100%;\r\n top: 0;\r\n left: 0;\r\n text-align: right;\r\n &.pwaBig {\r\n top: -20px;\r\n }\r\n`;\r\n\r\nconst FieldErrorSpan = styled.span`\r\n background: ${(props) => props.theme.errorColor};\r\n color: ${(props) => props.theme.errorTextColor};\r\n border-radius: 5px;\r\n padding: 8px 5px;\r\n position: absolute;\r\n bottom: 8px;\r\n width: max-content;\r\n max-width: 150%;\r\n right: 0px;\r\n display: none;\r\n font-size: 0.875rem;\r\n z-index: 100;\r\n text-align: center;\r\n \r\n &.open {\r\n display: block;\r\n }\r\n\r\n &.small {\r\n font-size: 0.75rem;\r\n }\r\n\r\n &:after {\r\n content: \"\";\r\n border-style: solid;\r\n border-width: 7px 5px 0 5px;\r\n border-color: ${(props) => props.theme.errorColor} transparent transparent transparent;\r\n position: absolute;\r\n bottom: -6px;\r\n right: 16px;\r\n }\r\n`;\r\n\r\nconst MobileFiledError = styled.span`\r\n color: #fd6666;\r\n background: #fff;\r\n padding: 4px 4px;\r\n border-radius: 6px;\r\n position: absolute;\r\n bottom: -5px;\r\n width: auto;\r\n left: 0px;\r\n font-size: 0.775rem;\r\n z-index: 100;\r\n height: 19px;\r\n line-height: 10px;\r\n`;\r\n\r\nconst StyledErrorSpan = styled.span`\r\n color: ${(props) => props.theme.errorColor};\r\n display: block;\r\n\r\n &.relative {\r\n position: relative;\r\n }\r\n\r\n &.small {\r\n font-size: 0.75rem;\r\n }\r\n`;\r\n\r\nconst StyledIcon = styled.i`\r\n position: absolute;\r\n right: 12px;\r\n top: 0;\r\n width: 1.125rem;\r\n height: 1.125rem;\r\n cursor: pointer;\r\n`;\r\n\r\nconst ValidationError = ({className, error, touched, isFieldError}) => {\r\n const shouldRender = error && touched;\r\n const [errorIsOpen, setErrorIsOpen] = useState(false);\r\n\r\n const toggleError = () => {\r\n setErrorIsOpen(!errorIsOpen);\r\n };\r\n\r\n if (shouldRender) {\r\n if (isFieldError) {\r\n if (globals.isMobile)\r\n return \r\n
\r\n )}\r\n \r\n {props.title &&
\r\n {props.title}
}\r\n {fileName && {fileName}
}\r\n \r\n \r\n {t(\"actions:dialogs.qrLink.title\")}\r\n \r\n {t(\"actions:dialogs.qrLink.scan\")} \r\n \r\n setIsIos(true)}\r\n />\r\n setIsIos(false)}\r\n />\r\n \r\n \r\n {isIos && (\r\n \r\n 1 \r\n \r\n \r\n {t(\"actions:dialogs.qrLink.scanQr\")}\r\n \r\n \r\n {t(\"actions:dialogs.qrLink.accessCamera\")}\r\n \r\n \r\n 2 \r\n \r\n \r\n {t(\"actions:dialogs.qrLink.openWebsite\")}\r\n \r\n \r\n {t(\"actions:dialogs.qrLink.bannerBrowser\")}\r\n \r\n \r\n 3 \r\n \r\n \r\n {t(\"actions:dialogs.qrLink.browserOptions\")}\r\n \r\n \r\n {t(\"actions:dialogs.qrLink.shareButton\")}\r\n ( \r\n \r\n 4 \r\n \r\n \r\n {t(\"actions:dialogs.qrLink.saveApp\")}\r\n \r\n \r\n {t(\"actions:dialogs.qrLink.optionsA2HS\")}\r\n (
\r\n {t(\"actions:dialogs.qrLink.added2HS\")}\r\n \r\n \r\n \r\n )}\r\n {!isIos && (\r\n \r\n 1 \r\n \r\n \r\n {t(\"actions:dialogs.qrLink.scanQr\")}\r\n \r\n \r\n {t(\"actions:dialogs.qrLink.accessCamera\")}\r\n \r\n \r\n 2 \r\n \r\n \r\n {t(\"actions:dialogs.qrLink.openWebsite\")}\r\n \r\n \r\n {t(\"actions:dialogs.qrLink.bannerBrowser\")}\r\n \r\n \r\n 3 \r\n \r\n \r\n {t(\"actions:dialogs.qrLink.saveApp\")}\r\n \r\n \r\n {t(\"actions:dialogs.qrLink.tapBanner\")}\r\n
\r\n {t(\"actions:dialogs.qrLink.saveAndroid\")}\r\n \r\n \r\n \r\n )}\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default TechnicianTools;\r\n","import React from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Link } from \"react-router-dom\";\r\nimport styled from \"styled-components\";\r\nimport ModalDialog, { useModal } from \"../../components/modal/ModalDialog\";\r\nimport Roles from \"../../core/enums/Roles\";\r\nimport helpers from \"../../core/helpers\";\r\nimport UserService from \"../../services/User/UserService\";\r\nimport LogoutButton from \"../elements/buttons/LogoutButton\";\r\nimport TechnicianTools from \"./TehnicianTools\";\r\n\r\nconst Menu = styled.div`\r\n cursor: default;\r\n position: absolute;\r\n top: calc(100% + 10px);\r\n right: 0;\r\n border-radius: ${(props) => props.theme.inputBorderRadius};\r\n max-height: 0;\r\n transition: all 0.3s ease-in;\r\n opacity: 0;\r\n background: ${(props) => props.theme.bgWhite};\r\n text-align: left;\r\n padding: 8px 24px 24px;\r\n visibility: hidden;\r\n box-shadow: 4px 4px 16px 0px rgba(0, 0, 0, 0.16);\r\n\r\n &.opened {\r\n max-height: 1000px;\r\n opacity: 1;\r\n visibility: visible;\r\n z-index: 100;\r\n }\r\n\r\n a:hover {\r\n color: ${(props) => props.theme.primaryColorHover};\r\n }\r\n`;\r\n\r\nconst UL = styled.ul`\r\n list-style: none;\r\n margin: 0;\r\n padding: 0;\r\n word-break: keep-all;\r\n white-space: nowrap;\r\n\r\n li {\r\n list-style: none;\r\n padding: 15px 5px;\r\n border-bottom: 1px solid\r\n ${(props) => props.theme.primaryInputBorderColor};\r\n cursor: auto;\r\n &:last-child {\r\n border-bottom: none;\r\n padding-bottom: 0;\r\n border-top: 1px solid\r\n ${(props) => props.theme.primaryInputBorderColor};\r\n }\r\n }\r\n\r\n li:not(:first-child) *,\r\n ul li * {\r\n font-size: 14px !important;\r\n }\r\n\r\n & li:hover {\r\n color: ${(props) => props.theme.primaryColorHover};\r\n }\r\n\r\n & ul.menuItems {\r\n padding: 5px 0;\r\n }\r\n\r\n & ul.menuItems li {\r\n border-bottom: 1px solid transparent;\r\n padding: 10px 5px;\r\n border: none;\r\n }\r\n\r\n & ul.menuItems li:last-child {\r\n border-bottom: 1px solid\r\n ${(props) => props.theme.primaryInputBorderColor};\r\n }\r\n\r\n & .clear {\r\n clear: both;\r\n }\r\n\r\n & .full {\r\n width: 100%;\r\n }\r\n\r\n a {\r\n color: ${(props) => props.theme.textColor};\r\n text-decoration: none;\r\n width: 100%;\r\n }\r\n`;\r\n\r\nconst Avatar = styled.div`\r\n border-radius: 50%;\r\n width: 40px;\r\n height: 40px;\r\n color: #fff;\r\n background-color: ${(props) => props.theme.secondaryColor};\r\n text-align: center;\r\n margin-right: 12px;\r\n\r\n & span {\r\n line-height: 40px;\r\n font-size: 20px;\r\n text-transform: uppercase;\r\n }\r\n\r\n .avatar {\r\n border-radius: 50%;\r\n background: no-repeat center;\r\n background-size: cover;\r\n display: inline-block;\r\n width: 100%;\r\n height: 100%;\r\n }\r\n`;\r\n\r\nconst UserInfo = styled.div`\r\n text-align: left;\r\n & .name {\r\n font-size: 14px;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n color: ${(props) => props.theme.primaryColorHover};\r\n }\r\n\r\n & .mail {\r\n color: ${(props) => props.theme.menuItems};\r\n font-size: 14px;\r\n color: #898989;\r\n text-transform: lowercase;\r\n }\r\n\r\n &:hover .mail {\r\n color: ${(props) => props.theme.primaryColorHover};\r\n }\r\n`;\r\n\r\nconst UserMenu = (props, menuRef) => {\r\n const opened = props.isOpened;\r\n const links = props.links;\r\n const pathname = window.location.pathname;\r\n const { t } = new useTranslation();\r\n const buildUrl = (link) => {\r\n if (link === pathname) {\r\n return link;\r\n }\r\n return link + \"?returnUrl=\" + pathname;\r\n };\r\n\r\n const avatarUrl =\r\n props.avatar.indexOf(\"man-user\") > 0 ? null : props.avatar;\r\n\r\n const { modalProps, toggleOpen } = useModal({\r\n onConfirm: async () => {\r\n toggleOpen();\r\n },\r\n confirmText: t(\"actions:dialogs.qrLink.confirmText\"),\r\n modalVariant: \"wide\",\r\n type: \"info\",\r\n });\r\n\r\n const companyEditEnabled =\r\n UserService.isInRole(Roles.InstallerCompanyAdmin) ||\r\n UserService.isInRole(Roles.InstallerCompanyUser);\r\n\r\n return (\r\n \r\n {t(\"actions:dialogs.qrLink.added2HS\")}\r\n
\r\n {t(\"actions:dialogs.qrLink.saveAndroid\")}\r\n
\r\n \r\n
\r\n - \r\n
- \r\n
\r\n {avatarUrl ? (\r\n \r\n\r\n \r\n \r\n \r\n{props.userFullName}\r\n{props.email}\r\n \r\n\r\n {props.company && companyEditEnabled && (\r\n - \r\n \r\n {props.company}\r\n \r\n \r\n )}\r\n {props.company && !companyEditEnabled && (\r\n
- \r\n {props.company}\r\n \r\n )}\r\n
- \r\n {link.external ? (\r\n {link.name}\r\n ) : (\r\n \r\n {link.name}\r\n \r\n )}\r\n \r\n );\r\n })}\r\n
- \r\n
\r\n \r\n
- \r\n {links.map((link, idx) => {\r\n return (\r\n
\r\n {t(\"header.helloWord\")} {name}\r\n
\r\n\r\n - \r\n {languages.map((lng, idx) => (\r\n
{`${spocData.firstName} ${spocData.lastName}`}
\r\n {spocData.position}
\r\n {spocData.email}
\r\n {t(\"actions:dialogs.supportRequest.message\")}
\r\n- \r\n
- {modalProps.modal?.spockName} \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n {t(\"actions:wizard.areYouSure\")}
\r\n{t(\"actions:wizard.unsavedChanges\")}
\r\n![\"Next](\"/images/menu/expand_thin.svg\")
\r\n )}\r\n \r\n {/* )} */}\r\n \r\n {rows.some(\r\n (row) =>\r\n shouldShowSelection &&\r\n shouldShowSelection(\r\n row,\r\n selectedFlatRows\r\n )\r\n ) ? (\r\n {\r\n const onChange = (evt) => {\r\n props.onChange(evt);\r\n const checked =\r\n evt.currentTarget\r\n .checked;\r\n\r\n setTimeout(() => {\r\n checked\r\n ? rows.map(\r\n (row) =>\r\n cellListingPageActions.addSelectedRow(\r\n row\r\n )\r\n )\r\n : rows.map(\r\n (row) =>\r\n cellListingPageActions.removeSelectedRow(\r\n row.id\r\n )\r\n );\r\n }, 1);\r\n };\r\n return {\r\n ...props,\r\n onChange,\r\n };\r\n }\r\n )}\r\n />\r\n ) : (\r\n <>\r\n )}\r\n
\r\n ) : null;\r\n },\r\n // The cell can use the individual row's getToggleRowSelectedProps method\r\n // to the render a checkbox\r\n Cell: ({ row, selectedFlatRows }) => {\r\n const {\r\n state: cellListingPageState,\r\n actions: cellListingPageActions,\r\n } = useListingPageContext();\r\n\r\n return shouldShowSelection &&\r\n shouldShowSelection(row, selectedFlatRows) ? (\r\n \r\n {enableSorting &&\r\n column.Header &&\r\n !column.disableSortBy && (\r\n \r\n {column.isSorted ? (\r\n column.isSortedDesc ? (\r\n
\r\n \r\n )\r\n )}\r\n \r\n ))}\r\n ...Loading
\r\n ...Loading
\r\n ...Loading
\r\n {t(\"title.noInformation\")}
\r\n )}\r\n \r\n );\r\n};\r\n\r\nexport default SidebarLicence;\r\n","import React, { Fragment } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport SidebarField from \"./SidebarField\";\r\n\r\nconst SidebarUsers = (props) => {\r\n const {users} = props;\r\n const hasUsers = users !== undefined;\r\n const {t} = useTranslation('sidebar');\r\n\r\n return (\r\n <>\r\n {\r\n hasUsers &&\r\n users.map(user => {\r\n return (\r\n\r\n
\r\n \r\n {t(\"forms:partners.wizard.infoTitle\", { company: companyName })}\r\n \r\n {t(\"forms:partners.wizard.infoSubtitle\")} \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default ProgressBar;","import styled from \"styled-components\";\r\nimport DashboardTheme from \"./DashboardTheme\";\r\n\r\nconst ListWrapper = styled.ul`\r\n list-style: none;\r\n padding: 0px;\r\n border-top:2px solid ${DashboardTheme.borderColor};\r\n margin: 0px;\r\n \r\n`;\r\n\r\nconst TitleContainer = styled.div`\r\n display: inline-block;\r\n font-size: 20px;\r\n padding: 24px;\r\n width:100%;\r\n`;\r\n\r\nconst Title = styled.div`\r\n font-size: 20px;\r\n font-weight: 500;\r\n display: inline;\r\n float: left;\r\n`;\r\n\r\nconst CountWrapper = styled.div`\r\n float: right;\r\n display: inline-block;\r\n position: relative;\r\n color: ${props => props.theme.primaryColor};\r\n`;\r\n\r\nconst ColumnContainer = styled.div`\r\n border-radius: 16px;\r\n background-color: white;\r\n box-shadow: 0 0 20px rgb(0 0 0 / 8%);\r\n`;\r\n\r\nconst Item = styled.li`\r\n border-bottom: solid 1px #ECEDEF;\r\n font-size:12px; \r\n\r\n\r\n &.selected {\r\n background-color: #E9F2ED;\r\n font-size: 16px;\r\n font-weight: bold;\r\n }\r\n\r\n .parent {\r\n padding: 14px 24px;\r\n cursor: pointer;\r\n \r\n span {\r\n color: black;\r\n font-weight: 500;\r\n \r\n }\r\n } \r\n\r\n .content {\r\n padding: 10px 40px;\r\n\r\n a, span {\r\n color:${p => p.theme.secondaryColor};\r\n text-decoration: none;\r\n \r\n &:hover {\r\n color: ${(p) => p.theme.primaryColorHover};\r\n }\r\n }\r\n } \r\n`;\r\n\r\nconst Content = styled.div`\r\n padding: 14px 40px;\r\n`;\r\n\r\nconst Detail = styled.div`\r\n display: inline;\r\n vertical-align: middle;\r\n \r\n a {\r\n padding-left: 12px;\r\n text-decoration: none; \r\n }\r\n\r\n span {\r\n color: black;\r\n font-weight: 500;\r\n \r\n }\r\n`;\r\n\r\n\r\nconst Metric = styled.span`\r\n float: right;\r\n\r\n`;\r\n\r\nconst Menu = {\r\n ListWrapper: ListWrapper,\r\n TitleContainer: TitleContainer,\r\n ColumnContainer: ColumnContainer,\r\n Item: Item,\r\n Content: Content,\r\n Detail: Detail,\r\n Metric: Metric,\r\n Title: Title,\r\n CountWrapper: CountWrapper\r\n};\r\n\r\nexport default Menu;","import React from \"react\";\r\nimport Menu from \"../../../../../components/dashboard/Menu\";\r\nimport { NavLink } from \"react-router-dom\";\r\n\r\nconst ChildrenItems = ({ data }) => {\r\n return ( \r\n \r\n \r\n
\r\n \r\n \r\n {\r\n item.url ? \r\n \r\n {item.name}\r\n :\r\n {item.name}\r\n }\r\n \r\n {item.count}\r\n \r\n \r\n
\r\n \r\n ))\r\n }\r\n \r\n \r\n \r\n {\r\n item.url ? \r\n \r\n {item.name}\r\n \r\n :\r\n {item.name}\r\n }\r\n \r\n {item.count}\r\n \r\n \r\n
\r\n\r\n {\r\n item.items && hasChildren && (\r\n \r\n {\r\n item.name && payload.length > 1 ? `${item.name}: ` : null\r\n }\r\n\r\n {`${isInt ? item.value : item.value.toFixed(2)} ${unit ? unit : \"\"}`}\r\n
\r\n \r\n )\r\n}\r\n\r\n\r\nconst CustomTooltip = ({ active, payload, label, unit, colors, isInt, showDrillDown }) => {\r\n const { t } = useTranslation();\r\n if (active && payload && payload.length) {\r\n return (\r\n <>\r\n \r\n \r\n {isInt && isInt== true ? item.value: parseFloat(item.value).toFixed(2)} {hideUnit? '': (unit? unit: 'kg')} {item.suffix}\r\n \r\n
\r\n \r\n
\r\n \r\n {t(\"screens:certificates.companyInfo\")}\r\n
\r\n - \r\n
- \r\n {t(\r\n \"screens:certificates.companyList.installation\"\r\n )}\r\n \r\n
- \r\n {t(\r\n \"screens:certificates.companyList.maintenance\"\r\n )}\r\n \r\n
- \r\n {t(\r\n \"screens:certificates.companyList.recovery\"\r\n )}\r\n \r\n
- \r\n {t(\r\n \"screens:certificates.companyList.decommissioning\"\r\n )}\r\n \r\n
\r\n {t(\r\n \"screens:certificates.companyFullCert.info\"\r\n )}\r\n
\r\n - \r\n
- \r\n {t(\r\n \"screens:certificates.companyFullCert.personel\"\r\n )}\r\n \r\n
- \r\n {t(\r\n \"screens:certificates.companyFullCert.tools\"\r\n )}\r\n \r\n
\r\n
\r\n \r\n {t(\r\n \"screens:certificates.personalCertInfo.allTechnicians\"\r\n )}\r\n
\r\n \r\n {t(\r\n \"screens:certificates.personalCertInfo.requirement\"\r\n )}\r\n
\r\n \r\n {t(\r\n \"screens:certificates.personalCertInfo.qualification\"\r\n )}\r\n
\r\n \r\n {t(\r\n \"screens:certificates.personalCertInfo.regulation\"\r\n )}\r\n
\r\n - \r\n
- \r\n {t(\r\n \"screens:certificates.personalList.regulations\"\r\n )}\r\n \r\n
- \r\n {t(\r\n \"screens:certificates.personalList.emission\"\r\n )}\r\n \r\n
- \r\n {t(\r\n \"screens:certificates.personalList.recovery\"\r\n )}\r\n \r\n
- \r\n {t(\r\n \"screens:certificates.personalList.handling\"\r\n )}\r\n \r\n
- \r\n {t(\r\n \"screens:certificates.personalList.information\"\r\n )}\r\n \r\n
- \r\n {Object.keys(\r\n marketplaceCountsDataState.data\r\n .extractedGasPerType\r\n ).map((t) => {\r\n return (\r\n
- \r\n {t}:{\" \"}\r\n {\r\n marketplaceCountsDataState.data\r\n .extractedGasPerType[t]\r\n }{\" \"}\r\n kg\r\n \r\n );\r\n })}\r\n
- \r\n {Object.keys(\r\n marketplaceCountsDataState.data\r\n .publishedGasPerType\r\n ).map((t) => {\r\n return (\r\n
- \r\n {t}:{\" \"}\r\n {\r\n marketplaceCountsDataState.data\r\n .publishedGasPerType[t]\r\n }{\" \"}\r\n kg\r\n \r\n );\r\n })}\r\n
\r\n
- \r\n {Object.keys(\r\n marketplaceCountsDataState.data\r\n .averageAcceptedGradeAPricePerGasType\r\n ).map((t) => {\r\n return (\r\n
- \r\n {t}:{\" \"}\r\n {\r\n marketplaceCountsDataState.data\r\n .averageAcceptedGradeAPricePerGasType[\r\n t\r\n ]\r\n }\r\n \r\n );\r\n })}\r\n
\r\n
- \r\n {Object.keys(\r\n marketplaceCountsDataState.data\r\n .averageAcceptedGradeBPricePerGasType\r\n ).map((t) => {\r\n return (\r\n
- \r\n {t}:{\" \"}\r\n {\r\n marketplaceCountsDataState.data\r\n .averageAcceptedGradeBPricePerGasType[\r\n t\r\n ]\r\n }\r\n \r\n );\r\n })}\r\n
\r\n
- \r\n {Object.keys(\r\n marketplaceCountsDataState.data\r\n .averageAcceptedGradeCPricePerGasType\r\n ).map((t) => {\r\n return (\r\n
- \r\n {t}:{\" \"}\r\n {\r\n marketplaceCountsDataState.data\r\n .averageAcceptedGradeCPricePerGasType[\r\n t\r\n ]\r\n }\r\n \r\n );\r\n })}\r\n
\r\n
- \r\n {\r\n results.map((option, idx) => (\r\n
- \r\n {option}\r\n \r\n ))}\r\n
{title}
\r\n \r\n handlePrev(ev)}\r\n />\r\n {captions[state.idx] || \"\"}\r\n handleNext(ev)}\r\n />\r\n
\r\n \r\n {sku.extractions.map((ex, idx) => (\r\n \r\n {++exCnt} \r\n \r\n ))}\r\n
\r\n ) : (\r\n \r\n \r\n ${t(\"actions:download\")}\r\n `}\r\n />\r\n\r\n
\r\n \r\n {!sku.saIsContaminated &&\r\n !sku.saIsMixture &&\r\n !sku.saHasR22 && (\r\n \r\n N/A \r\n \r\n {t(\"actions:noContamination\")}\r\n \r\n \r\n )}\r\n\r\n {sku.saIsContaminated && (\r\n \r\n {++cnt} \r\n \r\n {t(\"screens:stock.aGradeText\")}\r\n \r\n \r\n )}\r\n {sku.saIsMixture && (\r\n \r\n {++cnt} \r\n \r\n {t(\"screens:stock.bGradeText\")}\r\n \r\n \r\n )}\r\n {sku.saHasR22 && (\r\n \r\n {++cnt} \r\n \r\n {t(\"screens:stock.cGradeText\")}\r\n \r\n \r\n )}\r\n
\r\n );\r\n })}\r\n \r\n \r\n )}\r\n\r\n \r\n \r\n {t(\"label.placeBid\")}\r\n \r\n
\r\n )}\r\n \r\n )}\r\n \r\n );\r\n};\r\n\r\nexport default MarketplaceDetailSideBar;\r\n","import PropTypes from \"prop-types\";\r\nimport React, { useRef, useEffect } from \"react\";\r\nimport { MoneyContent, InputWrapper } from \"../Stylings\";\r\nimport { Input, Label, ValidationError } from \"./index\";\r\n\r\nconst allowedKeys = [\"-\", \"0\", \"1\", \"2\", \"3\", \"4\", \"5\", \"6\", \"7\", \"8\", \"9\"];\r\n\r\nconst MoneyInputElement = (props) => {\r\n let {\r\n labelText,\r\n name,\r\n id,\r\n values,\r\n handleChange,\r\n handleBlur,\r\n wrapperVariant,\r\n disabled,\r\n style,\r\n positive,\r\n formik,\r\n grade,\r\n type,\r\n currencyLabel = \"EUR\\\\kg\",\r\n ...rest\r\n } = props;\r\n\r\n let value = props.value\r\n ? props.value\r\n : formik.values && formik.values[name];\r\n let error = formik.errors[name];\r\n let isTouched = formik.touched[name];\r\n\r\n let inputVal = value || \"0.00\";\r\n if (typeof inputVal === \"number\" && isFinite(inputVal))\r\n inputVal = inputVal.toFixed(2);\r\n\r\n const inputRef = useRef();\r\n\r\n const handleKeyDown = (ev) => {\r\n if (ev.keyCode === 9) return true;\r\n ev.preventDefault();\r\n\r\n if (ev.keyCode === 8 || ev.keyCode === 46) {\r\n if (Number(inputRef.current.value) < 0.1) {\r\n inputRef.current.value = \"0.00\";\r\n } else\r\n inputRef.current.value = (\r\n Number(inputRef.current.value) / 10\r\n ).toFixed(2);\r\n } else if (allowedKeys.indexOf(ev.key) >= 0) {\r\n if (ev.key === \"-\") {\r\n if (!positive)\r\n inputRef.current.value = (-Number(\r\n inputRef.current.value\r\n )).toFixed(2);\r\n } else\r\n inputRef.current.value = (\r\n Number(inputRef.current.value) * 10 +\r\n Number(ev.key) / 100\r\n ).toFixed(2);\r\n }\r\n };\r\n return (\r\n \r\n {t(\"forms:bid.wizard.totalBids\", {\r\n gasType: offer.refrigerantGasTypeCode,\r\n })}{\" \"}\r\n :\r\n
\r\n\r\n\r\n + {t(\"filters:company.vat\")} (\r\n {vatInfo.percString}%)\r\n
\r\n \r\n + {t(\"filters:company.vat\")} (\r\n {vatInfo.percString}%)\r\n
\r\n \r\n + {t(\"filters:company.vat\")} (\r\n {vatInfo.percString}%)\r\n
\r\n \r\n \r\n {t(\"forms:bid.wizard.infoTitle\")}\r\n \r\n \r\n {t(\"forms:bid.wizard.infoText\")}\r\n
\r\n {t(\"forms:bid.wizard.infoText2\")}\r\n \r\n
\r\n \r\n {t(\"forms:bid.wizard.infoText2\")}\r\n
\r\n \r\n {t(\"forms:bid.wizard.infoTitle\")}\r\n \r\n \r\n {t(\"forms:bid.wizard.infoText\")}\r\n
\r\n {t(\"forms:bid.wizard.infoText2\")}\r\n \r\n
\r\n \r\n {t(\"forms:bid.wizard.infoText2\")}\r\n
{t(\"actions:dialogs.unPublishOffer.text\")}
\r\n\r\n {modalProps.modal &&\r\n modalProps.modal.original &&\r\n `${\r\n modalProps.modal.original.refrigerantGasTypeCode\r\n } | ${modalProps.modal.original.quantity?.toFixed(2)} kg | ${\r\n modalProps.modal.original.pressumedGradeName\r\n } | ${\r\n modalProps.modal.original.analysisDone === \"False\"\r\n ? t(\"filters:analysis.selfAssessment\")\r\n : t(\"filters:analysis.measurement\")\r\n }`}\r\n
\r\n\r\n 0 ? \"block\" : \"none\",\r\n }}\r\n onClick={() => toggleMultipleBids(selectedRows)}\r\n className=\"primary\"\r\n >\r\n {t(\"marketplace.button.placeMultipleBids\")}\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default MarketplaceListing;\r\n","import { useEffect, useState, useMemo } from \"react\";\r\nimport useImmerReducer from \"../../../../hooks/_shared/useImmerReducer\";\r\nimport usePageChange from \"../../../../hooks/_shared/usePageChange\";\r\nimport StockService from \"../../../../services/Stock/StockService\";\r\n\r\nconst actionTypes = {\r\n SET_GAS_TYPE: \"SET_GAS_TYPE\",\r\n RESET_GAS_TYPE: \"RESET_GAS_TYPE\",\r\n SET_GAS_QUANTITY_FROM: \"SET_GAS_QUANTITY_FROM\",\r\n RESET_GAS_QUANTITY_FROM: \"RESET_GAS_QUANTITY_FROM\",\r\n SET_GAS_QUANTITY_TO: \"SET_GAS_QUANTITY_TO\",\r\n RESET_GAS_QUANTITY_TO: \"RESET_GAS_QUANTITY_TO\",\r\n SET_OFFER_CREATION__DATE_FROM: \"SET_OFFER_CREATION__DATE_FROM\",\r\n RESET_OFFER_CREATION__DATE_FROM: \"RESET_OFFER_CREATION__DATE_FROM\",\r\n SET_OFFER_CREATION__DATE_TO: \"SET_OFFER_CREATION__DATE_TO\",\r\n RESET_OFFER_CREATION__DATE_TO: \"RESET_OFFER_CREATION__DATE_TO\",\r\n SET_OFFER_STATUS: \"SET_OFFER_STATUS\",\r\n\r\n SET_SORT: \"SET_SORT\",\r\n RESET_SORT: \"RESET_SORT\",\r\n RESET_FILTERS: \"RESET_FILTERS\",\r\n SET_PAGING: \"SET_PAGING\",\r\n};\r\n\r\nconst reducer = (state, action) => {\r\n if (\r\n (action.type !== actionTypes.SET_PAGING) \r\n )\r\n state.page = 1;\r\n switch (action.type) {\r\n case \"SET_PAGING\":\r\n state.page = action.payload.pageIndex + 1;\r\n state.pageSize = action.payload.pageSize;\r\n break;\r\n case \"SET_SORT\":\r\n state.orderColumn = action.payload[0].id;\r\n state.descending = action.payload[0].desc;\r\n break;\r\n case \"RESET_SORT\":\r\n state.orderColumn = \"\";\r\n state.descending = true;\r\n break;\r\n case actionTypes.RESET_FILTERS:\r\n state.filter={};\r\n break;\r\n case actionTypes.SET_GAS_TYPE:\r\n state.filter.gasType = action.payload;\r\n break;\r\n case actionTypes.RESET_GAS_TYPE:\r\n delete state.filter.gasType;\r\n break;\r\n case actionTypes.SET_GAS_QUANTITY_FROM:\r\n state.filter.gasQuantityFrom = Number(action.payload);\r\n break;\r\n case actionTypes.RESET_GAS_QUANTITY_FROM:\r\n delete state.filter.gasQuantityFrom;\r\n break;\r\n case actionTypes.SET_GAS_QUANTITY_TO:\r\n state.filter.gasQuantityTo = Number(action.payload);\r\n break;\r\n case actionTypes.RESET_GAS_QUANTITY_TO:\r\n delete state.filter.gasQuantityTo;\r\n break;\r\n case actionTypes.SET_OFFER_CREATION__DATE_FROM:\r\n state.filter.dateFrom = action.payload;\r\n break;\r\n case actionTypes.RESET_OFFER_CREATION__DATE_FROM:\r\n delete state.filter.dateFrom;\r\n break;\r\n case actionTypes.SET_OFFER_CREATION__DATE_TO:\r\n state.filter.dateTo = action.payload;\r\n break;\r\n case actionTypes.RESET_OFFER_CREATION__DATE_TO:\r\n delete state.filter.dateTo;\r\n break;\r\n case actionTypes.SET_OFFER_STATUS:\r\n state.reclaimedOfferStatus = Number(action.payload);\r\n break;\r\n default:\r\n break;\r\n }\r\n};\r\n\r\nconst useReclaimedMarketFilterState = (reclaimedOfferStatus=0) => {\r\n const [filterState, dispatch] = useImmerReducer(reducer, {\r\n filter: {},\r\n reclaimedOfferStatus: reclaimedOfferStatus,\r\n page: 1,\r\n pageSize: 10,\r\n orderColumn: \"offerDateTime\",\r\n descending: false,\r\n totalPages: 1,\r\n });\r\n\r\n const [gasTypes, setGasTypes] = useState([]);\r\n\r\n const sortChange = (sortBy) => {\r\n sortBy.length > 0\r\n ? dispatch({ type: actionTypes.SET_SORT, payload: sortBy })\r\n : dispatch({ type: actionTypes.RESET_SORT });\r\n };\r\n\r\n const currentSortBy = useMemo(() => {\r\n return [{ id: filterState.orderColumn, desc: filterState.descending }];\r\n }, [filterState.orderColumn, filterState.descending]);\r\n\r\n useEffect(() => {\r\n const getGasTypes = async () => {\r\n try {\r\n setGasTypes(await StockService.getRefrigerantTypes());\r\n } catch (ex) {}\r\n };\r\n getGasTypes();\r\n }, []);\r\n\r\n const pageChange = usePageChange(dispatch, filterState);\r\n\r\n return [\r\n filterState,\r\n dispatch,\r\n actionTypes,\r\n sortChange,\r\n currentSortBy,\r\n pageChange,\r\n gasTypes,\r\n ];\r\n};\r\n\r\nexport default useReclaimedMarketFilterState;\r\n","import React from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport ClearableInput from \"../../../../components/elements/form-elements/ClearableInput\";\r\nimport Label from \"../../../../components/elements/form-elements/Label\";\r\nimport Select from \"../../../../components/elements/form-elements/Select\";\r\nimport Filters from \"../../../../components/filter/Filters\";\r\nimport useDebouncedCallback from \"../../../../hooks/_shared/useDebouncedCallback\";\r\nimport { DateTimePicker } from \"../../../../components/elements/form-elements/DatePicker\";\r\nimport helpers from \"../../../../core/helpers\";\r\n\r\nconst ReclaimMarketFilter = ({\r\n filterState={},\r\n dispatch,\r\n actionTypes,\r\n gasTypes = [],\r\n}) => {\r\n const { t } = useTranslation(\"filters\");\r\n const [quantityToChanged] = useDebouncedCallback((text) => {\r\n text\r\n ? dispatch({ type: actionTypes.SET_GAS_QUANTITY_TO, payload: text.trim() })\r\n : dispatch({\r\n type: actionTypes.RESET_GAS_QUANTITY_TO,\r\n payload: text,\r\n });\r\n });\r\n\r\n const [quantityFromChanged] = useDebouncedCallback((text) => {\r\n text\r\n ? dispatch({\r\n type: actionTypes.SET_GAS_QUANTITY_FROM,\r\n payload: text.trim(),\r\n })\r\n : dispatch({\r\n type: actionTypes.RESET_GAS_QUANTITY_FROM,\r\n payload: text,\r\n });\r\n });\r\n\r\n\r\n return (\r\n \r\n \r\n purchaseAction && purchaseAction()\r\n }\r\n className=\"primary\"\r\n >\r\n {t(\"actions:purchase\")}\r\n \r\n
\r\n )}\r\n {isDistributor &&\r\n offer &&\r\n offer.status === 2 &&\r\n showCancel && (\r\n \r\n \r\n cancelAction &&\r\n cancelAction({ data: offer })\r\n }\r\n className=\"primary\"\r\n >\r\n {t(\"actions:cancel\")}\r\n \r\n
\r\n )}\r\n \r\n )}\r\n \r\n );\r\n};\r\n\r\nexport default ReclaimedMarketSidebar;\r\n","import { config } from \"../Config/config.prod\";\r\nimport api, { apiResult } from \"../getAxios\";\r\n\r\nconst PaymentService = {\r\n getMyBankAccounts: async () => {\r\n let res = (await api.get(config.apiUrl.getMyBankAccounts)).data.data;\r\n return res;\r\n },\r\n createBankAccount: async (values) => {\r\n return apiResult(api.post(config.apiUrl.createBankAccount, values));\r\n },\r\n deactivateBankAccount: async (bankAccountId) => {\r\n return await api.post(\r\n config.apiUrl.deactivateBankAccount,\r\n bankAccountId\r\n );\r\n },\r\n getMyKYCDocuments: async () => {\r\n return (await api.get(config.apiUrl.getMyKYCDocuments)).data.data;\r\n },\r\n\r\n getMyUbos: async () => {\r\n return (await api.get(config.apiUrl.getMyUbos)).data.data;\r\n },\r\n\r\n addMyUbo: async (values) => {\r\n return apiResult(api.post(config.apiUrl.addUbo, values));\r\n },\r\n updateUbo: async (values) => {\r\n return apiResult(api.put(config.apiUrl.updateUbo, values));\r\n },\r\n deleteUbo: async (values) => {\r\n return apiResult(api.put(config.apiUrl.deleteUbo, values));\r\n },\r\n submitUbo: async (values) => {\r\n return apiResult(api.put(config.apiUrl.submitUbo, values));\r\n },\r\n submitKYC: async (values) => {\r\n return apiResult(api.post(config.apiUrl.submitKYC, {KYCDocumentIds:values}));\r\n },\r\n \r\n addKYCDocument: async (values) => {\r\n return apiResult(api.post(config.apiUrl.addKYCDocument, values));\r\n },\r\n getMyWallets: async () => {\r\n return (await api.get(config.apiUrl.getMyWallets)).data.data;\r\n },\r\n getMyTransactions: async (values) => {\r\n return (await api.post(config.apiUrl.getMyTransactions, values)).data;\r\n },\r\n getMyGroupedTransactions: async (values) => {\r\n return (await api.post(config.apiUrl.getMyGroupedTransactions, values)).data;\r\n },\r\n getMyInvoices: async (values) => {\r\n return (await api.post(config.apiUrl.getMyInvoices, values)).data;\r\n },\r\n getMyDocuments: async (values) => {\r\n return (await api.post(config.apiUrl.getMyDocuments, values)).data;\r\n },\r\n downloadMyDocuments: async (documentIds) => {\r\n return apiResult(\r\n api.post(\r\n config.apiUrl.downloadMyDocuments,\r\n {\r\n documentIds: documentIds\r\n },\r\n {\r\n responseType: \"arraybuffer\",\r\n }\r\n )\r\n );\r\n },\r\n payout: async (values) => {\r\n return apiResult(api.post(config.apiUrl.payout, values));\r\n },\r\n getTransactionsFromMango: async () => {\r\n return apiResult(api.post(config.apiUrl.getTransactionsFromMango, {}));\r\n },\r\n downloadTransactionsFromMango: async (filter) => {\r\n return apiResult(\r\n api.post(\r\n config.apiUrl.downloadMyTransactions,\r\n {filter},\r\n {\r\n responseType: \"arraybuffer\",\r\n }\r\n )\r\n );\r\n },\r\n getTransactionDetails: async (paidFor, bidId) => {\r\n return apiResult(\r\n api.post(config.apiUrl.getTransactionDetails, {\r\n paidFor: paidFor,\r\n bidId: bidId,\r\n })\r\n );\r\n },\r\n getTransactionDetailsById: async (id) => {\r\n return apiResult(\r\n api.post(config.apiUrl.getTransactionDetailsById, { id: id })\r\n );\r\n },\r\n topUp: async (values) => {\r\n const res = apiResult(api.post(config.apiUrl.topUp, values));\r\n return res;\r\n },\r\n transactionDetails: async (transactionId) => {\r\n return apiResult(\r\n api.post(config.apiUrl.transactionDetails, {\r\n transactionId,\r\n })\r\n );\r\n },\r\n getReclaimTransactionDetails: async (reclaimedOfferId) => {\r\n return apiResult(\r\n api.post(config.apiUrl.getReclaimTransactionDetails, {\r\n reclaimedOfferId\r\n })\r\n );\r\n },\r\n};\r\n\r\nexport default PaymentService;\r\n","const PaymentType = {\r\n \"BankWireDirectPayIn\": \"0\",\r\n \"MainWalletToTransaction\": \"1\"\r\n};\r\n\r\nexport default PaymentType;\r\n","import React from \"react\";\r\nimport { NavLink } from \"react-router-dom\";\r\nimport styled from \"styled-components\";\r\n\r\nconst Link = styled(NavLink)`\r\n &.big {\r\n font-size: 20px !important;\r\n }\r\n\r\n &.signup {\r\n @media ${(p) => p.theme.device.mobile} {\r\n margin: 30px 0px 10px;\r\n }\r\n }\r\n\r\n &.forgotten-password {\r\n color: ${(props) => props.theme.secondaryColor};\r\n text-align: center;\r\n text-decoration: none;\r\n display: inline-block;\r\n margin-top: 20px;\r\n font-weight: 700;\r\n font-size: 14px;\r\n }\r\n\r\n &.primary {\r\n color: ${(props) => props.theme.primaryColor};\r\n text-align: center;\r\n text-decoration: none;\r\n display: inline-block;\r\n font-weight: normal;\r\n }\r\n\r\n &.primary:hover {\r\n text-decoration: underline;\r\n }\r\n\r\n &.secondary {\r\n color: ${(props) => props.theme.secondaryColor};\r\n text-align: center;\r\n text-decoration: none;\r\n display: inline-block;\r\n font-weight: 600;\r\n }\r\n\r\n &.secondary:hover {\r\n text-decoration: underline;\r\n }\r\n\r\n &.forgotten-password:hover,\r\n &.signup:hover {\r\n color: ${(p) => p.theme.primaryColorHover};\r\n }\r\n\r\n &.inline-button {\r\n cursor: pointer;\r\n color: ${(props) => props.theme.primaryColor};\r\n box-sizing: border-box;\r\n text-align: center;\r\n text-decoration: none;\r\n min-width: ${(props) => props.theme.widthButtonMin};\r\n }\r\n`;\r\n\r\nconst NavigationLink = ({ to, children, className, ...rest }) => {\r\n return (\r\n \r\n {children}\r\n \r\n );\r\n};\r\n\r\nexport default NavigationLink;\r\n","import React from \"react\";\r\nimport {\r\n CheckMark,\r\n RadioGroup,\r\n RadioLabel,\r\n RadioWrapper,\r\n} from \"../../../../../components/elements/form-elements/Radio\";\r\nimport PaymentService from \"../../../../../services/Payment/PaymentService\";\r\nimport {\r\n InfoText,\r\n InfoTitle,\r\n InfoWrapper,\r\n RoundInfo,\r\n Separator,\r\n KeyText,\r\n ValueText,\r\n VSpace,\r\n PrimarySpan,\r\n} from \"../../../../../components/modal/components/WizardStyling\";\r\nimport ValidationError from \"../../../../../components/elements/form-elements/ValidationError\";\r\nimport helpers from \"../../../../../core/helpers\";\r\nimport PaymentType from \"../../../../../core/enums/PaymentType\";\r\nimport Globals from \"../../../../../globalVars\";\r\nimport NavigationLink from \"../../../../../components/elements/links/NavigationLink\";\r\nimport ModalWizard from \"../../../../../components/modal/ModalWizard\";\r\n\r\nconst defaultInitialValues = {\r\n paymentMethod: PaymentType.MainWalletToTransaction,\r\n};\r\n\r\nconst WizardPayForOffer = (\r\n t,\r\n currentLanguage,\r\n currency,\r\n price,\r\n offerInfo = \"\",\r\n offerer = true,\r\n customTitle = \"\",\r\n contentTitle = \"\",\r\n customInfo = \"\",\r\n bidCompanyCountryId\r\n) => {\r\n price = Number(price);\r\n let vatPercentage = Globals.VATPercentage;\r\n let vatPercString = Globals.VATPercString;\r\n if (\r\n bidCompanyCountryId !== undefined &&\r\n Globals.userCountryId !== bidCompanyCountryId\r\n ) {\r\n vatPercentage = 1;\r\n vatPercString = \"0\";\r\n }\r\n\r\n const vatOnly = ((vatPercentage - 1) * price).toFixed(2);\r\n const withVat = (vatPercentage * price).toFixed(2);\r\n return {\r\n title: t(\"forms:payForOffer.wizard.payIn\"),\r\n // title: customTitle\r\n // ? customTitle\r\n // : offerer\r\n // ? t(\"forms:payForOffer.wizard.offerer.title\")\r\n // : t(\"forms:payForOffer.wizard.buyer.title\"),\r\n initialValues: defaultInitialValues,\r\n steps: [\r\n {\r\n name: customTitle\r\n ? customTitle\r\n : offerer\r\n ? t(\"forms:payForOffer.wizard.payInCgrade\")\r\n : t(\"forms:payForOffer.wizard.payInAgrade\"),\r\n fieldNames: [\"paymentMethod\"],\r\n onStepRender: async (props) => {\r\n // get wallet\r\n let wallets = await PaymentService.getMyWallets();\r\n let walletBalance = 0;\r\n\r\n if (wallets && wallets.length > 0) {\r\n let mainWallet = wallets.filter(\r\n (w) => w.tag === \"MAIN\"\r\n );\r\n if (mainWallet) {\r\n walletBalance = mainWallet[0].amount;\r\n }\r\n }\r\n let remainingBalance =\r\n walletBalance - price * vatPercentage;\r\n\r\n props.updatePropertyBag({\r\n walletBalanceExceeded:\r\n walletBalance < price * vatPercentage,\r\n walletBalance: helpers.formatCurrency(\r\n walletBalance,\r\n \"\",\r\n \"EUR\"\r\n ),\r\n remainingBalance: helpers.formatCurrency(\r\n remainingBalance,\r\n \"\",\r\n \"EUR\"\r\n ),\r\n });\r\n return walletBalance < price * vatPercentage;\r\n },\r\n onStepSubmit: ({ propertyBag }) => {\r\n return !propertyBag.walletBalanceExceeded;\r\n },\r\n fields: (formik, propertyBag) => {\r\n return (\r\n <>\r\n {propertyBag.walletBalanceExceeded ? (\r\n \r\n \r\n {t(\r\n \"forms:payForOffer.wizard.noFunds\"\r\n )}\r\n \r\n \r\n {customInfo\r\n ? customInfo\r\n : t(\r\n \"forms:payForOffer.wizard.noFundsInfo\"\r\n )}\r\n \r\n {\r\n ModalWizard.hide();\r\n }}\r\n >\r\n {t(\r\n \"forms:payForOffer.wizard.gotoMyWallets\"\r\n )}\r\n \r\n
\r\n \r\n \r\n {t(\r\n \"forms:payForOffer.wizard.newPayment\"\r\n )}\r\n \r\n \r\n {customInfo\r\n ? customInfo\r\n : t(\r\n \"forms:payForOffer.wizard.deductedAmount\"\r\n )}\r\n \r\n
\r\n \r\n \r\n {contentTitle\r\n ? contentTitle\r\n : offerer\r\n ? t(\r\n \"forms:payForOffer.wizard.cGradeDeposit\"\r\n )\r\n : t(\r\n \"forms:payForOffer.wizard.aGradeDeposit\"\r\n )}\r\n \r\n
\r\n \r\n \r\n {t(\r\n \"forms:payForOffer.wizard.mainBallance\"\r\n )}\r\n \r\n \r\n {propertyBag.walletBalance}\r\n \r\n
\r\n \r\n \r\n {offerInfo}\r\n \r\n \r\n -{price.toFixed(2)} EUR\r\n \r\n
\r\n \r\n {`${t(\r\n \"filters:company.vat\"\r\n )} (${vatPercString}%)`} \r\n \r\n -{vatOnly} EUR\r\n \r\n
\r\n \r\n \r\n {t(\"table:headers.total\")}:\r\n \r\n \r\n -{withVat} EUR\r\n \r\n
\r\n\r\n {!propertyBag.walletBalanceExceeded && (\r\n <>\r\n \r\n \r\n {t(\r\n \"forms:payForOffer.wizard.newMainBalance\"\r\n )}\r\n :\r\n \r\n \r\n {propertyBag.remainingBalance}\r\n \r\n
{\" \"}\r\n \r\n )}\r\n \r\n {item.label}\r\n
\r\n ![\"camera\"](\"/images/shared/camera.svg\")
}\r\n \r\n {labelText}\r\n
\r\n ) : (\r\n \r\n {t(\"actions:deletePicture\")}\r\n
\r\n )\r\n\r\n return (\r\n \r\n
\r\n {fullName || nameLabel}
\r\n {!disabled && \r\n {t(\"title.noInformation\")}\r\n
\r\n );\r\n\r\n return userLicences.map((lic) => (\r\n\r\n
\r\n \r\n {t(\r\n \"screens:certificates.personalCertInfo.allTechnicians\"\r\n )}\r\n
\r\n \r\n {t(\r\n \"screens:certificates.personalCertInfo.requirement\"\r\n )}\r\n
\r\n \r\n {t(\r\n \"screens:certificates.personalCertInfo.qualification\"\r\n )}\r\n
\r\n \r\n {t(\r\n \"screens:certificates.personalCertInfo.regulation\"\r\n )}\r\n
\r\n - \r\n
- \r\n {t(\r\n \"screens:certificates.personalList.regulations\"\r\n )}\r\n \r\n
- \r\n {t(\r\n \"screens:certificates.personalList.emission\"\r\n )}\r\n \r\n
- \r\n {t(\r\n \"screens:certificates.personalList.recovery\"\r\n )}\r\n \r\n
- \r\n {t(\r\n \"screens:certificates.personalList.handling\"\r\n )}\r\n \r\n
- \r\n {t(\r\n \"screens:certificates.personalList.information\"\r\n )}\r\n \r\n
\r\n Location name: {location.locationName}\r\n
\r\n Address: {location.address || location.street}{\" \"}\r\n {location.postalCode} {location.city}\r\n
\r\n\r\n Get Directions\r\n \r\n
\r\n \r\n Address: {location.address || location.street}{\" \"}\r\n {location.postalCode} {location.city}\r\n
\r\n
\r\n
\r\n \r\n \r\n {t(\"clients.details.address\")}\r\n \r\n\r\n \r\n {details.street ? (\r\n <>\r\n {details.street}\r\n
\r\n \r\n ) : (\r\n <>\r\n -\r\n
\r\n \r\n )}\r\n {details.postalCode || details.city ? (\r\n <>\r\n {details.postalCode} {details.city}\r\n
\r\n \r\n ) : (\r\n <>\r\n -\r\n
\r\n \r\n )}\r\n {details.countryName ? details.countryName : \"-\"}\r\n \r\n \r\n\r\n \r\n \r\n {t(\"clients.details.contact\")}\r\n \r\n\r\n \r\n {details.contactPersonFirstName ||\r\n details.contactPersonLastName ? (\r\n <>\r\n {details.contactPersonFirstName}{\" \"}\r\n {details.contactPersonLastName}\r\n
\r\n \r\n ) : (\r\n <>\r\n -\r\n
\r\n \r\n )}\r\n\r\n {details.email ? (\r\n <>\r\n {details.email}\r\n
\r\n \r\n ) : (\r\n <>\r\n -\r\n
\r\n \r\n )}\r\n\r\n {details.phoneNumber ? (\r\n <>\r\n {details.phoneNumber}\r\n
\r\n \r\n ) : (\r\n <>\r\n -\r\n
\r\n \r\n )}\r\n \r\n \r\n\r\n
\r\n\r\n {currentLocationData && (\r\n \r\n \r\n ) : (\r\n <>\r\n -\r\n
\r\n \r\n )}\r\n {details.postalCode || details.city ? (\r\n <>\r\n {details.postalCode} {details.city}\r\n
\r\n \r\n ) : (\r\n <>\r\n -\r\n
\r\n \r\n )}\r\n {details.countryName ? details.countryName : \"-\"}\r\n
\r\n \r\n ) : (\r\n <>\r\n -\r\n
\r\n \r\n )}\r\n\r\n {details.email ? (\r\n <>\r\n {details.email}\r\n
\r\n \r\n ) : (\r\n <>\r\n -\r\n
\r\n \r\n )}\r\n\r\n {details.phoneNumber ? (\r\n <>\r\n {details.phoneNumber}\r\n
\r\n \r\n ) : (\r\n <>\r\n -\r\n
\r\n \r\n )}\r\n
\r\n \r\n \r\n {t(\"clients.details.locationAddress\", {\r\n loc: currentLocationData.locationName\r\n ? currentLocationData.locationName\r\n : currentLocationData.street,\r\n })}\r\n \r\n \r\n {currentLocationData.street ? (\r\n <>\r\n {currentLocationData.street}\r\n
\r\n \r\n ) : (\r\n <>\r\n -\r\n
\r\n \r\n )}\r\n\r\n {currentLocationData.postalCode ||\r\n currentLocationData.city ? (\r\n <>\r\n {currentLocationData.postalCode}{\" \"}\r\n {currentLocationData.city}\r\n
\r\n \r\n ) : (\r\n <>\r\n -\r\n
\r\n \r\n )}\r\n\r\n {currentLocationData.countryName &&\r\n currentLocationData.countryName}\r\n \r\n \r\n \r\n \r\n {t(\"clients.details.locationContact\")}\r\n \r\n \r\n {currentLocationData.contactPersonFirstName ||\r\n currentLocationData.contactPersonLastName ? (\r\n <>\r\n {\r\n currentLocationData.contactPersonFirstName\r\n }{\" \"}\r\n {\r\n currentLocationData.contactPersonLastName\r\n }\r\n
\r\n \r\n ) : (\r\n <>\r\n -\r\n
\r\n \r\n )}\r\n\r\n {currentLocationData.email ? (\r\n <>\r\n {currentLocationData.email}\r\n
\r\n \r\n ) : (\r\n <>\r\n -\r\n
\r\n \r\n )}\r\n\r\n {currentLocationData.phoneNumber\r\n ? currentLocationData.phoneNumber\r\n : \"-\"}\r\n \r\n \r\n
\r\n )}\r\n\r\n \r\n \r\n ) : (\r\n <>\r\n -\r\n
\r\n \r\n )}\r\n\r\n {currentLocationData.postalCode ||\r\n currentLocationData.city ? (\r\n <>\r\n {currentLocationData.postalCode}{\" \"}\r\n {currentLocationData.city}\r\n
\r\n \r\n ) : (\r\n <>\r\n -\r\n
\r\n \r\n )}\r\n\r\n {currentLocationData.countryName &&\r\n currentLocationData.countryName}\r\n
\r\n \r\n ) : (\r\n <>\r\n -\r\n
\r\n \r\n )}\r\n\r\n {currentLocationData.email ? (\r\n <>\r\n {currentLocationData.email}\r\n
\r\n \r\n ) : (\r\n <>\r\n -\r\n
\r\n \r\n )}\r\n\r\n {currentLocationData.phoneNumber\r\n ? currentLocationData.phoneNumber\r\n : \"-\"}\r\n
\r\n \r\n {clientsLocations && (\r\n <>\r\n {clientsLocations.map((loc) => {\r\n return (\r\n \r\n
\r\n \r\n {t(\"forms:unit.newUnitInfoTitle\")} \r\n \r\n {t(\"forms:unit.newUnitInfoText\")}\r\n
\r\n {t(\"forms:unit.newUnitInfoText2\")}\r\n \r\n
\r\n \r\n {t(\"forms:unit.newUnitInfoText2\")}\r\n
\r\n {t(\"forms:clients.daikinSerialInfo\")} \r\n
\r\n {t(\"actions:dialogs.deleteLocation.text\")}
\r\n\r\n {selectedLocation &&\r\n `• ${selectedLocation.locationName} | ${selectedLocation.address} | ${selectedLocation.city}`}\r\n
\r\n\r\n
\r\n {unitData.description ? unitData.description : \"-\"}\r\n
\r\n \r\n\r\n {unitData.client && (\r\n\r\n \r\n \r\n handleTagCheck(ev, formik)\r\n }\r\n description={[t('forms:clients.reTagInfoText'), t('forms:clients.reTagInfoText2')]}\r\n {...formik}\r\n />\r\n \r\n
\r\n {t(\"actions:dialogs.deleteUnit.text\")}
\r\n\r\n •{\" \"}\r\n {selectedUnit &&\r\n `${selectedUnit[0].manufacturerName} | ${\r\n selectedUnit[0].applicationTypeName\r\n } ${t(\"application\")} | ${\r\n selectedUnit[0].capacity\r\n } kW | ${selectedUnit[0].refrigerantCode}`}\r\n
\r\n{t(\"actions:dialogs.deleteClient.text\")}
\r\n\r\n {selectedClient &&\r\n `• ${selectedClient.clientName} | ${selectedClient.vat}`}\r\n
\r\n\r\n \r\n {t(\r\n `screens:certificates.newCertWizard.${\r\n certType === \"Company\"\r\n ? \"infoTitleCompany\"\r\n : \"infoTitlePersonal\"\r\n }`\r\n )}\r\n \r\n \r\n {t(\r\n `screens:certificates.newCertWizard.${\r\n certType === \"Company\"\r\n ? \"infoTextCompany\"\r\n : \"infoTextPersonal\"\r\n }`\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n {t(\"screens:certificates.personalCertInfo.allTechnicians\")}\r\n
\r\n \r\n {t(\"screens:certificates.personalCertInfo.requirement\")}\r\n
\r\n \r\n {t(\"screens:certificates.personalCertInfo.qualification\")}\r\n
\r\n \r\n {t(\"screens:certificates.personalCertInfo.regulation\")}\r\n
\r\n - \r\n
- {t(\"screens:certificates.personalList.regulations\")} \r\n
- {t(\"screens:certificates.personalList.emission\")} \r\n
- {t(\"screens:certificates.personalList.recovery\")} \r\n
- {t(\"screens:certificates.personalList.handling\")} \r\n
- {t(\"screens:certificates.personalList.information\")} \r\n
{t(\"actions:dialogs.changeUsername.text\")}
\r\n\r\n \r\n {t('forms:employee.infoTitle')}\r\n \r\n
\r\n \r\n \r\n \r\n handleLicenceCheck(ev, formik)\r\n }\r\n description={[t('forms:employee.licenceCheckInfoText'), t('forms:employee.licenceCheckInfoText2')]}\r\n {...formik}\r\n />\r\n \r\n
\r\n \r\n
\r\n {t(\"actions:dialogs.deleteEmployee.text\")}
\r\n\r\n •{\" \"}\r\n {deleteThisEmployee.current &&\r\n deleteThisEmployee.current.length > 0\r\n ? `${deleteThisEmployee.current[0].fullName} | ${deleteThisEmployee.current[0].email}`\r\n : null}\r\n
\r\n\r\n
\r\n \r\n {t(\"screens:certificates.companyInfo\")}\r\n
\r\n - \r\n
- \r\n {t(\r\n \"screens:certificates.companyList.installation\"\r\n )}\r\n \r\n
- \r\n {t(\r\n \"screens:certificates.companyList.maintenance\"\r\n )}\r\n \r\n
- \r\n {t(\r\n \"screens:certificates.companyList.recovery\"\r\n )}\r\n \r\n
- \r\n {t(\r\n \"screens:certificates.companyList.decommissioning\"\r\n )}\r\n \r\n
\r\n {t(\r\n \"screens:certificates.companyFullCert.info\"\r\n )}\r\n
\r\n - \r\n
- \r\n {t(\r\n \"screens:certificates.companyFullCert.personel\"\r\n )}\r\n \r\n
- \r\n {t(\r\n \"screens:certificates.companyFullCert.tools\"\r\n )}\r\n \r\n
\r\n
\r\n \r\n {t(\r\n \"screens:certificates.personalCertInfo.allTechnicians\"\r\n )}\r\n
\r\n \r\n {t(\r\n \"screens:certificates.personalCertInfo.requirement\"\r\n )}\r\n
\r\n \r\n {t(\r\n \"screens:certificates.personalCertInfo.qualification\"\r\n )}\r\n
\r\n \r\n {t(\r\n \"screens:certificates.personalCertInfo.regulation\"\r\n )}\r\n
\r\n - \r\n
- \r\n {t(\r\n \"screens:certificates.personalList.regulations\"\r\n )}\r\n \r\n
- \r\n {t(\r\n \"screens:certificates.personalList.emission\"\r\n )}\r\n \r\n
- \r\n {t(\r\n \"screens:certificates.personalList.recovery\"\r\n )}\r\n \r\n
- \r\n {t(\r\n \"screens:certificates.personalList.handling\"\r\n )}\r\n \r\n
- \r\n {t(\r\n \"screens:certificates.personalList.information\"\r\n )}\r\n \r\n
\r\n {title} \r\n\r\n {text && {text} }\r\n {button}\r\n\r\n {redirect && (\r\n
\r\n \r\n {t(\r\n \"screens:userPassword.notifications.redirection\"\r\n )}{\" \"}\r\n {counter}\r\n
\r\n )}\r\n{t(\"actions:dialogs.changeLegalRepresentative.text\")}
\r\n\r\n \r\n \r\n \r\n \r\n {myBankAccounts.data && (\r\n {\r\n ModalWizard.show(IBANWizard(t, companyData), {\r\n onSubmit: async (values) => {\r\n const result =\r\n await PaymentService.createBankAccount(\r\n ModalWizard.asFormData(values)\r\n );\r\n if (result && result.error)\r\n toast.error(t(result.error.message));\r\n else {\r\n toast.success(\r\n t(\r\n \"actions:dialogs.createBankAccount.success\"\r\n )\r\n );\r\n ModalWizard.hide();\r\n await loadMyBankAccounts();\r\n }\r\n },\r\n onCancel: async () => {\r\n ModalWizard.hidePrompt();\r\n },\r\n });\r\n }}\r\n >\r\n {t(\"screens:payments.iban.btn\")}\r\n \r\n )}\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n {t(\"screens:payments.mangopay.frameworkAgreement\")}\r\n \r\n \r\n
\r\n {t(\"actions:dialogs.ibanDeactivate.singularTitle\")}
\r\n{t(\"actions:dialogs.ibanDeactivate.singularMessage\")}
\r\n\r\n \r\n {t(`forms:kyc.createDoc.${documentType}`)}\r\n \r\n {documentType === \"IDENTITY_PROOF\" && (\r\n \r\n \r\n )}\r\n {documentType === \"ARTICLES_OF_ASSOCIATION\" && (\r\n <>\r\n \r\n \r\n \r\n \r\n {\" \"}\r\n \r\n {t(\r\n \"forms:kyc.info.countries.czechRepublic\"\r\n )}\r\n \r\n \r\n \r\n {t(\r\n \"forms:kyc.info.articleOfAssociationCountry.czechRepublic\"\r\n )}\r\n \r\n \r\n \r\n \r\n {\" \"}\r\n \r\n {t(\r\n \"forms:kyc.info.countries.hungary\"\r\n )}\r\n \r\n \r\n \r\n {t(\r\n \"forms:kyc.info.articleOfAssociationCountry.hungary\"\r\n )}\r\n \r\n \r\n \r\n \r\n {\" \"}\r\n \r\n {t(\r\n \"forms:kyc.info.countries.slovakia\"\r\n )}\r\n \r\n \r\n \r\n {t(\r\n \"forms:kyc.info.articleOfAssociationCountry.slovakia\"\r\n )}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {\" \"}\r\n \r\n {t(\r\n \"forms:kyc.info.countries.czechRepublic\"\r\n )}\r\n \r\n \r\n \r\n {t(\r\n \"forms:kyc.info.regProofCountry.czechRepublic\"\r\n )}\r\n \r\n \r\n \r\n \r\n {\" \"}\r\n \r\n {t(\r\n \"forms:kyc.info.countries.hungary\"\r\n )}\r\n \r\n \r\n \r\n {t(\r\n \"forms:kyc.info.regProofCountry.hungary\"\r\n )}\r\n \r\n \r\n \r\n \r\n {\" \"}\r\n \r\n {t(\r\n \"forms:kyc.info.countries.slovakia\"\r\n )}\r\n \r\n \r\n \r\n {t(\r\n \"forms:kyc.info.regProofCountry.slovakia\"\r\n )}\r\n \r\n \r\n \r\n \r\n \r\n )}\r\n {documentType ===\r\n \"SHAREHOLDER_DECLARATION\" && (\r\n \r\n \r\n )}\r\n
\r\n \r\n {t(\"forms:kyc.info.pleaseRead\")}{\" \"}\r\n showGuide()}>\r\n {t(\"forms:kyc.info.guidelines\")}\r\n \r\n
\r\n \r\n \r\n {t(\"forms:ubo.info.title\")}\r\n\r\n \r\n \r\n {t(\"forms:ubo.info.text\")}\r\n \r\n
\r\n\r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n\r\n {declaration?.ubos && \r\n \r\n \r\n \r\n \r\n {\r\n canAddNew && isMasterAdmin && \r\n {\r\n ModalWizard.show(\r\n UboDeclarationWizard(\r\n t,\r\n null,\r\n false\r\n ),\r\n {\r\n onSubmit: handleCreateUbo,\r\n onCancel: async () => {\r\n\r\n ModalWizard.hidePrompt();\r\n },\r\n },\r\n\r\n {\r\n wide: true,\r\n style: { minHeight: \"720px\" },\r\n footerContent: t(\"forms:ubo.footerText\"),\r\n finishButtonText: t(\"forms:ubo.createUboButtonText\")\r\n }\r\n );\r\n }\r\n }\r\n >\r\n {t(\r\n \"screens:payments.ubo.createAnotherUbo\"\r\n )}\r\n \r\n \r\n }\r\n
\r\n\r\n {canCreateNewDeclaration && isMasterAdmin && {\r\n\r\n createNewDeclarationModal.toggleOpen();\r\n\r\n }}\r\n className=\"secondary--negative \"\r\n >\r\n {t(\"screens:payments.ubo.create_new_declaration_button_text\")}\r\n \r\n }\r\n\r\n {declaration && !canCreateNewDeclaration && isMasterAdmin && {\r\n submitModal.toggleOpen();\r\n }\r\n }\r\n\r\n >\r\n {t(\r\n \"screens:payments.ubo.submit_button_text\"\r\n )}\r\n \r\n }\r\n\r\n \r\n
\r\n\r\n :\r\n \r\n
\r\n
{t(\"actions:dialogs.deleteUbo.text\")}
\r\n\r\n {selectedUbo &&\r\n `• ${selectedUbo.firstName} ${selectedUbo.lastName}`}\r\n
\r\n{t(\"actions:dialogs.submitUbo.text\")}
\r\n\r\n\r\n
{t(\"actions:dialogs.createNewUboDeclaration.text\")}
\r\n\r\n
\r\n \r\n {t(\"screens:payments.kyc.statusTable.country\")}\r\n
\r\n \r\n {t(\"screens:payments.kyc.statusTable.france\")}\r\n
\r\n \r\n {t(\"screens:payments.kyc.statusTable.germany\")}\r\n
\r\n \r\n {t(\"screens:payments.kyc.statusTable.restOfEU\")}\r\n
\r\n \r\n
\r\n \r\n {t(\r\n \"screens:payments.kyc.statusTable.paymentLimits\"\r\n )}\r\n
\r\n \r\n
\r\n \r\n {t(\r\n \"screens:payments.kyc.statusTable.payinTransfers\"\r\n )}\r\n :{\" \"}\r\n \r\n {t(\r\n \"screens:payments.kyc.statusTable.noLimit\"\r\n )}\r\n \r\n
\r\n \r\n {t(\"screens:payments.kyc.statusTable.payout\")}:{\" \"}\r\n \r\n {IsKYCValidated\r\n ? t(\r\n \"screens:payments.kyc.statusTable.noLimit\"\r\n )\r\n : t(\r\n \"screens:payments.kyc.statusTable.compulsory\"\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n {t(\r\n \"screens:payments.kyc.statusTable.payinTransfers\"\r\n )}\r\n :{\" \"}\r\n \r\n {t(\r\n \"screens:payments.kyc.statusTable.noLimit\"\r\n )}\r\n \r\n
\r\n \r\n {t(\"screens:payments.kyc.statusTable.payout\")}:{\" \"}\r\n \r\n {IsKYCValidated\r\n ? t(\r\n \"screens:payments.kyc.statusTable.noLimit\"\r\n )\r\n : t(\r\n \"screens:payments.kyc.statusTable.compulsory\"\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n {t(\r\n \"screens:payments.kyc.statusTable.payinTransfers\"\r\n )}\r\n :{\" \"}\r\n \r\n {t(\r\n \"screens:payments.kyc.statusTable.noLimit\"\r\n )}\r\n \r\n
\r\n \r\n {t(\"screens:payments.kyc.statusTable.payout\")}:{\" \"}\r\n \r\n {IsKYCValidated\r\n ? t(\r\n \"screens:payments.kyc.statusTable.noLimit\"\r\n )\r\n : t(\r\n \"screens:payments.kyc.statusTable.compulsory\"\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n {t(\"screens:payments.kyc.statusTable.moneyLimits\")}\r\n
\r\n \r\n
\r\n \r\n {t(\r\n \"screens:payments.kyc.statusTable.cumulatedPayout\"\r\n )}\r\n :\r\n \r\n {\" \"}\r\n {IsKYCValidated\r\n ? t(\r\n \"screens:payments.kyc.statusTable.noLimit\"\r\n )\r\n : \"150,00 EUR\"}\r\n \r\n
\r\n \r\n {t(\r\n \"screens:payments.kyc.statusTable.userBalance\"\r\n )}\r\n :{\" \"}\r\n \r\n {IsKYCValidated\r\n ? t(\r\n \"screens:payments.kyc.statusTable.noLimit\"\r\n )\r\n : \"150,00 EUR\"}\r\n \r\n
\r\n \r\n
\r\n \r\n {t(\r\n \"screens:payments.kyc.statusTable.cumulatedPayout\"\r\n )}\r\n :\r\n \r\n {\" \"}\r\n {IsKYCValidated\r\n ? t(\r\n \"screens:payments.kyc.statusTable.noLimit\"\r\n )\r\n : \"100,00 EUR\"}\r\n \r\n
\r\n \r\n {t(\r\n \"screens:payments.kyc.statusTable.userBalance\"\r\n )}\r\n :{\" \"}\r\n \r\n {IsKYCValidated\r\n ? t(\r\n \"screens:payments.kyc.statusTable.noLimit\"\r\n )\r\n : \"100,00 EUR\"}\r\n \r\n
\r\n \r\n
\r\n \r\n {t(\r\n \"screens:payments.kyc.statusTable.cumulatedPayout\"\r\n )}\r\n :\r\n \r\n {\" \"}\r\n {IsKYCValidated\r\n ? t(\r\n \"screens:payments.kyc.statusTable.noLimit\"\r\n )\r\n : \"150,00 EUR\"}\r\n \r\n
\r\n \r\n {t(\r\n \"screens:payments.kyc.statusTable.userBalance\"\r\n )}\r\n :{\" \"}\r\n \r\n {IsKYCValidated\r\n ? t(\r\n \"screens:payments.kyc.statusTable.noLimit\"\r\n )\r\n : \"150,00 EUR\"}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n {t(\r\n \"screens:payments.ubo.list.criteria1\"\r\n )}\r\n \r\n \r\n {t(\r\n \"screens:payments.ubo.list.criteria2\"\r\n )}\r\n \r\n \r\n {t(\r\n \"screens:payments.ubo.list.criteria3\"\r\n )}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {t(\"forms:kyc.shareholders.text\")}\r\n
\r\n {t(\"forms:kyc.submit.text\")}
\r\n\r\n setMangoOpen(false)}>\r\n
\r\n ![\"guide\"](\"/images/mangopay_guide.jpg\")
\r\n \r\n \r\n {noTabsRouteMatch === null && (\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default CompanyScreen;\r\n","import Tippy from \"@tippyjs/react\";\r\nimport React from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport styled from \"styled-components\";\r\n\r\nconst Card = styled.div`\r\n font-size: 1.125rem;\r\n position: relative;\r\n background: #fff;\r\n display: flex;\r\n justify-content:space-between;\r\n width: 500px;\r\n height: 235px;\r\n min-height: 235px;\r\n padding: 25px 15px;\r\n text-align: center;\r\n border-radius: 8px;\r\n margin: 40px 20px;\r\n box-shadow: 6px 6px 11px 0px rgba(0, 0, 0, 0.16),\r\n 0px 0px 20px 0px rgba(255, 255, 255, 1);\r\n transition: all 0.3s ease-in;\r\n box-sizing: border-box;\r\n border: 2px solid ${(props) => props.theme.bgModuleCards};\r\n text-decoration: none;\r\n @media ${(p) => p.theme.device.mobile} {\r\n height: 190px;\r\n min-height: 190px;\r\n }\r\n\r\n &.small {\r\n margin: 20px 20px;\r\n }\r\n\r\n &.disabled {\r\n opacity:0.5;\r\n pointer-events:none;\r\n }\r\n`;\r\n\r\nconst CardPopup = styled(Tippy)`\r\n background-color: ${(props) => props.theme.primaryColor};\r\n\r\n .tippy-content {\r\n border-radius: 4px;\r\n background-color: ${(props) => props.theme.primaryColor};\r\n }\r\n\r\n &[data-placement^=\"bottom\"] {\r\n > .tippy-arrow {\r\n border-bottom-color: ${(props) =>\r\n props.theme.primaryColor} !important;\r\n }\r\n }\r\n font-family: ${(props) => props.theme.fontFamily};\r\n`;\r\n\r\nconst CardLink = styled(Link)`\r\n color: white;\r\n cursor: pointer;\r\n background: ${(p) => p.theme.primaryColor};\r\n width: 158px;\r\n height: 40px;\r\n line-height: 40px;\r\n border-radius: 40px;\r\n font-size: 14px;\r\n font-weight: bold;\r\n text-decoration: none;\r\n\r\n &:hover {\r\n background: ${(p) => p.theme.primaryColorHover};\r\n }\r\n\r\n &.disabled {\r\n background: ${(p) => p.theme.textDisabled};\r\n }\r\n`;\r\n\r\nconst CardTitle = styled.div`\r\n width:100%;\r\n font-size: 22px;\r\n font-weight: bold;\r\n color: ${(p) => p.theme.primaryColor};\r\n text-align:left;\r\n`;\r\n\r\nconst CardDesc= styled.div`\r\n font-size: 12px;\r\n font-weight: bold;\r\n color: #000;\r\n text-align:left;\r\n`;\r\n\r\nconst CardImage = styled.img`\r\n width: 100px;\r\n height: 100px;\r\n`;\r\n\r\nconst CardSplitter = styled.div`\r\n flex-grow: 1;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n align-items: center;\r\n &.left {\r\n width: 50%;\r\n margin-right:32px;\r\n }\r\n &.right {\r\n max-width:158px;\r\n }\r\n`;\r\n\r\nconst Module = (props) => {\r\n return (\r\n \r\n \r\n {shownItems.map((item, index) => {\r\n return item.name === \"_space_\" ? (\r\n handleClick(ev, item)}\r\n >\r\n {item.name}\r\n \r\n );\r\n })}\r\n \r\n
\r\n {t(\"navigation:close\")}
\r\n \r\n \r\n {\r\n handleUserEdit(ev);\r\n }}\r\n >\r\n \r\n {avatarUrl ? (\r\n
\r\n ) : (\r\n {helpers.getInitials(userFullName)}\r\n )}\r\n \r\n \r\n Welcome,\r\n
\r\n{userFullName} \r\n
\r\n \r\n \r\n
\r\n {item.icon && (\r\n \r\n \r\n )}\r\n {item.Icon && (\r\n \r\n {t(item.name)}\r\n \r\n ) : (\r\n {t(item.name)} \r\n )}\r\n
\r\n {!item.action && (\r\n {menuState.filterItems}
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
{t(\"actions:dialogs.deleteCylinder.text\")}
\r\n\r\n
\r\n
\r\n\r\n
\r\n
{analyzer.description ? analyzer.description : \"-\"}
\r\n{t(\"actions:dialogs.deleteCylinder.text\")}
\r\n\r\n
{data.locationName}
\r\n {data.address}\r\n {data.postalCode}\r\n {data.city}\r\n \r\n );\r\n },\r\n },\r\n {\r\n Header: t(\"screens:clients.locations.units\"),\r\n accessor: \"units\",\r\n disableSortBy: true,\r\n },\r\n {\r\n Header: \"\",\r\n accessor: \"locationId\",\r\n className: \"right-arrow\",\r\n Cell: ({ cell: { value } }) => \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
{t(\"actions:dialogs.deleteUnit.text\")}
\r\n\r\n
{t(\"certificates.userCert.missing\")}
\r\n \r\n {t(\"certificates.userCert.verification\")}\r\n
\r\n \r\n
\r\n \r\n \r\n {t(\"certificates.userCert.allTech\")}
\r\n \r\n {t(\"certificates.userCert.requirement\")}\r\n
\r\n \r\n
\r\n\r\n {!state.search && lookupResult.unknown && (\r\n <>\r\n
{t('grade')}: C
;\r\n } else if (gradeB) {\r\n return {t('grade')}: B
;\r\n } else {\r\n return {t('grade')}: A
;\r\n }\r\n};\r\n\r\nexport default styled(PresumedGradeLabel)`\r\n margin-bottom: 20px;\r\n color: ${p => p.theme.primaryColor};\r\n font-weight: bold;\r\n`;\r\n","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"g\", {\n id: \"Group_1316\",\n \"data-name\": \"Group 1316\",\n transform: \"translate(-1409 13133)\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n id: \"Component_34_121\",\n \"data-name\": \"Component 34 \\\\u2013 121\",\n transform: \"translate(1530.509 -13094.285) rotate(180)\"\n}, /*#__PURE__*/React.createElement(\"line\", {\n id: \"Line_10\",\n \"data-name\": \"Line 10\",\n x1: 17.236,\n transform: \"translate(0.273 7.218)\",\n fill: \"none\",\n stroke: \"#48b05e\",\n strokeLinecap: \"round\",\n strokeWidth: 3\n}), /*#__PURE__*/React.createElement(\"line\", {\n id: \"Line_11\",\n \"data-name\": \"Line 11\",\n x2: 7.218,\n y2: 7.218,\n transform: \"translate(7.218) rotate(90)\",\n fill: \"none\",\n stroke: \"#48b05e\",\n strokeLinecap: \"round\",\n strokeWidth: 3\n}), /*#__PURE__*/React.createElement(\"line\", {\n id: \"Line_12\",\n \"data-name\": \"Line 12\",\n y1: 7.218,\n x2: 7.218,\n transform: \"translate(7.218 7.218) rotate(90)\",\n fill: \"none\",\n stroke: \"#48b05e\",\n strokeLinecap: \"round\",\n strokeWidth: 3\n})), /*#__PURE__*/React.createElement(\"g\", {\n id: \"Group_1198\",\n \"data-name\": \"Group 1198\",\n transform: \"translate(1326 -13350)\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n id: \"Group_1013\",\n \"data-name\": \"Group 1013\",\n transform: \"translate(59.037 -180)\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_750\",\n \"data-name\": \"Path 750\",\n d: \"M2.25-2.25H54.117\",\n transform: \"translate(22.713 455.209)\",\n fill: \"none\",\n stroke: \"#000\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: 2\n}), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_593\",\n \"data-name\": \"Path 593\",\n d: \"M18.456-64.144H28.829\",\n transform: \"translate(25.822 476.111)\",\n fill: \"none\",\n stroke: \"#000\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: 1\n}), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_748\",\n \"data-name\": \"Path 748\",\n d: \"M49.226-56.256a2.745,2.745,0,0,0-.692-1.841,2.255,2.255,0,0,0-1.67-.763H10.1a2.264,2.264,0,0,0-1.676.765,2.755,2.755,0,0,0-.694,1.848V-9.468H49.226Z\",\n transform: \"translate(22.011 462.468)\",\n fill: \"#f5f5f5\",\n stroke: \"#000\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: 2\n}), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_749\",\n \"data-name\": \"Path 749\",\n d: \"M18.456-64.144H39.2\",\n transform: \"translate(22.165 463.145)\",\n fill: \"none\",\n stroke: \"#000\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: 2\n}), /*#__PURE__*/React.createElement(\"g\", {\n id: \"Group_1012\",\n \"data-name\": \"Group 1012\",\n transform: \"translate(35.433 426.23)\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n id: \"Group_1011\",\n \"data-name\": \"Group 1011\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n id: \"Group_1009\",\n \"data-name\": \"Group 1009\"\n}, /*#__PURE__*/React.createElement(\"line\", {\n id: \"Line_57\",\n \"data-name\": \"Line 57\",\n x2: 31.12,\n transform: \"translate(0 5.187)\",\n fill: \"none\",\n stroke: \"#000\",\n strokeWidth: 1\n}), /*#__PURE__*/React.createElement(\"line\", {\n id: \"Line_65\",\n \"data-name\": \"Line 65\",\n x2: 31.12,\n fill: \"none\",\n stroke: \"#000\",\n strokeWidth: 1\n}), /*#__PURE__*/React.createElement(\"line\", {\n id: \"Line_58\",\n \"data-name\": \"Line 58\",\n x2: 31.12,\n transform: \"translate(0 10.373)\",\n fill: \"none\",\n stroke: \"#000\",\n strokeWidth: 1\n}), /*#__PURE__*/React.createElement(\"line\", {\n id: \"Line_59\",\n \"data-name\": \"Line 59\",\n x2: 31.12,\n transform: \"translate(0 15.56)\",\n fill: \"none\",\n stroke: \"#000\",\n strokeWidth: 1\n}), /*#__PURE__*/React.createElement(\"line\", {\n id: \"Line_60\",\n \"data-name\": \"Line 60\",\n x2: 31.12,\n transform: \"translate(0 20.747)\",\n fill: \"none\",\n stroke: \"#000\",\n strokeWidth: 1\n})), /*#__PURE__*/React.createElement(\"g\", {\n id: \"Group_1008\",\n \"data-name\": \"Group 1008\",\n transform: \"translate(15.56) rotate(90)\"\n}, /*#__PURE__*/React.createElement(\"line\", {\n id: \"Line_61\",\n \"data-name\": \"Line 61\",\n x2: 20.747,\n transform: \"translate(0)\",\n fill: \"none\",\n stroke: \"#000\",\n strokeWidth: 1\n}), /*#__PURE__*/React.createElement(\"line\", {\n id: \"Line_62\",\n \"data-name\": \"Line 62\",\n x2: 20.747,\n transform: \"translate(0 5.187)\",\n fill: \"none\",\n stroke: \"#000\",\n strokeWidth: 1\n}), /*#__PURE__*/React.createElement(\"line\", {\n id: \"Line_63\",\n \"data-name\": \"Line 63\",\n x2: 20.747,\n transform: \"translate(0 10.373)\",\n fill: \"none\",\n stroke: \"#000\",\n strokeWidth: 1\n}), /*#__PURE__*/React.createElement(\"line\", {\n id: \"Line_64\",\n \"data-name\": \"Line 64\",\n x2: 20.747,\n transform: \"translate(0 15.56)\",\n fill: \"none\",\n stroke: \"#000\",\n strokeWidth: 1\n})))), /*#__PURE__*/React.createElement(\"g\", {\n id: \"Group_1010\",\n \"data-name\": \"Group 1010\",\n transform: \"translate(66.553 426.23) rotate(90)\"\n}, /*#__PURE__*/React.createElement(\"line\", {\n id: \"Line_61-2\",\n \"data-name\": \"Line 61\",\n x2: 20.747,\n transform: \"translate(0)\",\n fill: \"none\",\n stroke: \"#000\",\n strokeWidth: 1\n}), /*#__PURE__*/React.createElement(\"line\", {\n id: \"Line_62-2\",\n \"data-name\": \"Line 62\",\n x2: 20.747,\n transform: \"translate(0 5.187)\",\n fill: \"none\",\n stroke: \"#000\",\n strokeWidth: 1\n}), /*#__PURE__*/React.createElement(\"line\", {\n id: \"Line_63-2\",\n \"data-name\": \"Line 63\",\n x2: 20.747,\n transform: \"translate(0 10.373)\",\n fill: \"none\",\n stroke: \"#000\",\n strokeWidth: 1\n}), /*#__PURE__*/React.createElement(\"line\", {\n id: \"Line_64-2\",\n \"data-name\": \"Line 64\",\n x2: 20.747,\n transform: \"translate(0 15.56)\",\n fill: \"none\",\n stroke: \"#000\",\n strokeWidth: 1\n})), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_591\",\n \"data-name\": \"Path 591\",\n d: \"M26.138-18.9H39.1v-6.837H26.138Z\",\n transform: \"translate(27.431 437.473)\",\n fill: \"none\",\n stroke: \"#000\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: 1.5\n})), /*#__PURE__*/React.createElement(\"g\", {\n id: \"Group_1197\",\n \"data-name\": \"Group 1197\",\n transform: \"translate(82 -122.592)\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n id: \"Group_678\",\n \"data-name\": \"Group 678\",\n transform: \"translate(168 340.592)\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_486\",\n \"data-name\": \"Path 486\",\n d: \"M252.959-165.605c0-3.1-2.949-5.613-6.584-5.613H218.608c-3.634,0-6.584,2.515-6.584,5.613V-129.7c0,3.1,2.95,5.613,6.584,5.613h27.767c3.635,0,6.584-2.515,6.584-5.613Z\",\n transform: \"translate(-212.024 177.654)\",\n fill: \"#f5f5f5\",\n stroke: \"#48b05e\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: 2\n}), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_489\",\n \"data-name\": \"Path 489\",\n d: \"M220.819-172.117H246.1v-6.333H220.819Z\",\n transform: \"translate(-212.992 178.45)\",\n fill: \"#f5f5f5\",\n stroke: \"#48b05e\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: 2\n}), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_492\",\n \"data-name\": \"Path 492\",\n d: \"M220.819-115.221H246.1v-1.585H220.819Z\",\n transform: \"translate(-212.992 171.284)\",\n fill: \"#f5f5f5\",\n stroke: \"#48b05e\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: 2\n}), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_495\",\n \"data-name\": \"Path 495\",\n d: \"M212.168-162.192h40.68\",\n transform: \"translate(-212.04 176.563)\",\n fill: \"#f5f5f5\",\n stroke: \"#48b05e\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: 2\n}), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_498\",\n \"data-name\": \"Path 498\",\n d: \"M212.168-127.273h40.68\",\n transform: \"translate(-212.04 172.437)\",\n fill: \"#f5f5f5\",\n stroke: \"#48b05e\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: 2\n})), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_517\",\n \"data-name\": \"Path 517\",\n d: \"M232.159-149.994s4.449,6.844,4.449,9.3a4.451,4.451,0,0,1-4.449,4.449,4.452,4.452,0,0,1-4.45-4.449C227.709-143.15,232.159-149.994,232.159-149.994Z\",\n transform: \"translate(-43.691 514.129)\",\n fill: \"#48b05e\",\n fillRule: \"evenodd\"\n}))));\n\nvar SvgNewExtraction = function SvgNewExtraction(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 208.935,\n height: 58.063,\n viewBox: \"0 0 208.935 58.063\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2);\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgNewExtraction, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/new-extraction.4e11b7b2.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"g\", {\n id: \"Group_1694\",\n \"data-name\": \"Group 1694\",\n transform: \"translate(-89.191 -216.938)\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n id: \"Group_1670\",\n \"data-name\": \"Group 1670\",\n transform: \"translate(0.191 -1.311)\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n id: \"Component_34_26\",\n \"data-name\": \"Component 34 \\\\u2013 26\",\n transform: \"translate(200.408 254.715) rotate(180)\"\n}, /*#__PURE__*/React.createElement(\"line\", {\n id: \"Line_10\",\n \"data-name\": \"Line 10\",\n x1: 17.236,\n transform: \"translate(0.273 7.218)\",\n fill: \"none\",\n stroke: \"#48b05e\",\n strokeLinecap: \"round\",\n strokeWidth: 3\n}), /*#__PURE__*/React.createElement(\"line\", {\n id: \"Line_11\",\n \"data-name\": \"Line 11\",\n x2: 7.218,\n y2: 7.218,\n transform: \"translate(7.218) rotate(90)\",\n fill: \"none\",\n stroke: \"#48b05e\",\n strokeLinecap: \"round\",\n strokeWidth: 3\n}), /*#__PURE__*/React.createElement(\"line\", {\n id: \"Line_12\",\n \"data-name\": \"Line 12\",\n y1: 7.218,\n x2: 7.218,\n transform: \"translate(7.218 7.218) rotate(90)\",\n fill: \"none\",\n stroke: \"#48b05e\",\n strokeLinecap: \"round\",\n strokeWidth: 3\n})), /*#__PURE__*/React.createElement(\"g\", {\n id: \"Group_864\",\n \"data-name\": \"Group 864\",\n transform: \"translate(-1321 -958.105)\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n id: \"Group_767\",\n \"data-name\": \"Group 767\",\n transform: \"translate(1411 1178.105)\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_637\",\n \"data-name\": \"Path 637\",\n d: \"M8.776-27.5v9.59\",\n transform: \"translate(-0.857 70.886)\",\n fill: \"none\",\n stroke: \"#000\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: 2\n}), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_638\",\n \"data-name\": \"Path 638\",\n d: \"M16.277-22.79v4.8\",\n transform: \"translate(-0.72 70.973)\",\n fill: \"none\",\n stroke: \"#000\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: 2\n}), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_639\",\n \"data-name\": \"Path 639\",\n d: \"M6.354-18.082H18.675v1.023H6.354Z\",\n transform: \"translate(-0.902 71.059)\",\n fill: \"rgba(0,0,0,0)\",\n stroke: \"#000\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: 2,\n fillRule: \"evenodd\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_640\",\n \"data-name\": \"Path 640\",\n d: \"M42.2-27.5v9.59\",\n transform: \"translate(-0.244 70.886)\",\n fill: \"none\",\n stroke: \"#000\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: 2\n}), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_641\",\n \"data-name\": \"Path 641\",\n d: \"M34.7-22.79v4.8\",\n transform: \"translate(-0.382 70.973)\",\n fill: \"none\",\n stroke: \"#000\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: 2\n}), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_642\",\n \"data-name\": \"Path 642\",\n d: \"M32.519-18.078H44.84v1.018H32.519Z\",\n transform: \"translate(-0.421 71.06)\",\n fill: \"rgba(0,0,0,0)\",\n stroke: \"#000\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: 2,\n fillRule: \"evenodd\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_631\",\n \"data-name\": \"Path 631\",\n d: \"M25.836-70.1A24.847,24.847,0,0,1,50.671-45.269,24.847,24.847,0,0,1,25.836-20.433,24.847,24.847,0,0,1,1-45.269,24.847,24.847,0,0,1,25.836-70.1Z\",\n transform: \"translate(-1 70.104)\",\n fill: \"rgba(0,0,0,0)\",\n stroke: \"#000\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: 2,\n fillRule: \"evenodd\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_632\",\n \"data-name\": \"Path 632\",\n d: \"M25.734-64.558A19.2,19.2,0,0,1,44.921-45.37,19.2,19.2,0,0,1,25.734-26.183,19.2,19.2,0,0,1,6.547-45.37,19.2,19.2,0,0,1,25.734-64.558Z\",\n transform: \"translate(-0.898 70.206)\",\n fill: \"rgba(0,0,0,0)\",\n stroke: \"#000\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: 2,\n fillRule: \"evenodd\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_643\",\n \"data-name\": \"Path 643\",\n d: \"M25.437-48.413a2.748,2.748,0,0,1,2.746,2.746,2.748,2.748,0,0,1-2.746,2.746,2.748,2.748,0,0,1-2.746-2.746A2.748,2.748,0,0,1,25.437-48.413Z\",\n transform: \"translate(-0.602 70.502)\",\n fill: \"rgba(0,0,0,0)\",\n stroke: \"#000\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: 2,\n fillRule: \"evenodd\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_644\",\n \"data-name\": \"Path 644\",\n d: \"M7.66-45.716h4.389\",\n transform: \"translate(-0.878 70.552)\",\n fill: \"none\",\n stroke: \"#000\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: 2\n}), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_645\",\n \"data-name\": \"Path 645\",\n d: \"M8.725-51.769l4.126,1.5\",\n transform: \"translate(-0.858 70.441)\",\n fill: \"none\",\n stroke: \"#000\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: 2\n}), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_646\",\n \"data-name\": \"Path 646\",\n d: \"M11.793-57.094l3.366,2.817\",\n transform: \"translate(-0.802 70.343)\",\n fill: \"none\",\n stroke: \"#000\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: 2\n}), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_647\",\n \"data-name\": \"Path 647\",\n d: \"M16.494-61.052l2.2,3.8\",\n transform: \"translate(-0.716 70.27)\",\n fill: \"none\",\n stroke: \"#000\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: 2\n}), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_648\",\n \"data-name\": \"Path 648\",\n d: \"M22.263-63.167l.774,4.321\",\n transform: \"translate(-0.61 70.232)\",\n fill: \"none\",\n stroke: \"#000\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: 2\n}), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_649\",\n \"data-name\": \"Path 649\",\n d: \"M28.422-63.185l-.748,4.325\",\n transform: \"translate(-0.51 70.231)\",\n fill: \"none\",\n stroke: \"#000\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: 2\n}), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_636\",\n \"data-name\": \"Path 636\",\n d: \"M34.23-61.1l-2.18,3.81\",\n transform: \"translate(-0.43 70.27)\",\n fill: \"none\",\n stroke: \"#000\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: 2\n}), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_635\",\n \"data-name\": \"Path 635\",\n d: \"M38.976-57.174l-3.349,2.837\",\n transform: \"translate(-0.364 70.342)\",\n fill: \"none\",\n stroke: \"#000\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: 2\n}), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_633\",\n \"data-name\": \"Path 633\",\n d: \"M42.089-51.868l-4.117,1.523\",\n transform: \"translate(-0.321 70.439)\",\n fill: \"none\",\n stroke: \"#000\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: 2\n}), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_634\",\n \"data-name\": \"Path 634\",\n d: \"M43.195-45.822l-4.389.026\",\n transform: \"translate(-0.306 70.55)\",\n fill: \"none\",\n stroke: \"#000\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: 2\n}), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_650\",\n \"data-name\": \"Path 650\",\n d: \"M32.773-53,27.291-47.52\",\n transform: \"translate(-0.517 70.418)\",\n fill: \"none\",\n stroke: \"#000\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: 2\n}), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_651\",\n \"data-name\": \"Path 651\",\n d: \"M23.585-43.814,18.1-38.331\",\n transform: \"translate(-0.686 70.587)\",\n fill: \"none\",\n stroke: \"#000\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: 2\n}), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_652\",\n \"data-name\": \"Path 652\",\n d: \"M21.636-34.364h2.543v-2.543H21.636Z\",\n transform: \"translate(-0.621 70.714)\",\n fillRule: \"evenodd\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_653\",\n \"data-name\": \"Path 653\",\n d: \"M26.647-34.364H29.19v-2.543H26.647Z\",\n transform: \"translate(-0.529 70.714)\",\n fillRule: \"evenodd\"\n}))), /*#__PURE__*/React.createElement(\"g\", {\n id: \"Group_1667\",\n \"data-name\": \"Group 1667\",\n transform: \"translate(75.682 -121.344)\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n id: \"Group_678\",\n \"data-name\": \"Group 678\",\n transform: \"translate(168 340.592)\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_486\",\n \"data-name\": \"Path 486\",\n d: \"M252.959-165.605c0-3.1-2.949-5.613-6.584-5.613H218.608c-3.634,0-6.584,2.515-6.584,5.613V-129.7c0,3.1,2.95,5.613,6.584,5.613h27.767c3.635,0,6.584-2.515,6.584-5.613Z\",\n transform: \"translate(-212.024 177.654)\",\n fill: \"#f5f5f5\",\n stroke: \"#48b05e\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: 2\n}), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_489\",\n \"data-name\": \"Path 489\",\n d: \"M220.819-172.117H246.1v-6.333H220.819Z\",\n transform: \"translate(-212.992 178.45)\",\n fill: \"#f5f5f5\",\n stroke: \"#48b05e\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: 2\n}), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_492\",\n \"data-name\": \"Path 492\",\n d: \"M220.819-115.221H246.1v-1.585H220.819Z\",\n transform: \"translate(-212.992 171.284)\",\n fill: \"#f5f5f5\",\n stroke: \"#48b05e\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: 2\n}), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_495\",\n \"data-name\": \"Path 495\",\n d: \"M212.168-162.192h40.68\",\n transform: \"translate(-212.04 176.563)\",\n fill: \"#f5f5f5\",\n stroke: \"#48b05e\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: 2\n}), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_498\",\n \"data-name\": \"Path 498\",\n d: \"M212.168-127.273h40.68\",\n transform: \"translate(-212.04 172.437)\",\n fill: \"#f5f5f5\",\n stroke: \"#48b05e\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: 2\n})), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_517\",\n \"data-name\": \"Path 517\",\n d: \"M232.159-149.994s4.449,6.844,4.449,9.3a4.451,4.451,0,0,1-4.449,4.449,4.452,4.452,0,0,1-4.45-4.449C227.709-143.15,232.159-149.994,232.159-149.994Z\",\n transform: \"translate(-43.691 514.129)\",\n fill: \"#48b05e\",\n fillRule: \"evenodd\"\n}))));\n\nvar SvgAnalyzerResult = function SvgAnalyzerResult(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 196.617,\n height: 58.063,\n viewBox: \"0 0 196.617 58.063\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2);\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgAnalyzerResult, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/analyzer-result.1ab7465c.svg\";\nexport { ForwardRef as ReactComponent };","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { toast } from \"react-toastify\";\r\nimport QrReader from \"react-qr-reader\";\r\nimport * as yup from \"yup\";\r\nimport { DateTimePicker } from \"../../../../components/elements/form-elements/DatePicker\";\r\nimport InputElement from \"../../../../components/elements/form-elements/InputElement\";\r\nimport { Checkbox, Radio } from \"../../../../components/elements/form-elements\";\r\nimport Flex from \"../../../../components/layout/flex/Flex\";\r\nimport {\r\n InfoText,\r\n InfoTitle,\r\n InfoWrapper,\r\n RoundInfo,\r\n} from \"../../../../components/modal/components/WizardStyling\";\r\nimport { StyledQrReader } from \"../../../../components/elements/qr/QrScanner\";\r\nimport ValidationRule, {\r\n buildValidation,\r\n skipValidation,\r\n} from \"../../../../core/validations/ValidationRule\";\r\nimport ClientsService from \"../../../../services/Clients/ClientsService\";\r\nimport CompanyService from \"../../../../services/Company/CompanyService\";\r\nimport TagsService from \"../../../../services/Tags/TagsService\";\r\nimport PresumedGradeLabel from \"../../../../screens/NewRefrigerant/views/new-refrigerant/components/PresumedGradeLabel\";\r\nimport { ReactComponent as ExtractSvg } from \"../../../../assets/pwa/new-extraction.svg\";\r\nimport { ReactComponent as AnalyzerSvg } from \"../../../../assets/pwa/analyzer-result.svg\";\r\nimport { ScanButton, KeyVal, ListTitle, HR, Box16A9 } from \"../../components/StyledElements\";\r\nimport MoneyInputElement from \"../../../../components/elements/form-elements/MoneyInputElement\";\r\n\r\nimport { SvgScan, SvgNoImage } from \"../../components/StyledSvg\";\r\n\r\nconst RadioTitle = styled.div`\r\n font-size: 14px;\r\n font-weight: bold;\r\n margin: 32px 0 20px 10px;\r\n`;\r\n\r\nconst Content = styled.div`\r\n width: 100%;\r\n box-sizing: border-box;\r\n flex-grow: 1;\r\n position: relative;\r\n padding: 35px 60px 0px;\r\n display: flex;\r\n flex-direction: column;\r\n padding: 0px 0px 0px 0px;\r\n margin-top: -40px;\r\n max-height: 100%;\r\n overflow: auto;\r\n &.nomargin {\r\n margin-top: 0;\r\n }\r\n`;\r\n\r\nconst FlexCenter = styled.div`\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n\r\n &.spaced {\r\n width: 100%;\r\n margin: 30px 0;\r\n }\r\n`;\r\n\r\nconst Half = styled.div`\r\n width: 50%;\r\n`;\r\n\r\nconst SvgExtract = styled(ExtractSvg)`\r\n width: auto;\r\n margin: 0 auto;\r\n`;\r\nconst SvgAnalyzer = styled(AnalyzerSvg)`\r\n width: auto;\r\n margin: 0 auto;\r\n`;\r\n\r\nconst Section = styled.div`\r\n padding: 8px 20px;\r\n &.full-x {\r\n padding: 8px 0px;\r\n }\r\n\r\n &.flex {\r\n display: flex;\r\n }\r\n`;\r\n\r\nconst ScanWrapper = styled.div`\r\n position: absolute;\r\n bottom: 0;\r\n width: 100%;\r\n text-align: center;\r\n display: flex;\r\n justify-content: center;\r\n`;\r\n\r\nconst Spacer = styled.div`\r\n height: 10px;\r\n width: 100%;\r\n`;\r\n\r\nconst defaultInitialValues = {\r\n showUnitScanner: false,\r\n showAnalyzerScanner: false,\r\n isValidUnitTag: false,\r\n showCylinderScanner: false,\r\n isValidCylinderTag: false,\r\n quantity: \"0.00\",\r\n pressumedGrade: 0,\r\n extractionDateTime: new Date(),\r\n countryId: \"\",\r\n street: \"\",\r\n city: \"\",\r\n postalCode: \"\",\r\n region: \"\",\r\n gradeA: false,\r\n gradeB: false,\r\n gradeC: false,\r\n unitTagId: \"\",\r\n cylinderTagId: \"\",\r\n capacity: \"\",\r\n applicationTypeName: \"\",\r\n manufacturerName: \"\",\r\n refrigerantName: \"\",\r\n cylinderFull: false,\r\n refrigerantId: \"\",\r\n unitGasType: \"\",\r\n cylQualityMatch: true,\r\n assessment: \"0\",\r\n};\r\n\r\nconst getRealGrade = (values) => {\r\n if (values.gradeC) {\r\n return \"C\";\r\n } else if (values.gradeB) {\r\n return \"B\";\r\n } else {\r\n return \"A\";\r\n }\r\n};\r\n\r\nconst validUnitTag = (t) => {\r\n return buildValidation({\r\n isValidUnitTag: yup.boolean().required().oneOf([true], \"Wrong Unit Tag\"),\r\n });\r\n};\r\n\r\nconst validCylinderTag = (t) => {\r\n return buildValidation({\r\n isValidCylinderTag: yup.boolean().required().oneOf([true], \"Wrong Unit Tag\"),\r\n });\r\n};\r\n\r\nconst validUnitTagId = (t) => {\r\n return buildValidation({\r\n unitTagId: ValidationRule.isStringRule()\r\n .isUUID(t(\"forms:unit.uuid.invalid\"))\r\n .required(t(\"forms:unit.unitTagId.required\")).rule,\r\n });\r\n};\r\n\r\nconst validCylinderTagId = (t) => {\r\n return buildValidation({\r\n cylinderTagId: ValidationRule.isStringRule()\r\n .isUUID(t(\"forms:unit.uuid.invalid\"))\r\n .required(t(\"forms:unit.unitTagId.required\")).rule,\r\n });\r\n};\r\n\r\nconst validExtraction = (t) => {\r\n return buildValidation({\r\n cylinderFull: yup.boolean().required().oneOf([false], \"Cylinder full\"),\r\n quantity: ValidationRule.moreThan(\r\n 0,\r\n t(\"forms:quantity.invalidNumber\"),\r\n t(\"forms:quantity.largerThenZero\")\r\n ).rule,\r\n extractionDateTime: ValidationRule.isStringRule().required(\r\n t(\"forms:extractionDate.required\")\r\n ).rule,\r\n });\r\n};\r\n\r\nconst validGrades = (t) =>\r\n yup.lazy((values) => {\r\n if (values.assessment === \"1\")\r\n return buildValidation({\r\n analyzerTagId: ValidationRule.isStringRule()\r\n .isUUID(t(\"forms:unit.uuid.invalid\"))\r\n .required(t(\"forms:unit.unitTagId.required\")).rule,\r\n });\r\n\r\n // if (!values.gradeA || !values.gradeB || !values.gradeC) skipValidation();\r\n return buildValidation({\r\n gradeA: ValidationRule.boolean().required(\"A\").rule,\r\n gradeB: ValidationRule.boolean().required(\"B\").rule,\r\n gradeC: ValidationRule.boolean().required(\"C\").rule,\r\n });\r\n });\r\n\r\nconst roundToNearestMinute = (date) => {\r\n var coeff = 1000 * 60 * 1; // <-- Replace {1} with interval\r\n return new Date(Math.round(date.getTime() / coeff) * coeff);\r\n};\r\n\r\nconst ExtractionWizard = (\r\n t,\r\n searchFn = () => {},\r\n cylinderSearchFn = () => {},\r\n analyzerSearchFn = () => {},\r\n initialValues = {}\r\n) => {\r\n const handleUnitScan = (value, formik) => {\r\n if (value != null) {\r\n formik.setValues({\r\n ...formik.values,\r\n showUnitScanner: false,\r\n unitTagId: value.toLowerCase(),\r\n });\r\n }\r\n };\r\n\r\n const handleAnalyzerScan = (value, formik) => {\r\n if (value != null) {\r\n formik.setValues({\r\n ...formik.values,\r\n showAnalyzerScanner: false,\r\n analyzerTagId: value.toLowerCase(),\r\n });\r\n }\r\n };\r\n\r\n const handleCylinderScan = (value, formik) => {\r\n if (value != null) {\r\n formik.setValues({\r\n ...formik.values,\r\n showCylinderScanner: false,\r\n cylinderTagId: value.toLowerCase(),\r\n });\r\n }\r\n };\r\n\r\n return {\r\n title: t(\"forms:extraction.wizard.title\"),\r\n initialValues: { ...defaultInitialValues, ...initialValues },\r\n steps: [\r\n {\r\n name: t(\"forms:extraction.wizard.title_step1\"),\r\n fieldNames: [\"unitTagId\"],\r\n validation: validUnitTagId(t),\r\n onStepSubmit: async ({ values }) => {\r\n const tagId = values[\"unitTagId\"];\r\n\r\n const tagResult = await TagsService.identifyTagAsync(tagId);\r\n if (tagResult.error) {\r\n toast.error(t(tagResult.error.message));\r\n return false;\r\n }\r\n const tagData = tagResult.data.data;\r\n if (tagData.length === 0 || !tagData[0].unitId) {\r\n toast.error(t(\"forms:extraction.wizard.notUnitTag\"));\r\n return false;\r\n }\r\n\r\n return true;\r\n },\r\n fields: (formik) => {\r\n return (\r\n <>\r\n \r\n \r\n {t(\"forms:extraction.wizard.unitInfoText\")}\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n {t(\"screens:technician.notes\")}\r\n \r\n \r\n \r\n \r\n {t(\"screens:technician.gallery\")}\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {t(\"forms:extraction.wizard.cylinderInfoText\")}\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n {t(\"forms:extraction.wizard.checkMeasuring\")}\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n {t(\"forms:extraction.wizard.unitInfoText\")}\r\n \r\n
\r\n \r\n
\r\n \r\n {t(\"forms:extraction.wizard.checkMeasuring\")}\r\n \r\n
\r\n {t(\"forms:analyzer.wizard.meResultsLine1\")}
\r\n{extractionModalProps?.modal?.analyzer?.name}
\r\n{t(\"forms:analyzer.wizard.meResultsLine2\")}
\r\n{t(\"forms:analyzer.wizard.meResultsLine3\")}
\r\n{t(\"forms:analyzer.wizard.meResultsLine4\")}
\r\n\r\n \r\n {t(\r\n \"forms:extraction.wizard.useCamera\"\r\n )}\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n {t(\r\n \"forms:extraction.wizard.useCamera\"\r\n )}\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n {t(\"forms:unit.wizard.attachTag\")}\r\n \r\n
\r\n \r\n {t(\"forms:clients.daikinSerialInfo\")} \r\n
\r\n \r\n
\r\n //
\r\n //
\r\n //
\r\n //
\r\n \r\n {t(\r\n \"forms:cylinder.newCylinderInfoText\"\r\n )}\r\n \r\n
\r\n */}\r\n {/*
\r\n {/*
\r\n \r\n {t(\"forms:analyzer.wizard.infoTextPWA\")}\r\n \r\n
\r\n \r\n \r\n \r\n\r\n \r\n {t(\r\n \"forms:stock.wizard.collectCylinder.step1Info\"\r\n )}\r\n \r\n
\r\n\r\n {t(\"screens:technician.company\")}\r\n \r\n {\r\n availableCylinders =\r\n getCollectableCylinders(value);\r\n formik.setFieldValue(\"client\", value);\r\n formik.setFieldValue(\r\n \"minCylinders\",\r\n availableCylinders.length\r\n );\r\n\r\n formik.setFieldValue(\"numCylinders\", 0);\r\n updatePropertyBag({\r\n details: getCompanyDetails(value),\r\n cylinders: availableCylinders,\r\n });\r\n formik.setFieldValue(\r\n \"cylinders\",\r\n availableCylinders.map(\r\n (cyl) => cyl.tagId\r\n )\r\n );\r\n\r\n formik.setFieldValue(\r\n \"collectedCylinders\",\r\n []\r\n );\r\n }}\r\n />\r\n
\r\n );\r\n },\r\n },\r\n {\r\n name: t(\"screens:registration.companyDetails\"),\r\n fields: (formik, propertyBag) => {\r\n return (\r\n \r\n
\r\n \r\n \r\n\r\n \r\n {t(\r\n \"forms:stock.wizard.collectCylinder.step1Info\"\r\n )}\r\n \r\n
\r\n {propertyBag.details && (\r\n <>\r\n\r\n {t(\"screens:technician.companyDetails\")}\r\n \r\n \r\n \r\n {t(\"screens:technician.address\")}\r\n \r\n {propertyBag.details.address}\r\n \r\n \r\n \r\n {t(\"screens:technician.city\")}\r\n \r\n {propertyBag.details.city}\r\n \r\n \r\n \r\n {t(\"screens:technician.postal\")}\r\n \r\n {propertyBag.details.postalCode}\r\n \r\n \r\n \r\n {t(\"screens:technician.country\")}\r\n \r\n {\r\n propertyBag.details\r\n .countryName\r\n }\r\n \r\n \r\n \r\n {t(\r\n \"sidebar:label.companyContactPersonName\"\r\n )}\r\n \r\n {`${\r\n propertyBag.details\r\n .contactPersonFirstName\r\n ? propertyBag.details\r\n .contactPersonFirstName\r\n : \"\"\r\n } ${\r\n propertyBag.details\r\n .contactPersonLastName\r\n ? propertyBag.details\r\n .contactPersonLastName\r\n : \"\"\r\n } `}\r\n \r\n \r\n \r\n {t(\r\n \"screens:administratorListing.email\"\r\n )}\r\n \r\n {propertyBag.details.email}\r\n \r\n \r\n \r\n {t(\r\n \"table:headers.client.contact.phone\"\r\n )}\r\n \r\n {propertyBag.details.phoneNumber\r\n ? propertyBag.details\r\n .phoneNumber\r\n : \"\"}\r\n \r\n \r\n \r\n \r\n )}\r\n
\r\n );\r\n },\r\n },\r\n {\r\n name: t(\"screens:technician.gasInfo\"),\r\n fieldNames: [\"numCylinders\"],\r\n onStepSubmit: ({ values }) => {\r\n if (values.numCylinders < values.minCylinders) {\r\n toast.error(\r\n `${t(\"screens:technician.cylindersToScan\")} ${\r\n values.minCylinders - values.numCylinders\r\n }`\r\n );\r\n return false;\r\n }\r\n return true;\r\n },\r\n fields: (formik, propertyBag) => {\r\n return (\r\n <>\r\n \r\n {propertyBag.details && (\r\n <>\r\n
\r\n
\r\n
\r\n \r\n
\r\n \r\n {t(\r\n \"forms:extraction.wizard.useCamera\"\r\n )}\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n {t(\r\n \"forms:extraction.wizard.useCamera\"\r\n )}\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n {t(\r\n \"forms:extraction.wizard.useCamera\"\r\n )}\r\n \r\n
\r\n \r\n
\r\n
{t(\"dashboard.welcome\")}
\r\n {t(\"dashboard.toFutureOf\")}\r\n \r\n {t(\"dashboard.circularEconomy\")}\r\n \r\n )}\r\n
\r\n \r\n {t(\"common:impersonate.chooseCompany\")}\r\n \r\n \r\n \r\n {t(\"screens:login.multipleCompanies\")}\r\n \r\n \r\n \r\n {t(\"screens:login.chooseSession\")}\r\n \r\n
\r\n \r\n {companies.map((c, idx) => {\r\n return (\r\n setCompany(c.companyId)}\r\n key={idx}\r\n >\r\n
\r\n \r\n {c.companyName} \r\n {c.address} \r\n
\r\n \r\n );\r\n })}\r\n \r\n\r\n
\r\n {t(\"actions:issueWithCylinder\")}\r\n
\r\n reportIssue(cylinderId)} >{t(\"actions:reportIssue\")}\r\n
\r\n \r\n reportIssue(cylinderId)} >{t(\"actions:reportIssue\")}\r\n
\r\n \r\n {t(\"forms:cylinder.newCylinderInfoTitle\")}\r\n \r\n \r\n {t(\"forms:cylinder.newCylinderInfoText\")}\r\n
\r\n {t(\"forms:cylinder.newCylinderInfoText2\")}\r\n \r\n
\r\n \r\n {t(\"forms:cylinder.newCylinderInfoText2\")}\r\n
\r\n \r\n {t(\r\n \"forms:cylinder.newCylinderInfoTitle\"\r\n )}\r\n \r\n \r\n {t(\r\n \"forms:cylinder.newCylinderInfoText3\"\r\n )}\r\n \r\n
\r\n {title}
\r\n }\r\n {\r\n (placeholder && !filePath) &&\r\n \r\n {placeholder}\r\n
\r\n }\r\n {\r\n (fileName && filePath) &&\r\n \r\n \r\n \r\n {t(\"forms:wizard.undo\")}\r\n \r\n
\r\n \r\n\r\n\r\n \r\n \r\n \r\n {t(\r\n \"forms:cylinder.editCylinderInfoTitle\"\r\n )}\r\n \r\n
\r\n \r\n \r\n {t(\"forms:cylinder.wizard.issueTitle\")}\r\n \r\n \r\n {t(\"forms:cylinder.wizard.issueTypeText\")}\r\n \r\n
\r\n \r\n \r\n {t(\"forms:cylinder.wizard.issueTitle\")}\r\n \r\n \r\n {t(\"forms:cylinder.wizard.issueDescText\")}\r\n \r\n
\r\n {t(\"actions:dialogs.deleteCylinder.text\")}
\r\n\r\n {selectedCylinder &&\r\n selectedCylinder.length > 0 &&\r\n `• ${selectedCylinder[0].tagId} | ${selectedCylinder[0].size.toFixed(\r\n 2\r\n )} kg`}\r\n
\r\n\r\n\r\n
{description ? description : \"-\"}
\r\n \r\n \r\n )}\r\n \r\n );\r\n};\r\n\r\nexport default EquipmentDetailSideBar;\r\n","import React from \"react\";\r\nimport InputElement from \"../../../../components/elements/form-elements/InputElement\";\r\nimport {\r\n InfoText,\r\n InfoTitle,\r\n InfoWrapper,\r\n RoundInfo,\r\n} from \"../../../../components/modal/components/WizardStyling\";\r\nimport ValidationRule, {\r\n buildValidation,\r\n} from \"../../../../core/validations/ValidationRule\";\r\nimport TagsService from \"../../../../services/Tags/TagsService\";\r\n\r\nconst defaultInitialValuesEdit = {\r\n tagId: \"\",\r\n name: \"\",\r\n description: \"\",\r\n macAddress: \"\",\r\n imageFile: \"\",\r\n};\r\n\r\nconst defaultInitialValuesAdd = {\r\n tagId: \"\",\r\n name: \"\",\r\n description: \"\",\r\n macAddress: \"\",\r\n imageFile: \"\",\r\n};\r\n\r\nconst lookupUnassignedTags = async (tag) => {\r\n if (tag.length > 2) {\r\n const tags = await TagsService.lookupUnassignedTags(tag);\r\n return tags.map((t) => t.id);\r\n }\r\n return [];\r\n};\r\n\r\nconst validTagId = (t) => {\r\n return buildValidation({\r\n tagId: ValidationRule.isStringRule()\r\n .isUUID(t(\"forms:unit.uuid.invalid\"))\r\n .required(t(\"forms:unit.unitTagId.required\")).rule,\r\n });\r\n};\r\n\r\nconst validAnalyzer = (t) => {\r\n return buildValidation({\r\n macAddress: ValidationRule.isStringRule()\r\n .regexMatchRule(\r\n /^([0-9a-fA-F]{2}[:-]){5}[0-9a-fA-F]{2}$/i,\r\n t(\"forms:analyzer.wizard.macInvalid\")\r\n )\r\n .required(t(\"forms:analyzer.wizard.macRequired\")).rule,\r\n name: ValidationRule.isStringRule().required(t(\"forms:analyzer.wizard.nameRequired\")).rule,\r\n });\r\n};\r\n\r\nconst EquipmentWizard = (t, initialValues = [], isEdit = false, preFill = \"\") => {\r\n if (preFill) defaultInitialValuesAdd.name = preFill;\r\n const steps = [];\r\n if (!isEdit) {\r\n steps.push({\r\n name: t(\"forms:analyzer.wizard.step1Title\"),\r\n fieldNames: [\"tagId\"],\r\n validation: validTagId(t),\r\n fields: (formik) => (\r\n <>\r\n\r\n \r\n {isEdit\r\n ? t(\"forms:equipment.editEquipmentTitle\")\r\n : t(\"forms:analyzer.wizard.infoTitle\")}\r\n \r\n \r\n {t(\"forms:analyzer.wizard.infoText\")}\r\n
\r\n {t(\"forms:analyzer.wizard.infoText2\")}\r\n \r\n
\r\n \r\n {t(\"forms:analyzer.wizard.infoText2\")}\r\n
\r\n \r\n {isEdit\r\n ? t(\"forms:equipment.editEquipmentTitle\")\r\n : t(\"forms:analyzer.wizard.infoTitle\")}\r\n \r\n \r\n {t(\"forms:analyzer.wizard.infoText\")}\r\n
\r\n {t(\"forms:analyzer.wizard.infoText2\")}\r\n \r\n
\r\n \r\n {t(\"forms:analyzer.wizard.infoText2\")}\r\n
{t(\"actions:dialogs.deleteEquipment.text\")}
\r\n{selectedEquipment && selectedEquipment[0].name}
\r\n\r\n {t(\r\n \"screens:forgottenPassword.requestSubmitted\"\r\n )}\r\n
\r\n \r\n {enteredUsername.current}\r\n
\r\n {t(\"screens:resetPassword.passwordSaved\")}
\r\n - \r\n
- {t(\"screens:login.passLower\")} \r\n
- {t(\"screens:login.passUpper\")} \r\n
- {t(\"screens:login.passDigits\")} \r\n
- {t(\"screens:login.passSymbols\")} \r\n
\r\n
\r\n \r\n {t(\r\n \"screens:resetPassword.type.expired\"\r\n )}\r\n
\r\n {t(\"screens:resetPassword.type.setNew\")}\r\n \r\n {\r\n setLicenceDate(val || \"\");\r\n formik.setFieldValue(name, val || \"\");\r\n }}\r\n mode={mode}\r\n dateFormat={mode === \"date\" ? \"dd.MM.yyyy\" : \"dd.MM.yyyy HH:mm\"}\r\n timeIntervals={5}\r\n timeFormat=\"HH:mm\"\r\n showTimeSelect={mode === \"date\" ? false : true}\r\n placeholderText=\"DD/MM/YYYY\"\r\n filterDate={filterDate}\r\n minDate={minDate ?? new Date(\"1/1/1930\")}\r\n maxDate={maxDate ?? new Date(\"1/1/2100\")}\r\n showMonthDropdown\r\n showYearDropdown\r\n dropdownMode=\"select\"\r\n />\r\n
\r\n \r\n {userName}\r\n
{prices.join(' / ')}
\r\n );\r\n },\r\n },\r\n ],\r\n [t]\r\n );\r\n\r\n const onSelect = (row) =>{\r\n toggleBidView(row.original, row.original.bidId);\r\n }\r\n\r\n return (\r\n <>\r\n {bidsState.data && (\r\n <>\r\n \r\n \r\n {t(\r\n \"forms:payForOffer.wizard.newPayment\"\r\n )}\r\n \r\n \r\n {t(\r\n \"forms:payForOffer.wizard.chooseLevelDesc\"\r\n )}\r\n \r\n
\r\n \r\n \r\n {t(\r\n \"forms:payForOffer.wizard.noFunds\"\r\n )}\r\n \r\n \r\n {t(\r\n \"forms:payForOffer.wizard.noFundsInfo\"\r\n )}\r\n \r\n {\r\n ModalWizard.hide();\r\n }}\r\n >\r\n {t(\r\n \"forms:payForOffer.wizard.gotoMyWallets\"\r\n )}\r\n \r\n
\r\n \r\n \r\n {t(\r\n \"forms:payForOffer.wizard.newPayment\"\r\n )}\r\n \r\n \r\n {t(\r\n \"forms:payForOffer.wizard.deductedAmount\"\r\n )}\r\n \r\n
\r\n \r\n \r\n {propertyBag.serviceType === \"B\"\r\n ? t(\r\n \"forms:payForOffer.wizard.cleanService\"\r\n )\r\n : t(\r\n \"forms:payForOffer.wizard.restoreService\"\r\n )}\r\n \r\n
\r\n \r\n \r\n {t(\r\n \"forms:payForOffer.wizard.mainBallance\"\r\n )}\r\n \r\n \r\n {propertyBag.mainWalletBalance?.toFixed(\r\n 2\r\n )}{\" \"}\r\n EUR\r\n \r\n
\r\n \r\n \r\n {offerInfo}\r\n \r\n \r\n -{propertyBag.price?.toFixed(2)} EUR\r\n \r\n
\r\n \r\n {`${t(\r\n \"filters:company.vat\"\r\n )} (${vatPercString}%)`} \r\n \r\n -{propertyBag.priceVATonly?.toFixed(2)}{\" \"}\r\n EUR\r\n \r\n
\r\n\r\n \r\n \r\n {t(\"table:headers.total\")}:\r\n \r\n \r\n -{propertyBag.priceWithVAT?.toFixed(2)}{\" \"}\r\n EUR\r\n \r\n
\r\n\r\n {!propertyBag.walletBalanceExceeded && (\r\n <>\r\n \r\n \r\n {t(\r\n \"forms:payForOffer.wizard.newMainBalance\"\r\n )}\r\n :\r\n \r\n \r\n {propertyBag.remainingBalance?.toFixed(\r\n 2\r\n )}{\" \"}\r\n EUR\r\n \r\n
\r\n \r\n )}\r\n \r\n {title ? title : t(`label.bid.${grade}Grade`)}\r\n {showQuantity && ` / ${quantity.toFixed(2)} kg`}\r\n
\r\n {`${info}`}
\r\n \r\n {(amount * quantity).toFixed(2)} EUR\r\n
\r\n {`+${t(\r\n \"filters:company.vat\"\r\n )} (${percString}%)`}
\r\n \r\n {withVAT(amount * quantity)} EUR\r\n
\r\n \r\n \r\n {t(\r\n \"actions:bidActions.provideRejectReason\"\r\n )}\r\n
\r\n \r\n \r\n {t(\"actions:bidActions.rejectAbout\")}\r\n
\r\n \r\n \r\n {offer && (\r\n <>\r\n \r\n {bid && (\r\n <>\r\n \r\n {offer && bid && (\r\n <>\r\n \r\n \r\n {bid && (\r\n \r\n \r\n {bid && (\r\n \r\n {\r\n var offerInfo = `${\r\n offer.refrigerantGasTypeCode\r\n } | ${gasGradeNames[offer.pressumedGradeValue]} | ${\r\n offer.maximumQuantity\r\n } kg`;\r\n\r\n offer.isCleaning\r\n ? acceptCleaningBid(\r\n bid.bidId,\r\n bid.offeredPriceGradeA,\r\n bid.offeredPriceGradeB,\r\n offerInfo,\r\n bid.bidCompanyCountryId\r\n )\r\n : acceptBid(\r\n bid.bidId,\r\n bid.offeredPriceGradeC,\r\n offerInfo,\r\n bid.bidCompanyCountryId\r\n );\r\n }}\r\n >\r\n {t(\"actions:bidActions.accept\")}\r\n \r\n\r\n {\r\n rejectBid(bid, offer);\r\n }}\r\n >\r\n {t(\"actions:bidActions.reject\")}\r\n \r\n \r\n )}\r\n\r\n {bid && bid.bidStatus !== 0 && (\r\n \r\n \r\n */}\r\n
\r\n );\r\n};\r\n\r\nexport default SingleBidDetailSideBar;\r\n","import React, { useRef, useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport AccordionWrapper from \"../../../../components/toggle-view/AccordionWrapper\";\r\nimport BidsListing from \"../../../../components/bids/BidsListing\";\r\nimport SidebarField from \"../../../../components/elements/sidebar/SidebarField\";\r\nimport {\r\n Num,\r\n NumInfo,\r\n NumSection,\r\n} from \"../../../../components/elements/sidebar/SidebarStyle\";\r\nimport DetailSideBar from \"../../../../components/modal/DetailSideBar\";\r\nimport SingleBidDetailSideBar from \"./SingleBidDetailSideBar\";\r\nimport useClickAway from \"../../../../hooks/_shared/useClickAway\";\r\nimport helpers from \"../../../../core/helpers\";\r\nimport { VSpace } from \"../../../pwa/components/StyledElements\";\r\nimport Button from \"../../../../components/elements/buttons/Button\";\r\nimport styled from \"styled-components\";\r\nimport {\r\n BidGradeWrapper,\r\n BidGrade,\r\n BigHandlingCosts,\r\n} from \"../../../../components/bids/BidGrade\";\r\nimport Slider from \"../../../../components/elements/general/Slider\";\r\nimport { getApiUrl } from \"../../../../services/getAxios\";\r\nimport useSharedState from \"../../../../hooks/_shared/useSharedState\";\r\nimport useAccordionGroup from \"../../../../hooks/_shared/useAccordionGroup\";\r\n\r\nconst ButtonWrapper = styled.div`\r\n display: flex;\r\n justify-content: space-between;\r\n margin-bottom: 30px;\r\n`;\r\n\r\nconst DownloadWrapper = styled.div`\r\n display: flex;\r\n justify-content: space-between;\r\n\r\n &.pad {\r\n padding: 25px 15px;\r\n }\r\n\r\n &.big > * {\r\n font-size: 14px !important;\r\n }\r\n\r\n & > div {\r\n font-size: 12px;\r\n color: #333333;\r\n font-weight: 600;\r\n }\r\n`;\r\n\r\nconst DownloadLink = styled.a`\r\n color: #2294d2;\r\n text-decoration: none;\r\n font-size: 12px;\r\n &.big {\r\n font-size: 14px;\r\n }\r\n`;\r\n\r\nconst splitTag = (tag) => {\r\n if (!tag || tag.length < 8) return tag;\r\n return tag.substring(0, 4) + \" \" + tag.substring(4, 8);\r\n};\r\n\r\nconst getFileName = (url) => {\r\n const parts = url.split(\"/\");\r\n return parts[parts.length - 1];\r\n};\r\n\r\nconst MyOffersDetailSideBar = ({\r\n selectedOffer,\r\n offer,\r\n isLoading,\r\n sellToggleOpen,\r\n disputeToggleOpen,\r\n closeSideBar,\r\n openAccordionId = null,\r\n}) => {\r\n const { t } = useTranslation(\"sidebar\");\r\n const shouldShow = !isLoading && offer;\r\n const [globalState] = useSharedState(\"global\");\r\n const [openAccordion, setOpenAccordion] =\r\n useAccordionGroup(openAccordionId);\r\n\r\n const [singleBidViewIsOpened, setSingleBidviewIsOpened] = useState(false);\r\n const [singleBidData, setSingleBidData] = useState(null);\r\n\r\n const openSingleBid = (bid) => {\r\n setSingleBidviewIsOpened(!singleBidViewIsOpened);\r\n setSingleBidData(bid);\r\n };\r\n\r\n const closeSingleBidSidebar = () => {\r\n setSingleBidviewIsOpened(false);\r\n };\r\n\r\n const bidRef = useRef(null);\r\n\r\n useClickAway(bidRef, (ev) => {\r\n closeSingleBidSidebar();\r\n });\r\n\r\n const numQualityTests = () => {\r\n if (!offer.skUs) return 0;\r\n let cnt = 0;\r\n offer.skUs.forEach((offer) => {\r\n if (offer.qualityTestDone) cnt++;\r\n });\r\n return cnt;\r\n };\r\n\r\n if (selectedOffer.offer && selectedOffer.offer.offerStatus !== undefined) {\r\n selectedOffer.offer.status = selectedOffer.offer.offerStatus;\r\n }\r\n\r\n return (\r\n <>\r\n {shouldShow && (\r\n <>\r\n {t(\"actions:dialogs.rejectBid.text\")}
\r\n\r\n {bid &&\r\n `• ${bid.offeredPriceGradeA.toFixed(\r\n 2\r\n )} EUR/kg | ${bid.offeredPriceGradeB.toFixed(\r\n 2\r\n )} EUR/kg | ${bid.offeredPriceGradeC.toFixed(\r\n 2\r\n )} EUR/kg`}\r\n
\r\n\r\n {t(\"actions:dialogs.revokeBid.offeredItem\")}\r\n
\r\n\r\n {offer &&\r\n `• ${\r\n offer.refrigerantGasTypeCode\r\n } | ${offer.quantity?.toFixed(2)} kg | ${\r\n offer.pressumedGradeName\r\n } | ${\r\n offer.analysisDone === \"False\"\r\n ? t(\"filters:analysis.selfAssessment\")\r\n : t(\"filters:analysis.measurement\")\r\n } `}\r\n
\r\n\r\n
\r\n );\r\n })}\r\n \r\n \r\n )}\r\n\r\n {/*// Show only if Offered */}\r\n {selectedOffer.offer && selectedOffer.offer.status === 0 && (\r\n \r\n \r\n \r\n N/A\r\n \r\n \r\n {t(\r\n \"actions:noContamination\"\r\n )}\r\n \r\n \r\n )}\r\n\r\n {sku.saIsContaminated && (\r\n \r\n {++cnt} \r\n \r\n {t(\r\n \"screens:stock.aGradeText\"\r\n )}\r\n \r\n \r\n )}\r\n {sku.saIsMixture && (\r\n \r\n {++cnt} \r\n \r\n {t(\r\n \"screens:stock.bGradeText\"\r\n )}\r\n \r\n \r\n )}\r\n {sku.saHasR22 && (\r\n \r\n {++cnt} \r\n \r\n {t(\r\n \"screens:stock.cGradeText\"\r\n )}\r\n \r\n \r\n )}\r\n
\r\n \r\n {numQualityTests()}{\" \"}\r\n {numQualityTests() > 1\r\n ? t(\r\n \"actions:availableTests\"\r\n )\r\n : t(\r\n \"actions:availableTest\"\r\n )}\r\n
\r\n \r\n {getFileName(\r\n sku.qualityTestUrl\r\n )}\r\n
\r\n {sku.qualityTestDone ? (\r\n -
\r\n )}\r\n \r\n {sku.buyerCylindersAnalysis && (\r\n \r\n
\r\n )}\r\n \r\n );\r\n })}\r\n \r\n \r\n )}\r\n\r\n \r\n\r\n \r\n \r\n \r\n {t(\"actions:dialogs.transactionDetails.title\")}\r\n \r\n \r\n \r\n\r\n\r\n {\r\n (paymentType !== 2 && paymentType !== 3) &&\r\n \r\n \r\n \r\n \r\n \r\n {transactionDetails.payingCompany} {t('actions:dialogs.transactionDetails.beneficiaryInformationTitle')} \r\n \r\n {t('actions:dialogs.transactionDetails.bankAccountOwnerName')} : \r\n {transactionDetails.bankAccountOwnerName}\r\n \r\n\r\n \r\n {t('actions:dialogs.transactionDetails.bankAccountOwnerAddressLine1')}: \r\n\r\n \r\n\r\n \r\n {t('actions:dialogs.transactionDetails.bankAccountOwnerCity')}: \r\n {transactionDetails.bankAccountOwnerCity}\r\n \r\n\r\n \r\n {t('actions:dialogs.transactionDetails.bankAccountOwnerPostalCode')}: \r\n {transactionDetails.bankAccountOwnerPostalCode}\r\n \r\n\r\n {/* \r\n {t('forms:account.region')}: \r\n {transactionDetails.bankAccountOwnerRegion || \"-\"}\r\n */}\r\n\r\n \r\n {t('forms:account.country')}: \r\n {transactionDetails.bankAccountOwnerCountryCode || \"-\"}\r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n Bank Details \r\n \r\n {t('actions:dialogs.transactionDetails.bankAccountOwner')}: \r\n {transactionDetails.bankAccountOwnerName}
\r\n \r\n\r\n \r\n {t('actions:dialogs.transactionDetails.ibanCode')}: \r\n {transactionDetails.bankAccountOwnerIBAN}
\r\n \r\n\r\n \r\n {t('actions:dialogs.transactionDetails.bankAccountOwnerBIC')}: \r\n {transactionDetails.bankAccountOwnerBIC}
\r\n \r\n\r\n \r\n {t('actions:dialogs.transactionDetails.referenceNumber')}: \r\n {transactionDetails.wireReference}
\r\n \r\n \r\n \r\n \r\n \r\n \r\n }\r\n\r\n \r\n \r\n \r\n {\r\n offer && (paymentType === 0 || paymentType === 1) &&\r\n <>\r\n \r\n \r\n {offer.refrigerantGasTypeCode}\r\n \r\n \r\n }\r\n \r\n {t('filters:company.vat')} ({vatPercString}%): \r\n \r\n {((vatPercentage-1)*transactionDetails.amount).toFixed(2)} EUR\r\n \r\n\r\n \r\n\r\n \r\n {t('screens:stockListing.headers.total')}: \r\n {(transactionDetails.amount * vatPercentage).toFixed(2)} EUR \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n};\r\n\r\nexport default TransactionDetails;\r\n","import React, {useCallback, useState} from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport styled from \"styled-components\";\r\nimport Color from \"color\";\r\nimport Button from \"../elements/buttons/Button\";\r\n\r\nconst ModalOverlay = styled.div`\r\n display: block;\r\n position: fixed;\r\n left: 0;\r\n top: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-color: ${(props) =>\r\n Color(props.theme.bgOverlay).fade(0.17).string()};\r\n z-index: 700;\r\n`;\r\n\r\nconst ModalContainer = styled.div`\r\n position: absolute;\r\n min-width: 1000px;\r\n max-width: 1000px;\r\n background: white;\r\n margin: 0 auto;\r\n padding: 64px 72px 40px;\r\n z-index: 701;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n display: flex;\r\n flex-direction: column;\r\n flex-wrap: wrap;\r\n transition: all 0.3s ease-in;\r\n font-family: ${(props) => props.theme.fontFamily};\r\n box-shadow: 0px 12px 20px 0px rgba(0, 0, 0, 0.16);\r\n border-radius: 14px;\r\n\r\n @media ${(p) => p.theme.device.mobile} {\r\n &,\r\n &.wide {\r\n min-width: 90%;\r\n width: 90%;\r\n max-width: 90%;\r\n padding: 30px 10px;\r\n }\r\n }\r\n`;\r\n\r\nconst ButtonsWrapper = styled.div`\r\n text-align: center;\r\n border-top: 1px solid #000;\r\n padding-top: 32px;\r\n`;\r\n\r\nconst DialogButton = styled(Button)`\r\n background: ${(props) => props.theme.primaryActionColor};\r\n border: 1px solid ${(props) => props.theme.primaryActionColorBorder};\r\n color: ${props => props.theme.textWhite};\r\n\r\n &:enabled:hover {\r\n background: ${props => Color(props.theme.primaryActionColor).lighten(0.15).string()};\r\n }\r\n`;\r\n\r\nexport const usePlainModal = ({\r\n closeText,\r\n onClose\r\n }) => {\r\n const [isOpen, setIsOpen] = useState(false);\r\n const [modalModel, setModalModel] = useState({});\r\n\r\n const toggleOpen = useCallback(\r\n (modal) => {\r\n setIsOpen((open) => !open);\r\n setModalModel(modal);\r\n },\r\n [setIsOpen, setModalModel]\r\n );\r\n\r\n return {\r\n toggleOpen: toggleOpen,\r\n modalProps: {\r\n isOpen,\r\n closeText,\r\n modal: modalModel,\r\n onClose\r\n }\r\n }\r\n};\r\n\r\nconst PlainModal = ({children, modalVariant, closeText, isOpen, onClose, modal}) => {\r\n\r\n if (!isOpen) {\r\n return null;\r\n }\r\n\r\n return ReactDOM.createPortal(\r\n <>\r\n {t(\"actions:dialogs.transactionDetails.paymentType.title\")}: {t(\"actions:dialogs.transactionDetails.paymentType.IBANPayIn\")}
\r\n \r\n {transactionDetails.bankAccountOwnerAddressLine1}\r\n {\r\n transactionDetails.bankAccountOwnerAddressLine2 && (\r\n <>
{transactionDetails.bankAccountOwnerAddressLine2}\r\n )\r\n }\r\n
\r\n {transactionDetails.bankAccountOwnerAddressLine2}\r\n )\r\n }\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {t(\"forms:dispute.wizard.qualityAssessment\")}\r\n
\r\n {offer.offerer}
\r\n \r\n {t(\"sidebar:title.quality.qualityConfirmation\")}\r\n
\r\n {offer.acceptedBidInfo.bidCompanyName}
\r\n {t(\"forms:cylinder.cylinderGas\")}:
\r\n {t(\"screens:technician.netQuantity\")}:
\r\n \r\n {t(\"sidebar:label.totalExtractedQuantity\")}:\r\n
\r\n \r\n {t(\"sidebar:label.extraction.qualityGrade\")}:\r\n
\r\n {cyl.gasTypeCode}
\r\n {cyl.maximumQuantity.toFixed(2)} kg
\r\n {cyl.quantity.toFixed(2)} kg
\r\n {cyl.gradeName}
\r\n {cyl.gasTypeCode}
\r\n {cyl.maximumQuantity.toFixed(2)} kg
\r\n {t(\"actions:dialogs.unPublishOffer.text\")}
\r\n\r\n {modalProps.modal &&\r\n modalProps.modal.original &&\r\n `${\r\n modalProps.modal.original.refrigerantGasTypeCode\r\n } | ${modalProps.modal.original.quantity?.toFixed(2)} kg | ${\r\n modalProps.modal.original.pressumedGradeName\r\n } | ${\r\n modalProps.modal.original.analysisDone === \"False\"\r\n ? t(\"filters:analysis.selfAssessment\")\r\n : t(\"filters:analysis.measurement\")\r\n }`}\r\n
\r\n{t(\"actions:dialogs.sellOffer.text\")}
\r\n\r\n {sellModalProps.modal &&\r\n sellModalProps.modal.length > 0 &&\r\n `• ${\r\n sellModalProps.modal[0].cylindersAnalysis\r\n ? sellModalProps.modal[0].acceptedBid[\r\n `offeredPriceGrade${sellModalProps.modal[0].cylindersAnalysis[0].gradeName}`\r\n ].toFixed(2)\r\n : sellModalProps.modal[0].acceptedBid[\r\n `offeredPriceGrade${sellModalProps.modal[0].pressumedGradeName}`\r\n ].toFixed(2)\r\n } EUR/kg (${t(\"actions:bidActions.establishedQuality\")})`}\r\n
\r\n{t(\"actions:dialogs.revokeBid.offeredItem\")}
\r\n\r\n {sellModalProps.modal &&\r\n sellModalProps.modal.length > 0 &&\r\n `• ${\r\n sellModalProps.modal[0].refrigerantGasTypeCode\r\n } | ${sellModalProps.modal[0].quantity.toFixed(2)} kg | ${\r\n sellModalProps.modal[0].pressumedGradeName\r\n } `}\r\n
\r\n {sellModalProps.modal &&\r\n sellModalProps.modal.length > 0 &&\r\n sellModalProps.modal[0]?.buyerCylindersAnalysis?.length > 0 && (\r\n <>\r\n{t(\"actions:dialogs.revokeBid.measuredItems\")}
\r\n {sellModalProps.modal[0]?.buyerCylindersAnalysis.map((x) => (\r\n\r\n {`• `}\r\n {calcWrong(\r\n x.gasTypeCode,\r\n sellModalProps.modal[0].refrigerantGasTypeCode,\r\n x.gasTypeCode\r\n )}\r\n {` | `}{\" \"}\r\n {calcWrong(\r\n x.quantity,\r\n sellModalProps.modal[0].quantity,\r\n ` ${x.quantity.toFixed(2)} kg`\r\n )}\r\n {` | `}\r\n {calcWrong(x.gradeName, sellModalProps.modal[0].pressumedGradeName, x.gradeName)}\r\n
\r\n ))}\r\n \r\n )}\r\n{t(\"actions:dialogs.rejectBid.text\")}
\r\n\r\n {rejectModalProps.modal &&\r\n rejectModalProps.modal.length > 0 &&\r\n `• ${rejectModalProps.modal[0].acceptedBidInfo.offeredPriceGradeA.toFixed(\r\n 2\r\n )} EUR/kg | ${rejectModalProps.modal[0].acceptedBidInfo.offeredPriceGradeB.toFixed(\r\n 2\r\n )} EUR/kg | ${rejectModalProps.modal[0].acceptedBidInfo.offeredPriceGradeC.toFixed(2)} EUR/kg`}\r\n
\r\n{t(\"actions:dialogs.revokeBid.offeredItem\")}
\r\n\r\n {rejectModalProps.modal &&\r\n rejectModalProps.modal.length > 0 &&\r\n `• ${\r\n rejectModalProps.modal[0].refrigerantGasTypeCode\r\n } | ${rejectModalProps.modal[0].quantity.toFixed(2)} kg | ${\r\n rejectModalProps.modal[0].pressumedGradeName\r\n } | ${\r\n rejectModalProps.modal[0].analysisDone === \"False\"\r\n ? t(\"filters:analysis.selfAssessment\")\r\n : t(\"filters:analysis.measurement\")\r\n }`}\r\n
\r\n\r\n
\r\n );\r\n })}\r\n \r\n \r\n )}\r\n\r\n \r\n \r\n \r\n N/A\r\n \r\n \r\n {t(\r\n \"actions:noContamination\"\r\n )}\r\n \r\n \r\n )}\r\n\r\n {sku.saIsContaminated && (\r\n \r\n {++cnt} \r\n \r\n {t(\r\n \"screens:stock.aGradeText\"\r\n )}\r\n \r\n \r\n )}\r\n {sku.saIsMixture && (\r\n \r\n {++cnt} \r\n \r\n {t(\r\n \"screens:stock.bGradeText\"\r\n )}\r\n \r\n \r\n )}\r\n {sku.saHasR22 && (\r\n \r\n {++cnt} \r\n \r\n {t(\r\n \"screens:stock.cGradeText\"\r\n )}\r\n \r\n \r\n )}\r\n
\r\n \r\n {numQualityTests()}{\" \"}\r\n {numQualityTests() > 1\r\n ? t(\"actions:availableTests\")\r\n : t(\"actions:availableTest\")}\r\n
\r\n \r\n \r\n \r\n {t(\"actions:download\")}\r\n \r\n ) : (\r\n
\r\n );\r\n })}\r\n \r\n \r\n )}\r\n\r\n \r\n {getFileName(\r\n sku.qualityTestUrl\r\n )}\r\n
\r\n {sku.qualityTestDone ? (\r\n -
\r\n )}\r\n \r\n {sku.buyerCylindersAnalysis && (\r\n \r\n
\r\n )}\r\n \r\n {\r\n return offer && offer.bidStatus === 0\r\n ? toggleOpenRevoke(offer.offerId)\r\n : undefined;\r\n }}\r\n >\r\n {t(\"actions:bidActions.revokeBid\")}\r\n \r\n
\r\n )}\r\n \r\n )}\r\n \r\n );\r\n};\r\n\r\nexport default MyBidDetailSideBar;\r\n","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Select } from \"../../../../components/elements/form-elements\";\r\nimport InputElement from \"../../../../components/elements/form-elements/InputElement\";\r\nimport ValidationRule, {\r\n buildValidation,\r\n} from \"../../../../core/validations/ValidationRule\";\r\nimport MoneyInputElement from \"../../../../components/elements/form-elements/MoneyInputElement\";\r\n\r\nconst validTest = (t, idx) => {\r\n return buildValidation({\r\n [`analysisImage_${idx}`]: ValidationRule.isStringRule().required(\r\n t(\"forms:qualityTest.errors.testRequired\")\r\n ).rule,\r\n [`quality_${idx}`]: ValidationRule.isStringRule().required(\r\n t(\"forms:qualityTest.errors.gasTypeRequired\")\r\n ).rule,\r\n [`quantity_${idx}`]: ValidationRule.isNumber(\r\n t(\"forms:qualityTest.errors.numberRequired\")\r\n ).required(t(\"forms:qualityTest.errors.quantityRequired\")).rule,\r\n });\r\n};\r\n\r\nconst SellerInfo = styled.div`\r\n width: 100%;\r\n border-bottom: 1px solid #eee;\r\n margin-top: 10px;\r\n margin-bottom: 24px;\r\n font-size: 14px;\r\n font-weight: 500;\r\n display: flex;\r\n flex-wrap: wrap;\r\n padding-bottom: 20px;\r\n\r\n & ul {\r\n margin: 0;\r\n list-style: none;\r\n padding: 0px 10px;\r\n }\r\n\r\n & ul.keys {\r\n font-weight: 600;\r\n }\r\n\r\n & .seller {\r\n padding: 0px 10px;\r\n width: 100%;\r\n font-size: 20px;\r\n font-weight: 600;\r\n color: ${(p) => p.theme.primaryColor};\r\n }\r\n`;\r\n\r\nconst QualityTestWizard = (t, offerId, offerer, gasTypeCode, cylinders) => {\r\n const initialValues = {};\r\n const steps = [];\r\n\r\n cylinders.forEach((cyl) => {\r\n const idx = cyl.skuId;\r\n initialValues[`analysisImage_${idx}`] = \"\";\r\n initialValues[`analysisText_${idx}`] = null;\r\n initialValues[`analysisResult_${idx}`] = 9;\r\n initialValues[`quality_${idx}`] = cyl.gradeName;\r\n initialValues[`quantity_${idx}`] = cyl.quantity;\r\n initialValues[`skuId_${idx}`] = cyl.skuId;\r\n initialValues[`offerId_${idx}`] = offerId;\r\n\r\n steps.push({\r\n name: `${t(\"forms:qualityTest.cylinder\")}: ${cyl.tagId}`,\r\n fieldNames: [\r\n `analysisImage_${idx}`,\r\n `quality_${idx}`,\r\n `quantity_${idx}`,\r\n ],\r\n validation: validTest(t, idx),\r\n fields: (formik) => (\r\n <>\r\n {offerer}
\r\n - \r\n
- F-Gas: \r\n
- Transaction ID: \r\n
- \r\n
- {gasTypeCode} \r\n
- {offerId} \r\n
\r\n \r\n \r\n \r\n {t(\r\n \"forms:stock.wizard.collectCylinder.step1Info\"\r\n )}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n {t(\r\n \"forms:stock.wizard.collectCylinder.step1Info\"\r\n )}\r\n \r\n
\r\n {t(\"actions:dialogs.revokeBid.text\")}
\r\n\r\n {selectedBid &&\r\n `• ${selectedBid.offeredPriceGradeA.toFixed(\r\n 2\r\n )} EUR/kg | ${selectedBid.offeredPriceGradeB.toFixed(\r\n 2\r\n )} EUR/kg | ${selectedBid.offeredPriceGradeC.toFixed(2)} EUR/kg`}\r\n
\r\n{t(\"actions:dialogs.revokeBid.offeredItem\")}
\r\n\r\n {selectedBid &&\r\n `• ${selectedBid.refrigerantGasTypeCode} | ${selectedBid.quantitySum.toFixed(2)} kg | ${\r\n selectedBid.pressumedGradeName\r\n } | ${\r\n selectedBid.analysisDone === \"False\"\r\n ? t(\"filters:analysis.selfAssessment\")\r\n : t(\"filters:analysis.measurement\")\r\n } `}\r\n
\r\n{t(\"actions:dialogs.payPresumedQuality.info\")}
\r\n\r\n {selectedBid &&\r\n `• ${selectedBid.refrigerantGasTypeCode} | ${selectedBid.quantitySum.toFixed(2)} kg | ${\r\n selectedBid.pressumedGradeName\r\n } | ${\r\n selectedBid.analysisDone === \"False\"\r\n ? t(\"filters:analysis.selfAssessment\")\r\n : t(\"filters:analysis.measurement\")\r\n } `}\r\n
\r\n{t(\"actions:dialogs.payPresumedQuality.text\")}
\r\n{t(\"forms:stock.wizard.collectCylinder.warning\")}
\r\n\r\n \r\n {t(\r\n \"forms:reclaimed.wizard.infoTextBold\"\r\n )}\r\n \r\n \r\n {t(\"forms:reclaimed.wizard.infoText1\")}\r\n
\r\n {t(\"forms:reclaimed.wizard.infoText2\")}\r\n \r\n
\r\n \r\n {t(\"forms:reclaimed.wizard.infoText2\")}\r\n
{t(\"actions:dialogs.unPublishOffer.text\")}
\r\n\r\n {unpublishProps.modal &&\r\n unpublishProps.modal.data &&\r\n `${\r\n unpublishProps.modal.data.type\r\n } | ${unpublishProps.modal.data.quantity?.toFixed(\r\n 2\r\n )} kg | ${unpublishProps.modal.data.price.toFixed(\r\n 2\r\n )} EUR`}\r\n
\r\n{t(\"actions:dialogs.declineBid.text\")}
\r\n\r\n {cancelProps.modal &&\r\n cancelProps.modal.data &&\r\n `${\r\n cancelProps.modal.data.type\r\n } | ${cancelProps.modal.data.quantity?.toFixed(\r\n 2\r\n )} kg | ${cancelProps.modal.data.price.toFixed(2)} EUR`}\r\n
\r\n\r\n\r\n \r\n \r\n \r\n {t(\"actions:dialogs.transactionDetails.title\")}\r\n \r\n \r\n \r\n\r\n\r\n {\r\n (paymentType !== 2 && paymentType !== 3) &&\r\n \r\n \r\n \r\n \r\n \r\n {transactionDetails.payingCompany} {t('actions:dialogs.transactionDetails.beneficiaryInformationTitle')} \r\n \r\n
{t(\"actions:dialogs.transactionDetails.paymentType.title\")}: {t(\"actions:dialogs.transactionDetails.paymentType.IBANPayIn\")}
\r\n