ov25-setup 0.1.13 → 0.1.14

package/dist/components/ConfiguratorSetup/PreviewArea/index.d.ts

@@ -2,6 +2,7 @@ import type { SerializableInjectConfig } from '../preview-config-serializable';
 interface PreviewAreaProps {
     serializableConfig: SerializableInjectConfig;
     previewBaseUrl?: string;
+    useLocalPreview?: boolean;
 }
-export declare function PreviewArea({ serializableConfig, previewBaseUrl }: PreviewAreaProps): import("react/jsx-runtime").JSX.Element;
+export declare function PreviewArea({ serializableConfig, previewBaseUrl, useLocalPreview }: PreviewAreaProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/ConfiguratorSetup/index.d.ts

@@ -3,6 +3,8 @@ export interface ConfiguratorSetupProps {
     apiKey?: string;
     productLink?: string;
     previewBaseUrl?: string;
+    /** Only set to true during local OV25 development to use localhost preview */
+    useLocalPreview?: boolean;
     initialConfig?: ConfiguratorSetupPayload;
     onSave?: (payload: ConfiguratorSetupPayload) => void;
     hidePreview?: boolean;

package/dist/index.js

@@ -5398,7 +5398,7 @@ wd.displayName = yd;
 function sa(n) {
   return n ? "open" : "closed";
 }
-var xd = "DialogTitleWarning", [J2, Sd] = Mb(xd, {
+var xd = "DialogTitleWarning", [eA, Sd] = Mb(xd, {
   contentName: Sn,
   titleName: oa,
   docsSlug: "dialog"
@@ -24338,40 +24338,40 @@ function U2({ formState: n, currentSettings: e, setLayout: t, updateSettings: r,
     ] }) })
   ] });
 }
-const j2 = "OV25_CONFIG";
-function X2() {
-  return typeof window < "u" && window.location.hostname === "localhost" ? `http://localhost:${window.location.port}/configurator-preview` : "https://configurator.ov25.ai";
+const j2 = "OV25_CONFIG", X2 = "https://configurator.ov25.ai";
+function G2(n) {
+  return n && typeof window < "u" && window.location.hostname === "localhost" ? `http://localhost:${window.location.port}/configurator-preview` : X2;
 }
 const qu = {
   desktop: { width: "100%", label: "Desktop" },
   mobile: { width: "375px", label: "Mobile" }
 };
-function G2(n, e) {
+function Y2(n, e) {
   n != null && n.contentWindow && n.contentWindow.postMessage({ type: j2, config: e }, "*");
 }
-function Y2({ serializableConfig: n, previewBaseUrl: e }) {
-  const t = _e(null), r = _e(n), [i, o] = xe("desktop"), [s, l] = xe(0);
-  r.current = n;
-  const a = e || X2(), c = me(() => {
-    G2(t.current, r.current);
+function q2({ serializableConfig: n, previewBaseUrl: e, useLocalPreview: t }) {
+  const r = _e(null), i = _e(n), [o, s] = xe("desktop"), [l, a] = xe(0);
+  i.current = n;
+  const c = e || G2(t), u = me(() => {
+    Y2(r.current, i.current);
   }, []);
   return Je(() => {
-    l((u) => u + 1);
+    a((h) => h + 1);
   }, [n]), /* @__PURE__ */ T("div", { className: "flex-1 min-h-0 flex flex-col h-full", children: [
     /* @__PURE__ */ T("div", { className: "flex items-center justify-between px-1 pb-3", children: [
       /* @__PURE__ */ T("span", { className: "text-sm font-medium text-muted-foreground", children: [
         "Preview — ",
-        qu[i].label
+        qu[o].label
       ] }),
       /* @__PURE__ */ T("div", { className: "inline-flex items-center rounded-full bg-muted p-1 gap-0.5", children: [
         /* @__PURE__ */ T(
           "button",
           {
             type: "button",
-            onClick: () => o("desktop"),
+            onClick: () => s("desktop"),
             className: Z(
               "inline-flex items-center gap-1.5 rounded-full px-3 py-1 text-xs font-medium transition-all",
-              i === "desktop" ? "bg-background text-foreground shadow" : "text-muted-foreground hover:text-foreground"
+              o === "desktop" ? "bg-background text-foreground shadow" : "text-muted-foreground hover:text-foreground"
             ),
             children: [
               /* @__PURE__ */ v(ob, { className: "h-3.5 w-3.5" }),
@@ -24383,10 +24383,10 @@ function Y2({ serializableConfig: n, previewBaseUrl: e }) {
           "button",
           {
             type: "button",
-            onClick: () => o("mobile"),
+            onClick: () => s("mobile"),
             className: Z(
               "inline-flex items-center gap-1.5 rounded-full px-3 py-1 text-xs font-medium transition-all",
-              i === "mobile" ? "bg-background text-foreground shadow" : "text-muted-foreground hover:text-foreground"
+              o === "mobile" ? "bg-background text-foreground shadow" : "text-muted-foreground hover:text-foreground"
             ),
             children: [
               /* @__PURE__ */ v(bb, { className: "h-3.5 w-3.5" }),
@@ -24400,34 +24400,34 @@ function Y2({ serializableConfig: n, previewBaseUrl: e }) {
       "div",
       {
         className: "flex-1 min-h-0 flex items-center justify-center bg-muted/30 rounded-lg overflow-hidden p-4 pb-20",
-        onWheel: (u) => u.stopPropagation(),
+        onWheel: (h) => h.stopPropagation(),
         children: /* @__PURE__ */ v(
           "div",
           {
             className: Z(
               "h-full transition-all duration-300 ease-in-out p-[3px] shadow-xl",
-              i === "mobile" ? "rounded-[2rem]" : "rounded-xl"
+              o === "mobile" ? "rounded-[2rem]" : "rounded-xl"
             ),
             style: {
-              width: qu[i].width,
+              width: qu[o].width,
               maxWidth: "100%",
-              maxHeight: i === "mobile" ? "812px" : "900px",
+              maxHeight: o === "mobile" ? "812px" : "900px",
               background: "#333333"
             },
             children: /* @__PURE__ */ v(
               "iframe",
               {
-                ref: t,
-                src: a,
+                ref: r,
+                src: c,
                 title: "Configurator preview",
                 className: Z(
                   "w-full h-full border-0 bg-white",
-                  i === "mobile" ? "rounded-[1.6rem]" : "rounded-[0.65rem]"
+                  o === "mobile" ? "rounded-[1.6rem]" : "rounded-[0.65rem]"
                 ),
                 sandbox: "allow-scripts allow-same-origin",
-                onLoad: c
+                onLoad: u
               },
-              s
+              l
             )
           }
         )
@@ -24435,7 +24435,7 @@ function Y2({ serializableConfig: n, previewBaseUrl: e }) {
     )
   ] });
 }
-function rA(n) {
+function iA(n) {
   const e = {
     apiKey: n.apiKey,
     productLink: n.productLink,
@@ -24454,8 +24454,8 @@ function rA(n) {
     getExportJson: a
   } = jm(e);
   return /* @__PURE__ */ T("div", { className: "h-screen flex", children: [
-    !n.hidePreview && /* @__PURE__ */ v("main", { className: "flex-1 min-h-0 p-4", children: /* @__PURE__ */ v(Y2, { serializableConfig: l, previewBaseUrl: n.previewBaseUrl }) }),
-    /* @__PURE__ */ v("aside", { className: n.hidePreview ? "w-full" : "w-[370px] shrink-0 border-l bg-white px-4 pt-4 pb-4 overflow-hidden", children: /* @__PURE__ */ v(
+    !n.hidePreview && /* @__PURE__ */ v("main", { className: "flex-1 min-h-0 p-4", children: /* @__PURE__ */ v(q2, { serializableConfig: l, previewBaseUrl: n.previewBaseUrl, useLocalPreview: n.useLocalPreview }) }),
+    /* @__PURE__ */ v("aside", { className: n.hidePreview ? "w-full h-full flex flex-col" : "w-[370px] shrink-0 border-l bg-white px-4 pt-4 pb-4 h-full flex flex-col overflow-hidden", children: /* @__PURE__ */ v(
       U2,
       {
         formState: t,
@@ -24472,8 +24472,8 @@ function rA(n) {
 }
 export {
   U2 as ConfigPanel,
-  rA as ConfiguratorSetup,
-  Y2 as PreviewArea,
+  iA as ConfiguratorSetup,
+  q2 as PreviewArea,
   Xa as STYLE_GROUPS,
   Qs as buildSerializableConfig,
   eh as generateElementCSS,