\n {dataUri ?
\n {(isMobile && !!cameraError) && (\n \n setCameraError(prev => err)}\n onCameraStart={(stream) => { handleCameraStart(stream) }}\n />\n
\n }\n - \n
- {t(\"drivers_license\")} \n
- {t(\"passport\")} \n
- {t(\"other_photo_id\")} \n
- \n
\n
)\n}\n\nexport default CustomIDScanner\n","import React from 'react';\nimport Typography from '@mui/material/Typography';\nimport { useTranslation } from 'react-i18next';\n\n\nexport default function LoadingScreen(){\n\tconst { t } = useTranslation()\n\n\treturn \n \n \n : filePreview\n ? \n 
\n \n : \n \n \n \n \n {renderIDUpload()}\n \n \n \n }\n
\n \n }>{t(\"back\")}\n
\n \n
}\n \n handleSubmitImage(dataUri)}\n fullWidth\n size=\"large\"\n variant=\"contained\"\n disabled={submitDisabled || submitLoading}\n style={{ borderRadius: 30 }}\n >\n {submitLoading ?
\n { setDataUri(null); setSubmitDisabled(false) }}>{t(\"retake_photo\")}\n \n }>{t(\"back\")}\n
\n \n
\n \n handleSubmitImage(file)}\n fullWidth\n size=\"large\"\n variant=\"contained\"\n id=\"submitPhoto\"\n disabled={submitDisabled || submitLoading}\n style={{ borderRadius: 30 }}\n >\n {submitLoading ?
\n {t(\"change_photo\")}\n \n\t \n\t {t(\"loading\")}... \n\t
\n}","import React from \"react\";\nimport { CircularProgress } from \"@mui/material\";\nimport styled from \"@emotion/styled\";\n\nconst CustomizedCircularProgress = styled(CircularProgress)(\n ({ theme, transparent }) => ({\n color: transparent ? \"primary.main\" : theme.palette.primary.contrast,\n })\n);\n\nconst LoadingInputLabel = ({ transparent }) => {\n return \n\t \n\t \n\t \n\t
\n\t \n\t \n {buttons?.map((b, i) => (\n \n {!!b && (\n \n \n )}\n \n ))}\n
\n \n );\n}\n","import SvgIcon from '@mui/material/SvgIcon';\n\n\nexport function ReviewIcon(props) {\n\treturn (\n {!!metadata?.logo && \n 
\n }\n
\n}","import SvgIcon from '@mui/material/SvgIcon';\n\nexport default function HomeIcon(props) {\n return (\n \n {metadata?.social_profiles.map(i =>\n window.open(i.url)}>{getIcon(i.account_type)} \n )}\n {extras}\n
\n \n {components.contact.phone && window.location.href = `mailto:${contact.email}`}>\n }\n {!!contact.sms_phone && window.location.href = contact.sms_phone}>\n }\n {!!contact.whatsapp_phone && window.open(contact.whatsapp_phone)}>\n }\n {!!contact.call_phone && window.location.href = contact.call_phone}>\n }\n
\n \n {components.contact.phone} \n
}\n {(!components.contact.phone && !!components.contact.email) && \n {components.contact.email} \n
}\n {!!contact.email && \n
\n
\n\n let unset_code = (!!state.smart_lock_code && !hideCode && !statusIsSet) && \n {state.error || t(\"contact_host\")} \n
\n \n
\n\n let not_working_button = \n {t(\"lock_code_unset_warning\")} \n
\n \n {t(\"lock_access_code_changed\")}: \n {components.devices[recoveryCode]?.recovery_code} \n
,\n buttons: [{'text': t(\"close\"), onClick: () => closeModal()}]\n }\n }\n let modal_buttons = components.checkin.map((s, i) => (s.device_id))\n .filter((d_id, idx, arr) => (d_id && arr.indexOf(d_id) == idx))\n .map((d_id, i) => (!components.devices[d_id]?.offline_lock)\n ? {text: components.devices[d_id]?.smart_lock_name, onClick: () => requestRecoveryCode(d_id)}\n : null\n )\n modal_buttons.push({text: t(\"cancel\"), lowContrast: true, onClick: () => closeModal()})\n return {\n buttons: modal_buttons,\n title: t(\"code_not_working\"),\n text: t(\"select_new_code\")\n }\n }\n\n\n return <>\n \n {icon || custom_icon}\n
\n \n \n {label}\n \n {!!onClick && (
)\n}\n\nexport default SimpleCard\n","import React, { useContext, useEffect, useState } from 'react'\nimport { useNavigate, useParams } from 'react-router-dom'\nimport { isIOS, isMacOs } from 'react-device-detect'\nimport { AppContext } from 'App'\nimport { useTranslation } from 'react-i18next'\n// UI\nimport { makeStyles } from '@mui/styles'\nimport { Box, Typography } from '@mui/material'\n// Custom\nimport ContainedCard from 'components/Cards/ContainedCard'\nimport SimpleCard from 'components/Cards/SimpleCard'\n\nconst previewItems = 4\n\nconst useStyles = makeStyles(theme => ({\n container: {\n padding: props => !!props.preview ? 0 : theme.spacing(0, 2.5),\n },\n line: {\n height: 1,\n border: 'none',\n opacity: '10%',\n backgroundColor: theme.palette.primary.main,\n width: '100%',\n marginBottom: theme.spacing(3),\n },\n}))\n\n\nconst LocalServicesGrid = ({ preview = false, divider }) => {\n const classes = useStyles({ preview })\n const { kc, auth } = useContext(AppContext)\n const navigate = useNavigate()\n const { listing_id } = useParams()\n const { t } = useTranslation()\n const [localServices, setLocalServices] = useState([])\n let components = kc?.components ?? {}\n\n useEffect(() => {\n if (!kc) { return }\n const newLocalServices = []\n let data = components.upsells || []\n data.forEach(up => {\n if (up.url !== 'payment_link') { newLocalServices.push(up) }\n })\n setLocalServices(prev => newLocalServices.filter(nls => !nls.purchased))\n }, [kc])\n\n\n function openUrl(product) {\n if (product.url.startsWith('sms')) {\n if (isIOS || isMacOs) {\n window.location.href = product.url\n } else {\n window.location.href = product.url.replace('&', '?')\n }\n } else {\n window.open(product.url)\n }\n }\n\n const goToUpsells = () => {\n let path = !!listing_id\n ? `/${listing_id}/upgrades`\n : `/upgrades/?auth=${auth}`\n navigate(path, { state: { section: \"local_services\" } })\n }\n\n\n if (!localServices.length) { return null }\n return (\n {!!divider &&
}\n{t(\"customize_experience\").toUpperCase()} \n \n {localServices.map((v, i) => {\n if (!!preview && i >= previewItems) { return null }\n return ( \n {!!preview && (\n \n 0\n ? ((localServices.length - previewItems) + ' ')\n : ''}${t(\"more\")}`}\n />\n \n )}\n
)\n}\n\nexport default LocalServicesGrid\n","import React from \"react\";\nimport { Stack, Typography } from \"@mui/material\";\nimport { gradientRgb } from \"helpers\";\nimport styled from \"@emotion/styled\";\n\nconst Container = styled(Stack)(({ theme }) => ({\n width: \"100vw\",\n flexDirection: \"column\",\n justifyContent: \"flex-end\",\n alignItems: \"center\",\n minHeight: \"25vh\",\n}));\n\nconst Content = styled(Stack)(({ theme }) => ({\n width: \"100%\",\n maxWidth: 800,\n flexDirection: \"row\",\n justifyContent: \"space-between\",\n alignItems: \"flex-end\",\n gap: 12,\n marginTop: -68,\n}));\n\nconst SectionHeaderCard = ({\n img,\n title,\n actions,\n titleRef,\n disableGrayscale,\n addPad,\n}) => {\n return (\n <>\n }\n
\n {modal}\n
\n )\n}\n","import { Typography } from \"@mui/material\";\n\nexport default function HTMLContent({ v, styleOptions = {} }) {\n return (\n \n \n
\n {!disableActions && (\n \n \n \n \n \n
\n {!!header && header}\n \n {pageContent}\n
\n \n
\n )}\n \n \n {actionPanel}\n
\n {guidebookIcon.icon}
\n ) : (\n - \n {component.table_of_contents.map((item, index) => (\n
- \n
\n \n \n ))}\n
\n {component.list_items.map((item, index) => (\n \n \n {component.list_style === \"numbered\" && (\n \n {index + 1}.\n \n )}\n {component.list_style === \"bulleted\" && (\n \n •\n \n )}\n \n {item.primary_text || \"Enter text...\"}{\" \"}\n {/* Default text */}\n \n {[\"divided\", \"numbered\"].includes(component.list_style) &&\n !!item.secondary_text &&\n item.secondary_text?.length !== 0 && (\n \n {item.secondary_text}\n \n )}\n \n {component.list_style === \"bulleted\" &&\n !!item.secondary_text &&\n item.secondary_text?.length !== 0 && (\n \n {item.secondary_text}\n \n )}\n {component.list_style === \"divided\" &&\n index < component.list_items.length - 1 && (\n
\n ))}\n \n \n {component.list_items.map((item, index) => (\n \n \n {component.list_style === \"numbered\" && (\n \n {index + 1}.\n \n )}\n {component.list_style === \"bulleted\" && (\n • \n )}\n \n {item.primary_text || \"Enter text...\"} {/* Default text */}\n \n {[\"divided\", \"numbered\"].includes(component.list_style) &&\n !!item.secondary_text &&\n item.secondary_text?.length !== 0 && (\n \n {item.secondary_text}\n \n )}\n \n {component.list_style === \"bulleted\" &&\n !!item.secondary_text &&\n item.secondary_text?.length !== 0 && (\n \n {item.secondary_text}\n \n )}\n {component.list_style === \"divided\" &&\n index < component.list_items.length - 1 && (\n
\n ))}\n \n \n \n {gb.name} \n \n
\n\n const guidebookContent =\n gb?.components?.length > 0 ? (\n \n
\n ) : (\n \n {!!gb?.text ? (\n {\"Content\"} \n )}\n
\n );\n\n return (