@salla.sa/embedded-sdk 0.1.0-beta.3 → 0.1.0-beta.4

package/dist/esm/index.js

@@ -1,4 +1,4 @@
-const $ = "0.1.0-beta.3", k = {
+const $ = "0.1.0-beta.4", k = {
   version: $
 }, s = "embedded::", g = {
   /** Initialize handshake - iframe signals it's ready to receive context */
@@ -35,8 +35,6 @@ const $ = "0.1.0-beta.3", k = {
 }, u = {
   /** Set loading state */
   LOADING: `${s}ui.loading`,
-  /** Control overlay state */
-  OVERLAY: `${s}ui.overlay`,
   /** Show toast notification */
   TOAST: `${s}ui.toast`,
   /** Control modal state */
@@ -50,26 +48,26 @@ const $ = "0.1.0-beta.3", k = {
 }, p = {
   /** Initialize checkout flow */
   CREATE: `${s}checkout.create`
-}, T = k.version, x = 1e4, V = [
+}, y = k.version, x = 1e4, z = [
   "localhost",
   "merchants.workers.dev",
   "s.salla.sa",
   ".salla.group",
   ".salla.sa"
 ];
-function z(e) {
+function K(e) {
   try {
     const n = new URL(e).hostname;
-    return V.some((i) => i.startsWith(".") ? n.endsWith(i) || n === i.slice(1) : n === i || n.startsWith(`${i}:`));
+    return z.some((i) => i.startsWith(".") ? n.endsWith(i) || n === i.slice(1) : n === i || n.startsWith(`${i}:`));
   } catch {
     return !1;
   }
 }
-function K() {
+function V() {
   return typeof window > "u" || window.parent === window ? null : window.parent;
 }
-function a(e, t, n = "*") {
-  const i = K();
+function o(e, t, n = "*") {
+  const i = V();
   if (!i) {
     console.warn("[EmbeddedSDK] Not running in an iframe, cannot post to host");
     return;
@@ -81,9 +79,9 @@ function a(e, t, n = "*") {
   i.postMessage(r, n);
 }
 const d = /* @__PURE__ */ new Map();
-let y = !1;
-function N(e) {
-  if (process.env.NODE_ENV === "production" && !z(e.origin))
+let T = !1;
+function L(e) {
+  if (process.env.NODE_ENV === "production" && !K(e.origin))
     return;
   const t = e.data;
   if (!t || typeof t.event != "string")
@@ -106,7 +104,7 @@ function N(e) {
   });
 }
 function U() {
-  y || typeof window > "u" || (window.addEventListener("message", N), y = !0);
+  T || typeof window > "u" || (window.addEventListener("message", L), T = !0);
 }
 function E(e, t) {
   U(), d.has(e) || d.set(e, /* @__PURE__ */ new Set());
@@ -119,13 +117,13 @@ function F(e, t = x) {
   return new Promise((n, i) => {
     const r = setTimeout(() => {
       l(), i(new Error(`[EmbeddedSDK] Timeout waiting for "${e}" message`));
-    }, t), l = E(e, (o) => {
-      clearTimeout(r), l(), n(o);
+    }, t), l = E(e, (a) => {
+      clearTimeout(r), l(), n(a);
     });
   });
 }
 function q() {
-  d.clear(), y && typeof window < "u" && (window.removeEventListener("message", N), y = !1);
+  d.clear(), T && typeof window < "u" && (window.removeEventListener("message", L), T = !1);
 }
 function P() {
   return typeof window > "u" ? !1 : window.parent !== window;
@@ -138,7 +136,7 @@ function H() {
 function j(e, t = {}, n = G) {
   const i = H();
   return new Promise((r, l) => {
-    const o = setTimeout(() => {
+    const a = setTimeout(() => {
       f.get(i) && (f.delete(i), l(
         new Error(
           `[EmbeddedSDK] Request "${e}" timed out after ${n}ms`
@@ -148,9 +146,9 @@ function j(e, t = {}, n = G) {
     f.set(i, {
       resolve: r,
       reject: l,
-      timeout: o,
+      timeout: a,
       event: e
-    }), a(e, { ...t, requestId: i });
+    }), o(e, { ...t, requestId: i });
   });
 }
 function S(e, t, n) {
@@ -163,14 +161,14 @@ function S(e, t, n) {
   }
   clearTimeout(i.timeout), f.delete(e), n ? i.reject(new Error(n)) : i.resolve(t);
 }
-function Y(e = "SDK cleanup") {
+function W(e = "SDK cleanup") {
   f.forEach((t, n) => {
     clearTimeout(t.timeout), t.reject(
       new Error(`[EmbeddedSDK] Request ${n} cancelled: ${e}`)
     );
   }), f.clear();
 }
-function W(e) {
+function Y(e) {
   return {
     /**
      * Get the token from the URL query parameter.
@@ -198,7 +196,7 @@ function W(e) {
      * ```
      */
     refresh() {
-      a(M.REFRESH, {});
+      o(M.REFRESH, {});
     }
   };
 }
@@ -245,9 +243,7 @@ function J(e) {
       `Extended action at index ${i} is missing required "title" property`
     ), r.subTitle !== void 0 && typeof r.subTitle != "string" && t.push(
       `Extended action at index ${i} subTitle must be a string`
-    ), r.url !== void 0 && typeof r.url != "string" && t.push(
-      `Extended action at index ${i} url must be a string`
-    ), r.value !== void 0 && typeof r.value != "string" && t.push(
+    ), r.url !== void 0 && typeof r.url != "string" && t.push(`Extended action at index ${i} url must be a string`), r.value !== void 0 && typeof r.value != "string" && t.push(
       `Extended action at index ${i} value must be a string`
     ), r.icon !== void 0 && typeof r.icon != "string" && t.push(
       `Extended action at index ${i} icon must be a string`
@@ -281,7 +277,7 @@ function te() {
         c(h.NAVIGATE, n.errors);
         return;
       }
-      a(h.NAVIGATE, {
+      o(h.NAVIGATE, {
         path: e,
         state: t == null ? void 0 : t.state,
         replace: t == null ? void 0 : t.replace
@@ -296,7 +292,7 @@ function te() {
         c(h.REDIRECT, t.errors);
         return;
       }
-      a(h.REDIRECT, { url: e });
+      o(h.REDIRECT, { url: e });
     },
     /**
      * Navigate to a path - auto-detects internal vs external.
@@ -318,7 +314,7 @@ function te() {
         ]);
         return;
       }
-      a(g.RESIZE, { height: e });
+      o(g.RESIZE, { height: e });
     },
     /**
      * Auto-resize iframe to content height.
@@ -337,7 +333,7 @@ function te() {
         ]);
         return;
       }
-      a(h.SET_TITLE, { title: e });
+      o(h.SET_TITLE, { title: e });
     }
   };
 }
@@ -369,20 +365,20 @@ function ie() {
         c(b.SET_ACTION, r.errors);
         return;
       }
-      i.onClick ? t = i.onClick : t = null, a(b.SET_ACTION, {
+      i.onClick ? t = i.onClick : t = null, o(b.SET_ACTION, {
         title: i.title,
         onClick: i.onClick ? !0 : void 0,
         value: i.value,
         subTitle: i.subTitle,
         icon: i.icon,
         disabled: i.disabled,
-        extendedActions: (l = i.extendedActions) == null ? void 0 : l.map((o) => ({
-          title: o.title,
-          subTitle: o.subTitle,
-          url: o.url,
-          value: o.value,
-          icon: o.icon,
-          disabled: o.disabled
+        extendedActions: (l = i.extendedActions) == null ? void 0 : l.map((a) => ({
+          title: a.title,
+          subTitle: a.subTitle,
+          url: a.url,
+          value: a.value,
+          icon: a.icon,
+          disabled: a.disabled
         }))
       });
     },
@@ -390,7 +386,7 @@ function ie() {
      * Clear the primary action button.
      */
     clearAction() {
-      t = null, a(b.SET_ACTION, {
+      t = null, o(b.SET_ACTION, {
         title: ""
       });
     },
@@ -418,40 +414,24 @@ function ne() {
      * @param mode - Display mode ('full' for full page, 'component' for inline)
      */
     show(e = "full") {
-      a(u.LOADING, { status: !1, mode: e });
+      o(u.LOADING, { status: !1, mode: e });
     },
     /**
      * Hide loading indicator.
      */
     hide() {
-      a(u.LOADING, { status: !0, mode: "full" });
+      o(u.LOADING, { status: !0, mode: "full" });
     }
   };
 }
 function re() {
-  return {
-    /**
-     * Open overlay mode.
-     */
-    open() {
-      a(u.OVERLAY, { action: "open" });
-    },
-    /**
-     * Close overlay mode.
-     */
-    close() {
-      a(u.OVERLAY, { action: "close" });
-    }
-  };
-}
-function se() {
   const e = (t) => {
     const n = Z(t);
     if (!n.valid) {
       c(u.TOAST, n.errors);
       return;
     }
-    a(u.TOAST, {
+    o(u.TOAST, {
       type: t.type,
       message: t.message,
       duration: t.duration
@@ -488,13 +468,13 @@ function se() {
     }
   };
 }
-function ae() {
+function se() {
   return {
     /**
      * Open a modal.
      */
     open(e, t) {
-      a(u.MODAL, {
+      o(u.MODAL, {
         action: "open",
         id: e,
         content: t
@@ -504,14 +484,14 @@ function ae() {
      * Close a modal.
      */
     close(e) {
-      a(u.MODAL, {
+      o(u.MODAL, {
         action: "close",
         id: e
       });
     }
   };
 }
-function oe() {
+function ae() {
   return async (e) => {
     const t = ee(e);
     return t.valid ? j(u.CONFIRM, {
@@ -523,16 +503,15 @@ function oe() {
     }) : (c(u.CONFIRM, t.errors), Promise.reject(new Error(t.errors.join(", "))));
   };
 }
-function le() {
+function oe() {
   return {
     loading: ne(),
-    overlay: re(),
-    toast: se(),
-    modal: ae(),
-    confirm: oe()
+    toast: re(),
+    modal: se(),
+    confirm: ae()
   };
 }
-function ue() {
+function le() {
   return {
     /**
      * Create/initiate a checkout.
@@ -543,26 +522,26 @@ function ue() {
         c(p.CREATE, t.errors);
         return;
       }
-      a(p.CREATE, { payload: e });
+      o(p.CREATE, { payload: e });
     }
   };
 }
 const R = {
   debug: !1,
   initialized: !1
-}, ce = {
+}, ue = {
   theme: "light",
   width: 0,
   locale: "ar",
   currency: "SAR"
-}, L = {
+}, I = {
   ready: !1,
   initializing: !1,
-  layout: { ...ce }
+  layout: { ...ue }
 };
-class de {
+class ce {
   constructor() {
-    this.config = { ...R }, this.state = { ...L }, this.themeCallbacks = /* @__PURE__ */ new Set(), this.initCallbacks = /* @__PURE__ */ new Set(), this.appReady = !1, this.auth = W(), this.page = te(), this.nav = ie(), this.ui = le(), this.checkout = ue(), this.setupThemeListener(), this.setupResponseListeners();
+    this.config = { ...R }, this.state = { ...I }, this.themeCallbacks = /* @__PURE__ */ new Set(), this.initCallbacks = /* @__PURE__ */ new Set(), this.appReady = !1, this.auth = Y(), this.page = te(), this.nav = ie(), this.ui = oe(), this.checkout = le(), this.setupThemeListener(), this.setupResponseListeners();
   }
   /**
    * Get current SDK state (layout info only, no token).
@@ -590,13 +569,13 @@ class de {
    * Log debug messages if debug mode is enabled.
    */
   debugLog(...t) {
-    this.config.debug && console.log(`[EmbeddedSDK v${T}]`, ...t);
+    this.config.debug && console.log(`[EmbeddedSDK v${y}]`, ...t);
   }
   /**
    * Log warnings.
    */
   warn(...t) {
-    console.warn(`[EmbeddedSDK v${T}]`, ...t);
+    console.warn(`[EmbeddedSDK v${y}]`, ...t);
   }
   /**
    * Set up listener for theme changes from host.
@@ -677,7 +656,7 @@ class de {
    * ```
    */
   log(t, n, i) {
-    a(_.LOG, {
+    o(_.LOG, {
       level: t,
       message: n,
       context: i
@@ -702,7 +681,7 @@ class de {
       this.warn("Cannot signal ready before init() is called");
       return;
     }
-    this.appReady = !0, a(g.READY, {}), this.debugLog("Sent ready signal to host");
+    this.appReady = !0, o(g.READY, {}), this.debugLog("Sent ready signal to host");
   }
   /**
    * Initialize the SDK and establish connection with the host.
@@ -728,32 +707,32 @@ class de {
       initialized: !1
     }, this.state.initializing = !0, this.debugLog("Initializing SDK...");
     try {
-      a(g.INIT, {
+      o(g.INIT, {
         height: document.documentElement.scrollHeight
       }), this.debugLog("Sent iframe.ready message, waiting for context...");
-      const o = await F(
+      const a = await F(
         w.PROVIDE
       );
-      this.debugLog("Received context from host:", o), this.state = {
+      this.debugLog("Received context from host:", a), this.state = {
         ready: !0,
         initializing: !1,
         layout: {
-          theme: ((n = o.layout) == null ? void 0 : n.theme) ?? "light",
-          width: ((i = o.layout) == null ? void 0 : i.width) ?? 0,
-          locale: ((r = o.layout) == null ? void 0 : r.locale) ?? "ar",
-          currency: ((l = o.layout) == null ? void 0 : l.currency) ?? "SAR"
+          theme: ((n = a.layout) == null ? void 0 : n.theme) ?? "light",
+          width: ((i = a.layout) == null ? void 0 : i.width) ?? 0,
+          locale: ((r = a.layout) == null ? void 0 : r.locale) ?? "ar",
+          currency: ((l = a.layout) == null ? void 0 : l.currency) ?? "SAR"
         }
       }, this.config.initialized = !0, this.debugLog("Initialization complete. Layout:", this.state.layout);
       const v = this.getState();
-      return this.initCallbacks.forEach((O) => {
+      return this.initCallbacks.forEach((D) => {
         try {
-          O(v);
-        } catch (D) {
-          console.error("[EmbeddedSDK] Error in init callback:", D);
+          D(v);
+        } catch (O) {
+          console.error("[EmbeddedSDK] Error in init callback:", O);
         }
       }), { layout: { ...this.state.layout } };
-    } catch (o) {
-      throw this.state.initializing = !1, this.state.ready = !1, o;
+    } catch (a) {
+      throw this.state.initializing = !1, this.state.ready = !1, a;
     }
   }
   /**
@@ -779,23 +758,23 @@ class de {
    * ```
    */
   destroy() {
-    this.debugLog("Destroying SDK instance"), this.config.initialized && (a(g.DESTROY, {}), this.debugLog("Sent destroy event to host")), Y("SDK destroyed"), q(), this.themeCallbacks.clear(), this.initCallbacks.clear(), this.config = { ...R }, this.state = { ...L }, this.appReady = !1;
+    this.debugLog("Destroying SDK instance"), this.config.initialized && (o(g.DESTROY, {}), this.debugLog("Sent destroy event to host")), W("SDK destroyed"), q(), this.themeCallbacks.clear(), this.initCallbacks.clear(), this.config = { ...R }, this.state = { ...I }, this.appReady = !1;
   }
 }
 let m = null;
-function fe() {
-  return m || (m = new de()), m;
+function de() {
+  return m || (m = new ce()), m;
 }
-function he() {
+function fe() {
   m && (m.destroy(), m = null);
 }
-const I = fe(), me = T;
-typeof window < "u" && (window.salla = window.salla || window.Salla || {}, window.Salla = window.salla, window.salla.embedded || (window.salla.embedded = I), window.Salla.embedded || (window.Salla.embedded = I));
+const N = de(), he = y;
+typeof window < "u" && (window.salla = window.salla || window.Salla || {}, window.Salla = window.salla, window.salla.embedded || (window.salla.embedded = N), window.Salla.embedded || (window.Salla.embedded = N));
 export {
-  de as EmbeddedApp,
-  I as embedded,
-  fe as getEmbeddedApp,
-  he as resetEmbeddedApp,
-  me as version
+  ce as EmbeddedApp,
+  N as embedded,
+  de as getEmbeddedApp,
+  fe as resetEmbeddedApp,
+  he as version
 };
 //# sourceMappingURL=index.js.map