@salla.sa/embedded-sdk 0.1.0-beta.1 → 0.1.0-beta.11

package/dist/esm/index.js

@@ -1,42 +1,23 @@
-const O = "0.1.0-beta.1", $ = {
-  version: O
-}, s = "embedded::", T = {
-  /** Initialize handshake - iframe signals it's ready */
-  READY: `${s}iframe.ready`,
+const s = "embedded::", y = {
+  /** Initialize handshake - iframe signals it's ready to receive context */
+  INIT: `${s}iframe.ready`,
   /** Request iframe resize */
-  RESIZE: `${s}iframe.resize`
-}, y = {
+  RESIZE: `${s}iframe.resize`,
+  /** App signals it's fully loaded and ready */
+  READY: `${s}ready`,
+  /** App requests to be destroyed and navigate away */
+  DESTROY: `${s}destroy`
+}, k = {
   /** Context data provision */
   PROVIDE: `${s}context.provide`,
   /** Theme change notification */
   THEME_CHANGE: `${s}theme.change`
-}, L = {
-  /** Report error to host */
-  REPORT: `${s}error.report`
-}, b = {
-  /** Request logout and redirect to auth */
-  LOGOUT: `${s}auth.logout`,
-  /** Request token refresh (triggers page reload) */
-  REFRESH: `${s}auth.refresh`,
-  /** Request token verification via API */
-  VERIFY: `${s}auth.verify`
-}, h = {
-  /** Navigate using React Router (SPA navigation) */
-  NAVIGATE: `${s}page.navigate`,
-  /** Redirect using window.location (full page reload) */
-  REDIRECT: `${s}page.redirect`
-}, g = {
-  /** Set primary action button in navbar */
-  SET_ACTION: `${s}nav.setAction`,
-  /** Notification when action button is clicked (host → iframe) */
-  ACTION_CLICK: `${s}nav.actionClick`
-}, o = {
+}, j = {
+  /** Send log message to host */
+  LOG: `${s}log`
+}, d = {
   /** Set loading state */
   LOADING: `${s}ui.loading`,
-  /** Set breadcrumb items */
-  BREADCRUMB: `${s}ui.breadcrumb`,
-  /** Control overlay state */
-  OVERLAY: `${s}ui.overlay`,
   /** Show toast notification */
   TOAST: `${s}ui.toast`,
   /** Control modal state */
@@ -47,553 +28,677 @@ const O = "0.1.0-beta.1", $ = {
   CONFIRM_RESPONSE: `${s}ui.confirm.response`,
   /** Modal response (from host) */
   MODAL_RESPONSE: `${s}ui.modal.response`
+}, G = "0.1.0-beta.11", H = {
+  version: G
+}, z = {
+  /** Request token refresh (re-renders iframe with new token) */
+  REFRESH: `${s}auth.refresh`
+}, m = {
+  /** Navigate using React Router (SPA navigation) */
+  NAVIGATE: `${s}page.navigate`,
+  /** Redirect using window.location (full page reload) */
+  REDIRECT: `${s}page.redirect`,
+  /** Set page title */
+  SET_TITLE: `${s}page.setTitle`
 }, w = {
+  /** Set primary action button in navbar */
+  SET_ACTION: `${s}nav.setAction`,
+  /** Notification when action button is clicked (host → iframe) */
+  ACTION_CLICK: `${s}nav.actionClick`
+}, $ = {
   /** Initialize checkout flow */
   CREATE: `${s}checkout.create`
-}, p = $.version, M = 1e4, k = [
+}, L = H.version, K = 1e4, X = [
   "localhost",
   "merchants.workers.dev",
   "s.salla.sa",
   ".salla.group",
   ".salla.sa"
 ];
-function _(t) {
+let A = {
+  showVersion: !0,
+  debug: !1
+};
+function W(e) {
+  A = { ...A, ...e };
+}
+function O(e) {
+  return `%c${e}`;
+}
+function _(e, t = "#fff") {
+  return `background-color: ${e}; color: ${t}; padding: 2px 6px; border-radius: 3px; font-weight: 500; font-size: 11px;`;
+}
+function b(e, ...t) {
+  if (e === "debug" && !A.debug)
+    return;
+  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) => {
+    b("log", ...e);
+  },
+  warn: (...e) => {
+    b("warn", ...e);
+  },
+  error: (...e) => {
+    b("error", ...e);
+  },
+  info: (...e) => {
+    b("info", ...e);
+  },
+  debug: (...e) => {
+    b("debug", ...e);
+  }
+};
+function Y(e) {
   try {
-    const r = new URL(t).hostname;
-    return k.some((n) => n.startsWith(".") ? r.endsWith(n) || r === n.slice(1) : r === n || r.startsWith(`${n}:`));
+    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;
   }
 }
-function x() {
+function B() {
   return typeof window > "u" || window.parent === window ? null : window.parent;
 }
-function i(t, e, r = "*") {
-  const n = x();
-  if (!n) {
-    console.warn("[EmbeddedSDK] Not running in an iframe, cannot post to host");
+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 a = {
-    event: t,
-    ...e
+  const l = {
+    event: e,
+    payload: t || {},
+    timestamp: Date.now(),
+    source: "embedded-app",
+    ...r && { requestId: r },
+    metadata: {
+      version: L
+    }
   };
-  n.postMessage(a, r);
+  a.postMessage(l, i);
 }
-const c = /* @__PURE__ */ new Map();
-let E = !1;
-function D(t) {
-  if (process.env.NODE_ENV === "production" && !_(t.origin))
+const h = /* @__PURE__ */ new Map();
+let S = !1;
+function P(e) {
+  if (process.env.NODE_ENV === "production" && !Y(e.origin))
     return;
-  const e = t.data;
-  if (!e || typeof e.event != "string")
+  const t = e.data;
+  if (!t || typeof t.event != "string" || !t.payload || typeof t.timestamp != "number" || !t.source) {
+    u.warn("Invalid message structure received:", t);
     return;
-  const r = c.get(e.event);
-  r && r.forEach((a) => {
+  }
+  const i = h.get(t.event);
+  i && i.forEach((n) => {
     try {
-      a(e);
-    } catch (u) {
-      console.error("[EmbeddedSDK] Error in message handler:", u);
+      n(t);
+    } catch (a) {
+      u.error("Error in message handler:", a);
     }
   });
-  const n = c.get("*");
-  n && n.forEach((a) => {
+  const r = h.get("*");
+  r && r.forEach((n) => {
     try {
-      a(e);
-    } catch (u) {
-      console.error("[EmbeddedSDK] Error in wildcard handler:", u);
+      n(t);
+    } catch (a) {
+      u.error("Error in wildcard handler:", a);
     }
   });
 }
-function U() {
-  E || typeof window > "u" || (window.addEventListener("message", D), E = !0);
+function Z() {
+  S || typeof window > "u" || (window.addEventListener("message", P), S = !0);
 }
-function m(t, e) {
-  U(), c.has(t) || c.set(t, /* @__PURE__ */ new Set());
-  const r = c.get(t);
-  return r.add(e), () => {
-    r.delete(e), r.size === 0 && c.delete(t);
+function T(e, t) {
+  Z(), h.has(e) || h.set(e, /* @__PURE__ */ new Set());
+  const i = h.get(e);
+  return i.add(t), () => {
+    i.delete(t), i.size === 0 && h.delete(e);
   };
 }
-function V(t, e = M) {
-  return new Promise((r, n) => {
-    const a = setTimeout(() => {
-      u(), n(new Error(`[EmbeddedSDK] Timeout waiting for "${t}" message`));
-    }, e), u = m(t, (v) => {
-      clearTimeout(a), u(), r(v);
+function J(e, t = K) {
+  return new Promise((i, r) => {
+    const n = setTimeout(() => {
+      a(), r(new Error(`[EmbeddedSDK] Timeout waiting for "${e}" message`));
+    }, t), a = T(e, (l) => {
+      clearTimeout(n), a(), i(l);
     });
   });
 }
-function P() {
-  c.clear(), E && typeof window < "u" && (window.removeEventListener("message", D), E = !1);
+function Q() {
+  h.clear(), S && typeof window < "u" && (window.removeEventListener("message", P), S = !1);
 }
-function F() {
+function ee() {
   return typeof window > "u" ? !1 : window.parent !== window;
 }
-const d = /* @__PURE__ */ new Map(), K = 3e4;
-function q() {
-  const t = Date.now(), e = Math.random().toString(36).slice(2, 9);
-  return `req_${t}_${e}`;
-}
-function z(t, e = {}, r = K) {
-  const n = q();
-  return new Promise((a, u) => {
-    const v = setTimeout(() => {
-      d.get(n) && (d.delete(n), u(
+const g = /* @__PURE__ */ new Map(), te = 3e4;
+function re() {
+  const e = Date.now(), t = Math.random().toString(36).slice(2, 9);
+  return `req_${e}_${t}`;
+}
+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 "${t}" timed out after ${r}ms`
+          `[EmbeddedSDK] Request "${e}" timed out after ${i}ms`
         )
       ));
-    }, r);
-    d.set(n, {
-      resolve: a,
-      reject: u,
-      timeout: v,
-      event: t
-    }), i(t, { ...e, requestId: n });
+    }, i);
+    g.set(r, {
+      resolve: n,
+      reject: a,
+      timeout: l,
+      event: e
+    }), o(e, t, "*", r);
   });
 }
-function A(t, e, r) {
-  const n = d.get(t);
-  if (!n) {
-    console.warn(
-      `[EmbeddedSDK] Received response for unknown request: ${t}`
-    );
+function D(e, t, i) {
+  const r = g.get(e);
+  if (!r) {
+    u.warn(`Received response for unknown request: ${e}`);
     return;
   }
-  clearTimeout(n.timeout), d.delete(t), r ? n.reject(new Error(r)) : n.resolve(e);
+  clearTimeout(r.timeout), g.delete(e), i ? r.reject(new Error(i)) : r.resolve(t);
 }
-function B(t = "SDK cleanup") {
-  d.forEach((e, r) => {
-    clearTimeout(e.timeout), e.reject(
-      new Error(`[EmbeddedSDK] Request ${r} cancelled: ${t}`)
+function ne(e = "SDK cleanup") {
+  g.forEach((t, i) => {
+    clearTimeout(t.timeout), t.reject(
+      new Error(`[EmbeddedSDK] Request ${i} cancelled: ${e}`)
     );
-  }), d.clear();
+  }), g.clear();
 }
-function G(t) {
+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 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(l, {
+      method: i,
+      headers: {
+        "Content-Type": "application/json",
+        ...r
+      },
+      body: n ? JSON.stringify(n) : void 0,
+      signal: R.signal
+    });
+    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,
+        v
+      );
+    return v;
+  } catch (c) {
+    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 I(e) {
+  return {
+    isVerified: !1,
+    isError: !0,
+    error: e,
+    data: null
+  };
+}
+async function oe(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), I(n);
+  }
+  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), I(n);
+  }
+  try {
+    const n = await se(
+      "/exchange-authority/v1/introspect",
+      {
+        method: "POST",
+        headers: {
+          "S-Source": i,
+          "Content-Type": "application/json"
+        },
+        body: {
+          env: "prod",
+          token: t,
+          iss: "merchant-dashboard",
+          subject: "embedded-page"
+        }
+      }
+    ), a = n.success;
+    return {
+      isVerified: a,
+      isError: !a,
+      error: a ? void 0 : "API request failed",
+      data: a ? n.data : null
+    };
+  } catch (n) {
+    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) {
   return {
     /**
-     * Get the current access token.
-     */
-    getAccessToken() {
-      return t().token;
-    },
-    /**
-     * Check if authenticated (has a valid token).
-     */
-    isAuthenticated() {
-      const e = t();
-      return e.ready && !!e.token;
-    },
-    /**
-     * Get the current store ID.
-     */
-    getStoreId() {
-      return t().storeId;
-    },
-    /**
-     * Get the current user ID.
-     */
-    getUserId() {
-      return t().userId;
-    },
-    /**
-     * Get the merchant plan.
-     */
-    getMerchantPlan() {
-      return t().merchantPlan;
-    },
-    /**
-     * Get the current locale.
-     */
-    getLocale() {
-      return t().locale;
+     * Get the token from the URL query parameter.
+     * The token is passed to the iframe via ?token=XXX
+     *
+     * @example
+     * ```typescript
+     * const token = embedded.auth.getToken();
+     * if (token) {
+     *   await verifyWithBackend(token);
+     * }
+     * ```
+     */
+    getToken() {
+      return new URLSearchParams(window.location.search).get("token");
     },
     /**
-     * Request logout from the host.
-     * This will redirect to the auth page.
+     * Get the app ID from the URL query parameter.
+     * The app ID is passed to the iframe via ?app_id=XXX
      */
-    logout(e) {
-      i(b.LOGOUT, { redirectUrl: e });
+    getAppId() {
+      return new URLSearchParams(window.location.search).get("app_id");
     },
     /**
      * Request a token refresh from the host.
-     * This will trigger a page reload.
-     */
-    refreshToken() {
-      i(b.REFRESH);
+     * This will re-render the iframe with a new token URL.
+     *
+     * @example
+     * ```typescript
+     * // When token is about to expire
+     * embedded.auth.refresh();
+     * ```
+     */
+    refresh() {
+      o(z.REFRESH, {});
     },
     /**
-     * Request token verification from the host.
-     */
-    verifyToken(e) {
-      i(b.VERIFY, { token: e });
+     * Introspect (verify) a short-lived token with Salla's API.
+     * This method verifies the token and returns token information.
+     *
+     * @param options - Optional parameters (appId, token, and refreshOnError). If not provided, will be extracted from URL params.
+     * @returns Promise that resolves with the introspect response. On API error, resolves with isVerified: false, isError: true, and empty data.
+     */
+    async introspect(t = {}) {
+      const i = t.token ?? this.getToken() ?? "", r = t.appId ?? this.getAppId() ?? "";
+      return oe({
+        token: i,
+        appId: r,
+        refreshOnError: t.refreshOnError
+      });
     }
   };
 }
-const R = ["success", "error", "warning", "info"];
-function j(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 H(t) {
-  const e = [];
-  return Array.isArray(t) ? (t.forEach((r, n) => {
-    if (typeof r != "object" || r === null) {
-      e.push(`Breadcrumb item at index ${n} must be an object`);
-      return;
-    }
-    const a = r;
-    a.label ? typeof a.label != "string" && e.push(`Breadcrumb item at index ${n} "label" must be a string`) : e.push(
-      `Breadcrumb item at index ${n} is missing required "label" property`
-    ), a.path !== void 0 && typeof a.path != "string" && e.push(`Breadcrumb item at index ${n} "path" must be a string`);
-  }), { valid: e.length === 0, errors: e }) : (e.push("Breadcrumbs must be an array"), { valid: !1, errors: e });
-}
-function W(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 Y(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 Z(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 M = ["success", "error", "warning", "info"];
+function ue(e) {
+  const t = [];
+  return e.type === void 0 || e.type === null ? t.push("Toast type is required") : (typeof e.type != "string" || !M.includes(e.type)) && t.push(
+    `Invalid toast type "${e.type}". Expected: ${M.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 ce(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 de(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 fe(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 X(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((r, n) => {
-    if (typeof r != "object" || r === null) {
-      e.push(`Extended action at index ${n} must be an object`);
+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((i, r) => {
+    if (typeof i != "object" || i === null) {
+      t.push(`Extended action at index ${r} must be an object`);
       return;
     }
-    const a = r;
-    (!a.title || typeof a.title != "string") && e.push(
-      `Extended action at index ${n} is missing required "title" property`
+    const n = i;
+    (!n.title || typeof n.title != "string") && t.push(
+      `Extended action at index ${r} is missing required "title" property`
+    ), n.subTitle !== void 0 && typeof n.subTitle != "string" && t.push(
+      `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 ${r} icon must be a string`
+    ), n.disabled !== void 0 && typeof n.disabled != "boolean" && t.push(
+      `Extended action at index ${r} disabled must be a boolean`
     );
-  }) : e.push("Nav action extendedActions must be an array")), { valid: e.length === 0, errors: e };
-}
-const S = ["danger", "warning", "info"];
-function Q(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" || !S.includes(t.variant)) && e.push(
-    `Invalid confirm variant "${t.variant}". Expected: ${S.join(" | ")}`
-  ), { valid: e.length === 0, errors: e };
-}
-function l(t, e) {
-  console.error(
-    `[EmbeddedSDK] Validation failed for ${t}:
-` + e.map((r) => `  • ${r}`).join(`
+  }) : t.push("Nav action extendedActions must be an array")), { valid: t.length === 0, errors: t };
+}
+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" || !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((i) => `  • ${i}`).join(`
 `)
   );
 }
-function J() {
+function me() {
   return {
     /**
      * Navigate to a path using React Router (SPA navigation).
      */
-    navigate(t, e) {
-      const r = Y({ path: t, ...e });
-      if (!r.valid) {
-        l(h.NAVIGATE, r.errors);
+    navigate(e, t) {
+      const i = de({ path: e, ...t });
+      if (!i.valid) {
+        f(m.NAVIGATE, i.errors);
         return;
       }
-      i(h.NAVIGATE, {
-        path: t,
-        state: e == null ? void 0 : e.state,
-        replace: e == null ? void 0 : e.replace
+      o(m.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 = Z({ url: t });
-      if (!e.valid) {
-        l(h.REDIRECT, e.errors);
+    redirect(e) {
+      const t = fe({ url: e });
+      if (!t.valid) {
+        f(m.REDIRECT, t.errors);
         return;
       }
-      i(h.REDIRECT, { url: t });
+      o(m.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) {
-        l(T.RESIZE, [
+    resize(e) {
+      if (typeof e != "number" || e < 0) {
+        f(y.RESIZE, [
           "Height must be a non-negative number"
         ]);
         return;
       }
-      i(T.RESIZE, { height: t });
+      o(y.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(e) {
+      if (typeof e != "string" || !e.trim()) {
+        f(m.SET_TITLE, [
+          "Title must be a non-empty string"
+        ]);
+        return;
+      }
+      o(m.SET_TITLE, { title: e });
     }
   };
 }
-function ee() {
-  const t = /* @__PURE__ */ new Set();
-  return m(g.ACTION_CLICK, (e) => {
-    t.forEach((r) => {
+function pe() {
+  const e = /* @__PURE__ */ new Set();
+  let t = null;
+  return T(w.ACTION_CLICK, (r) => {
+    if (t)
       try {
-        r(e.url, e.value);
+        t();
       } catch (n) {
-        console.error("[EmbeddedSDK] Error in action click callback:", n);
+        u.error("Error in onClick callback:", n);
+      }
+    e.forEach((n) => {
+      try {
+        n(r.payload.url, r.payload.value);
+      } catch (a) {
+        u.error("Error in action click callback:", a);
       }
     });
   }), {
     /**
      * Set the primary action button.
      */
-    setAction(e) {
-      const r = X(e);
-      if (!r.valid) {
-        l(g.SET_ACTION, r.errors);
+    setAction(r) {
+      var a;
+      const n = he(r);
+      if (!n.valid) {
+        f(w.SET_ACTION, n.errors);
         return;
       }
-      i(g.SET_ACTION, {
-        title: e.title,
-        url: e.url,
-        value: e.value,
-        extendedActions: e.extendedActions
+      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
+        }))
       });
     },
     /**
      * Clear the primary action button.
      */
     clearAction() {
-      i(g.SET_ACTION, {
+      t = null, o(w.SET_ACTION, {
         title: ""
       });
     },
     /**
      * Subscribe to action button clicks.
      */
-    onActionClick(e) {
-      return t.add(e), () => {
-        t.delete(e);
+    onActionClick(r) {
+      return e.add(r), () => {
+        e.delete(r);
       };
     },
     // Legacy aliases
-    primaryAction(e) {
-      this.setAction(e);
+    primaryAction(r) {
+      this.setAction(r);
     },
     clearPrimaryAction() {
       this.clearAction();
     }
   };
 }
-function te() {
+function be() {
   return {
     /**
      * Show loading indicator.
+     * @param mode - Display mode ('full' for full page, 'component' for inline)
      */
-    show(t = "full") {
-      i(o.LOADING, { status: !1, mode: t });
+    show(e = "full") {
+      o(d.LOADING, { status: !1, mode: e });
     },
     /**
      * Hide loading indicator.
      */
     hide() {
-      i(o.LOADING, { status: !0, mode: "full" });
-    },
-    /**
-     * Set the loading state directly.
-     */
-    set(t, e = "full") {
-      i(o.LOADING, { status: t, mode: e });
-    }
-  };
-}
-function re() {
-  return {
-    /**
-     * Open overlay mode.
-     */
-    open() {
-      i(o.OVERLAY, { action: "open" });
-    },
-    /**
-     * Close overlay mode.
-     */
-    close() {
-      i(o.OVERLAY, { action: "close" });
-    }
-  };
-}
-function ne() {
-  return {
-    /**
-     * Set breadcrumb items.
-     */
-    set(t) {
-      const e = H(t);
-      if (!e.valid) {
-        l(o.BREADCRUMB, e.errors);
-        return;
-      }
-      i(o.BREADCRUMB, { items: t });
-    },
-    /**
-     * Clear breadcrumbs.
-     */
-    clear() {
-      i(o.BREADCRUMB, { items: [] });
+      o(d.LOADING, { status: !0, mode: "full" });
     }
   };
 }
-function ie() {
-  const t = (e) => {
-    const r = j(e);
-    if (!r.valid) {
-      l(o.TOAST, r.errors);
+function Ee() {
+  const e = (t) => {
+    const i = ue(t);
+    if (!i.valid) {
+      f(d.TOAST, i.errors);
       return;
     }
-    i(o.TOAST, {
-      type: e.type,
-      message: e.message,
-      duration: e.duration
+    o(d.TOAST, {
+      type: t.type,
+      message: t.message,
+      duration: t.duration
     });
   };
   return {
     /**
      * Show a toast notification.
      */
-    show: t,
+    show: e,
     /**
      * Show success toast.
      */
-    success(e, r) {
-      t({ type: "success", message: e, duration: r });
+    success(t, i) {
+      e({ type: "success", message: t, duration: i });
     },
     /**
      * Show error toast.
      */
-    error(e, r) {
-      t({ type: "error", message: e, duration: r });
+    error(t, i) {
+      e({ type: "error", message: t, duration: i });
     },
     /**
      * Show warning toast.
      */
-    warning(e, r) {
-      t({ type: "warning", message: e, duration: r });
+    warning(t, i) {
+      e({ type: "warning", message: t, duration: i });
     },
     /**
      * Show info toast.
      */
-    info(e, r) {
-      t({ type: "info", message: e, duration: r });
+    info(t, i) {
+      e({ type: "info", message: t, duration: i });
     }
   };
 }
-function se() {
+function ye() {
   return {
     /**
      * Open a modal.
      */
-    open(t, e) {
-      i(o.MODAL, {
+    open(e, t) {
+      o(d.MODAL, {
         action: "open",
-        id: t,
-        content: e
+        id: e,
+        content: t
       });
     },
     /**
      * Close a modal.
      */
-    close(t) {
-      i(o.MODAL, {
+    close(e) {
+      o(d.MODAL, {
         action: "close",
-        id: t
+        id: e
       });
     }
   };
 }
-function ae() {
-  return async (t) => {
-    const e = Q(t);
-    return e.valid ? z(o.CONFIRM, {
-      title: t.title,
-      message: t.message,
-      confirmText: t.confirmText ?? "Confirm",
-      cancelText: t.cancelText ?? "Cancel",
-      variant: t.variant ?? "info"
-    }) : (l(o.CONFIRM, e.errors), Promise.reject(new Error(e.errors.join(", "))));
+function Te() {
+  return async (e) => {
+    const t = ge(e);
+    return t.valid ? ie(d.CONFIRM, {
+      title: e.title,
+      message: e.message,
+      confirmText: e.confirmText ?? "Confirm",
+      cancelText: e.cancelText ?? "Cancel",
+      variant: e.variant ?? "info"
+    }) : (f(d.CONFIRM, t.errors), Promise.reject(new Error(t.errors.join(", "))));
   };
 }
-function oe() {
+function ve() {
   return {
-    loading: te(),
-    overlay: re(),
-    breadcrumbs: ne(),
-    toast: ie(),
-    modal: se(),
-    confirm: ae()
+    loading: be(),
+    toast: Ee(),
+    modal: ye(),
+    confirm: Te()
   };
 }
-function ue() {
+function we() {
   return {
     /**
      * Create/initiate a checkout.
      */
-    create(t) {
-      const e = W(t);
-      if (!e.valid) {
-        l(w.CREATE, e.errors);
+    create(e) {
+      const t = ce(e);
+      if (!t.valid) {
+        f($.CREATE, t.errors);
         return;
       }
-      i(w.CREATE, { payload: t });
+      o($.CREATE, e);
     }
   };
 }
-const I = {
-  appId: "",
-  env: "prod",
+const U = {
   debug: !1,
   initialized: !1
-}, C = {
+}, Ae = {
+  theme: "light",
+  width: 0,
+  locale: "ar",
+  currency: "SAR"
+}, V = {
   ready: !1,
-  initializing: !1
+  initializing: !1,
+  layout: { ...Ae }
 };
-class le {
+class Se {
   constructor() {
-    this.config = { ...I }, this.state = { ...C }, this.themeCallbacks = /* @__PURE__ */ new Set(), this.auth = G(() => this.getState()), this.page = J(), this.nav = ee(), this.ui = oe(), this.checkout = ue(), 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.
+   * Get current SDK state (layout info only, no token).
    */
   getState() {
-    return { ...this.state };
+    return {
+      ready: this.state.ready,
+      initializing: this.state.initializing,
+      layout: { ...this.state.layout }
+    };
   }
   /**
    * Get current SDK configuration.
@@ -602,33 +707,46 @@ class le {
     return { ...this.config };
   }
   /**
-   * Check if SDK is ready.
+   * Check if SDK is initialized.
    */
   isReady() {
     return this.state.ready;
   }
   /**
-   * Log debug messages if debug mode is enabled.
-   */
-  log(...e) {
-    this.config.debug && console.log(`[EmbeddedSDK v${p}]`, ...e);
-  }
-  /**
-   * Log warnings.
+   * Unified internal logging function that supports all console log types.
+   *
+   * @param type - Log type (log, warn, error, info, debug)
+   * @param args - Arguments to log
    */
-  warn(...e) {
-    console.warn(`[EmbeddedSDK v${p}]`, ...e);
+  internalLog(t, ...i) {
+    switch (t) {
+      case "log":
+        u.log(...i);
+        break;
+      case "warn":
+        u.warn(...i);
+        break;
+      case "error":
+        u.error(...i);
+        break;
+      case "info":
+        u.info(...i);
+        break;
+      case "debug":
+        u.debug(...i);
+        break;
+    }
   }
   /**
    * Set up listener for theme changes from host.
    */
   setupThemeListener() {
-    m(y.THEME_CHANGE, (e) => {
-      this.state.isDarkMode = e.dark, this.log("Theme changed:", e.dark ? "dark" : "light"), 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(e.dark);
-        } catch (n) {
-          console.error("[EmbeddedSDK] Error in theme callback:", n);
+          i(t.payload.theme);
+        } catch (r) {
+          this.internalLog("error", "Error in theme callback:", r);
         }
       });
     });
@@ -637,10 +755,10 @@ class le {
    * Set up listeners for async response events from host.
    */
   setupResponseListeners() {
-    m(o.CONFIRM_RESPONSE, (e) => {
-      this.log("Received confirm response:", e), A(e.requestId, { confirmed: e.confirmed });
-    }), m(o.MODAL_RESPONSE, (e) => {
-      this.log("Received modal response:", e), A(e.requestId, e.result, e.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);
     });
   }
   /**
@@ -651,127 +769,187 @@ class le {
    *
    * @example
    * ```typescript
-   * const unsubscribe = embedded.onThemeChange((isDark) => {
-   *   document.body.classList.toggle('dark-mode', isDark);
+   * const unsubscribe = embedded.onThemeChange((theme) => {
+   *   document.body.classList.toggle('dark-mode', theme === 'dark');
    * });
    * ```
    */
-  onThemeChange(e) {
-    return this.themeCallbacks.add(e), () => {
-      this.themeCallbacks.delete(e);
+  onThemeChange(t) {
+    return this.themeCallbacks.add(t), () => {
+      this.themeCallbacks.delete(t);
     };
   }
   /**
-   * Report an error to the host.
+   * Subscribe to init completion. If called after init, fires immediately.
    *
-   * @param error - Error object or message
-   * @param context - Additional context
+   * @param callback - Function called when init completes
+   * @returns Unsubscribe function
    *
    * @example
    * ```typescript
-   * try {
-   *   await riskyOperation();
-   * } catch (err) {
-   *   embedded.reportError(err, { operation: 'riskyOperation' });
-   * }
+   * embedded.onInit((state) => {
+   *   console.log('SDK initialized with layout:', state.layout);
+   * });
    * ```
    */
-  reportError(e, r) {
-    const n = typeof e == "string" ? { message: e } : {
-      message: e.message,
-      stack: e.stack,
-      code: e.code
+  onInit(t) {
+    if (this.config.initialized)
+      try {
+        t(this.getState());
+      } catch (i) {
+        this.internalLog("error", "Error in init callback:", i);
+      }
+    return this.initCallbacks.add(t), () => {
+      this.initCallbacks.delete(t);
     };
-    i(L.REPORT, {
-      error: n,
+  }
+  /**
+   * Send log message to host for debugging/monitoring.
+   *
+   * @param level - Log level (info, warn, error)
+   * @param message - Log message
+   * @param context - Additional context
+   *
+   * @example
+   * ```typescript
+   * embedded.log('error', 'Failed to load data', { endpoint: '/api/data' });
+   * ```
+   */
+  log(t, i, r) {
+    o(j.LOG, {
+      level: t,
+      message: i,
       context: r
     });
   }
+  /**
+   * Signal that the app is fully loaded and ready.
+   * This removes the host's loading overlay.
+   *
+   * @example
+   * ```typescript
+   * // After verifying token and loading initial data
+   * embedded.ready();
+   * ```
+   */
+  ready() {
+    if (this.appReady) {
+      this.internalLog("debug", "App already signaled as ready");
+      return;
+    }
+    if (!this.config.initialized) {
+      this.internalLog("warn", "Cannot signal ready before init() is called");
+      return;
+    }
+    this.appReady = !0, o(y.READY, {}), this.internalLog("debug", "Sent ready signal to host");
+  }
   /**
    * Initialize the SDK and establish connection with the host.
    *
-   * @param options - Initialization options
-   * @returns Promise that resolves when SDK is ready
+   * @param options - Initialization options (optional)
+   * @returns Promise that resolves with layout info
    *
    * @example
    * ```typescript
-   * await embedded.init({
-   *   app_id: 'my-app-123',
-   *   env: 'prod',
-   *   debug: true
-   * });
+   * const { layout } = await embedded.init({ debug: true });
+   * console.log('Theme:', layout.theme);
+   * console.log('Locale:', layout.locale);
    * ```
    */
-  async init(e) {
+  async init(t = {}) {
     if (this.config.initialized)
-      return this.log("Already initialized, returning current state"), this.getState();
+      return this.internalLog(
+        "debug",
+        "Already initialized, returning current layout"
+      ), { layout: { ...this.state.layout } };
     if (this.state.initializing)
-      return this.warn("Initialization already in progress"), this.waitForReady();
-    if (!e.app_id)
-      throw new Error("[EmbeddedSDK] app_id is required");
-    F() || this.warn("Not running in an iframe. Some features may not work."), this.config = {
-      appId: e.app_id,
-      env: e.env ?? "prod",
-      debug: e.debug ?? !1,
+      return this.internalLog("warn", "Initialization already in progress"), this.waitForInit();
+    ee() || this.internalLog(
+      "warn",
+      "Not running in an iframe. Some features may not work."
+    ), this.config = {
+      debug: t.debug ?? !1,
       initialized: !1
-    }, this.state.initializing = !0, this.log("Initializing with options:", e);
+    }, W({
+      debug: this.config.debug
+    }), this.state.initializing = !0, this.internalLog("debug", "Initializing SDK...");
     try {
-      i(T.READY, {
+      o(y.INIT, {
         height: document.documentElement.scrollHeight
-      }), this.log("Sent iframe.ready message, waiting for context...");
-      const r = await V(
-        y.PROVIDE
+      }), this.internalLog(
+        "debug",
+        "Sent iframe.ready message, waiting for context..."
+      );
+      const i = await J(
+        k.PROVIDE
       );
-      return this.log("Received context from host:", r), this.state = {
+      this.internalLog("debug", "Received context from host:", i);
+      const r = i.payload.layout;
+      this.state = {
         ready: !0,
         initializing: !1,
-        token: r.token,
-        storeId: r.storeId,
-        userId: r.userId,
-        merchantPlan: r.plan,
-        isDarkMode: r.isDarkMode,
-        parentWidth: r.parentWidth,
-        baseUrl: r.baseUrl,
-        baseApiUrl: r.baseApiUrl,
-        locale: r.locale
-      }, this.config.initialized = !0, this.log("Initialization complete. State:", this.state), this.getState();
-    } catch (r) {
-      throw this.state.initializing = !1, this.state.ready = !1, r;
+        layout: {
+          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 n = this.getState();
+      return this.initCallbacks.forEach((a) => {
+        try {
+          a(n);
+        } catch (l) {
+          this.internalLog("error", "Error in init callback:", l);
+        }
+      }), { layout: { ...this.state.layout } };
+    } catch (i) {
+      throw this.state.initializing = !1, this.state.ready = !1, i;
     }
   }
   /**
-   * Wait for the SDK to be ready.
+   * Wait for initialization to complete.
    * Useful when multiple calls to init() might happen.
    */
-  waitForReady() {
-    return new Promise((e) => {
-      const r = () => {
-        this.state.ready ? e(this.getState()) : setTimeout(r, 100);
-      };
-      r();
+  waitForInit() {
+    return new Promise((t) => {
+      const i = this.onInit((r) => {
+        i(), t({ layout: { ...r.layout } });
+      });
     });
   }
   /**
    * 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.log("Destroying SDK instance"), B("SDK destroyed"), P(), this.themeCallbacks.clear(), this.config = { ...I }, this.state = { ...C };
+    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 f = null;
-function ce() {
-  return f || (f = new le()), f;
+let p = null;
+function F() {
+  return p || (p = new Se()), p;
 }
-function fe() {
-  f && (f.destroy(), f = null);
+function Re() {
+  p && (p.destroy(), p = null);
 }
-const N = ce(), me = p;
-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 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 {
-  le as EmbeddedApp,
-  N as embedded,
-  ce as getEmbeddedApp,
-  fe as resetEmbeddedApp,
-  me as version
+  Se as EmbeddedApp,
+  q as embedded,
+  F as getEmbeddedApp,
+  Re as resetEmbeddedApp,
+  Ce as version
 };
 //# sourceMappingURL=index.js.map