@bluepic/embed 0.1.162 → 0.1.164

package/lib/bluepic-embed.es.js

@@ -96632,7 +96632,9 @@ const BluepicLogo = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_re
   }),
   emits: /* @__PURE__ */ mergeModels(["update:data", "update:globalScope", "handle-export-action"], ["update:serial", "update:ready"]),
   setup(m, { expose: c, emit: ne }) {
-    const we = m, $e = ne, Me = ref$1(we.data ?? {}), Ze = useModel(m, "serial"), ie = useModel(m, "ready"), rr = ref$1(), { width: gr, height: or } = useElementBounding(rr);
+    const we = m, $e = ne, Me = ref$1(we.data ?? {});
+    console.log("<BluepicEmbeddedEditor> DATA", Me.value);
+    const Ze = useModel(m, "serial"), ie = useModel(m, "ready"), rr = ref$1(), { width: gr, height: or } = useElementBounding(rr);
     watchEffect(() => {
       $e("update:data", Me.value);
     }), onMounted(() => {
@@ -96707,8 +96709,8 @@ const BluepicLogo = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_re
     ));
     const Oi = useSlots(), qi = (nn) => {
       !nn || (Vr.value = (nn.fields ?? nn?.meta.fields.map(convertDeprecatedField).filter(($n) => $n !== void 0)).map(realizeField).filter(($n) => ei.value && Wr.value !== "mobile" ? ($n.frameIndex ?? 1) === Zr.value : !0), Me.value = {
-        ...Me.value,
-        ...nn.bindings
+        ...nn.bindings,
+        ...Me.value
       }, console.log("INITIALIZED FIELDS", Vr.value, Me.value));
     };
     we.baseSerial && qi(we.baseSerial);
@@ -97450,7 +97452,7 @@ const BluepicLogo = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_re
       ])
     ], 2));
   }
-}), BluepicEmbeddedEditor_vue_vue_type_style_index_0_scoped_6347f0ba_lang = "", BluepicEmbeddedEditor = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-6347f0ba"]]), _hoisted_1$a = { class: "collection-field-popup" }, _sfc_main$e = /* @__PURE__ */ defineComponent({
+}), BluepicEmbeddedEditor_vue_vue_type_style_index_0_scoped_b117d8c2_lang = "", BluepicEmbeddedEditor = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-b117d8c2"]]), _hoisted_1$a = { class: "collection-field-popup" }, _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "CollectionFieldPopup",
   props: /* @__PURE__ */ mergeModels({
     layout: {},
@@ -100441,7 +100443,7 @@ class BluepicEmbed extends EventTarget {
       this.element = c;
     else
       throw new Error("Invalid element or selector provided");
-    this.init(), this.displayMode.value = $e?.displayMode ?? this.displayMode.value, this.allowPanAndZoom.value = $e?.allowPanAndZoom ?? this.allowPanAndZoom.value, this.studioResourcesBaseUrl.value = $e?.studioResourcesBaseUrl ?? this.studioResourcesBaseUrl.value, this.cloudflarePagesHostname.value = $e?.cloudflarePagesHostname ?? this.cloudflarePagesHostname.value, this.bxCoreVersion.value = $e?.bxCoreVersion ?? this.bxCoreVersion.value, this.branding.value = $e?.branding ?? this.branding.value, this.stripeEnv.value = $e?.stripeEnv ?? this.stripeEnv.value, this.data.value = $e?.initData ?? this.data.value, watch(this.ready, (Me, Ze) => {
+    this.init(), this.displayMode.value = $e?.displayMode ?? this.displayMode.value, this.allowPanAndZoom.value = $e?.allowPanAndZoom ?? this.allowPanAndZoom.value, this.studioResourcesBaseUrl.value = $e?.studioResourcesBaseUrl ?? this.studioResourcesBaseUrl.value, this.cloudflarePagesHostname.value = $e?.cloudflarePagesHostname ?? this.cloudflarePagesHostname.value, this.bxCoreVersion.value = $e?.bxCoreVersion ?? this.bxCoreVersion.value, this.branding.value = $e?.branding ?? this.branding.value, this.embedV2Server.value = $e?.embedV2Server ?? this.embedV2Server.value, this.stripeEnv.value = $e?.stripeEnv ?? this.stripeEnv.value, this.data.value = $e?.initData ?? this.data.value, watch(this.ready, (Me, Ze) => {
       if (Me && !Ze) {
         const ie = new CustomEvent("ready", {
           detail: { templateId: this.templateId.value, data: unref(this.data.value) }
@@ -100466,6 +100468,8 @@ class BluepicEmbed extends EventTarget {
   element;
   studioResourcesBaseUrl = ref$1("https://studio-resources.c2.bluepic.io");
   cloudflarePagesHostname = ref$1("bluepic-core-sandbox.pages.dev");
+  embedV2Server = ref$1("https://embed-api-v2.bluepic.workers.dev");
+  stripeEnv = ref$1("prod");
   editorRef = ref$1();
   templateId = ref$1();
   data = ref$1();
@@ -100475,7 +100479,6 @@ class BluepicEmbed extends EventTarget {
   displayMode = ref$1("auto");
   bxCoreVersion = ref$1("auto");
   branding = ref$1(!0);
-  stripeEnv = ref$1("prod");
   bxThemeStyleVars;
   embedProject = ref$1();
   baseSerial = ref$1();
@@ -100525,7 +100528,8 @@ class BluepicEmbed extends EventTarget {
                 :zoom-and-pan="allowPanAndZoom"
                 v-model:ready="ready"
                 :branding="branding"
-                embedV2Server="https://embed-api-v2.bluepic.workers.dev"
+                :embed-v2-server="embedV2Server"
+                :stripe-env="stripeEnv"
                 :embed-project-id="embedProject?.id"
                 :base-serial="baseSerial"
                 :preview="basePreview"
@@ -100598,7 +100602,9 @@ class BluepicEmbed extends EventTarget {
             borderColor: computed(() => {
               const Me = Color$1(we.bxThemeStyleVars.value["editor-view-background-color"]);
               return Me.isDark() ? Me.lighten(0.8).hex() : Me.darken(0.1).hex();
-            })
+            }),
+            embedV2Server: we.embedV2Server,
+            stripeEnv: we.stripeEnv
           };
         }
       }).mount(`#${c}`);
@@ -100647,18 +100653,18 @@ const initEmbeds = async () => {
   const m = document.querySelectorAll(".bluepic-embed");
   console.log("Auto-BluepicEmbed elements", m);
   for (const c of m) {
-    const ne = c.getAttribute("data-embed-project-id"), we = c.getAttribute("data-template-id");
-    c.getAttribute("data-stripe-env");
-    const $e = c.getAttribute("data-init-data"), Me = c.getAttribute("data-studio-resources-base-url") ?? void 0, Ze = c.getAttribute("data-cloudflare-pages-hostname") ?? void 0, ie = c.getAttribute("data-display-mode"), rr = c.getAttribute("data-allow-pan-and-zoom"), gr = c.getAttribute("data-bx-core-version") ?? void 0, or = $e ? JSON.parse($e) : void 0, _r = rr === "true", Lr = ie === "mobile" ? "mobile" : ie === "stack" ? "stack" : "auto", Ir = c.getAttribute("data-branding") === "false", Ar = new BluepicEmbed(c, we, ne, {
-      initData: or,
-      displayMode: Lr,
-      allowPanAndZoom: _r,
-      studioResourcesBaseUrl: Me,
-      cloudflarePagesHostname: Ze,
-      bxCoreVersion: gr,
-      branding: Ir
+    const ne = c.getAttribute("data-embed-project-id"), we = c.getAttribute("data-template-id"), $e = c.getAttribute("data-embed-v2-server") ?? void 0, Me = { dev: "dev", prod: "prod" }[c.getAttribute("data-stripe-env") ?? ""], Ze = c.getAttribute("data-init-data"), ie = c.getAttribute("data-studio-resources-base-url") ?? void 0, rr = c.getAttribute("data-cloudflare-pages-hostname") ?? void 0, gr = c.getAttribute("data-display-mode"), or = c.getAttribute("data-allow-pan-and-zoom"), _r = c.getAttribute("data-bx-core-version") ?? void 0, Lr = Ze ? JSON.parse(Ze) : void 0, Ir = or === "true", Ar = gr === "mobile" ? "mobile" : gr === "stack" ? "stack" : "auto", Rr = c.getAttribute("data-branding") === "false", Fr = new BluepicEmbed(c, we, ne, {
+      initData: Lr,
+      displayMode: Ar,
+      allowPanAndZoom: Ir,
+      studioResourcesBaseUrl: ie,
+      cloudflarePagesHostname: rr,
+      bxCoreVersion: _r,
+      branding: Rr,
+      embedV2Server: $e,
+      stripeEnv: Me
     });
-    console.log("!", c, Ar);
+    console.log("!", c, Fr);
   }
 };
 window.addEventListener("load", initEmbeds);