@moonbase.sh/storefront 2.4.0 → 2.4.1

package/dist/moonbase.js

@@ -9796,22 +9796,40 @@ function ul(e) {
     return;
   const n = (t = document.head.querySelector('meta[name="color-scheme"]')) == null ? void 0 : t.getAttribute("content");
   n && (e += `${e.includes("?") ? "&" : "?"}color_scheme=${encodeURIComponent(n)}`);
-  const r = Hh();
-  r !== null && (e += `${e.includes("?") ? "&" : "?"}scale=${encodeURIComponent(r)}`);
-  const o = document.createElement("iframe");
-  o.id = "moonbase-checkout", o.src = e, o.style.position = "fixed", o.style.top = "0px", o.style.left = "0px", o.style.right = "0px", o.style.border = "none", o.style.colorScheme = "normal", o.style.backgroundColor = "transparent", o.style.zIndex = Number.MAX_SAFE_INTEGER.toString(), o.setAttribute("background", "transparent"), o.setAttribute("frameborder", "0"), o.setAttribute("allowtransparency", "true"), o.setAttribute("allow", "payment"), o.height = "100%", o.width = "100%", document.body.append(o), document.documentElement.style.overflow = "hidden", window.onmessage = function(s) {
-    var i;
+  const r = document.createElement("iframe");
+  r.id = "moonbase-checkout", r.src = e, r.style.border = "none", r.style.colorScheme = "normal", r.style.backgroundColor = "transparent", r.style.zIndex = Number.MAX_SAFE_INTEGER.toString(), r.setAttribute("background", "transparent"), r.setAttribute("frameborder", "0"), r.setAttribute("allowtransparency", "true"), r.setAttribute("allow", "payment"), r.style.setProperty("position", "fixed", "important"), r.style.setProperty("top", "0px", "important"), r.style.setProperty("left", "0px", "important"), r.style.setProperty("max-width", "none", "important"), r.style.setProperty("max-height", "none", "important"), r.style.setProperty("min-width", "0", "important"), r.style.setProperty("min-height", "0", "important"), r.style.setProperty("transform-origin", "0 0", "important");
+  const o = () => {
+    const a = Hh();
+    if (a === null) {
+      r.style.removeProperty("transform"), r.style.setProperty("width", "100%", "important"), r.style.setProperty("height", "100%", "important");
+      return;
+    }
+    r.style.setProperty("transform", `scale(${a})`, "important"), r.style.setProperty("width", `${window.innerWidth / a}px`, "important"), r.style.setProperty("height", `${window.innerHeight / a}px`, "important");
+  };
+  o(), document.body.append(r), document.documentElement.style.overflow = "hidden";
+  const s = new MutationObserver(o);
+  s.observe(document.head, {
+    childList: !0,
+    subtree: !0,
+    attributes: !0,
+    attributeFilter: ["content", "name"]
+  }), window.addEventListener("resize", o), window.addEventListener("orientationchange", o);
+  const i = () => {
+    s.disconnect(), window.removeEventListener("resize", o), window.removeEventListener("orientationchange", o);
+  };
+  window.onmessage = function(a) {
+    var l;
     try {
-      const a = S1.parse(s.data);
-      a.event === "close" && (document.body.contains(o) && (document.documentElement.style.removeProperty("overflow"), document.body.removeChild(o)), window.dispatchEvent(new CustomEvent("moonbase-checkout-closed", {
-        detail: a
-      }))), a.event === "billing-details-updated" && window.dispatchEvent(new CustomEvent("moonbase-checkout-billing-details-updated", {
-        detail: a
-      })), a.event === "completed" && window.dispatchEvent(new CustomEvent("moonbase-checkout-completed", {
-        detail: a
+      const u = S1.parse(a.data);
+      u.event === "close" && (document.body.contains(r) && (i(), document.documentElement.style.removeProperty("overflow"), document.body.removeChild(r)), window.dispatchEvent(new CustomEvent("moonbase-checkout-closed", {
+        detail: u
+      }))), u.event === "billing-details-updated" && window.dispatchEvent(new CustomEvent("moonbase-checkout-billing-details-updated", {
+        detail: u
+      })), u.event === "completed" && window.dispatchEvent(new CustomEvent("moonbase-checkout-completed", {
+        detail: u
       }));
-    } catch (a) {
-      ((i = s.data) == null ? void 0 : i.source) === "moonbase-checkout" && console.error("Could not parse event:", s.data, a);
+    } catch (u) {
+      ((l = a.data) == null ? void 0 : l.source) === "moonbase-checkout" && console.error("Could not parse event:", a.data, u);
     }
   };
 }
@@ -17651,7 +17669,7 @@ const ge = /* @__PURE__ */ br(Mk, [["render", Rk]]), Lk = { class: "moonbase:abo
 }, Uk = /* @__PURE__ */ ae({
   __name: "About",
   setup(e) {
-    const t = we(), n = typeof window < "u" && window.__moonbaseTestVersionOverride || "2.4.0", r = W(() => {
+    const t = we(), n = typeof window < "u" && window.__moonbaseTestVersionOverride || "2.4.1", r = W(() => {
       const o = n.match(/-(next)-/);
       if (o)
         return o[1];