@salla.sa/embedded-sdk 0.1.0-beta.10 → 0.1.0-beta.12

package/dist/esm/index.js

@@ -1,102 +1,102 @@
-const o = "embedded::", T = {
+const s = "embedded::", y = {
   /** Initialize handshake - iframe signals it's ready to receive context */
-  INIT: `${o}iframe.ready`,
+  INIT: `${s}iframe.ready`,
   /** Request iframe resize */
-  RESIZE: `${o}iframe.resize`,
+  RESIZE: `${s}iframe.resize`,
   /** App signals it's fully loaded and ready */
-  READY: `${o}ready`,
+  READY: `${s}ready`,
   /** App requests to be destroyed and navigate away */
-  DESTROY: `${o}destroy`
-}, N = {
+  DESTROY: `${s}destroy`
+}, k = {
   /** Context data provision */
-  PROVIDE: `${o}context.provide`,
+  PROVIDE: `${s}context.provide`,
   /** Theme change notification */
-  THEME_CHANGE: `${o}theme.change`
+  THEME_CHANGE: `${s}theme.change`
 }, j = {
   /** Send log message to host */
-  LOG: `${o}log`
+  LOG: `${s}log`
 }, d = {
   /** Set loading state */
-  LOADING: `${o}ui.loading`,
+  LOADING: `${s}ui.loading`,
   /** Show toast notification */
-  TOAST: `${o}ui.toast`,
+  TOAST: `${s}ui.toast`,
   /** Control modal state */
-  MODAL: `${o}ui.modal`,
+  MODAL: `${s}ui.modal`,
   /** Show confirm dialog (async request) */
-  CONFIRM: `${o}ui.confirm`,
+  CONFIRM: `${s}ui.confirm`,
   /** Confirm dialog response (from host) */
-  CONFIRM_RESPONSE: `${o}ui.confirm.response`,
+  CONFIRM_RESPONSE: `${s}ui.confirm.response`,
   /** Modal response (from host) */
-  MODAL_RESPONSE: `${o}ui.modal.response`
-}, G = "0.1.0-beta.10", H = {
+  MODAL_RESPONSE: `${s}ui.modal.response`
+}, G = "0.1.0-beta.12", H = {
   version: G
-}, q = {
+}, z = {
   /** Request token refresh (re-renders iframe with new token) */
-  REFRESH: `${o}auth.refresh`
+  REFRESH: `${s}auth.refresh`
 }, m = {
   /** Navigate using React Router (SPA navigation) */
-  NAVIGATE: `${o}page.navigate`,
+  NAVIGATE: `${s}page.navigate`,
   /** Redirect using window.location (full page reload) */
-  REDIRECT: `${o}page.redirect`,
+  REDIRECT: `${s}page.redirect`,
   /** Set page title */
-  SET_TITLE: `${o}page.setTitle`
-}, S = {
+  SET_TITLE: `${s}page.setTitle`
+}, w = {
   /** Set primary action button in navbar */
-  SET_ACTION: `${o}nav.setAction`,
+  SET_ACTION: `${s}nav.setAction`,
   /** Notification when action button is clicked (host → iframe) */
-  ACTION_CLICK: `${o}nav.actionClick`
-}, k = {
+  ACTION_CLICK: `${s}nav.actionClick`
+}, $ = {
   /** Initialize checkout flow */
-  CREATE: `${o}checkout.create`
-}, z = H.version, K = 1e4, X = [
+  CREATE: `${s}checkout.create`
+}, L = H.version, K = 1e4, X = [
   "localhost",
   "merchants.workers.dev",
   "s.salla.sa",
   ".salla.group",
   ".salla.sa"
 ];
-let R = {
+let A = {
   showVersion: !0,
   debug: !1
 };
 function W(e) {
-  R = { ...R, ...e };
+  A = { ...A, ...e };
 }
-function $(e) {
+function O(e) {
   return `%c${e}`;
 }
-function O(e, t = "#fff") {
+function _(e, t = "#fff") {
   return `background-color: ${e}; color: ${t}; padding: 2px 6px; border-radius: 3px; font-weight: 500; font-size: 11px;`;
 }
-function p(e, ...t) {
-  if (e === "debug" && !R.debug)
+function b(e, ...t) {
+  if (e === "debug" && !A.debug)
     return;
-  const r = [], i = [];
-  r.push($("EmbeddedSDK")), i.push(O("#10b981", "#fff")), R.showVersion && (r.push($(`v${z}`)), i.push(O("#6b7280", "#fff")));
-  const n = r.join("").trim();
-  (console[e] || console.log)(n, ...i, ...t);
+  const i = [], r = [];
+  i.push(O("EmbeddedSDK")), r.push(_("#10b981", "#fff")), A.showVersion && (i.push(O(`v${L}`)), r.push(_("#6b7280", "#fff")));
+  const n = i.join("").trim();
+  (console[e] || console.log)(n, ...r, ...t);
 }
 const u = {
   log: (...e) => {
-    p("log", ...e);
+    b("log", ...e);
   },
   warn: (...e) => {
-    p("warn", ...e);
+    b("warn", ...e);
   },
   error: (...e) => {
-    p("error", ...e);
+    b("error", ...e);
   },
   info: (...e) => {
-    p("info", ...e);
+    b("info", ...e);
   },
   debug: (...e) => {
-    p("debug", ...e);
+    b("debug", ...e);
   }
 };
 function Y(e) {
   try {
-    const r = new URL(e).hostname;
-    return X.some((i) => i.startsWith(".") ? r.endsWith(i) || r === i.slice(1) : r === i || r.startsWith(`${i}:`));
+    const i = new URL(e).hostname;
+    return X.some((r) => r.startsWith(".") ? i.endsWith(r) || i === r.slice(1) : i === r || i.startsWith(`${r}:`));
   } catch {
     return !1;
   }
@@ -104,64 +104,72 @@ function Y(e) {
 function B() {
   return typeof window > "u" || window.parent === window ? null : window.parent;
 }
-function l(e, t, r = "*") {
-  const i = B();
-  if (!i) {
+function o(e, t, i = "*", r, n) {
+  const a = B();
+  if (!a) {
     u.warn("Not running in an iframe, cannot post to host");
     return;
   }
-  const n = {
+  const l = {
     event: e,
-    ...t
+    payload: t || {},
+    timestamp: Date.now(),
+    source: "embedded-app",
+    ...r && { requestId: r },
+    metadata: {
+      version: L
+    }
   };
-  i.postMessage(n, r);
+  a.postMessage(l, i);
 }
 const h = /* @__PURE__ */ new Map();
-let C = !1;
+let S = !1;
 function P(e) {
   if (process.env.NODE_ENV === "production" && !Y(e.origin))
     return;
   const t = e.data;
-  if (!t || typeof t.event != "string")
+  if (!t || typeof t.event != "string" || !t.payload || typeof t.timestamp != "number" || !t.source) {
+    u.warn("Invalid message structure received:", t);
     return;
-  const r = h.get(t.event);
-  r && r.forEach((n) => {
+  }
+  const i = h.get(t.event);
+  i && i.forEach((n) => {
     try {
       n(t);
-    } catch (s) {
-      u.error("Error in message handler:", s);
+    } catch (a) {
+      u.error("Error in message handler:", a);
     }
   });
-  const i = h.get("*");
-  i && i.forEach((n) => {
+  const r = h.get("*");
+  r && r.forEach((n) => {
     try {
       n(t);
-    } catch (s) {
-      u.error("Error in wildcard handler:", s);
+    } catch (a) {
+      u.error("Error in wildcard handler:", a);
     }
   });
 }
 function Z() {
-  C || typeof window > "u" || (window.addEventListener("message", P), C = !0);
+  S || typeof window > "u" || (window.addEventListener("message", P), S = !0);
 }
-function v(e, t) {
+function T(e, t) {
   Z(), h.has(e) || h.set(e, /* @__PURE__ */ new Set());
-  const r = h.get(e);
-  return r.add(t), () => {
-    r.delete(t), r.size === 0 && h.delete(e);
+  const i = h.get(e);
+  return i.add(t), () => {
+    i.delete(t), i.size === 0 && h.delete(e);
   };
 }
 function J(e, t = K) {
-  return new Promise((r, i) => {
+  return new Promise((i, r) => {
     const n = setTimeout(() => {
-      s(), i(new Error(`[EmbeddedSDK] Timeout waiting for "${e}" message`));
-    }, t), s = v(e, (a) => {
-      clearTimeout(n), s(), r(a);
+      a(), r(new Error(`[EmbeddedSDK] Timeout waiting for "${e}" message`));
+    }, t), a = T(e, (l) => {
+      clearTimeout(n), a(), i(l);
     });
   });
 }
 function Q() {
-  h.clear(), C && typeof window < "u" && (window.removeEventListener("message", P), C = !1);
+  h.clear(), S && typeof window < "u" && (window.removeEventListener("message", P), S = !1);
 }
 function ee() {
   return typeof window > "u" ? !1 : window.parent !== window;
@@ -171,74 +179,74 @@ function re() {
   const e = Date.now(), t = Math.random().toString(36).slice(2, 9);
   return `req_${e}_${t}`;
 }
-function ie(e, t = {}, r = te) {
-  const i = re();
-  return new Promise((n, s) => {
-    const a = setTimeout(() => {
-      g.get(i) && (g.delete(i), s(
+function ie(e, t = {}, i = te) {
+  const r = re();
+  return new Promise((n, a) => {
+    const l = setTimeout(() => {
+      g.get(r) && (g.delete(r), a(
         new Error(
-          `[EmbeddedSDK] Request "${e}" timed out after ${r}ms`
+          `[EmbeddedSDK] Request "${e}" timed out after ${i}ms`
         )
       ));
-    }, r);
-    g.set(i, {
+    }, i);
+    g.set(r, {
       resolve: n,
-      reject: s,
-      timeout: a,
+      reject: a,
+      timeout: l,
       event: e
-    }), l(e, { ...t, requestId: i });
+    }), o(e, t, "*", r);
   });
 }
-function _(e, t, r) {
-  const i = g.get(e);
-  if (!i) {
+function D(e, t, i) {
+  const r = g.get(e);
+  if (!r) {
     u.warn(`Received response for unknown request: ${e}`);
     return;
   }
-  clearTimeout(i.timeout), g.delete(e), r ? i.reject(new Error(r)) : i.resolve(t);
+  clearTimeout(r.timeout), g.delete(e), i ? r.reject(new Error(i)) : r.resolve(t);
 }
 function ne(e = "SDK cleanup") {
-  g.forEach((t, r) => {
+  g.forEach((t, i) => {
     clearTimeout(t.timeout), t.reject(
-      new Error(`[EmbeddedSDK] Request ${r} cancelled: ${e}`)
+      new Error(`[EmbeddedSDK] Request ${i} cancelled: ${e}`)
     );
   }), g.clear();
 }
-const se = "https://api.salla.dev";
-class y extends Error {
-  constructor(t, r, i) {
-    super(t), this.status = r, this.response = i, this.name = "ApiError";
+const ae = "https://api.salla.dev";
+class E extends Error {
+  constructor(t, i, r) {
+    super(t), this.status = i, this.response = r, this.name = "ApiError";
   }
 }
-async function ae(e, t = {}) {
-  const { method: r = "GET", headers: i = {}, body: n, timeout: s = 3e4 } = t, a = `${se}${e}`, E = new AbortController(), w = setTimeout(() => {
-    E.abort();
-  }, s);
+async function se(e, t = {}) {
+  const { method: i = "GET", headers: r = {}, body: n, timeout: a = 3e4 } = t, l = `${ae}${e}`, R = new AbortController(), N = setTimeout(() => {
+    R.abort();
+  }, a);
   try {
-    const c = await fetch(a, {
-      method: r,
+    const c = await fetch(l, {
+      method: i,
       headers: {
         "Content-Type": "application/json",
-        ...i
+        ...r
       },
       body: n ? JSON.stringify(n) : void 0,
-      signal: E.signal
+      signal: R.signal
     });
-    clearTimeout(w);
-    let A;
-    const I = c.headers.get("content-type");
-    if (I != null && I.includes("application/json") ? A = await c.json() : A = await c.text(), !c.ok)
-      throw new y(
+    clearTimeout(N);
+    let v;
+    const C = c.headers.get("content-type");
+    if (C != null && C.includes("application/json") ? v = await c.json() : v = await c.text(), !c.ok)
+      throw new E(
         `API request failed: ${c.statusText}`,
         c.status,
-        A
+        v
       );
-    return A;
+    return v;
   } catch (c) {
-    throw clearTimeout(w), c instanceof y ? c : c instanceof Error ? c.name === "AbortError" ? new y(`Request timeout after ${s}ms`) : new y(`Request failed: ${c.message}`) : new y("Unknown error occurred");
+    throw clearTimeout(N), c instanceof E ? c : c instanceof Error ? c.name === "AbortError" ? new E(`Request timeout after ${a}ms`) : new E(`Request failed: ${c.message}`) : new E("Unknown error occurred");
   }
 }
-function L(e) {
+function I(e) {
   return {
     isVerified: !1,
     isError: !0,
@@ -247,22 +255,22 @@ function L(e) {
   };
 }
 async function oe(e) {
-  const { token: t, appId: r, refreshOnError: i = !0 } = e;
+  const { token: t, appId: i, refreshOnError: r = !0 } = e;
   if (!t) {
     const n = "Token is required. Provide it as a parameter or in URL as ?token=XXX";
-    return u.error("Error in introspect:", n), L(n);
+    return u.error("Error in introspect:", n), I(n);
   }
-  if (!r) {
+  if (!i) {
     const n = "App ID is required. Provide it as a parameter or in URL as ?app_id=XXX";
-    return u.error("Error in introspect:", n), L(n);
+    return u.error("Error in introspect:", n), I(n);
   }
   try {
-    const n = await ae(
+    const n = await se(
       "/exchange-authority/v1/introspect",
       {
         method: "POST",
         headers: {
-          "S-Source": r,
+          "S-Source": i,
           "Content-Type": "application/json"
         },
         body: {
@@ -272,17 +280,17 @@ async function oe(e) {
           subject: "embedded-page"
         }
       }
-    ), s = n.success;
+    ), a = n.success;
     return {
-      isVerified: s,
-      isError: !s,
-      error: s ? void 0 : "API request failed",
-      data: s ? n.data : null
+      isVerified: a,
+      isError: !a,
+      error: a ? void 0 : "API request failed",
+      data: a ? n.data : null
     };
   } catch (n) {
-    i && (F().ui.toast.error((n == null ? void 0 : n.toString()) ?? "Introspect error"), l(q.REFRESH, {})), u.error("Error in introspect:", n);
-    const s = n instanceof Error ? n.message : n;
-    return L(s);
+    r && (F().ui.toast.error((n == null ? void 0 : n.toString()) ?? "Introspect error"), o(z.REFRESH, {})), u.error("Error in introspect:", n);
+    const a = n instanceof Error ? n.message : n;
+    return I(a);
   }
 }
 function le(e) {
@@ -320,7 +328,7 @@ function le(e) {
      * ```
      */
     refresh() {
-      l(q.REFRESH, {});
+      o(z.REFRESH, {});
     },
     /**
      * Introspect (verify) a short-lived token with Salla's API.
@@ -330,10 +338,10 @@ function le(e) {
      * @returns Promise that resolves with the introspect response. On API error, resolves with isVerified: false, isError: true, and empty data.
      */
     async introspect(t = {}) {
-      const r = t.token ?? this.getToken() ?? "", i = t.appId ?? this.getAppId() ?? "";
+      const i = t.token ?? this.getToken() ?? "", r = t.appId ?? this.getAppId() ?? "";
       return oe({
-        token: r,
-        appId: i,
+        token: i,
+        appId: r,
         refreshOnError: t.refreshOnError
       });
     }
@@ -372,36 +380,36 @@ function fe(e) {
 }
 function he(e) {
   const t = [];
-  return e.title === void 0 || e.title === null ? t.push("Nav action title is required") : typeof e.title != "string" && t.push("Nav action title must be a string"), e.onClick !== void 0 && e.onClick !== null && typeof e.onClick != "function" && t.push("Nav action onClick must be a function"), e.value !== void 0 && e.value !== null && typeof e.value != "string" && t.push("Nav action value must be a string"), e.subTitle !== void 0 && e.subTitle !== null && typeof e.subTitle != "string" && t.push("Nav action subTitle must be a string"), e.icon !== void 0 && e.icon !== null && typeof e.icon != "string" && t.push("Nav action icon must be a string"), e.disabled !== void 0 && e.disabled !== null && typeof e.disabled != "boolean" && t.push("Nav action disabled must be a boolean"), e.extendedActions !== void 0 && e.extendedActions !== null && (Array.isArray(e.extendedActions) ? e.extendedActions.forEach((r, i) => {
-    if (typeof r != "object" || r === null) {
-      t.push(`Extended action at index ${i} must be an object`);
+  return e.title === void 0 || e.title === null ? t.push("Nav action title is required") : typeof e.title != "string" && t.push("Nav action title must be a string"), e.onClick !== void 0 && e.onClick !== null && typeof e.onClick != "function" && t.push("Nav action onClick must be a function"), e.value !== void 0 && e.value !== null && typeof e.value != "string" && t.push("Nav action value must be a string"), e.subTitle !== void 0 && e.subTitle !== null && typeof e.subTitle != "string" && t.push("Nav action subTitle must be a string"), e.icon !== void 0 && e.icon !== null && typeof e.icon != "string" && t.push("Nav action icon must be a string"), e.disabled !== void 0 && e.disabled !== null && typeof e.disabled != "boolean" && t.push("Nav action disabled must be a boolean"), e.extendedActions !== void 0 && e.extendedActions !== null && (Array.isArray(e.extendedActions) ? e.extendedActions.forEach((i, r) => {
+    if (typeof i != "object" || i === null) {
+      t.push(`Extended action at index ${r} must be an object`);
       return;
     }
-    const n = r;
+    const n = i;
     (!n.title || typeof n.title != "string") && t.push(
-      `Extended action at index ${i} is missing required "title" property`
+      `Extended action at index ${r} is missing required "title" property`
     ), n.subTitle !== void 0 && typeof n.subTitle != "string" && t.push(
-      `Extended action at index ${i} subTitle must be a string`
-    ), n.url !== void 0 && typeof n.url != "string" && t.push(`Extended action at index ${i} url must be a string`), n.value !== void 0 && typeof n.value != "string" && t.push(
-      `Extended action at index ${i} value must be a string`
+      `Extended action at index ${r} subTitle must be a string`
+    ), n.url !== void 0 && typeof n.url != "string" && t.push(`Extended action at index ${r} url must be a string`), n.value !== void 0 && typeof n.value != "string" && t.push(
+      `Extended action at index ${r} value must be a string`
     ), n.icon !== void 0 && typeof n.icon != "string" && t.push(
-      `Extended action at index ${i} icon must be a string`
+      `Extended action at index ${r} icon must be a string`
     ), n.disabled !== void 0 && typeof n.disabled != "boolean" && t.push(
-      `Extended action at index ${i} disabled must be a boolean`
+      `Extended action at index ${r} disabled must be a boolean`
     );
   }) : t.push("Nav action extendedActions must be an array")), { valid: t.length === 0, errors: t };
 }
-const D = ["danger", "warning", "info"];
+const x = ["danger", "warning", "info"];
 function ge(e) {
   const t = [];
-  return e.title === void 0 || e.title === null ? t.push("Confirm dialog title is required") : typeof e.title != "string" ? t.push("Confirm dialog title must be a string") : e.title.trim() === "" && t.push("Confirm dialog title cannot be empty"), e.message === void 0 || e.message === null ? t.push("Confirm dialog message is required") : typeof e.message != "string" ? t.push("Confirm dialog message must be a string") : e.message.trim() === "" && t.push("Confirm dialog message cannot be empty"), e.confirmText !== void 0 && e.confirmText !== null && typeof e.confirmText != "string" && t.push("Confirm dialog confirmText must be a string"), e.cancelText !== void 0 && e.cancelText !== null && typeof e.cancelText != "string" && t.push("Confirm dialog cancelText must be a string"), e.variant !== void 0 && e.variant !== null && (typeof e.variant != "string" || !D.includes(e.variant)) && t.push(
-    `Invalid confirm variant "${e.variant}". Expected: ${D.join(" | ")}`
+  return e.title === void 0 || e.title === null ? t.push("Confirm dialog title is required") : typeof e.title != "string" ? t.push("Confirm dialog title must be a string") : e.title.trim() === "" && t.push("Confirm dialog title cannot be empty"), e.message === void 0 || e.message === null ? t.push("Confirm dialog message is required") : typeof e.message != "string" ? t.push("Confirm dialog message must be a string") : e.message.trim() === "" && t.push("Confirm dialog message cannot be empty"), e.confirmText !== void 0 && e.confirmText !== null && typeof e.confirmText != "string" && t.push("Confirm dialog confirmText must be a string"), e.cancelText !== void 0 && e.cancelText !== null && typeof e.cancelText != "string" && t.push("Confirm dialog cancelText must be a string"), e.variant !== void 0 && e.variant !== null && (typeof e.variant != "string" || !x.includes(e.variant)) && t.push(
+    `Invalid confirm variant "${e.variant}". Expected: ${x.join(" | ")}`
   ), { valid: t.length === 0, errors: t };
 }
 function f(e, t) {
   u.error(
     `Validation failed for ${e}:
-` + t.map((r) => `  • ${r}`).join(`
+` + t.map((i) => `  • ${i}`).join(`
 `)
   );
 }
@@ -411,12 +419,12 @@ function me() {
      * Navigate to a path using React Router (SPA navigation).
      */
     navigate(e, t) {
-      const r = de({ path: e, ...t });
-      if (!r.valid) {
-        f(m.NAVIGATE, r.errors);
+      const i = de({ path: e, ...t });
+      if (!i.valid) {
+        f(m.NAVIGATE, i.errors);
         return;
       }
-      l(m.NAVIGATE, {
+      o(m.NAVIGATE, {
         path: e,
         state: t == null ? void 0 : t.state,
         replace: t == null ? void 0 : t.replace
@@ -431,7 +439,7 @@ function me() {
         f(m.REDIRECT, t.errors);
         return;
       }
-      l(m.REDIRECT, { url: e });
+      o(m.REDIRECT, { url: e });
     },
     /**
      * Navigate to a path - auto-detects internal vs external.
@@ -448,12 +456,12 @@ function me() {
      */
     resize(e) {
       if (typeof e != "number" || e < 0) {
-        f(T.RESIZE, [
+        f(y.RESIZE, [
           "Height must be a non-negative number"
         ]);
         return;
       }
-      l(T.RESIZE, { height: e });
+      o(y.RESIZE, { height: e });
     },
     /**
      * Auto-resize iframe to content height.
@@ -472,14 +480,14 @@ function me() {
         ]);
         return;
       }
-      l(m.SET_TITLE, { title: e });
+      o(m.SET_TITLE, { title: e });
     }
   };
 }
-function be() {
+function pe() {
   const e = /* @__PURE__ */ new Set();
   let t = null;
-  return v(S.ACTION_CLICK, (i) => {
+  return T(w.ACTION_CLICK, (r) => {
     if (t)
       try {
         t();
@@ -488,36 +496,36 @@ function be() {
       }
     e.forEach((n) => {
       try {
-        n(i.url, i.value);
-      } catch (s) {
-        u.error("Error in action click callback:", s);
+        n(r.payload.url, r.payload.value);
+      } catch (a) {
+        u.error("Error in action click callback:", a);
       }
     });
   }), {
     /**
      * Set the primary action button.
      */
-    setAction(i) {
-      var s;
-      const n = he(i);
+    setAction(r) {
+      var a;
+      const n = he(r);
       if (!n.valid) {
-        f(S.SET_ACTION, n.errors);
+        f(w.SET_ACTION, n.errors);
         return;
       }
-      i.onClick ? t = i.onClick : t = null, l(S.SET_ACTION, {
-        title: i.title,
-        onClick: i.onClick ? !0 : void 0,
-        value: i.value,
-        subTitle: i.subTitle,
-        icon: i.icon,
-        disabled: i.disabled,
-        extendedActions: (s = i.extendedActions) == null ? void 0 : s.map((a) => ({
-          title: a.title,
-          subTitle: a.subTitle,
-          url: a.url,
-          value: a.value,
-          icon: a.icon,
-          disabled: a.disabled
+      r.onClick ? t = r.onClick : t = null, o(w.SET_ACTION, {
+        title: r.title,
+        onClick: r.onClick ? !0 : void 0,
+        value: r.value,
+        subTitle: r.subTitle,
+        icon: r.icon,
+        disabled: r.disabled,
+        extendedActions: (a = r.extendedActions) == null ? void 0 : a.map((l) => ({
+          title: l.title,
+          subTitle: l.subTitle,
+          url: l.url,
+          value: l.value,
+          icon: l.icon,
+          disabled: l.disabled
         }))
       });
     },
@@ -525,52 +533,51 @@ function be() {
      * Clear the primary action button.
      */
     clearAction() {
-      t = null, l(S.SET_ACTION, {
+      t = null, o(w.SET_ACTION, {
         title: ""
       });
     },
     /**
      * Subscribe to action button clicks.
      */
-    onActionClick(i) {
-      return e.add(i), () => {
-        e.delete(i);
+    onActionClick(r) {
+      return e.add(r), () => {
+        e.delete(r);
       };
     },
     // Legacy aliases
-    primaryAction(i) {
-      this.setAction(i);
+    primaryAction(r) {
+      this.setAction(r);
     },
     clearPrimaryAction() {
       this.clearAction();
     }
   };
 }
-function Ee() {
+function be() {
   return {
     /**
      * Show loading indicator.
-     * @param mode - Display mode ('full' for full page, 'component' for inline)
      */
-    show(e = "full") {
-      l(d.LOADING, { status: !1, mode: e });
+    show() {
+      o(d.LOADING, { action: "show" });
     },
     /**
      * Hide loading indicator.
      */
     hide() {
-      l(d.LOADING, { status: !0, mode: "full" });
+      o(d.LOADING, { action: "hide" });
     }
   };
 }
-function pe() {
+function Ee() {
   const e = (t) => {
-    const r = ue(t);
-    if (!r.valid) {
-      f(d.TOAST, r.errors);
+    const i = ue(t);
+    if (!i.valid) {
+      f(d.TOAST, i.errors);
       return;
     }
-    l(d.TOAST, {
+    o(d.TOAST, {
       type: t.type,
       message: t.message,
       duration: t.duration
@@ -584,26 +591,26 @@ function pe() {
     /**
      * Show success toast.
      */
-    success(t, r) {
-      e({ type: "success", message: t, duration: r });
+    success(t, i) {
+      e({ type: "success", message: t, duration: i });
     },
     /**
      * Show error toast.
      */
-    error(t, r) {
-      e({ type: "error", message: t, duration: r });
+    error(t, i) {
+      e({ type: "error", message: t, duration: i });
     },
     /**
      * Show warning toast.
      */
-    warning(t, r) {
-      e({ type: "warning", message: t, duration: r });
+    warning(t, i) {
+      e({ type: "warning", message: t, duration: i });
     },
     /**
      * Show info toast.
      */
-    info(t, r) {
-      e({ type: "info", message: t, duration: r });
+    info(t, i) {
+      e({ type: "info", message: t, duration: i });
     }
   };
 }
@@ -613,7 +620,7 @@ function ye() {
      * Open a modal.
      */
     open(e, t) {
-      l(d.MODAL, {
+      o(d.MODAL, {
         action: "open",
         id: e,
         content: t
@@ -623,7 +630,7 @@ function ye() {
      * Close a modal.
      */
     close(e) {
-      l(d.MODAL, {
+      o(d.MODAL, {
         action: "close",
         id: e
       });
@@ -644,8 +651,8 @@ function Te() {
 }
 function ve() {
   return {
-    loading: Ee(),
-    toast: pe(),
+    loading: be(),
+    toast: Ee(),
     modal: ye(),
     confirm: Te()
   };
@@ -658,14 +665,14 @@ function we() {
     create(e) {
       const t = ce(e);
       if (!t.valid) {
-        f(k.CREATE, t.errors);
+        f($.CREATE, t.errors);
         return;
       }
-      l(k.CREATE, { payload: e });
+      o($.CREATE, e);
     }
   };
 }
-const x = {
+const U = {
   debug: !1,
   initialized: !1
 }, Ae = {
@@ -673,14 +680,14 @@ const x = {
   width: 0,
   locale: "ar",
   currency: "SAR"
-}, U = {
+}, V = {
   ready: !1,
   initializing: !1,
   layout: { ...Ae }
 };
 class Se {
   constructor() {
-    this.config = { ...x }, this.state = { ...U }, this.themeCallbacks = /* @__PURE__ */ new Set(), this.initCallbacks = /* @__PURE__ */ new Set(), this.appReady = !1, this.auth = le(), this.page = me(), this.nav = be(), this.ui = ve(), this.checkout = we(), this.setupThemeListener(), this.setupResponseListeners();
+    this.config = { ...U }, this.state = { ...V }, this.themeCallbacks = /* @__PURE__ */ new Set(), this.initCallbacks = /* @__PURE__ */ new Set(), this.appReady = !1, this.auth = le(), this.page = me(), this.nav = pe(), this.ui = ve(), this.checkout = we(), this.setupThemeListener(), this.setupResponseListeners();
   }
   /**
    * Get current SDK state (layout info only, no token).
@@ -710,22 +717,22 @@ class Se {
    * @param type - Log type (log, warn, error, info, debug)
    * @param args - Arguments to log
    */
-  internalLog(t, ...r) {
+  internalLog(t, ...i) {
     switch (t) {
       case "log":
-        u.log(...r);
+        u.log(...i);
         break;
       case "warn":
-        u.warn(...r);
+        u.warn(...i);
         break;
       case "error":
-        u.error(...r);
+        u.error(...i);
         break;
       case "info":
-        u.info(...r);
+        u.info(...i);
         break;
       case "debug":
-        u.debug(...r);
+        u.debug(...i);
         break;
     }
   }
@@ -733,12 +740,12 @@ class Se {
    * Set up listener for theme changes from host.
    */
   setupThemeListener() {
-    v(N.THEME_CHANGE, (t) => {
-      this.state.layout.theme = t.theme, this.internalLog("debug", "Theme changed:", t.theme), this.themeCallbacks.forEach((r) => {
+    T(k.THEME_CHANGE, (t) => {
+      this.state.layout.theme = t.payload.theme, this.internalLog("debug", "Theme changed:", t.payload.theme), this.themeCallbacks.forEach((i) => {
         try {
-          r(t.theme);
-        } catch (i) {
-          this.internalLog("error", "Error in theme callback:", i);
+          i(t.payload.theme);
+        } catch (r) {
+          this.internalLog("error", "Error in theme callback:", r);
         }
       });
     });
@@ -747,10 +754,10 @@ class Se {
    * Set up listeners for async response events from host.
    */
   setupResponseListeners() {
-    v(d.CONFIRM_RESPONSE, (t) => {
-      this.internalLog("debug", "Received confirm response:", t), _(t.requestId, { confirmed: t.confirmed });
-    }), v(d.MODAL_RESPONSE, (t) => {
-      this.internalLog("debug", "Received modal response:", t), _(t.requestId, t.result, t.error);
+    T(d.CONFIRM_RESPONSE, (t) => {
+      this.internalLog("debug", "Received confirm response:", t), t.requestId && D(t.requestId, { confirmed: t.payload.confirmed });
+    }), T(d.MODAL_RESPONSE, (t) => {
+      this.internalLog("debug", "Received modal response:", t), t.requestId && D(t.requestId, t.payload.result, t.payload.error);
     });
   }
   /**
@@ -788,8 +795,8 @@ class Se {
     if (this.config.initialized)
       try {
         t(this.getState());
-      } catch (r) {
-        this.internalLog("error", "Error in init callback:", r);
+      } catch (i) {
+        this.internalLog("error", "Error in init callback:", i);
       }
     return this.initCallbacks.add(t), () => {
       this.initCallbacks.delete(t);
@@ -807,11 +814,11 @@ class Se {
    * embedded.log('error', 'Failed to load data', { endpoint: '/api/data' });
    * ```
    */
-  log(t, r, i) {
-    l(j.LOG, {
+  log(t, i, r) {
+    o(j.LOG, {
       level: t,
-      message: r,
-      context: i
+      message: i,
+      context: r
     });
   }
   /**
@@ -833,7 +840,7 @@ class Se {
       this.internalLog("warn", "Cannot signal ready before init() is called");
       return;
     }
-    this.appReady = !0, l(T.READY, {}), this.internalLog("debug", "Sent ready signal to host");
+    this.appReady = !0, o(y.READY, {}), this.internalLog("debug", "Sent ready signal to host");
   }
   /**
    * Initialize the SDK and establish connection with the host.
@@ -849,7 +856,6 @@ class Se {
    * ```
    */
   async init(t = {}) {
-    var r, i, n, s;
     if (this.config.initialized)
       return this.internalLog(
         "debug",
@@ -867,39 +873,41 @@ class Se {
       debug: this.config.debug
     }), this.state.initializing = !0, this.internalLog("debug", "Initializing SDK...");
     try {
-      l(T.INIT, {
+      o(y.INIT, {
         height: document.documentElement.scrollHeight
       }), this.internalLog(
         "debug",
         "Sent iframe.ready message, waiting for context..."
       );
-      const a = await J(
-        N.PROVIDE
+      const i = await J(
+        k.PROVIDE
       );
-      this.internalLog("debug", "Received context from host:", a), this.state = {
+      this.internalLog("debug", "Received context from host:", i);
+      const r = i.payload.layout;
+      this.state = {
         ready: !0,
         initializing: !1,
         layout: {
-          theme: ((r = a.layout) == null ? void 0 : r.theme) ?? "light",
-          width: ((i = a.layout) == null ? void 0 : i.width) ?? 0,
-          locale: ((n = a.layout) == null ? void 0 : n.locale) ?? "ar",
-          currency: ((s = a.layout) == null ? void 0 : s.currency) ?? "SAR"
+          theme: (r == null ? void 0 : r.theme) ?? "light",
+          width: (r == null ? void 0 : r.width) ?? 0,
+          locale: (r == null ? void 0 : r.locale) ?? "ar",
+          currency: (r == null ? void 0 : r.currency) ?? "SAR"
         }
       }, this.config.initialized = !0, this.internalLog(
         "debug",
         "Initialization complete. Layout:",
         this.state.layout
       );
-      const E = this.getState();
-      return this.initCallbacks.forEach((w) => {
+      const n = this.getState();
+      return this.initCallbacks.forEach((a) => {
         try {
-          w(E);
-        } catch (c) {
-          this.internalLog("error", "Error in init callback:", c);
+          a(n);
+        } catch (l) {
+          this.internalLog("error", "Error in init callback:", l);
         }
       }), { layout: { ...this.state.layout } };
-    } catch (a) {
-      throw this.state.initializing = !1, this.state.ready = !1, a;
+    } catch (i) {
+      throw this.state.initializing = !1, this.state.ready = !1, i;
     }
   }
   /**
@@ -908,8 +916,8 @@ class Se {
    */
   waitForInit() {
     return new Promise((t) => {
-      const r = this.onInit((i) => {
-        r(), t({ layout: { ...i.layout } });
+      const i = this.onInit((r) => {
+        i(), t({ layout: { ...r.layout } });
       });
     });
   }
@@ -924,21 +932,21 @@ class Se {
    * ```
    */
   destroy() {
-    this.internalLog("debug", "Destroying SDK instance"), this.config.initialized && (l(T.DESTROY, {}), this.internalLog("debug", "Sent destroy event to host")), ne("SDK destroyed"), Q(), this.themeCallbacks.clear(), this.initCallbacks.clear(), this.config = { ...x }, this.state = { ...U }, this.appReady = !1;
+    this.internalLog("debug", "Destroying SDK instance"), this.config.initialized && (o(y.DESTROY, {}), this.internalLog("debug", "Sent destroy event to host")), ne("SDK destroyed"), Q(), this.themeCallbacks.clear(), this.initCallbacks.clear(), this.config = { ...U }, this.state = { ...V }, this.appReady = !1;
   }
 }
-let b = null;
+let p = null;
 function F() {
-  return b || (b = new Se()), b;
+  return p || (p = new Se()), p;
 }
 function Re() {
-  b && (b.destroy(), b = null);
+  p && (p.destroy(), p = null);
 }
-const V = F(), Ce = z;
-typeof window < "u" && (window.salla = window.salla || window.Salla || {}, window.Salla = window.salla, window.salla.embedded || (window.salla.embedded = V), window.Salla.embedded || (window.Salla.embedded = V));
+const q = F(), Ce = L;
+typeof window < "u" && (window.salla = window.salla || window.Salla || {}, window.Salla = window.salla, window.salla.embedded || (window.salla.embedded = q), window.Salla.embedded || (window.Salla.embedded = q));
 export {
   Se as EmbeddedApp,
-  V as embedded,
+  q as embedded,
   F as getEmbeddedApp,
   Re as resetEmbeddedApp,
   Ce as version