{"version":3,"file":"CTABottomOverlay.Ctxpuvzv.js","sources":["../../../../../../src/lib/components/LazyImage.svelte","../../../../../../src/lib/components/ViewerInitButton.svelte","../../../../../../src/lib/components/CTABottomOverlay.svelte"],"sourcesContent":["<script>\n\timport { imagekitResize } from \"$lib/utils\";\n\n\texport let url;\n\texport let width = null;\n\texport let height = null;\n\texport let alt = \"\";\n\texport let imageWidth = null;\n\texport let imageHeight = null;\n\n\t/** @type {HTMLImageElement} */ let imgElement;\n\tlet showPlaceholder = true;\n\n\t$: if (url) {\n\t\tshowPlaceholder = !imgElement?.complete;\n\t}\n</script>\n\n<div style:width={width ? `${width}px` : \"100%\"} style:height={height ? `${height}px` : \"100%\"}>\n\t{#if showPlaceholder}\n\t\t<div class=\"w-full h-full flex justify-center items-center bg-pulse\">\n\t\t\t<div class=\"i-ph:image text-white text-4xl\" />\n\t\t</div>\n\t{/if}\n\t{#key url}\n\t\t<img\n\t\t\tsrc={imagekitResize(url, {\n\t\t\t\tw: imageWidth || width,\n\t\t\t\th: imageHeight || height,\n\t\t\t\tcrop: \"at_least\",\n\t\t\t})}\n\t\t\tclass=\"w-full object-cover\"\n\t\t\tstyle:height={showPlaceholder ? \"0\" : \"100%\"}\n\t\t\t{alt}\n\t\t\tbind:this={imgElement}\n\t\t\ton:load={() => (showPlaceholder = false)}\n\t\t/>\n\t{/key}\n</div>\n\n<style>\n\t@keyframes bg-pulse-keyframes {\n\t\tfrom {\n\t\t\tbackground-color: hsl(216, 12%, 84%);\n\t\t}\n\t\tto {\n\t\t\tbackground-color: hsl(216, 12%, 74%);\n\t\t}\n\t}\n\n\t.bg-pulse {\n\t\tanimation-name: bg-pulse-keyframes;\n\t\tanimation-duration: 1s;\n\t\tanimation-iteration-count: infinite;\n\t\tanimation-direction: alternate;\n\t}\n</style>\n","<script>\n\timport { selectedPlan } from \"$lib/store\";\n\timport { head } from \"lodash-es\";\n\timport { getContext, onMount } from \"svelte\";\n\timport { toDataURL } from \"qrcode\";\n\timport { page } from \"$app/stores\";\n\timport { fade } from \"svelte/transition\";\n\timport { pushState } from \"$app/navigation\";\n\n\t/** @type {OptionForARSession[]} */\n\texport let options = [];\n\n\t/** @type {DeviceInfo} */\n\tconst deviceInfo = getContext(\"deviceInfo\");\n\tlet qrData;\n\n\t/** @type {import(\"svelte/store\").Writable<ModelCache>} */\n\tconst modelCache = getContext(\"modelCache\");\n\n\tconst isValidPlatform =\n\t\tdeviceInfo.isWebView ||\n\t\tdeviceInfo.device.os?.name == \"Android\" ||\n\t\tdeviceInfo.device.os?.name == \"iOS\" ||\n\t\tdeviceInfo.device.device?.type == \"desktop\";\n\n\tlet homeArId = head(options)?.model?.homear_id;\n\n\tonMount(async () => {\n\t\t// TODO: Fix this causing the overlay to reappear when you change plans!\n\t\t// if ($page.url.searchParams.has(\"ar\", \"true\")) {\n\t\t// \tsetSelectedPlan();\n\t\t// }\n\t});\n\n\tfunction setSelectedPlan() {\n\t\t$selectedPlan = {\n\t\t\tid: homeArId.toString(),\n\t\t\tfullScale: true,\n\t\t\ttableScale: true,\n\t\t\toptions: options ?? [],\n\t\t};\n\t}\n\n\tasync function click() {\n\t\tif (deviceInfo.isWebView) {\n\t\t\t// Webview\n\t\t\tsetSelectedPlan();\n\t\t} else if (\n\t\t\tdeviceInfo.device.device?.type === \"smartphone\" ||\n\t\t\tdeviceInfo.device.device?.type === \"tablet\" ||\n\t\t\t// Hack to detect iPad Pros\n\t\t\t(deviceInfo.device.os?.name === \"Mac\" && navigator.maxTouchPoints > 2)\n\t\t) {\n\t\t\t// Mobile browser\n\t\t\tconst params = $page.url.searchParams;\n\t\t\tparams.set(\"deeplink\", \"true\");\n\t\t\t// @ts-ignore\n\t\t\twindow.location = `?${params}`;\n\t\t} else {\n\t\t\t// Desktop browser\n\t\t\tpushState(\"\", {\n\t\t\t\tshowModal: true,\n\t\t\t});\n\t\t\tconst url = new URL($page.url);\n\t\t\turl.searchParams.set(\"ar\", \"true\");\n\t\t\turl.searchParams.set(\"deeplink\", \"true\");\n\t\t\tif (import.meta.env.DEV) {\n\t\t\t\t// Temp for dev testing\n\t\t\t\turl.hostname = \"homecreations.showhomes.io\";\n\t\t\t\turl.protocol = \"https://\";\n\t\t\t\turl.port = \"\";\n\t\t\t}\n\t\t\tqrData = await toDataURL(url.href, {\n\t\t\t\twidth: 300,\n\t\t\t});\n\t\t}\n\t}\n</script>\n\n{#if !!homeArId && isValidPlatform}\n\t<button on:click={click} class=\"btn-primary flex items-center justify-center gap-1 h-13\">\n\t\t<span class=\"i-ph:cube-focus text-4xl mt-0.4\" />\n\t\t<div class=\"flex flex-col items-start\">\n\t\t\t<span>View in AR</span>\n\t\t\t<span class=\"text-2.5 mb-0.5\" style=\"line-height: 0.6rem;\">\n\t\t\t\t{#if $modelCache.plans?.find((c) => c.id === homeArId.toString())}\n\t\t\t\t\tDownloaded\n\t\t\t\t{/if}\n\t\t\t</span>\n\t\t</div>\n\t</button>\n{/if}\n\n<!-- QR modal -->\n{#if $page.state.showModal}\n\t<div\n\t\tclass=\"fixed left-0 top-0 w-screen h-screen flex items-center justify-center backdrop-blur-xl z-200\"\n\t\ttransition:fade={{ duration: 100 }}\n\t>\n\t\t<div class=\"flex flex-col items-center p-6 rounded overflow-clip bg-white shadow-2xl\">\n\t\t\t<span>Scan the QR code to download the app!</span>\n\t\t\t<img src={qrData} alt=\"QR code\" />\n\t\t\t<button class=\"btn-primary w-full\" on:click={() => history.back()}>Close</button>\n\t\t</div>\n\t</div>\n{/if}\n","<script>\n\texport let listingId = null;\n\texport let planId = null;\n\n\tconst params = new URLSearchParams({\n\t\t...(!!listingId && { listing: listingId }),\n\t\t...(!!planId && { plan: planId }),\n\t}).toString();\n</script>\n\n<a\n\thref=\"/inquire?{params}\"\n\tclass=\"fixed w-screen h-[calc(var(--safe-area-bottom)+3.75rem)] pb-$safe-area-bottom left-0 bottom-0 z-50 flex items-center justify-center bg-primary c-on-primary shadow-lg shadow-black rounded-t-lg\"\n>\n\t<span>Contact Us</span>\n</a>\n"],"names":["insert_hydration","target","div1","anchor","src_url_equal","img","img_src_value","imagekitResize","ctx","dirty","create_if_block","div","url","$$props","width","height","alt","imageWidth","imageHeight","imgElement","showPlaceholder","$$value","load_handler","$$invalidate","_a","button","append_hydration","span0","span1","span2","attr","div0","span","div1_transition","create_bidirectional_transition","fade","if_block0","create_if_block_1","options","deviceInfo","getContext","qrData","modelCache","isValidPlatform","_b","_c","homeArId","_e","_d","head","onMount","setSelectedPlan","$selectedPlan","click","params","$page","pushState","toDataURL","func","c","click_handler","a","listingId","planId"],"mappings":"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"}