@imagineio/configurator-sdk 0.1.0-beta.1

package/dist/15d6bec3b5.css

@@ -0,0 +1,150 @@
+@layer sdk-base, vendor, sdk;
+@layer sdk {
+.modal-overlay {
+  position: fixed;
+  inset: 0;
+  background: rgba(0, 0, 0, 0.25);
+  /* Every dialog backdrop (ours, host-registered, quote, backend show_message) blurs the page
+     behind it by this much. 0 turns it off; the dimming stays. */
+  backdrop-filter: blur(var(--modal-backdrop-blur, 4px));
+  -webkit-backdrop-filter: blur(var(--modal-backdrop-blur, 4px));
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 200;
+  animation: fadeIn 0.2s ease;
+}
+
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+.modal {
+  background: var(--bg-primary);
+  border-radius: var(--border-radius-lg);
+  box-shadow: var(--shadow-lg);
+  max-width: 90vw;
+  max-height: 90vh;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  animation: slideUp 0.3s ease;
+}
+
+@keyframes slideUp {
+  from {
+    transform: translateY(20px);
+    opacity: 0;
+  }
+  to {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+
+.modal--small {
+  width: 400px;
+}
+
+.modal--medium {
+  width: 560px;
+}
+
+.modal--large {
+  width: 800px;
+}
+
+.modal--xlarge {
+  width: 1040px;
+}
+
+.modal__header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: var(--spacing-md) var(--spacing-lg);
+  border-bottom: 1px solid var(--border-color);
+}
+
+.modal__title {
+  font-size: var(--font-size-lg);
+  font-weight: 600;
+}
+
+.modal__close {
+  background: transparent;
+  border: none;
+  padding: var(--spacing-xs);
+  cursor: pointer;
+  color: var(--text-secondary);
+  transition: color 0.2s ease;
+}
+
+.modal__close:hover {
+  color: var(--text-primary);
+}
+
+.modal__close svg {
+  width: 20px;
+  height: 20px;
+}
+
+.modal__content {
+  flex: 1;
+  padding: var(--spacing-lg);
+  overflow-y: auto;
+}
+
+.modal__footer {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: var(--spacing-sm);
+  padding: var(--spacing-md) var(--spacing-lg);
+  border-top: 1px solid var(--border-color);
+}
+
+.dialog-hint {
+  font-size: var(--font-size-sm);
+  color: #d32f2f;
+  line-height: 1.4;
+  margin: 10px 0 0;
+  font-weight: 500;
+  background: #ffeaea;
+  padding: 6px 10px;
+  border-radius: 4px;
+  display: flex;
+  align-items: flex-start;
+  gap: 6px;
+}
+
+.dialog-hint__icon {
+  flex-shrink: 0;
+  width: 16px;
+  height: 16px;
+  color: #d32f2f;
+  margin-top: 1px;
+}
+
+/* Responsive */
+@media (max-width: 768px) {
+  .modal {
+    max-width: calc(100% - 32px);
+    max-height: 90vh;
+    margin: 0 16px;
+  }
+
+  .modal--small,
+  .modal--medium,
+  .modal--large,
+  .modal--xlarge {
+    width: calc(100% - 32px);
+  }
+}
+
+}

package/dist/16a399703e.js

@@ -0,0 +1 @@
+import{useMemo as l}from"react";import r from"./9c6c598569.js";import u from"./d94df858ea.js";function i(e){if(e==null||typeof e!="object")return e;let t;try{t=structuredClone(e)}catch{try{t=JSON.parse(JSON.stringify(e))}catch{return null}}const n=c=>{if(c==null||typeof c!="object"||Object.isFrozen(c))return c;Object.freeze(c);for(const s of Object.keys(c))n(c[s]);return c};return n(t)}function f(){const e=r(n=>n.selectedInstanceId),t=r(n=>n.productInstances);return l(()=>{const n=e!=null?String(e):null,c=n?t?.[n]:null;return i({placementId:n,isSelected:n!=null,piece:c??null})},[e,t])}function g(){const e=r(t=>t.productInstances);return l(()=>{const t=Object.entries(e||{}).map(([n,c])=>({placementId:String(n),...c}));return t.sort((n,c)=>Number(n?.sequence??0)-Number(c?.sequence??0)),i(t)||[]},[e])}function m(){const e=r.getState();return{productInstances:e.productInstances||{},selectedInstanceId:e.selectedInstanceId??null,placementSelections:e.placementSelections||{},activeSceneConfigId:e.activeSceneConfigId??null}}function y(){const e=r(o=>o.productInstances),t=r(o=>o.selectedInstanceId),n=r(o=>!!o.productInstances?.[String(o.selectedInstanceId)]?.locked),c=r(o=>o.placementSelections),s=r(o=>o.activeSceneConfigId),a=d();return l(()=>({instances:e||{},selectedId:t??null,locked:n,placementSelections:c||{},activeSceneConfigId:s??null,sceneSelections:a}),[e,t,n,c,s,a])}function d(){const e=u(t=>t.sceneSelections);return l(()=>i(e||{})||{},[e])}function j(){const e=u(s=>s.placementPricing),t=u(s=>s.totalPrice??s.sceneTotal??s.grandTotal??null),n=u(s=>s.currency??null),c=u(s=>s.aggregateAdjustments);return l(()=>i({grandTotal:t??null,currency:n??null,placements:e||{},aggregateAdjustments:c||[]}),[t,n,e,c])}export{m as getSceneState,j as usePrice,g as useProducts,y as useSceneState,f as useSelection};

package/dist/17876f4322.css

@@ -0,0 +1,114 @@
+@layer sdk-base, vendor, sdk;
+@layer sdk {
+/* AR Viewer Page */
+.arv-wrapper {
+  position: relative;
+  width: 100vw;
+  height: 100dvh;
+  display: flex;
+  flex-direction: column;
+  background: var(--bg-secondary, #f0ece6);
+}
+
+.arv-info {
+  position: absolute;
+  top: 16px;
+  left: 16px;
+  right: 16px;
+  z-index: 10;
+  background: rgba(255, 255, 255, 0.75);
+  color: var(--text-primary, #1a1a1a);
+  padding: 12px 16px;
+  border-radius: 10px;
+  font-size: 14px;
+  text-align: center;
+  backdrop-filter: blur(8px);
+}
+
+.arv-model-viewer,
+.arv-wrapper model-viewer {
+  flex: 1;
+  width: 100%;
+  height: 100%;
+}
+
+.arv-view-btn {
+  position: absolute;
+  bottom: 32px;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 10;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 16px 32px;
+  white-space: nowrap;
+  background: var(--color-brand-primary, #ff5722);
+  color: var(--bg-primary, #fff);
+  border: none;
+  border-radius: 50px;
+  font-size: 17px;
+  font-weight: 600;
+  cursor: pointer;
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
+  transition: background 0.2s;
+}
+
+.arv-view-btn:active {
+  background: var(--color-brand-primary-dark, #e64a19);
+}
+
+/* Desktop QR Code View */
+.arv-center {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100vw;
+  height: 100vh;
+  background: var(--bg-secondary, #f5f5f5);
+}
+
+.arv-qr-card {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 12px;
+  padding: 40px;
+  background: var(--bg-primary, #fff);
+  border-radius: 16px;
+  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1);
+  text-align: center;
+}
+
+.arv-qr-title {
+  margin: 0;
+  font-size: 24px;
+  font-weight: 700;
+  color: var(--text-primary, #1a1a1a);
+}
+
+.arv-qr-subtitle {
+  margin: 0;
+  font-size: 15px;
+  color: var(--text-secondary, #666);
+}
+
+.arv-qr-wrapper {
+  padding: 20px;
+  background: var(--bg-primary, #fff);
+  border-radius: 12px;
+  border: 1px solid var(--bg-tertiary, #eee);
+}
+
+.arv-qr-hint {
+  margin: 0;
+  font-size: 13px;
+  color: var(--text-tertiary, #999);
+}
+
+.arv-error {
+  font-size: 16px;
+  color: var(--text-secondary, #666);
+}
+
+}

package/dist/1870fc037b.js

@@ -0,0 +1 @@
+import{Fragment as oe,jsx as r,jsxs as te}from"react/jsx-runtime";import{setTokenProvider as L}from"./33fa2c8ca2.js";import{adoptUrlCredentials as R}from"./1fff100656.js";import{copilotAuthHeaders as _}from"./431a2d8618.js";import{useEffect as s,useState as A,useSyncExternalStore as y,lazy as C,Suspense as b}from"react";import k from"react-dom/client";import"./styles/globals.css";import B from"./87bb469216.js";import T from"./88251d6671.js";import v from"./d617bbb9f5.js";import I from"./7bfcd0a517.js";import{bootConfigurator as E}from"./371ed78aa2.js";import a from"./8f60e5059a.js";import{markThemeReady as D}from"./066fc9aa40.js";import{CopilotContext as M}from"./672404d987.js";import{checkCopilotAvailability as K,getCopilotRuntimeUrl as O,getCopilotWarmupUrl as P}from"./fe58a84b85.js";import{whenConfiguratorLicenceSettled as U,subscribeConfiguratorLicence as x,getConfiguratorAllowed as w,getConfiguratorBlockedMessage as z}from"./3bbcee0334.js";import{resolveRoute as h}from"./61e0c0c9b5.js";import{resolveComponent as S,useComponentRegistry as V}from"./882bc739c8.js";import{useLabels as N}from"./28d887bf8a.js";const W=C(()=>import("./81eb433604.js")),H=6e3,q=3e4,F=C(async()=>{const[{CopilotKit:e}]=await Promise.all([import("@copilotkit/react-core"),import("@copilotkit/react-ui/styles.css")]);return{default:e}});let u=null,c={ready:!1,error:null},d=0;const m=new Set;let p={};function f(){d+=1;for(const e of m)try{e()}catch{}}function G(e){return m.add(e),()=>{m.delete(e)}}function X(e={}){if(u)try{u.cancel()}catch{}return c={ready:!1,error:null},f(),u=E({resolveInitialSystemId:e.resolveInitialSystemId??(()=>e.systemId??null),resolveConfigurator:e.resolveConfigurator,resolveConfiguratorKey:e.resolveConfiguratorKey,resolveInitialChannelId:e.resolveInitialChannelId,getToken:e.getToken,onReady:()=>{c={ready:!0,error:null},f()},onError:(o,t)=>{let l=o;t?.code==="unlicensed"?l={unlicensed:!0,message:o}:l={...t,message:o},c={ready:!1,error:l},f()}}),u}function Y(){try{u?.cancel()}catch{}u=null,c={ready:!1,error:null},f()}function $(){return y(G,()=>d,()=>d),c}function J(){const e=a(i=>i.bootLoading),o=a(i=>i.bootDetail),t=a(i=>i.bootProgress),l=a(i=>i.themeReady);V();const n=S("LoadingScreen",T),g=N();return!e||!l?null:r(n,{overlay:!0,message:g("loading.message","Loading your configurator\u2026"),detail:o,progress:t})}function Q(){const{ready:e,error:o}=$(),t=y(x,w,w);return s(()=>{o&&a.getState().endBootLoading?.()},[o]),s(()=>{t||a.getState().endBootLoading?.()},[t]),!t&&!o?.unlicensed?r(v,{message:z()}):o?o?.unlicensed?r(v,{message:o.message}):r(I,{title:o?.title||"Could not load the configurator.",body:o?.body,fix:o?.fix,reason:o?.reason||"error",onRetry:o?.code==="network"?()=>window.location.reload():null}):e?r(B,{}):null}function Z(){const[e,o]=A(null);s(()=>{let n=!0;const g=P();return R(),typeof p.getToken=="function"&&L(p.getToken),U().then(i=>n?i?K():(o(!1),null):null).then(i=>{!n||i===null||o(!!i)}).catch(()=>{n&&o(!1)}),()=>{n=!1}},[]),s(()=>{const n=setTimeout(()=>D(),H);return()=>clearTimeout(n)},[]),s(()=>{const n=setTimeout(()=>a.getState().endBootLoading?.(),q);return()=>clearTimeout(n)},[]);const t=r(M.Provider,{value:{isAvailable:!!e},children:r(Q,{})}),l=e===null?null:e?r(b,{fallback:null,children:r(F,{showDevConsole:!1,enableInspector:!1,runtimeUrl:O(),headers:_,children:t})}):t;return te(oe,{children:[l,r(J,{})]})}function j(){const e=typeof window<"u"?window.location.pathname:"",o=h(e);if(o)return r(o,{});if(e==="/ar-viewer"||e.endsWith("/ar-viewer")){const t=S("ARViewer",W);return r(b,{fallback:null,children:r(t,{})})}return r(Z,{})}function ee(){const e=typeof window<"u"?window.location.pathname:"";return!(h(e)||e==="/ar-viewer"||e.endsWith("/ar-viewer"))}function Se(e,o={}){const t=typeof e=="string"?document.querySelector(e):e;if(t&&typeof t.setAttribute=="function"&&t.setAttribute("data-imagine-root",""),!t)throw new Error(`mountConfigurator: target not found: ${e}`);p=o;const l=ee();l&&X(o);const n=k.createRoot(t);return n.render(j()),{unmount:()=>{l&&Y(),n.unmount()}}}export{Se as mountConfigurator};

package/dist/1a2629800a.css

@@ -0,0 +1,196 @@
+/* Default configurator UI — minimal, unopinionated layout. Override freely. */
+.sdk-configurator {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  min-height: 480px;
+}
+.sdk-configurator__scene {
+  position: relative;
+  flex: 1 1 auto;
+  min-width: 0;
+}
+.sdk-configurator__sidebar {
+  flex: 0 0 300px;
+  overflow-y: auto;
+  padding: 16px;
+  border-left: 1px solid rgba(0, 0, 0, 0.08);
+  background: var(--bg-muted, #fafafa);
+}
+
+.sdk-option-sidebar__section { margin-bottom: 20px; }
+.sdk-option-sidebar__title {
+  margin: 0 0 8px;
+  font: 600 12px/1.4 system-ui, sans-serif;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  color: var(--text-secondary, #555);
+}
+.sdk-option-sidebar__grid {
+  display: grid;
+  gap: 8px;
+}
+.sdk-option-sidebar__grid.is-finish { grid-template-columns: repeat(auto-fill, minmax(44px, 1fr)); }
+.sdk-option-sidebar__grid.is-options { grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); }
+
+.sdk-option-tile {
+  border: 1px solid rgba(0, 0, 0, 0.12);
+  border-radius: 6px;
+  background: var(--bg-primary, #fff);
+  cursor: pointer;
+  padding: 8px;
+  font: 500 12px/1.3 system-ui, sans-serif;
+  color: var(--text-primary, #222);
+  transition: border-color 0.12s, box-shadow 0.12s;
+}
+.sdk-option-tile:hover { border-color: var(--text-tertiary, #999); }
+.sdk-option-tile.is-selected {
+  border-color: var(--color-brand-primary, #ec4e0b);
+  box-shadow: 0 0 0 1px var(--color-brand-primary, #ec4e0b);
+}
+.sdk-option-tile.is-swatch {
+  height: 44px;
+  padding: 0;
+  border-radius: 8px;
+}
+
+/* Slot-placement banner — same look as the legacy appliance placement overlay
+   (SceneCanvas.css .placement-mode-overlay), copied here so the single-canvas
+   SDK scene is self-contained. */
+.placement-mode-overlay {
+  position: absolute;
+  top: 12px;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 20;
+  pointer-events: auto;
+}
+.placement-mode-overlay__content {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+  background: rgba(var(--color-brand-primary-rgb, 75, 85, 99), 0.95);
+  color: var(--text-inverse, var(--bg-primary, #fff));
+  padding: 8px 12px 8px 20px;
+  border-radius: var(--radius-full, 9999px);
+  box-shadow: 0 4px 20px rgba(var(--color-brand-primary-rgb, 75, 85, 99), 0.4);
+  animation: sdk-slideDown 0.3s ease-out;
+}
+@keyframes sdk-slideDown {
+  from { opacity: 0; transform: translateY(-10px); }
+  to { opacity: 1; transform: translateY(0); }
+}
+.placement-mode-overlay__text {
+  font-size: var(--font-size-md, 14px);
+  font-weight: var(--font-weight-medium, 500);
+}
+.placement-mode-overlay__text strong { font-weight: var(--font-weight-semibold, 600); }
+.placement-mode-overlay__cancel {
+  padding: 6px 14px;
+  border: 2px solid rgba(255, 255, 255, 0.5);
+  background: transparent;
+  color: var(--text-inverse, var(--bg-primary, #fff));
+  border-radius: 20px;
+  font-size: var(--font-size-md, 14px);
+  font-weight: var(--font-weight-medium, 500);
+  cursor: pointer;
+  transition: all 0.15s ease;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+}
+.placement-mode-overlay__cancel:hover {
+  background: rgba(255, 255, 255, 0.2);
+  border-color: var(--text-inverse, var(--bg-primary, #fff));
+}
+
+/* ═══════════════════════════════════════════════════════════════════════════
+   BASE BUTTON — what a public part looks like with no className of its own.
+   ═══════════════════════════════════════════════════════════════════════════
+   `GenerateAssetsButton` rendered `className={className}` with NO default, and every one of
+   our shells passes a shell-specific class (`header__generate-btn`, `showroom-cta`,
+   `wizard-header__cta`). So the component looked right in all four of OUR layouts and rendered
+   as a bare browser button for any host who mounted it from `parts` — the styling lived in
+   stylesheets a host does not own, keyed by class names they had no reason to know.
+
+   Fully tokenised, INCLUDING the font: typography is most of what reads as "themed", and a
+   serif brand whose buttons stay system-sans looks untouched no matter how the colours move. */
+.sdk-btn {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  padding: 8px 16px;
+  border: 1px solid var(--border-default, #e5e5e5);
+  border-radius: var(--btn-border-radius, 6px);
+  background: var(--bg-primary, #fff);
+  color: var(--text-primary, #1a1a1a);
+  font-family: var(--font-family-base, inherit);
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 1;
+  cursor: pointer;
+  box-shadow: var(--btn-shadow, none);
+  transition: background 0.15s, color 0.15s, border-color 0.15s;
+}
+
+.sdk-btn:hover:not(:disabled) {
+  border-color: var(--color-brand-primary, #ff5722);
+  color: var(--color-brand-primary, #ff5722);
+}
+
+.sdk-btn:disabled {
+  opacity: 0.5;
+  pointer-events: none;
+}
+
+.sdk-btn--primary {
+  background: var(--color-brand-primary, #ff5722);
+  border-color: var(--color-brand-primary, #ff5722);
+  color: #fff;
+}
+
+.sdk-btn--primary:hover:not(:disabled) {
+  background: var(--color-brand-primary-dark, #e64a19);
+  border-color: var(--color-brand-primary-dark, #e64a19);
+  color: #fff;
+}
+
+/* ── the assistant, following the theme ──────────────────────────────────────
+   CopilotKit ships its own stylesheet with its own font stack and radii. Nothing here
+   restyled it, so a serif brand got a system-sans chat panel — the single biggest reason the
+   chat "looks old" while its container is themed. These map its surface onto our tokens; they
+   are additive, so an unthemed app is unchanged. */
+.copilotKitChat,
+.copilotKitMessages,
+.copilotKitInput,
+.copilotKitInput > textarea,
+.copilotKitMessage {
+  font-family: var(--font-family-base, inherit);
+}
+
+.copilotKitChat {
+  background: var(--bg-primary, #fff);
+  color: var(--text-primary, #1a1a1a);
+}
+
+.copilotKitInputContainer,
+.copilotKitInput {
+  border-radius: var(--btn-border-radius, 6px);
+  border-color: var(--border-default, #e5e5e5);
+  background: var(--bg-primary, #fff);
+  color: var(--text-primary, #1a1a1a);
+}
+
+/* The assistant's own bubbles take the brand; the user's stay neutral, so the two remain
+   distinguishable in any palette. */
+.copilotKitAssistantMessage {
+  background: var(--bg-secondary, #f5f5f5);
+  color: var(--text-primary, #1a1a1a);
+}
+
+.copilotKitUserMessage {
+  background: var(--color-brand-primary, #ff5722);
+  color: #fff;
+}

package/dist/1e243363f6.js

@@ -0,0 +1 @@
+import{onEvent as w}from"./2e366d7386.js";let c=null;function m(e){c=Array.isArray(e)?e.map(t=>String(t).replace(/\/+$/,"")):null}function S(){return c?[...c]:null}const f=e=>!c||c.includes(e);function u(e){if(e==null)return e;try{return JSON.parse(JSON.stringify(e))}catch{return{_unserializable:!0}}}function d(e){if(typeof window>"u"||window.parent===window)return;const t=c||["*"];for(const n of t)try{window.parent.postMessage(e,n)}catch{}}function l(e,t){const n=e.filter(s=>!t.includes(s));if(n.length)throw new Error(`unknown region(s): ${n.join(", ")}. Available: ${t.join(", ")}`)}const a={async selectOption(e={}){const{options:t}=await import("./a0f71d0bf5.js"),{optionSet:n,option:s,optionSetId:o,optionId:r}=e;if(!(o!=null&&r!=null?await t.selectByIds(o,r):n!=null?await t.select(n,s):await t.select(s)))throw new Error("selectOption: not applied \u2014 unknown, ambiguous, or unavailable (see configurator console)");return{applied:!0}},async setSceneOption({optionSetId:e,featureId:t,optionId:n}){const{options:s}=await import("./a0f71d0bf5.js"),o=e??t;return await s.selectForScene({optionSetId:o,optionId:n}),{optionSetId:o,optionId:n}},async setProductOption({placementId:e,instanceId:t,optionSetId:n,featureId:s,optionId:o}){const{options:r}=await import("./a0f71d0bf5.js"),i=e??t,p=n??s;return await r.selectForProduct({placementId:i,optionSetId:p,optionId:o}),{placementId:i,optionSetId:p,optionId:o}},async setLayout({layoutId:e}){const{options:t}=await import("./a0f71d0bf5.js");if(!await t.select(e))throw new Error(`setLayout: "${e}" did not resolve to a selectable option`);return{layoutId:e}},async getQuote(){const{quote:e}=await import("./a0f71d0bf5.js");return u(e.read())},async getSelections(){const{options:e}=await import("./a0f71d0bf5.js"),{default:t}=await import("./9c6c598569.js"),{default:n}=await import("./d94df858ea.js"),s={};for(const o of Object.keys(t.getState().productInstances||{})){const r=e.effective(o);r&&(s[o]=r)}return u({scene:n.getState().sceneSelections||{},placements:s})},async getOptionSets(){const{default:e}=await import("./872c4302e0.js"),{features:t={},options:n={}}=e.getState(),s={};for(const[o,r]of Object.entries(t))s[o]={id:o,name:r.name,type:r.type,options:(r.options||[]).map(i=>({id:i,name:n[i]?.name,value:n[i]?.value}))};return s},async getProductInstances(){const{default:e}=await import("./9c6c598569.js"),{default:t}=await import("./d94df858ea.js"),n=e.getState().productInstances||{},s=t.getState().instanceSelections||{},o={};for(const[r,i]of Object.entries(n))o[r]={instanceId:r,productId:i.productId,selections:u(s[r])||{}};return o},async getSceneSelections(){const{default:e}=await import("./d94df858ea.js");return u(e.getState().sceneSelections)},async getConfiguration(){const{snapshotScene:e}=await import("./2cafe3274b.js");return u(await e())},async getScreenshot(){const e=document.querySelector(".scene-canvas canvas")||document.querySelector("canvas");if(!e)throw new Error("Canvas not found");return{dataUrl:e.toDataURL("image/jpeg",.92)}},async setCameraPosition({position:e}){if(!Array.isArray(e)||e.length!==3)throw new Error("position must be [x, y, z] array");const{default:t}=await import("./9c6c598569.js");return t.getState().setCameraPosition(e),{position:e}},async resetCamera(){const{scene:e}=await import("./a0f71d0bf5.js");return e.camera.reset(),{reset:!0}},async toggleView(){const{scene:e}=await import("./a0f71d0bf5.js");return e.view.toggle(),{is3D:e.view.is3D()}},async toggleWalls(){const{scene:e}=await import("./a0f71d0bf5.js");return e.toggle.walls(),{toggled:"walls"}},async toggleDimensions(){const{scene:e}=await import("./a0f71d0bf5.js");return e.toggle.dimensions(),{toggled:"dimensions"}},async setGuiVisible({visible:e}){const{ui:t}=await import("./a0f71d0bf5.js");return t.setSceneOverlaysVisible(e),{guiVisible:e}},async hideUI({regions:e}={}){const{ui:t}=await import("./a0f71d0bf5.js"),n=e==null?[]:[].concat(e);return l(n,t.regions),t.hide(...n),t.visible()},async showUI({regions:e}={}){const{ui:t}=await import("./a0f71d0bf5.js"),n=e==null?[]:[].concat(e);return l(n,t.regions),t.show(...n),t.visible()},async setUIRegions(e={}){const{ui:t}=await import("./a0f71d0bf5.js");return l(Object.keys(e),t.regions),t.setVisible(e),t.visible()},async getUIRegions(){const{ui:e}=await import("./a0f71d0bf5.js");return{regions:e.visible(),available:[...e.regions]}},async undo(){const{history:e}=await import("./a0f71d0bf5.js");return e.undo(),{undone:!0}},async redo(){const{history:e}=await import("./a0f71d0bf5.js");return e.redo(),{redone:!0}}};a.setSceneFeature=a.setSceneOption,a.setProductFeature=a.setProductOption,a.getFeatures=a.getOptionSets;let g=!1;function b(){g||(g=!0,!(typeof window>"u"||window.parent===window)&&(window.addEventListener("message",async e=>{const{action:t,payload:n,requestId:s}=e.data||{};if(!(!t||typeof t!="string")&&f(e.origin)){if(!a[t]){e.source?.postMessage({type:"configurator:response",requestId:s,success:!1,error:`Unknown action: "${t}". Available: ${Object.keys(a).join(", ")}`},e.origin);return}try{const o=await a[t](n||{});e.source?.postMessage({type:"configurator:response",requestId:s,success:!0,data:u(o)},e.origin)}catch(o){e.source?.postMessage({type:"configurator:response",requestId:s,success:!1,error:o?.message||String(o)},e.origin)}}}),w("*",(e,t)=>{d({type:"configurator:event",event:e,data:u(t)})}),d({type:"configurator:ready"})))}export{S as getAllowedOrigins,b as initIframeMessageService,m as setAllowedOrigins};

package/dist/1fac915f8b.js

@@ -0,0 +1 @@
+import{create as _}from"zustand";import C from"./d94df858ea.js";import h from"./8f60e5059a.js";import O from"./9c6c598569.js";import{isEvaluationPending as A}from"./9f474b5d1a.js";import{isUserActionOpen as I,msSinceUserAction as M}from"./561dc3f1ab.js";import{migrateLegacyUiKeys as H}from"./bb719febc6.js";const b=50,P=["instanceSelections","sceneSelections","lockedFeatures","disabledOptions","filteredOptions","validationErrors","calculatedValues","totalPrice"],E=["freePieceTier","freePieceWidthOption","freePiecePosition","freePieceRotation","hostFinishes","hostMaterials","hostMaterialOverrides","hostWidths","hostDoorTypes","hostStyles","hostHardwareFinishes","hostHandleTypes","hostProductOverrides","sceneHostedProducts","occupiedPieceSlots","pieceConfigSnapshot","disabledWalls"],j=["activeSceneConfigId","productInstances","componentStates","placementOverrides"];function c(e){if(typeof structuredClone=="function")try{return structuredClone(e)}catch{}return JSON.parse(JSON.stringify(e))}function f(){const e=C.getState(),n=h.getState(),s=O.getState(),r={sceneConfig:{},ui:{},sceneGraph:{}};for(const t of P)r.sceneConfig[t]=e[t];for(const t of E)r.ui[t]=n[t];for(const t of j)r.sceneGraph[t]=s[t];return r}function F(e,n){const s={sceneConfig:{},ui:{},sceneGraph:{}};let r=!1;for(const t of P)Object.is(e.sceneConfig[t],n.sceneConfig[t])||(s.sceneConfig[t]={prev:c(e.sceneConfig[t]),next:c(n.sceneConfig[t])},r=!0);for(const t of E)Object.is(e.ui[t],n.ui[t])||(s.ui[t]={prev:c(e.ui[t]),next:c(n.ui[t])},r=!0);for(const t of j)Object.is(e.sceneGraph[t],n.sceneGraph[t])||(s.sceneGraph[t]={prev:c(e.sceneGraph[t]),next:c(n.sceneGraph[t])},r=!0);return r?s:null}function v(e,n){const s={},r={},t={};for(const[d,y]of Object.entries(e.sceneConfig))s[d]=c(y[n]);for(const[d,y]of Object.entries(e.ui))r[d]=c(y[n]);for(const[d,y]of Object.entries(e.sceneGraph))t[d]=c(y[n]);Object.keys(s).length>0&&C.setState(s),Object.keys(r).length>0&&h.setState(r),Object.keys(t).length>0&&O.setState(t)}let l=!1,a=0,p=f(),o=[],i=-1,g=null,u=null;const U=40;function m(){x.setState({past:o.slice(0,i+1),future:o.slice(i+1)})}function N(e){if(i<o.length-1&&(o=o.slice(0,i+1)),o.push(e),i+=1,o.length>b){const n=o.length-b;o=o.slice(n),i=Math.max(-1,i-n)}m()}function W(e,n){if(!e)return n;const s={sceneConfig:{...e.sceneConfig},ui:{...e.ui},sceneGraph:{...e.sceneGraph}};for(const[r,t]of Object.entries(n.sceneConfig))s.sceneConfig[r]=s.sceneConfig[r]?{prev:s.sceneConfig[r].prev,next:t.next}:t;for(const[r,t]of Object.entries(n.ui))s.ui[r]=s.ui[r]?{prev:s.ui[r].prev,next:t.next}:t;for(const[r,t]of Object.entries(n.sceneGraph))s.sceneGraph[r]=s.sceneGraph[r]?{prev:s.sceneGraph[r].prev,next:t.next}:t;return s}function k(){u&&(clearTimeout(u),u=null),S=0,g&&(N(g),g=null)}const D=8e3,K=900;let S=0;function T(){u&&clearTimeout(u),u=setTimeout(()=>{if(u=null,(I()||A()||M()<K)&&(S||(S=Date.now()),Date.now()-S<D)){T();return}S=0,k()},U)}const x=_(e=>({past:[],future:[],undo:()=>{if(l||(k(),i<0))return;const n=o[i];n&&(l=!0,v(n,"prev"),h.setState({selectedFeatureId:null,selectedElementType:null,selectedPieceIndex:null}),i-=1,p=f(),m(),l=!1)},redo:()=>{if(l||(k(),i>=o.length-1))return;const n=o[i+1];n&&(l=!0,v(n,"next"),h.setState({selectedFeatureId:null,selectedElementType:null,selectedPieceIndex:null}),i+=1,p=f(),m(),l=!1)},clearHistory:()=>{u&&(clearTimeout(u),u=null),g=null,S=0,o=[],i=-1,p=f(),e({past:[],future:[]})},pauseTracking:()=>{a+=1},resumeTracking:()=>{a=Math.max(0,a-1),p=f()}}));function z(){return c(f())}function B(e){if(!e||typeof e!="object")return!1;a+=1,l=!0;try{e.sceneConfig&&Object.keys(e.sceneConfig).length>0&&C.setState(c(e.sceneConfig)),e.ui&&Object.keys(e.ui).length>0&&h.setState(H(c(e.ui))),e.sceneGraph&&Object.keys(e.sceneGraph).length>0&&O.setState(c(e.sceneGraph))}finally{l=!1,a=Math.max(0,a-1),p=f()}return!0}function G(){if(l||a>0)return;const e=f(),n=F(p,e);p=e,n&&(g=W(g,n),T())}C.subscribe(G),h.subscribe(G),O.subscribe(G);var Q=x;export{z as captureSceneState,Q as default,B as restoreSceneState};

package/dist/1fff100656.js

@@ -0,0 +1 @@
+import{setShareToken as r,setEmbedSlug as a}from"./431a2d8618.js";const c=new Set(["p","embed","ar-viewer","configure","health","copilotkit","assets","favicon.svg","index.html","warmup"]),o="lk_";function i(){try{const e=window.location.pathname.match(/\/p\/([^/?#]+)/);if(e)return decodeURIComponent(e[1]);const t=window.location.pathname.match(/^\/([^/?#]+)\/?$/);if(t){const n=decodeURIComponent(t[1]);if(!c.has(n)&&!n.startsWith(o))return n}return new URL(window.location.href).searchParams.get("project")||null}catch{return null}}function s(){try{const e=window.location.pathname,t=e.match(new RegExp(`^/(${o}[^/?#]+)`))||e.match(/\/embed\/([^/?#]+)/);return t?decodeURIComponent(t[1]):null}catch{return null}}function m(){const e=i();e&&r(e);const t=s();return t&&a(t),{shareToken:e,embedSlug:t}}export{m as adoptUrlCredentials,s as parseEmbedSlugFromUrl,i as parseShareTokenFromUrl};

package/dist/205827c5c8.js

@@ -0,0 +1 @@
+import{jsx as a}from"react/jsx-runtime";import{useState as p,useSyncExternalStore as u}from"react";import{resolveTargetRenderer as c,subscribeTargets as f,getTargetsVersion as i}from"./58e6419ba8.js";function h({targets:r,onPick:s}){u(f,i,i);const[l,n]=p(null);if(!Array.isArray(r)||r.length===0)return null;const t=c();return t?r.map(e=>{const d=e.valid===!1?"invalid":l===e.id?"hovered":"idle";return a("group",{position:e.position,rotation:(e.rotation||[0,0,0]).map(o=>o*Math.PI/180),onPointerOver:o=>{o.stopPropagation(),n(e.id)},onPointerOut:o=>{o.stopPropagation(),n(null)},onClick:o=>{o.stopPropagation(),e.valid!==!1&&s?.(e)},children:a(t,{target:e,state:d})},e.id)}):null}export{h as default};

package/dist/20b0104576.js

@@ -0,0 +1 @@
+import{Fragment as X,jsx as d,jsxs as y}from"react/jsx-runtime";import{Html as g,Line as H}from"@react-three/drei";const n=.02,f=.28,t=.09,I="#2b6cb0";function u(e){return`${e.toFixed(2)} m`}const v={padding:"2px 7px",borderRadius:5,background:"rgba(43, 108, 176, 0.92)",color:"#fff",fontSize:12,fontWeight:600,whiteSpace:"nowrap",pointerEvents:"none",transform:"translateY(-1px)"};function S({bbox:e}){if(!e||!(e.w>0)||!(e.d>0))return null;const{minX:a,maxX:h,minZ:m,maxZ:l,w,d:R}=e,p=e.height>0?e.height:e.h>0?e.h:0,i=l+f,s=a-f,r=h+f,c=l+f,o=(z,E)=>d(H,{points:z,color:I,lineWidth:1.5},E);return y("group",{name:"scene-dimensions",children:[o([[a,n,i],[h,n,i]],"w"),o([[a,n,i-t],[a,n,i+t]],"wt0"),o([[h,n,i-t],[h,n,i+t]],"wt1"),d(g,{position:[(a+h)/2,n,i],center:!0,zIndexRange:[50,0],style:{pointerEvents:"none"},children:d("div",{style:v,children:u(w)})}),o([[s,n,m],[s,n,l]],"d"),o([[s-t,n,m],[s+t,n,m]],"dt0"),o([[s-t,n,l],[s+t,n,l]],"dt1"),d(g,{position:[s,n,(m+l)/2],center:!0,zIndexRange:[50,0],style:{pointerEvents:"none"},children:d("div",{style:v,children:u(R)})}),p>0&&y(X,{children:[o([[r,n,c],[r,p,c]],"h"),o([[r-t,n,c],[r+t,n,c]],"ht0"),o([[r-t,p,c],[r+t,p,c]],"ht1"),d(g,{position:[r,p/2,c],center:!0,zIndexRange:[50,0],style:{pointerEvents:"none"},children:d("div",{style:v,children:u(p)})})]})]})}export{S as default};

package/dist/2239b22616.js

@@ -0,0 +1 @@
+const I={width:256,height:192},b={x:.05,y:.12,w:.9,h:.8};function g(t){return Math.max(0,Math.min(1,t))}async function m(t,o=3){let r;for(let n=0;n<o;n++)try{const c=await fetch(t,{mode:"cors"});if(!c.ok)throw new Error(`Image fetch failed: ${c.status} ${c.statusText}`);const s=await c.blob();return await createImageBitmap(s)}catch(c){r=c,n<o-1&&await new Promise(s=>setTimeout(s,500*(n+1)))}throw r}function y(t,o,r){const n=document.createElement("canvas");n.width=o.width,n.height=o.height;const c=n.getContext("2d",{willReadFrequently:!0}),s=g(r.x),e=g(r.y),i=g(r.w),a=g(r.h),f=Math.floor(t.width*s),l=Math.floor(t.height*e),p=Math.max(1,Math.floor(t.width*i)),M=Math.max(1,Math.floor(t.height*a));c.drawImage(t,f,l,p,M,0,0,o.width,o.height);const{data:u}=c.getImageData(0,0,o.width,o.height),w=new Float32Array(o.width*o.height);for(let d=0,h=0;d<w.length;d++,h+=4)w[d]=(u[h]*.299+u[h+1]*.587+u[h+2]*.114)/255;return w}function x(t,o,r){const n=new Float32Array(o*r);let c=0;const s=(e,i)=>i*o+e;for(let e=1;e<r-1;e++)for(let i=1;i<o-1;i++){const a=t[s(i-1,e-1)],f=t[s(i,e-1)],l=t[s(i+1,e-1)],p=t[s(i-1,e)],M=t[s(i+1,e)],u=t[s(i-1,e+1)],w=t[s(i,e+1)],d=t[s(i+1,e+1)],h=-a+l-2*p+2*M-u+d,A=-a-2*f-l+u+2*w+d,E=Math.sqrt(h*h+A*A);n[s(i,e)]=E,E>c&&(c=E)}if(c>0)for(let e=0;e<n.length;e++)n[e]/=c;return n}function B(t,o){if(t.length!==o.length||t.length===0)return 0;let r=0,n=0,c=0;for(let e=0;e<t.length;e++){const i=t[e],a=o[e];r+=i*a,n+=i*i,c+=a*a}const s=Math.sqrt(n*c);return s===0?0:r/s}async function F(t,o={}){const r=o.size||I,n=o.crop||b;try{const c=await m(t),s=y(c,r,n);return c.close?.(),{edges:x(s,r.width,r.height),size:r,crop:n}}catch{return null}}async function L(t,o){if(!t?.edges)return null;try{const r=await m(o),n=y(r,t.size,t.crop);r.close?.();const c=x(n,t.size.width,t.size.height);return B(t.edges,c)}catch{return null}}async function v(t,o,r={}){const n=r.size||I,c=r.crop||b;try{const[s,e]=await Promise.all([m(t),m(o)]),i=y(s,n,c),a=y(e,n,c);s.close?.(),e.close?.();const f=x(i,n.width,n.height),l=x(a,n.width,n.height);return B(f,l)}catch{return null}}function C(t,o=.53){return t==null?null:t>=o}export{F as buildStructureSignature,C as isStructureConsistent,v as measureStructureSimilarity,L as scoreAgainstSignature};

package/dist/22bd38ddcf.js

@@ -0,0 +1 @@
+import*as n from"three";const s=typeof navigator<"u"&&/iPhone|iPad|Android/i.test(navigator.userAgent||""),w=4,v=8,L=3;function d(e,a,t){const l=a/w,r=a/v,i=L;for(let o=0;o<v;o++){const p=o%2===1?l/2:0;for(let c=-1;c<=w;c++)t(e,c*l+p+i/2,o*r+i/2,l-i,r-i)}}function x(e=512){const a=document.createElement("canvas");a.width=e,a.height=e;const t=a.getContext("2d");t.fillStyle="#b8b0a4",t.fillRect(0,0,e,e),d(t,e,(r,i,o,p,c)=>{const f=Math.floor(Math.random()*5),g=Math.random()>.5,S=200+f+(g?2:0),M=200+f,b=200+f+(g?0:1);r.fillStyle=`rgb(${S},${M},${b})`,r.fillRect(i,o,p,c);const h=r.createLinearGradient(i,o,i,o+c);h.addColorStop(0,"rgba(255,255,255,0.12)"),h.addColorStop(.5,"rgba(255,255,255,0)"),h.addColorStop(1,"rgba(0,0,0,0.03)"),r.fillStyle=h,r.fillRect(i,o,p,c),r.fillStyle="rgba(255,255,255,0.5)",r.fillRect(i,o,p,1.5),r.fillRect(i,o,1.5,c),r.fillStyle="rgba(0,0,0,0.08)",r.fillRect(i,o+c-1.5,p,1.5),r.fillRect(i+p-1.5,o,1.5,c)});const l=new n.CanvasTexture(a);return l.wrapS=l.wrapT=n.RepeatWrapping,l.colorSpace=n.SRGBColorSpace,l.generateMipmaps=!s,l.minFilter=s?n.LinearFilter:n.LinearMipmapLinearFilter,l.magFilter=n.LinearFilter,l}function F(e=512){const a=document.createElement("canvas");a.width=e,a.height=e;const t=a.getContext("2d");t.fillStyle="rgb(128,128,255)",t.fillRect(0,0,e,e),d(t,e,(r,i,o,p,c)=>{r.fillStyle="rgb(128,128,255)",r.fillRect(i,o,p,c),r.fillStyle="rgb(128,100,255)",r.fillRect(i,o,p,3),r.fillStyle="rgb(128,156,255)",r.fillRect(i,o+c-3,p,3),r.fillStyle="rgb(100,128,255)",r.fillRect(i,o,3,c),r.fillStyle="rgb(156,128,255)",r.fillRect(i+p-3,o,3,c)});const l=new n.CanvasTexture(a);return l.wrapS=l.wrapT=n.RepeatWrapping,l.colorSpace=n.LinearSRGBColorSpace,l.generateMipmaps=!s,l.minFilter=s?n.LinearFilter:n.LinearMipmapLinearFilter,l}function y(e=512){const a=document.createElement("canvas");a.width=e,a.height=e;const t=a.getContext("2d");t.fillStyle="rgb(220,220,220)",t.fillRect(0,0,e,e),d(t,e,(r,i,o,p,c)=>{r.fillStyle="rgb(50,50,50)",r.fillRect(i,o,p,c)});const l=new n.CanvasTexture(a);return l.wrapS=l.wrapT=n.RepeatWrapping,l.generateMipmaps=!s,l.minFilter=s?n.LinearFilter:n.LinearMipmapLinearFilter,l}let m=null;const R={};let u=null;function A(){if(m)return m;const e=x(),a=F(),t=y(),l=[3,3];return e.repeat.set(...l),a.repeat.set(...l),t.repeat.set(...l),m=new n.MeshPhysicalMaterial({map:e,normalMap:a,normalScale:new n.Vector2(.8,.8),roughnessMap:t,roughness:.35,metalness:0,clearcoat:.6,clearcoatRoughness:.15,sheen:.1,sheenRoughness:.3,sheenColor:new n.Color("#f5f0ea"),reflectivity:.5,specularIntensity:.8,specularColor:new n.Color("#ffffff"),side:n.FrontSide}),m}function T(){return A()}function W(e=4){if(R[e])return R[e];const a=T();u||(u=new n.MeshBasicMaterial({visible:!1}));const t=[u,u,u,u,u,u];return t[e]=a,R[e]=t,t}function C(e){let a=e>>>0;return()=>{a|=0,a=a+1831565813|0;let t=Math.imul(a^a>>>15,1|a);return t=t+Math.imul(t^t>>>7,61|t)^t,((t^t>>>14)>>>0)/4294967296}}function B(e=1024){const a=document.createElement("canvas");a.width=e,a.height=e;const t=a.getContext("2d"),l=C(42);t.fillStyle="#C8C0B4",t.fillRect(0,0,e,e);const r=["#BDB5A8","#C9C1B5","#D4CCC0","#B5ADA0","#CAC2B6","#D8D0C4","#AFAA9E"];for(let p=0;p<260;p++){const c=l()*e,f=l()*e,g=(.08+l()*.28)*e,S=(.01+l()*.06)*e,M=(l()-.5)*.25,b=r[Math.floor(l()*r.length)];t.save(),t.translate(c,f),t.rotate(M),t.globalAlpha=.06+l()*.1,t.fillStyle=b,t.beginPath(),t.ellipse(0,0,g/2,S/2,0,0,Math.PI*2),t.fill(),t.restore()}for(let p=0;p<18e3;p++){const c=l()*e,f=l()*e,g=.5+l()*1.5,S=Math.floor(140+l()*40);t.globalAlpha=.04+l()*.08,t.fillStyle=`rgb(${S},${S-5},${S-10})`,t.beginPath(),t.arc(c,f,g,0,Math.PI*2),t.fill()}t.globalAlpha=1;const i=t.createRadialGradient(e/2,e/2,e*.25,e/2,e/2,e*.85);i.addColorStop(0,"rgba(0,0,0,0)"),i.addColorStop(1,"rgba(0,0,0,0.06)"),t.fillStyle=i,t.fillRect(0,0,e,e);const o=new n.CanvasTexture(a);return o.wrapS=o.wrapT=n.RepeatWrapping,o.colorSpace=n.SRGBColorSpace,o.generateMipmaps=!s,o.minFilter=s?n.LinearFilter:n.LinearMipmapLinearFilter,o.magFilter=n.LinearFilter,o}function P(e=512){const a=document.createElement("canvas");a.width=e,a.height=e;const t=a.getContext("2d"),l=C(99);t.fillStyle="rgb(128,128,255)",t.fillRect(0,0,e,e);for(let i=0;i<4e3;i++){const o=l()*e,p=l()*e,c=2+l()*8,f=Math.floor(128+(l()-.5)*14),g=Math.floor(128+(l()-.5)*14);t.globalAlpha=.12+l()*.15,t.fillStyle=`rgb(${f},${g},255)`,t.beginPath(),t.arc(o,p,c,0,Math.PI*2),t.fill()}t.globalAlpha=1;const r=new n.CanvasTexture(a);return r.wrapS=r.wrapT=n.RepeatWrapping,r.colorSpace=n.LinearSRGBColorSpace,r.generateMipmaps=!s,r.minFilter=s?n.LinearFilter:n.LinearMipmapLinearFilter,r}function $(e=512){const a=document.createElement("canvas");a.width=e,a.height=e;const t=a.getContext("2d"),l=C(7);t.fillStyle="rgb(165,165,165)",t.fillRect(0,0,e,e);for(let i=0;i<3e3;i++){const o=l()*e,p=l()*e,c=3+l()*12,f=Math.floor(140+l()*50);t.globalAlpha=.06+l()*.12,t.fillStyle=`rgb(${f},${f},${f})`,t.beginPath(),t.arc(o,p,c,0,Math.PI*2),t.fill()}t.globalAlpha=1;const r=new n.CanvasTexture(a);return r.wrapS=r.wrapT=n.RepeatWrapping,r.generateMipmaps=!s,r.minFilter=s?n.LinearFilter:n.LinearMipmapLinearFilter,r}export{B as createWallDiffuse,P as createWallNormalMap,$ as createWallRoughnessMap,T as getConcreteWallMaterial,W as getWallBoxMaterials,A as loadWallMaterial};