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

package/dist/esm/index.js

@@ -1,178 +1,176 @@
-const _ = "0.1.0-beta.2", M = {
-  version: _
-}, n = "embedded::", y = {
+const $ = "0.1.0-beta.3", k = {
+  version: $
+}, s = "embedded::", g = {
   /** Initialize handshake - iframe signals it's ready to receive context */
-  INIT: `${n}iframe.ready`,
+  INIT: `${s}iframe.ready`,
   /** Request iframe resize */
-  RESIZE: `${n}iframe.resize`,
+  RESIZE: `${s}iframe.resize`,
   /** App signals it's fully loaded and ready */
-  READY: `${n}ready`
-}, S = {
+  READY: `${s}ready`,
+  /** App requests to be destroyed and navigate away */
+  DESTROY: `${s}destroy`
+}, w = {
   /** Context data provision */
-  PROVIDE: `${n}context.provide`,
+  PROVIDE: `${s}context.provide`,
   /** Theme change notification */
-  THEME_CHANGE: `${n}theme.change`
-}, k = {
+  THEME_CHANGE: `${s}theme.change`
+}, _ = {
   /** Send log message to host */
-  LOG: `${n}log`
-}, v = {
-  /** Request logout and redirect to apps page */
-  LOGOUT: `${n}auth.logout`,
+  LOG: `${s}log`
+}, M = {
   /** Request token refresh (re-renders iframe with new token) */
-  REFRESH: `${n}auth.refresh`,
-  /** Signal auth error to host */
-  ERROR: `${n}auth.error`
+  REFRESH: `${s}auth.refresh`
 }, h = {
   /** Navigate using React Router (SPA navigation) */
-  NAVIGATE: `${n}page.navigate`,
+  NAVIGATE: `${s}page.navigate`,
   /** Redirect using window.location (full page reload) */
-  REDIRECT: `${n}page.redirect`,
+  REDIRECT: `${s}page.redirect`,
   /** Set page title */
-  SET_TITLE: `${n}page.setTitle`
-}, E = {
+  SET_TITLE: `${s}page.setTitle`
+}, b = {
   /** Set primary action button in navbar */
-  SET_ACTION: `${n}nav.setAction`,
+  SET_ACTION: `${s}nav.setAction`,
   /** Notification when action button is clicked (host → iframe) */
-  ACTION_CLICK: `${n}nav.actionClick`
-}, l = {
+  ACTION_CLICK: `${s}nav.actionClick`
+}, u = {
   /** Set loading state */
-  LOADING: `${n}ui.loading`,
+  LOADING: `${s}ui.loading`,
   /** Control overlay state */
-  OVERLAY: `${n}ui.overlay`,
+  OVERLAY: `${s}ui.overlay`,
   /** Show toast notification */
-  TOAST: `${n}ui.toast`,
+  TOAST: `${s}ui.toast`,
   /** Control modal state */
-  MODAL: `${n}ui.modal`,
+  MODAL: `${s}ui.modal`,
   /** Show confirm dialog (async request) */
-  CONFIRM: `${n}ui.confirm`,
+  CONFIRM: `${s}ui.confirm`,
   /** Confirm dialog response (from host) */
-  CONFIRM_RESPONSE: `${n}ui.confirm.response`,
+  CONFIRM_RESPONSE: `${s}ui.confirm.response`,
   /** Modal response (from host) */
-  MODAL_RESPONSE: `${n}ui.modal.response`
+  MODAL_RESPONSE: `${s}ui.modal.response`
 }, p = {
   /** Initialize checkout flow */
-  CREATE: `${n}checkout.create`
-}, b = M.version, x = 1e4, V = [
+  CREATE: `${s}checkout.create`
+}, T = k.version, x = 1e4, V = [
   "localhost",
   "merchants.workers.dev",
   "s.salla.sa",
   ".salla.group",
   ".salla.sa"
 ];
-function U(t) {
+function z(e) {
   try {
-    const i = new URL(t).hostname;
-    return V.some((r) => r.startsWith(".") ? i.endsWith(r) || i === r.slice(1) : i === r || i.startsWith(`${r}:`));
+    const n = new URL(e).hostname;
+    return V.some((i) => i.startsWith(".") ? n.endsWith(i) || n === i.slice(1) : n === i || n.startsWith(`${i}:`));
   } catch {
     return !1;
   }
 }
-function z() {
+function K() {
   return typeof window > "u" || window.parent === window ? null : window.parent;
 }
-function s(t, e, i = "*") {
-  const r = z();
-  if (!r) {
+function a(e, t, n = "*") {
+  const i = K();
+  if (!i) {
     console.warn("[EmbeddedSDK] Not running in an iframe, cannot post to host");
     return;
   }
-  const a = {
-    event: t,
-    ...e
+  const r = {
+    event: e,
+    ...t
   };
-  r.postMessage(a, i);
+  i.postMessage(r, n);
 }
 const d = /* @__PURE__ */ new Map();
-let T = !1;
-function O(t) {
-  if (process.env.NODE_ENV === "production" && !U(t.origin))
+let y = !1;
+function N(e) {
+  if (process.env.NODE_ENV === "production" && !z(e.origin))
     return;
-  const e = t.data;
-  if (!e || typeof e.event != "string")
+  const t = e.data;
+  if (!t || typeof t.event != "string")
     return;
-  const i = d.get(e.event);
-  i && i.forEach((a) => {
+  const n = d.get(t.event);
+  n && n.forEach((r) => {
     try {
-      a(e);
-    } catch (o) {
-      console.error("[EmbeddedSDK] Error in message handler:", o);
+      r(t);
+    } catch (l) {
+      console.error("[EmbeddedSDK] Error in message handler:", l);
     }
   });
-  const r = d.get("*");
-  r && r.forEach((a) => {
+  const i = d.get("*");
+  i && i.forEach((r) => {
     try {
-      a(e);
-    } catch (o) {
-      console.error("[EmbeddedSDK] Error in wildcard handler:", o);
+      r(t);
+    } catch (l) {
+      console.error("[EmbeddedSDK] Error in wildcard handler:", l);
     }
   });
 }
-function K() {
-  T || typeof window > "u" || (window.addEventListener("message", O), T = !0);
+function U() {
+  y || typeof window > "u" || (window.addEventListener("message", N), y = !0);
 }
-function g(t, e) {
-  K(), d.has(t) || d.set(t, /* @__PURE__ */ new Set());
-  const i = d.get(t);
-  return i.add(e), () => {
-    i.delete(e), i.size === 0 && d.delete(t);
+function E(e, t) {
+  U(), d.has(e) || d.set(e, /* @__PURE__ */ new Set());
+  const n = d.get(e);
+  return n.add(t), () => {
+    n.delete(t), n.size === 0 && d.delete(e);
   };
 }
-function F(t, e = x) {
-  return new Promise((i, r) => {
-    const a = setTimeout(() => {
-      o(), r(new Error(`[EmbeddedSDK] Timeout waiting for "${t}" message`));
-    }, e), o = g(t, (u) => {
-      clearTimeout(a), o(), i(u);
+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);
     });
   });
 }
 function q() {
-  d.clear(), T && typeof window < "u" && (window.removeEventListener("message", O), T = !1);
+  d.clear(), y && typeof window < "u" && (window.removeEventListener("message", N), y = !1);
 }
 function P() {
   return typeof window > "u" ? !1 : window.parent !== window;
 }
 const f = /* @__PURE__ */ new Map(), G = 3e4;
 function H() {
-  const t = Date.now(), e = Math.random().toString(36).slice(2, 9);
-  return `req_${t}_${e}`;
-}
-function j(t, e = {}, i = G) {
-  const r = H();
-  return new Promise((a, o) => {
-    const u = setTimeout(() => {
-      f.get(r) && (f.delete(r), o(
+  const e = Date.now(), t = Math.random().toString(36).slice(2, 9);
+  return `req_${e}_${t}`;
+}
+function j(e, t = {}, n = G) {
+  const i = H();
+  return new Promise((r, l) => {
+    const o = setTimeout(() => {
+      f.get(i) && (f.delete(i), l(
         new Error(
-          `[EmbeddedSDK] Request "${t}" timed out after ${i}ms`
+          `[EmbeddedSDK] Request "${e}" timed out after ${n}ms`
         )
       ));
-    }, i);
-    f.set(r, {
-      resolve: a,
-      reject: o,
-      timeout: u,
-      event: t
-    }), s(t, { ...e, requestId: r });
+    }, n);
+    f.set(i, {
+      resolve: r,
+      reject: l,
+      timeout: o,
+      event: e
+    }), a(e, { ...t, requestId: i });
   });
 }
-function A(t, e, i) {
-  const r = f.get(t);
-  if (!r) {
+function S(e, t, n) {
+  const i = f.get(e);
+  if (!i) {
     console.warn(
-      `[EmbeddedSDK] Received response for unknown request: ${t}`
+      `[EmbeddedSDK] Received response for unknown request: ${e}`
     );
     return;
   }
-  clearTimeout(r.timeout), f.delete(t), i ? r.reject(new Error(i)) : r.resolve(e);
+  clearTimeout(i.timeout), f.delete(e), n ? i.reject(new Error(n)) : i.resolve(t);
 }
-function Y(t = "SDK cleanup") {
-  f.forEach((e, i) => {
-    clearTimeout(e.timeout), e.reject(
-      new Error(`[EmbeddedSDK] Request ${i} cancelled: ${t}`)
+function Y(e = "SDK cleanup") {
+  f.forEach((t, n) => {
+    clearTimeout(t.timeout), t.reject(
+      new Error(`[EmbeddedSDK] Request ${n} cancelled: ${e}`)
     );
   }), f.clear();
 }
-function W(t) {
+function W(e) {
   return {
     /**
      * Get the token from the URL query parameter.
@@ -189,18 +187,6 @@ function W(t) {
     getToken() {
       return new URLSearchParams(window.location.search).get("token");
     },
-    /**
-     * Request logout from the host.
-     * This will navigate to the installed apps page.
-     *
-     * @example
-     * ```typescript
-     * embedded.auth.logout();
-     * ```
-     */
-    logout() {
-      s(v.LOGOUT, {});
-    },
     /**
      * Request a token refresh from the host.
      * This will re-render the iframe with a new token URL.
@@ -212,83 +198,75 @@ function W(t) {
      * ```
      */
     refresh() {
-      s(v.REFRESH, {});
-    },
-    /**
-     * Signal an authentication error to the host.
-     * This will navigate away and show an error toast.
-     *
-     * @param message - Error message to display
-     *
-     * @example
-     * ```typescript
-     * try {
-     *   await verifyToken(token);
-     * } catch (err) {
-     *   embedded.auth.error(err.message);
-     * }
-     * ```
-     */
-    error(e) {
-      s(v.ERROR, { message: e });
+      a(M.REFRESH, {});
     }
   };
 }
-const R = ["success", "error", "warning", "info"];
-function Z(t) {
-  const e = [];
-  return t.type === void 0 || t.type === null ? e.push("Toast type is required") : (typeof t.type != "string" || !R.includes(t.type)) && e.push(
-    `Invalid toast type "${t.type}". Expected: ${R.join(" | ")}`
-  ), t.message === void 0 || t.message === null ? e.push("Toast message is required") : typeof t.message != "string" ? e.push("Toast message must be a string") : t.message.trim() === "" && e.push("Toast message cannot be empty"), t.duration !== void 0 && t.duration !== null && (typeof t.duration != "number" ? e.push("Toast duration must be a number") : t.duration < 0 && e.push("Toast duration cannot be negative")), { valid: e.length === 0, errors: e };
-}
-function X(t) {
-  const e = [];
-  return typeof t != "object" || t === null ? (e.push("Checkout payload must be an object"), { valid: !1, errors: e }) : (t.amount !== void 0 && t.amount !== null && (typeof t.amount != "number" ? e.push("Checkout amount must be a number") : t.amount < 0 && e.push("Checkout amount cannot be negative")), t.currency !== void 0 && t.currency !== null && (typeof t.currency != "string" ? e.push("Checkout currency must be a string") : t.currency.trim() === "" && e.push("Checkout currency cannot be empty")), t.items !== void 0 && t.items !== null && (Array.isArray(t.items) || e.push("Checkout items must be an array")), { valid: e.length === 0, errors: e });
-}
-function Q(t) {
-  const e = [];
-  return t.path === void 0 || t.path === null ? e.push("Navigation path is required") : typeof t.path != "string" ? e.push("Navigation path must be a string") : t.path.trim() === "" && e.push("Navigation path cannot be empty"), t.replace !== void 0 && typeof t.replace != "boolean" && e.push("Navigation replace option must be a boolean"), { valid: e.length === 0, errors: e };
-}
-function B(t) {
-  const e = [];
-  if (t.url === void 0 || t.url === null)
-    e.push("Redirect URL is required");
-  else if (typeof t.url != "string")
-    e.push("Redirect URL must be a string");
-  else if (t.url.trim() === "")
-    e.push("Redirect URL cannot be empty");
+const A = ["success", "error", "warning", "info"];
+function Z(e) {
+  const t = [];
+  return e.type === void 0 || e.type === null ? t.push("Toast type is required") : (typeof e.type != "string" || !A.includes(e.type)) && t.push(
+    `Invalid toast type "${e.type}". Expected: ${A.join(" | ")}`
+  ), e.message === void 0 || e.message === null ? t.push("Toast message is required") : typeof e.message != "string" ? t.push("Toast message must be a string") : e.message.trim() === "" && t.push("Toast message cannot be empty"), e.duration !== void 0 && e.duration !== null && (typeof e.duration != "number" ? t.push("Toast duration must be a number") : e.duration < 0 && t.push("Toast duration cannot be negative")), { valid: t.length === 0, errors: t };
+}
+function X(e) {
+  const t = [];
+  return typeof e != "object" || e === null ? (t.push("Checkout payload must be an object"), { valid: !1, errors: t }) : (e.amount !== void 0 && e.amount !== null && (typeof e.amount != "number" ? t.push("Checkout amount must be a number") : e.amount < 0 && t.push("Checkout amount cannot be negative")), e.currency !== void 0 && e.currency !== null && (typeof e.currency != "string" ? t.push("Checkout currency must be a string") : e.currency.trim() === "" && t.push("Checkout currency cannot be empty")), e.items !== void 0 && e.items !== null && (Array.isArray(e.items) || t.push("Checkout items must be an array")), { valid: t.length === 0, errors: t });
+}
+function Q(e) {
+  const t = [];
+  return e.path === void 0 || e.path === null ? t.push("Navigation path is required") : typeof e.path != "string" ? t.push("Navigation path must be a string") : e.path.trim() === "" && t.push("Navigation path cannot be empty"), e.replace !== void 0 && typeof e.replace != "boolean" && t.push("Navigation replace option must be a boolean"), { valid: t.length === 0, errors: t };
+}
+function B(e) {
+  const t = [];
+  if (e.url === void 0 || e.url === null)
+    t.push("Redirect URL is required");
+  else if (typeof e.url != "string")
+    t.push("Redirect URL must be a string");
+  else if (e.url.trim() === "")
+    t.push("Redirect URL cannot be empty");
   else
     try {
-      new URL(t.url);
+      new URL(e.url);
     } catch {
-      e.push(`Invalid redirect URL: "${t.url}"`);
+      t.push(`Invalid redirect URL: "${e.url}"`);
     }
-  return { valid: e.length === 0, errors: e };
+  return { valid: t.length === 0, errors: t };
 }
-function J(t) {
-  const e = [];
-  return t.title === void 0 || t.title === null ? e.push("Nav action title is required") : typeof t.title != "string" && e.push("Nav action title must be a string"), t.url !== void 0 && t.url !== null && typeof t.url != "string" && e.push("Nav action URL must be a string"), t.value !== void 0 && t.value !== null && typeof t.value != "string" && e.push("Nav action value must be a string"), t.extendedActions !== void 0 && t.extendedActions !== null && (Array.isArray(t.extendedActions) ? t.extendedActions.forEach((i, r) => {
-    if (typeof i != "object" || i === null) {
-      e.push(`Extended action at index ${r} must be an object`);
+function J(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((n, i) => {
+    if (typeof n != "object" || n === null) {
+      t.push(`Extended action at index ${i} must be an object`);
       return;
     }
-    const a = i;
-    (!a.title || typeof a.title != "string") && e.push(
-      `Extended action at index ${r} is missing required "title" property`
+    const r = n;
+    (!r.title || typeof r.title != "string") && t.push(
+      `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(
+      `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`
+    ), r.disabled !== void 0 && typeof r.disabled != "boolean" && t.push(
+      `Extended action at index ${i} disabled must be a boolean`
     );
-  }) : e.push("Nav action extendedActions must be an array")), { valid: e.length === 0, errors: e };
+  }) : t.push("Nav action extendedActions must be an array")), { valid: t.length === 0, errors: t };
 }
 const C = ["danger", "warning", "info"];
-function ee(t) {
-  const e = [];
-  return t.title === void 0 || t.title === null ? e.push("Confirm dialog title is required") : typeof t.title != "string" ? e.push("Confirm dialog title must be a string") : t.title.trim() === "" && e.push("Confirm dialog title cannot be empty"), t.message === void 0 || t.message === null ? e.push("Confirm dialog message is required") : typeof t.message != "string" ? e.push("Confirm dialog message must be a string") : t.message.trim() === "" && e.push("Confirm dialog message cannot be empty"), t.confirmText !== void 0 && t.confirmText !== null && typeof t.confirmText != "string" && e.push("Confirm dialog confirmText must be a string"), t.cancelText !== void 0 && t.cancelText !== null && typeof t.cancelText != "string" && e.push("Confirm dialog cancelText must be a string"), t.variant !== void 0 && t.variant !== null && (typeof t.variant != "string" || !C.includes(t.variant)) && e.push(
-    `Invalid confirm variant "${t.variant}". Expected: ${C.join(" | ")}`
-  ), { valid: e.length === 0, errors: e };
+function ee(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" || !C.includes(e.variant)) && t.push(
+    `Invalid confirm variant "${e.variant}". Expected: ${C.join(" | ")}`
+  ), { valid: t.length === 0, errors: t };
 }
-function c(t, e) {
+function c(e, t) {
   console.error(
-    `[EmbeddedSDK] Validation failed for ${t}:
-` + e.map((i) => `  • ${i}`).join(`
+    `[EmbeddedSDK] Validation failed for ${e}:
+` + t.map((n) => `  • ${n}`).join(`
 `)
   );
 }
@@ -297,198 +275,216 @@ function te() {
     /**
      * Navigate to a path using React Router (SPA navigation).
      */
-    navigate(t, e) {
-      const i = Q({ path: t, ...e });
-      if (!i.valid) {
-        c(h.NAVIGATE, i.errors);
+    navigate(e, t) {
+      const n = Q({ path: e, ...t });
+      if (!n.valid) {
+        c(h.NAVIGATE, n.errors);
         return;
       }
-      s(h.NAVIGATE, {
-        path: t,
-        state: e == null ? void 0 : e.state,
-        replace: e == null ? void 0 : e.replace
+      a(h.NAVIGATE, {
+        path: e,
+        state: t == null ? void 0 : t.state,
+        replace: t == null ? void 0 : t.replace
       });
     },
     /**
      * Redirect to a URL (full page reload).
      */
-    redirect(t) {
-      const e = B({ url: t });
-      if (!e.valid) {
-        c(h.REDIRECT, e.errors);
+    redirect(e) {
+      const t = B({ url: e });
+      if (!t.valid) {
+        c(h.REDIRECT, t.errors);
         return;
       }
-      s(h.REDIRECT, { url: t });
+      a(h.REDIRECT, { url: e });
     },
     /**
      * Navigate to a path - auto-detects internal vs external.
      */
-    navTo(t, e) {
-      if (t.startsWith("http://") || t.startsWith("https://")) {
-        this.redirect(t);
+    navTo(e, t) {
+      if (e.startsWith("http://") || e.startsWith("https://")) {
+        this.redirect(e);
         return;
       }
-      this.navigate(t, e);
+      this.navigate(e, t);
     },
     /**
      * Update the iframe height.
      */
-    resize(t) {
-      if (typeof t != "number" || t < 0) {
-        c(y.RESIZE, [
+    resize(e) {
+      if (typeof e != "number" || e < 0) {
+        c(g.RESIZE, [
           "Height must be a non-negative number"
         ]);
         return;
       }
-      s(y.RESIZE, { height: t });
+      a(g.RESIZE, { height: e });
     },
     /**
      * Auto-resize iframe to content height.
      */
     autoResize() {
-      const t = document.documentElement.scrollHeight;
-      this.resize(t);
+      const e = document.documentElement.scrollHeight;
+      this.resize(e);
     },
     /**
      * Set the page title in the host document.
      */
-    setTitle(t) {
-      if (typeof t != "string" || !t.trim()) {
+    setTitle(e) {
+      if (typeof e != "string" || !e.trim()) {
         c(h.SET_TITLE, [
           "Title must be a non-empty string"
         ]);
         return;
       }
-      s(h.SET_TITLE, { title: t });
+      a(h.SET_TITLE, { title: e });
     }
   };
 }
 function ie() {
-  const t = /* @__PURE__ */ new Set();
-  return g(E.ACTION_CLICK, (e) => {
-    t.forEach((i) => {
+  const e = /* @__PURE__ */ new Set();
+  let t = null;
+  return E(b.ACTION_CLICK, (i) => {
+    if (t)
       try {
-        i(e.url, e.value);
+        t();
       } catch (r) {
-        console.error("[EmbeddedSDK] Error in action click callback:", r);
+        console.error("[EmbeddedSDK] Error in onClick callback:", r);
+      }
+    e.forEach((r) => {
+      try {
+        r(i.url, i.value);
+      } catch (l) {
+        console.error("[EmbeddedSDK] Error in action click callback:", l);
       }
     });
   }), {
     /**
      * Set the primary action button.
      */
-    setAction(e) {
-      const i = J(e);
-      if (!i.valid) {
-        c(E.SET_ACTION, i.errors);
+    setAction(i) {
+      var l;
+      const r = J(i);
+      if (!r.valid) {
+        c(b.SET_ACTION, r.errors);
         return;
       }
-      s(E.SET_ACTION, {
-        title: e.title,
-        url: e.url,
-        value: e.value,
-        extendedActions: e.extendedActions
+      i.onClick ? t = i.onClick : t = null, a(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
+        }))
       });
     },
     /**
      * Clear the primary action button.
      */
     clearAction() {
-      s(E.SET_ACTION, {
+      t = null, a(b.SET_ACTION, {
         title: ""
       });
     },
     /**
      * Subscribe to action button clicks.
      */
-    onActionClick(e) {
-      return t.add(e), () => {
-        t.delete(e);
+    onActionClick(i) {
+      return e.add(i), () => {
+        e.delete(i);
       };
     },
     // Legacy aliases
-    primaryAction(e) {
-      this.setAction(e);
+    primaryAction(i) {
+      this.setAction(i);
     },
     clearPrimaryAction() {
       this.clearAction();
     }
   };
 }
-function re() {
+function ne() {
   return {
     /**
      * Show loading indicator.
      * @param mode - Display mode ('full' for full page, 'component' for inline)
      */
-    show(t = "full") {
-      s(l.LOADING, { status: !1, mode: t });
+    show(e = "full") {
+      a(u.LOADING, { status: !1, mode: e });
     },
     /**
      * Hide loading indicator.
      */
     hide() {
-      s(l.LOADING, { status: !0, mode: "full" });
+      a(u.LOADING, { status: !0, mode: "full" });
     }
   };
 }
-function ne() {
+function re() {
   return {
     /**
      * Open overlay mode.
      */
     open() {
-      s(l.OVERLAY, { action: "open" });
+      a(u.OVERLAY, { action: "open" });
     },
     /**
      * Close overlay mode.
      */
     close() {
-      s(l.OVERLAY, { action: "close" });
+      a(u.OVERLAY, { action: "close" });
     }
   };
 }
 function se() {
-  const t = (e) => {
-    const i = Z(e);
-    if (!i.valid) {
-      c(l.TOAST, i.errors);
+  const e = (t) => {
+    const n = Z(t);
+    if (!n.valid) {
+      c(u.TOAST, n.errors);
       return;
     }
-    s(l.TOAST, {
-      type: e.type,
-      message: e.message,
-      duration: e.duration
+    a(u.TOAST, {
+      type: t.type,
+      message: t.message,
+      duration: t.duration
     });
   };
   return {
     /**
      * Show a toast notification.
      */
-    show: t,
+    show: e,
     /**
      * Show success toast.
      */
-    success(e, i) {
-      t({ type: "success", message: e, duration: i });
+    success(t, n) {
+      e({ type: "success", message: t, duration: n });
     },
     /**
      * Show error toast.
      */
-    error(e, i) {
-      t({ type: "error", message: e, duration: i });
+    error(t, n) {
+      e({ type: "error", message: t, duration: n });
     },
     /**
      * Show warning toast.
      */
-    warning(e, i) {
-      t({ type: "warning", message: e, duration: i });
+    warning(t, n) {
+      e({ type: "warning", message: t, duration: n });
     },
     /**
      * Show info toast.
      */
-    info(e, i) {
-      t({ type: "info", message: e, duration: i });
+    info(t, n) {
+      e({ type: "info", message: t, duration: n });
     }
   };
 }
@@ -497,40 +493,40 @@ function ae() {
     /**
      * Open a modal.
      */
-    open(t, e) {
-      s(l.MODAL, {
+    open(e, t) {
+      a(u.MODAL, {
         action: "open",
-        id: t,
-        content: e
+        id: e,
+        content: t
       });
     },
     /**
      * Close a modal.
      */
-    close(t) {
-      s(l.MODAL, {
+    close(e) {
+      a(u.MODAL, {
         action: "close",
-        id: t
+        id: e
       });
     }
   };
 }
 function oe() {
-  return async (t) => {
-    const e = ee(t);
-    return e.valid ? j(l.CONFIRM, {
-      title: t.title,
-      message: t.message,
-      confirmText: t.confirmText ?? "Confirm",
-      cancelText: t.cancelText ?? "Cancel",
-      variant: t.variant ?? "info"
-    }) : (c(l.CONFIRM, e.errors), Promise.reject(new Error(e.errors.join(", "))));
+  return async (e) => {
+    const t = ee(e);
+    return t.valid ? j(u.CONFIRM, {
+      title: e.title,
+      message: e.message,
+      confirmText: e.confirmText ?? "Confirm",
+      cancelText: e.cancelText ?? "Cancel",
+      variant: e.variant ?? "info"
+    }) : (c(u.CONFIRM, t.errors), Promise.reject(new Error(t.errors.join(", "))));
   };
 }
 function le() {
   return {
-    loading: re(),
-    overlay: ne(),
+    loading: ne(),
+    overlay: re(),
     toast: se(),
     modal: ae(),
     confirm: oe()
@@ -541,17 +537,17 @@ function ue() {
     /**
      * Create/initiate a checkout.
      */
-    create(t) {
-      const e = X(t);
-      if (!e.valid) {
-        c(p.CREATE, e.errors);
+    create(e) {
+      const t = X(e);
+      if (!t.valid) {
+        c(p.CREATE, t.errors);
         return;
       }
-      s(p.CREATE, { payload: t });
+      a(p.CREATE, { payload: e });
     }
   };
 }
-const L = {
+const R = {
   debug: !1,
   initialized: !1
 }, ce = {
@@ -559,14 +555,14 @@ const L = {
   width: 0,
   locale: "ar",
   currency: "SAR"
-}, I = {
+}, L = {
   ready: !1,
   initializing: !1,
   layout: { ...ce }
 };
 class de {
   constructor() {
-    this.config = { ...L }, this.state = { ...I }, 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 = { ...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();
   }
   /**
    * Get current SDK state (layout info only, no token).
@@ -593,25 +589,25 @@ class de {
   /**
    * Log debug messages if debug mode is enabled.
    */
-  debugLog(...e) {
-    this.config.debug && console.log(`[EmbeddedSDK v${b}]`, ...e);
+  debugLog(...t) {
+    this.config.debug && console.log(`[EmbeddedSDK v${T}]`, ...t);
   }
   /**
    * Log warnings.
    */
-  warn(...e) {
-    console.warn(`[EmbeddedSDK v${b}]`, ...e);
+  warn(...t) {
+    console.warn(`[EmbeddedSDK v${T}]`, ...t);
   }
   /**
    * Set up listener for theme changes from host.
    */
   setupThemeListener() {
-    g(S.THEME_CHANGE, (e) => {
-      this.state.layout.theme = e.theme, this.debugLog("Theme changed:", e.theme), this.themeCallbacks.forEach((i) => {
+    E(w.THEME_CHANGE, (t) => {
+      this.state.layout.theme = t.theme, this.debugLog("Theme changed:", t.theme), this.themeCallbacks.forEach((n) => {
         try {
-          i(e.theme);
-        } catch (r) {
-          console.error("[EmbeddedSDK] Error in theme callback:", r);
+          n(t.theme);
+        } catch (i) {
+          console.error("[EmbeddedSDK] Error in theme callback:", i);
         }
       });
     });
@@ -620,10 +616,10 @@ class de {
    * Set up listeners for async response events from host.
    */
   setupResponseListeners() {
-    g(l.CONFIRM_RESPONSE, (e) => {
-      this.debugLog("Received confirm response:", e), A(e.requestId, { confirmed: e.confirmed });
-    }), g(l.MODAL_RESPONSE, (e) => {
-      this.debugLog("Received modal response:", e), A(e.requestId, e.result, e.error);
+    E(u.CONFIRM_RESPONSE, (t) => {
+      this.debugLog("Received confirm response:", t), S(t.requestId, { confirmed: t.confirmed });
+    }), E(u.MODAL_RESPONSE, (t) => {
+      this.debugLog("Received modal response:", t), S(t.requestId, t.result, t.error);
     });
   }
   /**
@@ -639,9 +635,9 @@ class de {
    * });
    * ```
    */
-  onThemeChange(e) {
-    return this.themeCallbacks.add(e), () => {
-      this.themeCallbacks.delete(e);
+  onThemeChange(t) {
+    return this.themeCallbacks.add(t), () => {
+      this.themeCallbacks.delete(t);
     };
   }
   /**
@@ -657,15 +653,15 @@ class de {
    * });
    * ```
    */
-  onInit(e) {
+  onInit(t) {
     if (this.config.initialized)
       try {
-        e(this.getState());
-      } catch (i) {
-        console.error("[EmbeddedSDK] Error in init callback:", i);
+        t(this.getState());
+      } catch (n) {
+        console.error("[EmbeddedSDK] Error in init callback:", n);
       }
-    return this.initCallbacks.add(e), () => {
-      this.initCallbacks.delete(e);
+    return this.initCallbacks.add(t), () => {
+      this.initCallbacks.delete(t);
     };
   }
   /**
@@ -680,11 +676,11 @@ class de {
    * embedded.log('error', 'Failed to load data', { endpoint: '/api/data' });
    * ```
    */
-  log(e, i, r) {
-    s(k.LOG, {
-      level: e,
-      message: i,
-      context: r
+  log(t, n, i) {
+    a(_.LOG, {
+      level: t,
+      message: n,
+      context: i
     });
   }
   /**
@@ -706,7 +702,7 @@ class de {
       this.warn("Cannot signal ready before init() is called");
       return;
     }
-    this.appReady = !0, s(y.READY, {}), this.debugLog("Sent ready signal to host");
+    this.appReady = !0, a(g.READY, {}), this.debugLog("Sent ready signal to host");
   }
   /**
    * Initialize the SDK and establish connection with the host.
@@ -721,43 +717,43 @@ class de {
    * console.log('Locale:', layout.locale);
    * ```
    */
-  async init(e = {}) {
-    var i, r, a, o;
+  async init(t = {}) {
+    var n, i, r, l;
     if (this.config.initialized)
       return this.debugLog("Already initialized, returning current layout"), { layout: { ...this.state.layout } };
     if (this.state.initializing)
       return this.warn("Initialization already in progress"), this.waitForInit();
     P() || this.warn("Not running in an iframe. Some features may not work."), this.config = {
-      debug: e.debug ?? !1,
+      debug: t.debug ?? !1,
       initialized: !1
     }, this.state.initializing = !0, this.debugLog("Initializing SDK...");
     try {
-      s(y.INIT, {
+      a(g.INIT, {
         height: document.documentElement.scrollHeight
       }), this.debugLog("Sent iframe.ready message, waiting for context...");
-      const u = await F(
-        S.PROVIDE
+      const o = await F(
+        w.PROVIDE
       );
-      this.debugLog("Received context from host:", u), this.state = {
+      this.debugLog("Received context from host:", o), this.state = {
         ready: !0,
         initializing: !1,
         layout: {
-          theme: ((i = u.layout) == null ? void 0 : i.theme) ?? "light",
-          width: ((r = u.layout) == null ? void 0 : r.width) ?? 0,
-          locale: ((a = u.layout) == null ? void 0 : a.locale) ?? "ar",
-          currency: ((o = u.layout) == null ? void 0 : o.currency) ?? "SAR"
+          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"
         }
       }, this.config.initialized = !0, this.debugLog("Initialization complete. Layout:", this.state.layout);
-      const w = this.getState();
-      return this.initCallbacks.forEach((D) => {
+      const v = this.getState();
+      return this.initCallbacks.forEach((O) => {
         try {
-          D(w);
-        } catch ($) {
-          console.error("[EmbeddedSDK] Error in init callback:", $);
+          O(v);
+        } catch (D) {
+          console.error("[EmbeddedSDK] Error in init callback:", D);
         }
       }), { layout: { ...this.state.layout } };
-    } catch (u) {
-      throw this.state.initializing = !1, this.state.ready = !1, u;
+    } catch (o) {
+      throw this.state.initializing = !1, this.state.ready = !1, o;
     }
   }
   /**
@@ -765,18 +761,25 @@ class de {
    * Useful when multiple calls to init() might happen.
    */
   waitForInit() {
-    return new Promise((e) => {
-      const i = () => {
-        this.state.ready ? e({ layout: { ...this.state.layout } }) : setTimeout(i, 100);
+    return new Promise((t) => {
+      const n = () => {
+        this.state.ready ? t({ layout: { ...this.state.layout } }) : setTimeout(n, 100);
       };
-      i();
+      n();
     });
   }
   /**
    * Destroy the SDK instance and clean up resources.
+   * Sends a destroy event to the host to navigate away from the embedded view.
+   *
+   * @example
+   * ```typescript
+   * // On auth failure or when app needs to exit
+   * embedded.destroy();
+   * ```
    */
   destroy() {
-    this.debugLog("Destroying SDK instance"), Y("SDK destroyed"), q(), this.themeCallbacks.clear(), this.initCallbacks.clear(), this.config = { ...L }, this.state = { ...I }, this.appReady = !1;
+    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;
   }
 }
 let m = null;
@@ -786,11 +789,11 @@ function fe() {
 function he() {
   m && (m.destroy(), m = null);
 }
-const N = fe(), me = b;
-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));
+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));
 export {
   de as EmbeddedApp,
-  N as embedded,
+  I as embedded,
   fe as getEmbeddedApp,
   he as resetEmbeddedApp,
   me as version