\n {children}\n
\n );\n};\n","import React from \"react\";\nimport { SvgIcon, SvgIconProps } from \"@material-ui/core\";\n\nexport default (props: SvgIconProps) => (\n \n \n \n {onBack && (\n \n \n )}\n\n {!onBack && (\n <>\n setOpen(true)}>\n \n \n\n setOpen(false)}\n >\n \n {t(\"Profile_Welcome\")} \n {username} \n \n\n \n {\n setOpen(false);\n history.push(\"/Search\");\n }}\n divider\n >\n \n \n \n (window.location.href = serverData.makeAppointmentUrl!)\n }\n divider\n >\n \n \n b.mainMenuSort !== null && b.mainMenuSort < 0\n )}\n sortingKey=\"mainMenuSort\"\n />\n {username && (\n {\n setOpen(false);\n history.push(\"/WishList\");\n }}\n divider\n >\n \n \n \n \n \n {\n setOpen(false);\n history.push(\"/account/profile\");\n }}\n divider\n >\n \n \n {\n setOpen(false);\n history.push(\"/account/login\");\n }}\n divider\n >\n \n \n b.mainMenuSort !== null && b.mainMenuSort > 0\n )}\n sortingKey=\"mainMenuSort\"\n />\n\n \n \n \n )}\n\n history.push(\"/WishList\")}>\n \n \n \n \n \n\n \n\n {isLoading &&
\n );\n } else {\n return (\n {children}
\n \n {inline}\n\n
\n );\n};\n","import React from \"react\";\nimport { SvgIcon, SvgIconProps } from \"@material-ui/core\";\n\nexport default (props: SvgIconProps) => (\n \n 
\n\n {children}\n
\n - \n {groupedOptions.map((option, index) => {\n const matches = match(option, value);\n const parts = parse(option, matches);\n\n const text = parts.map((part) => {\n if (part.highlight) {\n return {part.text};\n } else {\n return (\n
\n \n \n \n \n \n \n \n {t(\"Search_NumberOfResults\", {\n totalCount: search.results.totalCount,\n })}\n \n \n \n setOpen(true)}\n startIcon={ \n \n \n {t(\"Search_SortLabel\")} \n \n dispatch(\n updateFilter(\n {\n type: FilterUpdateType.Sorting,\n sorting,\n },\n true\n )\n )\n }\n />\n \n \n \n\n setOpen(false)}\n maxWidth=\"sm\"\n fullWidth\n >\n {t(\"Search_FilterDialogTitle\")} \n \n \n \n \n \n setOpen(false)}\n fullWidth\n >\n {t(\"Search_FilterDialogButtonLabel\", {\n totalCount: search.results.totalCount,\n })}\n \n \n \n \n \n\n \n {t(\"Search_NoResults\")} \n \n )}\n \n
\n \n\n \n dispatch(loadPage(search.newestPageNumber + 1))}\n loader={null}\n style={{ width: \"100%\", overflow: \"hidden\" }}\n >\n \n \n \n \n setOpen1(true)}\n />\n \n \n \n dispatch(\n updateFilter(\n {\n type: FilterUpdateType.Sorting,\n sorting,\n },\n true\n )\n )\n }\n />\n \n \n \n \n\n \n {search.results.pages\n .flatMap((page) => page.items)\n .map((item) => (\n \n history.push(ringLink(item))}\n className={classes.thumbnailContainer}\n >\n \n \n \n \n {item.minPriceFormatted}\n {item.minPriceFormatted !==\n item.maxPriceFormatted && (\n - {item.maxPriceFormatted}\n )}\n \n \n\n \n \n {item.reference}\n \n \n\n \n
\n \n ))}\n \n\n {!isLoading &&\n search.results.pages.flatMap((page) => page.items).length ===\n 0 && (\n \n
\n );\n};\n","import React, { useMemo } from \"react\";\nimport {\n makeStyles,\n Theme,\n Dialog,\n DialogTitle,\n Typography,\n IconButton,\n Grid,\n DialogContent,\n DialogActions,\n Button,\n Box,\n} from \"@material-ui/core\";\nimport * as Yup from \"yup\";\nimport { Formik, Form } from \"formik\";\nimport { useTranslation } from \"react-i18next\";\nimport { TFunction } from \"i18next\";\n\nimport Close from \"icons/Close\";\nimport { TextFieldInput } from \"components/TextFieldInput\";\nimport { DialogExplanation } from \"components/DialogExplanation\";\nimport { Email } from \"models\";\nimport { Fullbleed } from \"./Fullbleed\";\n\nconst useStyles = makeStyles((theme: Theme) => ({\n closeButton: {\n position: \"absolute\",\n right: theme.spacing(1),\n top: theme.spacing(1),\n },\n content: {\n padding: theme.spacing(2),\n width: \"100%\",\n },\n}));\n\ntype FormValues = {\n to: string;\n message: string;\n};\n\nconst initialValues: FormValues = {\n to: \"\",\n message: \"\",\n};\n\ntype Props = {\n open: boolean;\n onClose: () => void;\n onSubmit: (email: Email) => Promise\n {title && (\n \n {title}\n \n )}\n\n {children}\n
\n - \n
\n \n \n \n \n \n \n \n \n
\n\n \n \n dispatch(\n addItem({\n reference: ringView.reference,\n purity: ringView.purity,\n })\n )\n }\n onRemoveFromWishList={() => {\n wishListItemId && dispatch(removeItem(wishListItemId));\n }}\n isAddedToWishlist={!!wishListItemId}\n />\n\n \n ⁽ⁱ⁾ {t(\"Ring_PriceValidUntil\")} {ringView.price.currentDate}\n \n\n \n \n
\n\n \n
\n\n \n setIsEmailModalOpen(true)}\n onBack={onBack}\n />\n
\n\n \n
\n \n b.productMenuSort !== null && b.productMenuSort < 0\n )}\n sortingKey=\"productMenuSort\"\n ringView={ringView}\n extraProps={{ fullWidth: true, color: \"primary\", variant: \"contained\" }}\n boxed\n />\n\n {serverData.canOrder && (\n \n \n {t(\"Order\")}\n \n \n )}\n {serverData.placeExternalOrderUrl && (\n \n \n {t(\"PlaceExternalOrder\")}\n \n \n )}\n {serverData.makeAppointmentUrl && (\n \n \n {t(\"MakeAppointment\")}\n \n \n )}\n\n \n \n \n\n {((!isMobile && !serverData.hidePrintButton) ||\n !serverData.hideSendEmailButton) && (\n \n \n {!isMobile && !serverData.hidePrintButton && (\n \n )}\n {!serverData.hideSendEmailButton && (\n \n )}\n \n \n )}\n\n b.productMenuSort !== null && b.productMenuSort > 0\n )}\n sortingKey=\"productMenuSort\"\n ringView={ringView}\n extraProps={{ fullWidth: true, color: \"primary\", variant: \"contained\" }}\n boxed\n />\n {children}\n
\n );\n};\n\nconst useStyles2 = makeStyles(() => ({\n select: {\n cursor: \"pointer\",\n },\n}));\n\nconst Sidebar = ({\n ringView,\n onTypeClick,\n onEmailClick,\n onBack,\n}: {\n ringView: RingView;\n onTypeClick: any;\n onEmailClick: () => void;\n onBack: () => void;\n}) => {\n const lineRef = React.useRef\n \n \n
\n \n \n \n {t(\"Ring_ScrollToView\")}\n \n
\n \n {ringView.configurationTypes.map((configurationType, idx) => (\n
\n\n \n onTypeClick(configurationType)}\n inputProps={{ className: classes.select }}\n InputProps={{\n readOnly: true,\n endAdornment: (\n \n \n ),\n }}\n fullWidth\n />\n
\n ))}\n \n \n {configurationType.description}\n \n
\n\n {ringView.configurationTypes.length === idx + 1 && (\n \n )}\n\n onChange(url)}>\n 
\n
\n