@moonbase.sh/vue 0.2.18 → 0.2.21

package/dist/index.cjs

@@ -62,7 +62,7 @@ var import_zod = require("zod");
 var closeEventSchema = import_zod.z.object({
   source: import_zod.z.literal("moonbase-checkout"),
   event: import_zod.z.literal("close"),
-  next: import_zod.z.string().optional()
+  intent: import_zod.z.string().optional()
 });
 var completedEventSchema = import_zod.z.object({
   source: import_zod.z.literal("moonbase-checkout"),
@@ -82,6 +82,7 @@ function mountCheckout(endpoint) {
   iframe.style.left = "0px";
   iframe.style.right = "0px";
   iframe.style.border = "none";
+  iframe.style.colorScheme = "normal";
   iframe.style.backgroundColor = "transparent";
   iframe.style.zIndex = Number.MAX_SAFE_INTEGER.toString();
   iframe.setAttribute("background", "transparent");
@@ -90,13 +91,16 @@ function mountCheckout(endpoint) {
   iframe.height = "100%";
   iframe.width = "100%";
   document.body.append(iframe);
+  document.documentElement.style.overflow = "hidden";
   window.onmessage = function(e) {
     var _a;
     try {
       const evnt = eventSchema.parse(e.data);
       if (evnt.event === "close") {
-        if (document.body.contains(iframe))
+        if (document.body.contains(iframe)) {
+          document.documentElement.style.removeProperty("overflow");
           document.body.removeChild(iframe);
+        }
         window.dispatchEvent(new CustomEvent("moonbase-checkout-closed", {
           detail: evnt
         }));
@@ -218,7 +222,7 @@ var _StorefrontContextImpl = class _StorefrontContextImpl {
     window.addEventListener("moonbase-checkout-completed", () => callback());
   }
   onCheckoutClosed(callback) {
-    window.addEventListener("moonbase-checkout-closed", (e) => callback(e.detail.next));
+    window.addEventListener("moonbase-checkout-closed", (e) => callback(e.detail.intent));
   }
   install(app) {
     app.provide(storefrontKey, this);

package/dist/index.d.cts

@@ -21,7 +21,7 @@ interface StorefrontContext extends Pick<Plugin, keyof Plugin> {
     pushOrderContent: () => Promise<void>;
     resetOrder: () => void;
     onCheckoutCompleted: (callback: () => void) => void;
-    onCheckoutClosed: (callback: (next: string | undefined) => void) => void;
+    onCheckoutClosed: (callback: (intent: string | undefined) => void) => void;
     /**
      * Called automatically by `app.use(storefront)`. Should not be called manually by
      * the user.

package/dist/index.d.ts

@@ -21,7 +21,7 @@ interface StorefrontContext extends Pick<Plugin, keyof Plugin> {
     pushOrderContent: () => Promise<void>;
     resetOrder: () => void;
     onCheckoutCompleted: (callback: () => void) => void;
-    onCheckoutClosed: (callback: (next: string | undefined) => void) => void;
+    onCheckoutClosed: (callback: (intent: string | undefined) => void) => void;
     /**
      * Called automatically by `app.use(storefront)`. Should not be called manually by
      * the user.

package/dist/index.js

@@ -27,7 +27,7 @@ import { z } from "zod";
 var closeEventSchema = z.object({
   source: z.literal("moonbase-checkout"),
   event: z.literal("close"),
-  next: z.string().optional()
+  intent: z.string().optional()
 });
 var completedEventSchema = z.object({
   source: z.literal("moonbase-checkout"),
@@ -47,6 +47,7 @@ function mountCheckout(endpoint) {
   iframe.style.left = "0px";
   iframe.style.right = "0px";
   iframe.style.border = "none";
+  iframe.style.colorScheme = "normal";
   iframe.style.backgroundColor = "transparent";
   iframe.style.zIndex = Number.MAX_SAFE_INTEGER.toString();
   iframe.setAttribute("background", "transparent");
@@ -55,13 +56,16 @@ function mountCheckout(endpoint) {
   iframe.height = "100%";
   iframe.width = "100%";
   document.body.append(iframe);
+  document.documentElement.style.overflow = "hidden";
   window.onmessage = function(e) {
     var _a;
     try {
       const evnt = eventSchema.parse(e.data);
       if (evnt.event === "close") {
-        if (document.body.contains(iframe))
+        if (document.body.contains(iframe)) {
+          document.documentElement.style.removeProperty("overflow");
           document.body.removeChild(iframe);
+        }
         window.dispatchEvent(new CustomEvent("moonbase-checkout-closed", {
           detail: evnt
         }));
@@ -183,7 +187,7 @@ var _StorefrontContextImpl = class _StorefrontContextImpl {
     window.addEventListener("moonbase-checkout-completed", () => callback());
   }
   onCheckoutClosed(callback) {
-    window.addEventListener("moonbase-checkout-closed", (e) => callback(e.detail.next));
+    window.addEventListener("moonbase-checkout-closed", (e) => callback(e.detail.intent));
   }
   install(app) {
     app.provide(storefrontKey, this);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@moonbase.sh/vue",
   "type": "module",
-  "version": "0.2.18",
+  "version": "0.2.21",
   "description": "Package to let you build vue.js storefronts with Moonbase.sh as payment and delivery provider",
   "author": "Tobias Lønnerød Madsen <m@dsen.tv>",
   "license": "MIT",
@@ -19,7 +19,7 @@
     "@vue/devtools-api": "^6.5.1",
     "uuid": "^9.0.1",
     "zod": "^3.21.4",
-    "@moonbase.sh/storefront-api": "0.2.18"
+    "@moonbase.sh/storefront-api": "0.2.21"
   },
   "devDependencies": {
     "@types/uuid": "^9.0.7",