@salla.sa/embedded-sdk 0.2.3 → 0.2.5

package/dist/esm/index.js

@@ -1,44 +1,52 @@
-const o = "embedded::", v = {
+const o = "embedded::", C = {
   /** Initialize handshake - iframe signals it's ready to receive context */
   INIT: `${o}iframe.ready`,
-  /** Request iframe resize */
-  RESIZE: `${o}iframe.resize`,
   /** App signals it's fully loaded and ready */
   READY: `${o}ready`,
   /** App requests to be destroyed and navigate away */
   DESTROY: `${o}destroy`
-}, x = {
+}, O = {
   /** Context data provision */
   PROVIDE: `${o}context.provide`,
   /** Theme change notification */
   THEME_CHANGE: `${o}theme.change`
-}, g = {
+}, h = {
   /** Set loading state */
   LOADING: `${o}ui.loading`,
+  /** Set breadcrumbs visibility state */
+  BREADCRUMBS: `${o}ui.breadcrumbs`,
   /** Show toast notification */
   TOAST: `${o}ui.toast`,
   /** Show confirm dialog (async request) */
   CONFIRM: `${o}ui.confirm`,
   /** Confirm dialog response (from host) */
   CONFIRM_RESPONSE: `${o}ui.confirm.response`
-}, K = {}, U = {
+}, G = {}, V = {
   /** Request token refresh (re-renders iframe with new token) */
   REFRESH: `${o}auth.refresh`
-}, m = {
+}, b = {
   /** Navigate using React Router (SPA navigation) */
   NAVIGATE: `${o}page.navigate`,
   /** Redirect using window.location (full page reload) */
   REDIRECT: `${o}page.redirect`,
   /** Set page title */
   SET_TITLE: `${o}page.setTitle`
-}, S = {
+}, l = {
   /** Set primary action button in navbar */
   SET_ACTION: `${o}nav.setAction`,
   /** Clear the primary action button */
   CLEAR_ACTION: `${o}nav.clearAction`,
   /** Notification when action button is clicked (host → iframe) */
-  ACTION_CLICK: `${o}nav.actionClick`
-}, p = {
+  ACTION_CLICK: `${o}nav.actionClick`,
+  /** Add one sub-navigation item (iframe → host) */
+  ADD_ITEM: `${o}nav.addItem`,
+  /** Ack with generated opaque id (host → iframe; request response) */
+  ADD_ITEM_RESPONSE: `${o}nav.addItem.response`,
+  UPDATE_ITEM: `${o}nav.updateItem`,
+  REMOVE_ITEM: `${o}nav.removeItem`,
+  /** Injected sub-nav item clicked (host → iframe) */
+  ITEM_CLICK: `${o}nav.itemClick`
+}, g = {
   /** Create checkout flow */
   CREATE: `${o}checkout.create`,
   /** Checkout response from host */
@@ -46,92 +54,113 @@ const o = "embedded::", v = {
   /** Get available addons for the app */
   GET_ADDONS: `${o}checkout.getAddons`,
   /** Get addons response from host */
-  GET_ADDONS_RESPONSE: `${o}checkout.getAddons.response`
-}, N = K.version || "", X = 1e4, W = [
+  GET_ADDONS_RESPONSE: `${o}checkout.getAddons.response`,
+  /** Reset checkout cache on host */
+  RESET_CACHE: `${o}checkout.resetCache`
+}, R = G.version || "", K = 1e4, B = [
   "localhost",
   "merchants.workers.dev",
   "s.salla.sa",
   ".salla.group",
   ".salla.sa"
-];
-let A = {
+], X = /* @__PURE__ */ new Set([
+  "ar",
+  // Arabic
+  "he",
+  // Hebrew
+  "fa",
+  // Persian / Farsi
+  "ur",
+  // Urdu
+  "ps",
+  // Pashto
+  "sd",
+  // Sindhi
+  "yi"
+  // Yiddish
+]);
+function W(t) {
+  const e = (t ?? "ar").toLowerCase().split(/[-_]/)[0];
+  return X.has(e) ? "rtl" : "ltr";
+}
+let S = {
   showVersion: !0,
   debug: !1
 };
 function Y(t) {
-  A = { ...A, ...t };
+  S = { ...S, ...t };
 }
-function D(t) {
+function L(t) {
   return `%c${t}`;
 }
-function L(t, e = "#fff") {
+function x(t, e = "#fff") {
   return `background-color: ${t}; color: ${e}; padding: 2px 6px; border-radius: 3px; font-weight: 500; font-size: 11px;`;
 }
-function b(t, ...e) {
-  if (t === "debug" && !A.debug)
+function y(t, ...e) {
+  if (t === "debug" && !S.debug)
     return;
   const r = [], i = [];
-  r.push(D("EmbeddedSDK")), i.push(L("#10b981", "#fff")), A.showVersion && (r.push(D(`v${N}`)), i.push(L("#6b7280", "#fff")));
+  r.push(L("EmbeddedSDK")), i.push(x("#10b981", "#fff")), S.showVersion && (r.push(L(`v${R}`)), i.push(x("#6b7280", "#fff")));
   const n = r.join("").trim();
   (console[t] || console.log)(n, ...i, ...e);
 }
 const a = {
   log: (...t) => {
-    b("log", ...t);
+    y("log", ...t);
   },
   warn: (...t) => {
-    b("warn", ...t);
+    y("warn", ...t);
   },
   error: (...t) => {
-    b("error", ...t);
+    y("error", ...t);
   },
   info: (...t) => {
-    b("info", ...t);
+    y("info", ...t);
   },
   debug: (...t) => {
-    b("debug", ...t);
+    y("debug", ...t);
   }
 };
-function B(t) {
+function Q(t) {
   try {
     const r = new URL(t).hostname;
-    return W.some((i) => i.startsWith(".") ? r.endsWith(i) || r === i.slice(1) : r === i || r.startsWith(`${i}:`));
+    return B.some((i) => i.startsWith(".") ? r.endsWith(i) || r === i.slice(1) : r === i || r.startsWith(`${i}:`));
   } catch {
     return !1;
   }
 }
-function Z() {
+function J() {
   return typeof window > "u" || window.parent === window ? null : window.parent;
 }
 function u(t, e, r = "*", i, n) {
-  const s = Z();
+  const s = J();
   if (!s) {
     a.warn("Not running in an iframe, cannot post to host");
     return;
   }
-  const c = {
+  const d = {
     event: t,
     payload: e || {},
     timestamp: Date.now(),
     source: "embedded-app",
     ...i && { requestId: i },
     metadata: {
-      version: N
+      version: R
     }
   };
-  s.postMessage(c, r);
+  s.postMessage(d, r);
 }
-const l = /* @__PURE__ */ new Map();
-let R = !1;
-function V(t) {
-  if (process.env.NODE_ENV === "production" && !B(t.origin))
+const p = /* @__PURE__ */ new Map();
+let A = !1;
+function j(t) {
+  if (process.env.NODE_ENV === "production" && !Q(t.origin))
     return;
   const e = t.data;
   if (!e || typeof e.event != "string" || !e.payload || typeof e.timestamp != "number" || !e.source) {
     a.warn("Invalid message structure received:", e);
     return;
   }
-  const r = l.get(e.event);
+  const r = p.get(e.event);
   r && r.forEach((n) => {
     try {
       n(e);
@@ -139,7 +168,7 @@ function V(t) {
       a.error("Error in message handler:", s);
     }
   });
-  const i = l.get("*");
+  const i = p.get("*");
   i && i.forEach((n) => {
     try {
       n(e);
@@ -148,87 +177,87 @@ function V(t) {
     }
   });
 }
-function Q() {
-  R || typeof window > "u" || (window.addEventListener("message", V), R = !0);
+function Z() {
+  A || typeof window > "u" || (window.addEventListener("message", j), A = !0);
 }
-function y(t, e) {
-  Q(), l.has(t) || l.set(t, /* @__PURE__ */ new Set());
-  const r = l.get(t);
+function m(t, e) {
+  Z(), p.has(t) || p.set(t, /* @__PURE__ */ new Set());
+  const r = p.get(t);
   return r.add(e), () => {
-    r.delete(e), r.size === 0 && l.delete(t);
+    r.delete(e), r.size === 0 && p.delete(t);
   };
 }
-function J(t, e = X) {
+function ee(t, e = K) {
   return new Promise((r, i) => {
     const n = setTimeout(() => {
       s(), i(new Error(`[EmbeddedSDK] Timeout waiting for "${t}" message`));
-    }, e), s = y(t, (c) => {
-      clearTimeout(n), s(), r(c);
+    }, e), s = m(t, (d) => {
+      clearTimeout(n), s(), r(d);
     });
   });
 }
-function ee() {
-  l.clear(), R && typeof window < "u" && (window.removeEventListener("message", V), R = !1);
-}
 function te() {
+  p.clear(), A && typeof window < "u" && (window.removeEventListener("message", j), A = !1);
+}
+function re() {
   return typeof window > "u" ? !1 : window.parent !== window;
 }
-function re(t, e, r) {
+function ie(t, e, r) {
   const i = {
     event: t,
     payload: e,
     timestamp: Date.now(),
     source: "merchant-dashboard",
     ...r,
-    metadata: { version: N, synthetic: !0 }
-  }, n = l.get(t);
-  n == null || n.forEach((s) => {
+    metadata: { version: R, synthetic: !0 }
+  };
+  p.get(t)?.forEach((s) => {
     try {
       s(i);
-    } catch (c) {
-      a.error("Error in message handler:", c);
+    } catch (d) {
+      a.error("Error in message handler:", d);
     }
   });
 }
-const h = /* @__PURE__ */ new Map(), ie = 3e4;
-function H() {
+const E = /* @__PURE__ */ new Map(), ne = 3e4;
+function F() {
   const t = Date.now(), e = Math.random().toString(36).slice(2, 9);
   return `req_${t}_${e}`;
 }
-function j(t, e = {}, r = ie) {
-  const i = H();
+function $(t, e = {}, r = ne) {
+  const i = F();
   return new Promise((n, s) => {
-    const c = setTimeout(() => {
-      h.get(i) && (h.delete(i), s(
+    const d = setTimeout(() => {
+      E.get(i) && (E.delete(i), s(
         new Error(
           `[EmbeddedSDK] Request "${t}" timed out after ${r}ms`
         )
       ));
     }, r);
-    h.set(i, {
+    E.set(i, {
       resolve: n,
       reject: s,
-      timeout: c,
+      timeout: d,
       event: t
     }), u(t, e, "*", i);
   });
 }
-function F(t, e, r) {
-  const i = h.get(t);
+function D(t, e, r) {
+  const i = E.get(t);
   if (!i) {
     a.warn(`Received response for unknown request: ${t}`);
     return;
   }
-  clearTimeout(i.timeout), h.delete(t), i.resolve(e);
+  clearTimeout(i.timeout), E.delete(t), i.resolve(e);
 }
-function ne(t = "SDK cleanup") {
-  h.forEach((e, r) => {
+function se(t = "SDK cleanup") {
+  E.forEach((e, r) => {
     clearTimeout(e.timeout), e.reject(
       new Error(`[EmbeddedSDK] Request ${r} cancelled: ${t}`)
     );
-  }), h.clear();
+  }), E.clear();
 }
-function I() {
+function w() {
   const t = /* @__PURE__ */ new Set();
   return {
     subscribe(e) {
@@ -253,41 +282,40 @@ function I() {
     }
   };
 }
-const se = "https://api.salla.dev";
+const ae = "https://api.salla.dev";
 class T extends Error {
   constructor(e, r, i) {
     super(e), this.status = r, this.response = i, this.name = "ApiError";
   }
 }
-async function ae(t, e = {}) {
-  const { method: r = "GET", headers: i = {}, body: n, timeout: s = 3e4 } = e, c = `${se}${t}`, C = new AbortController(), _ = setTimeout(() => {
-    C.abort();
+async function oe(t, e = {}) {
+  const { method: r = "GET", headers: i = {}, body: n, timeout: s = 3e4 } = e, d = `${ae}${t}`, N = new AbortController(), M = setTimeout(() => {
+    N.abort();
   }, s);
   try {
-    const d = await fetch(c, {
+    const c = await fetch(d, {
       method: r,
       headers: {
         "Content-Type": "application/json",
         ...i
       },
       body: n ? JSON.stringify(n) : void 0,
-      signal: C.signal
+      signal: N.signal
     });
-    clearTimeout(_);
-    let w;
-    const $ = d.headers.get("content-type");
-    if ($ != null && $.includes("application/json") ? w = await d.json() : w = await d.text(), !d.ok)
+    clearTimeout(M);
+    let I;
+    if (c.headers.get("content-type")?.includes("application/json") ? I = await c.json() : I = await c.text(), !c.ok)
       throw new T(
-        `API request failed: ${d.statusText}`,
-        d.status,
-        w
+        `API request failed: ${c.statusText}`,
+        c.status,
+        I
       );
-    return w;
-  } catch (d) {
-    throw clearTimeout(_), d instanceof T ? d : d instanceof Error ? d.name === "AbortError" ? new T(`Request timeout after ${s}ms`) : new T(`Request failed: ${d.message}`) : new T("Unknown error occurred");
+    return I;
+  } catch (c) {
+    throw clearTimeout(M), c instanceof T ? c : c instanceof Error ? c.name === "AbortError" ? new T(`Request timeout after ${s}ms`) : new T(`Request failed: ${c.message}`) : new T("Unknown error occurred");
   }
 }
-function O(t) {
+function _(t) {
   return {
     isVerified: !1,
     isError: !0,
@@ -295,18 +323,18 @@ function O(t) {
     data: null
   };
 }
-async function oe(t) {
+async function ue(t) {
   const { token: e, appId: r, refreshOnError: i = !0 } = t;
   if (!e) {
     const n = "Token is required. Provide it as a parameter or in URL as ?token=XXX";
-    return a.error("Error in introspect:", n), O(n);
+    return a.error("Error in introspect:", n), _(n);
   }
   if (!r) {
     const n = "App ID is required. Provide it as a parameter or in URL as ?app_id=XXX";
-    return a.error("Error in introspect:", n), O(n);
+    return a.error("Error in introspect:", n), _(n);
   }
   try {
-    const n = await ae(
+    const n = await oe(
       "/exchange-authority/v1/introspect",
       {
         method: "POST",
@@ -329,12 +357,12 @@ async function oe(t) {
       data: s ? n.data : null
     };
   } catch (n) {
-    i && (G().ui.toast.error((n == null ? void 0 : n.toString()) ?? "Introspect error"), u(U.REFRESH, {})), a.error("Error in introspect:", n);
+    i && (H().ui.toast.error(n?.toString() ?? "Introspect error"), u(V.REFRESH, {})), a.error("Error in introspect:", n);
     const s = n instanceof Error ? n.message : n;
-    return O(s);
+    return _(s);
   }
 }
-function ue(t) {
+function de(t) {
   return {
     /**
      * Get the token from the URL query parameter.
@@ -369,7 +397,7 @@ function ue(t) {
      * ```
      */
     refresh() {
-      u(U.REFRESH, {});
+      u(V.REFRESH, {});
     },
     /**
      * Introspect (verify) a short-lived token with Salla's API.
@@ -380,7 +408,7 @@ function ue(t) {
      */
     async introspect(e = {}) {
       const r = e.token ?? this.getToken() ?? "", i = e.appId ?? this.getAppId() ?? "";
-      return oe({
+      return ue({
         token: r,
         appId: i,
         refreshOnError: e.refreshOnError
@@ -399,7 +427,7 @@ function q(t, e) {
   const r = [];
   return typeof t != "object" || t === null ? (r.push(`${e} must be an object`), r) : ((typeof t.type != "string" || t.type.trim() === "") && r.push(`${e} must have a valid type`), (typeof t.slug != "string" || t.slug.trim() === "") && r.push(`${e} must have a valid slug`), t.quantity !== void 0 && (typeof t.quantity != "number" || t.quantity < 1) && r.push(`${e} must have a quantity >= 1`), r);
 }
-function de(t) {
+function le(t) {
   const e = [];
   if (typeof t != "object" || t === null)
     return e.push("Checkout options must be an object"), { valid: !1, errors: e };
@@ -414,18 +442,18 @@ function de(t) {
     return e.push(...n), { valid: e.length === 0, errors: e };
   }
   return Array.isArray(t.items) ? t.items.length === 0 ? (e.push("At least one item is required"), { valid: !1, errors: e }) : (t.items.forEach((n, s) => {
-    const c = q(
+    const d = q(
       n,
       `Item at index ${s}`
     );
-    e.push(...c);
+    e.push(...d);
   }), { valid: e.length === 0, errors: e }) : (e.push("Checkout items must be an array"), { valid: !1, errors: e });
 }
-function le(t) {
+function fe(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 fe(t) {
+function he(t) {
   const e = [];
   if (t.url === void 0 || t.url === null)
     e.push("Redirect URL is required");
@@ -441,7 +469,7 @@ function fe(t) {
     }
   return { valid: e.length === 0, errors: e };
 }
-function he(t) {
+function pe(t) {
   const e = [];
   return t.title ? typeof t.title != "string" && e.push("Nav action title must be a string") : e.push("Nav action title is required"), t.value ? typeof t.value != "string" && e.push("Nav action value must be a string") : e.push("Nav action value is required"), t.subTitle !== void 0 && t.subTitle !== null && typeof t.subTitle != "string" && e.push("Nav action subTitle must be a string"), t.icon !== void 0 && t.icon !== null && typeof t.icon != "string" && e.push("Nav action icon must be a string"), t.disabled !== void 0 && t.disabled !== null && typeof t.disabled != "boolean" && e.push("Nav action disabled must be a boolean"), t.extendedActions !== void 0 && t.extendedActions !== null && (Array.isArray(t.extendedActions) ? t.extendedActions.forEach((r, i) => {
     if (typeof r != "object" || r === null) {
@@ -462,11 +490,38 @@ function he(t) {
     );
   }) : e.push("Nav action extendedActions must be an array")), { valid: e.length === 0, errors: e };
 }
-const M = ["danger", "warning", "info"];
+function me(t) {
+  const e = [];
+  if (typeof t != "object" || t === null)
+    return e.push("Nav addItem expects an object item"), { valid: !1, errors: e };
+  const r = t;
+  return ["title", "value", "url"].forEach((i) => {
+    (typeof r[i] != "string" || !String(r[i]).trim()) && e.push(`Sub-nav addItem "${i}" must be non-empty string`);
+  }), r.disabled !== void 0 && typeof r.disabled != "boolean" && e.push('Sub-nav addItem "disabled" must be boolean'), r.active !== void 0 && typeof r.active != "boolean" && e.push('Sub-nav addItem "active" must be boolean'), { valid: e.length === 0, errors: e };
+}
 function ge(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" || !M.includes(t.variant)) && e.push(
-    `Invalid confirm variant "${t.variant}". Expected: ${M.join(" | ")}`
+  if (typeof t != "object" || t === null)
+    return e.push("Nav updateItem expects an object item"), { valid: !1, errors: e };
+  const r = t;
+  if (typeof r.id != "string" || !r.id.trim())
+    return e.push('Sub-nav updateItem requires string "id"'), { valid: !1, errors: e };
+  let i = 0;
+  return r.title !== void 0 && i++, r.value !== void 0 && i++, r.url !== void 0 && i++, r.disabled !== void 0 && i++, r.active !== void 0 && i++, i === 0 ? (e.push(
+    "Sub-nav updateItem must include at least one of title, value, url, disabled, active"
+  ), { valid: !1, errors: e }) : (["title", "value", "url"].forEach((n) => {
+    r[n] !== void 0 && (typeof r[n] != "string" || !r[n].trim()) && e.push(`Sub-nav updateItem "${n}" must be non-empty`);
+  }), r.disabled !== void 0 && typeof r.disabled != "boolean" && e.push('Sub-nav updateItem "disabled" must be boolean'), r.active !== void 0 && typeof r.active != "boolean" && e.push('Sub-nav updateItem "active" must be boolean'), { valid: e.length === 0, errors: e });
+}
+function Ee(t) {
+  const e = [];
+  return (typeof t != "string" || !t.trim()) && e.push("Nav removeItem id must be non-empty string"), { valid: e.length === 0, errors: e };
+}
+const z = ["danger", "warning", "info"];
+function be(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" || !z.includes(t.variant)) && e.push(
+    `Invalid confirm variant "${t.variant}". Expected: ${z.join(" | ")}`
   ), { valid: e.length === 0, errors: e };
 }
 function f(t, e) {
@@ -476,136 +531,161 @@ function f(t, e) {
 `)
   );
 }
-function me() {
+function ve() {
+  return { resize: (i) => {
+  }, autoResize: () => {
+  }, stopAutoResize: () => {
+  } };
+}
+function ye() {
+  const { resize: t, autoResize: e, stopAutoResize: r } = ve();
   return {
-    /**
-     * Navigate to a path using React Router (SPA navigation).
-     */
-    navigate(t, e) {
-      const r = le({ path: t, ...e });
-      if (!r.valid) {
-        f(m.NAVIGATE, r.errors);
+    navigate(i, n) {
+      const s = fe({ path: i, ...n });
+      if (!s.valid) {
+        f(b.NAVIGATE, s.errors);
         return;
       }
-      u(m.NAVIGATE, {
-        path: t,
-        state: e == null ? void 0 : e.state,
-        replace: e == null ? void 0 : e.replace
+      u(b.NAVIGATE, {
+        path: i,
+        state: n?.state,
+        replace: n?.replace
       });
     },
-    /**
-     * Redirect to a URL (full page reload).
-     */
-    redirect(t) {
-      const e = fe({ url: t });
-      if (!e.valid) {
-        f(m.REDIRECT, e.errors);
+    redirect(i) {
+      const n = he({ url: i });
+      if (!n.valid) {
+        f(b.REDIRECT, n.errors);
         return;
       }
-      u(m.REDIRECT, { url: t });
+      u(b.REDIRECT, { url: i });
     },
-    /**
-     * Navigate to a path - auto-detects internal vs external.
-     */
-    navTo(t, e) {
-      if (t.startsWith("http://") || t.startsWith("https://")) {
-        this.redirect(t);
-        return;
-      }
-      this.navigate(t, e);
-    },
-    /**
-     * Update the iframe height.
-     */
-    resize(t) {
-      if (typeof t != "number" || t < 0) {
-        f(v.RESIZE, [
-          "Height must be a non-negative number"
-        ]);
+    navTo(i, n) {
+      if (i.startsWith("http://") || i.startsWith("https://")) {
+        this.redirect(i);
         return;
       }
-      u(v.RESIZE, { height: t });
+      this.navigate(i, n);
     },
-    /**
-     * Auto-resize iframe to content height.
-     */
-    autoResize() {
-      const t = document.documentElement.scrollHeight;
-      this.resize(t);
-    },
-    /**
-     * Set the page title in the host document.
-     */
-    setTitle(t) {
-      if (typeof t != "string" || !t.trim()) {
-        f(m.SET_TITLE, [
+    setTitle(i) {
+      if (typeof i != "string" || !i.trim()) {
+        f(b.SET_TITLE, [
           "Title must be a non-empty string"
         ]);
         return;
       }
-      u(m.SET_TITLE, { title: t });
-    }
+      u(b.SET_TITLE, { title: i });
+    },
+    resize: t,
+    autoResize: e,
+    stopAutoResize: r
   };
 }
-function pe() {
-  const t = I();
-  return y(S.ACTION_CLICK, (e) => {
-    t.notify(e.payload.value);
-  }), {
-    setAction(e) {
-      var i;
-      const r = he(e);
-      if (!r.valid) {
-        f(S.SET_ACTION, r.errors);
+function Te() {
+  const t = w(), e = w(), r = [];
+  return r.push(
+    m(l.ACTION_CLICK, (i) => {
+      t.notify(i.payload.value);
+    })
+  ), r.push(
+    m(l.ADD_ITEM_RESPONSE, (i) => {
+      const n = i.payload.item;
+      i.requestId && n && typeof n.id == "string" && typeof n.value == "string" && D(i.requestId, n);
+    })
+  ), r.push(
+    m(l.ITEM_CLICK, (i) => {
+      e.notify(i.payload);
+    })
+  ), {
+    setAction(i) {
+      const n = pe(i);
+      if (!n.valid) {
+        f(l.SET_ACTION, n.errors);
         return;
       }
-      u(S.SET_ACTION, {
-        title: e.title,
-        value: e.value,
-        subTitle: e.subTitle,
-        icon: e.icon,
-        disabled: e.disabled,
-        extendedActions: (i = e.extendedActions) == null ? void 0 : i.map((n) => ({
-          title: n.title,
-          value: n.value,
-          subTitle: n.subTitle,
-          icon: n.icon,
-          disabled: n.disabled
+      u(l.SET_ACTION, {
+        title: i.title,
+        value: i.value,
+        subTitle: i.subTitle,
+        icon: i.icon,
+        disabled: i.disabled,
+        extendedActions: i.extendedActions?.map((s) => ({
+          title: s.title,
+          value: s.value,
+          subTitle: s.subTitle,
+          icon: s.icon,
+          disabled: s.disabled
         }))
       });
     },
     clearAction() {
-      u(S.CLEAR_ACTION, {});
+      u(l.CLEAR_ACTION, {});
+    },
+    onActionClick(i) {
+      return t.subscribe(i);
+    },
+    addNavItem(i) {
+      const n = me(i);
+      return n.valid ? $(l.ADD_ITEM, { item: i }, 2e3) : (f(l.ADD_ITEM, n.errors), Promise.reject(new Error(n.errors[0])));
     },
-    onActionClick(e) {
-      return t.subscribe(e);
+    updateNavItem(i) {
+      const n = ge(i);
+      if (!n.valid) {
+        f(l.UPDATE_ITEM, n.errors);
+        return;
+      }
+      u(l.UPDATE_ITEM, { item: i });
+    },
+    removeNavItem(i) {
+      const n = Ee(i);
+      if (!n.valid) {
+        f(l.REMOVE_ITEM, n.errors);
+        return;
+      }
+      u(l.REMOVE_ITEM, { id: i });
+    },
+    onNavItemClick(i) {
+      return e.subscribe(i);
+    },
+    destroy() {
+      r.forEach((i) => i()), r.length = 0, t.clear(), e.clear();
     }
   };
 }
-function Ee() {
+function we() {
   return {
     /**
      * Show loading indicator.
      */
     show() {
-      u(g.LOADING, { action: "show" });
+      u(h.LOADING, { action: "show" });
     },
     /**
      * Hide loading indicator.
      */
     hide() {
-      u(g.LOADING, { action: "hide" });
+      u(h.LOADING, { action: "hide" });
     }
   };
 }
-function ye() {
+function Ie() {
+  return {
+    hide() {
+      u(h.BREADCRUMBS, { action: "hide" });
+    },
+    show() {
+      u(h.BREADCRUMBS, { action: "show" });
+    }
+  };
+}
+function Se() {
   const t = (e) => {
     const r = ce(e);
     if (!r.valid) {
-      f(g.TOAST, r.errors);
+      f(h.TOAST, r.errors);
       return;
     }
-    u(g.TOAST, {
+    u(h.TOAST, {
       type: e.type,
       message: e.message,
       duration: e.duration
@@ -642,29 +722,30 @@ function ye() {
     }
   };
 }
-function be() {
+function Ae() {
   return async (t) => {
-    const e = ge(t);
-    return e.valid ? j(g.CONFIRM, {
+    const e = be(t);
+    return e.valid ? $(h.CONFIRM, {
       title: t.title,
       message: t.message,
       confirmText: t.confirmText ?? "Confirm",
       cancelText: t.cancelText ?? "Cancel",
       variant: t.variant ?? "info"
-    }) : (f(g.CONFIRM, e.errors), Promise.reject(new Error(e.errors.join(", "))));
+    }) : (f(h.CONFIRM, e.errors), Promise.reject(new Error(e.errors.join(", "))));
   };
 }
-function Te() {
+function Re() {
   return {
-    loading: Ee(),
-    toast: ye(),
-    confirm: be()
+    loading: we(),
+    breadcrumbs: Ie(),
+    toast: Se(),
+    confirm: Ae()
   };
 }
-function ve() {
-  const t = I(), e = [];
+function Ne() {
+  const t = w(), e = [];
   return e.push(
-    y(p.RESPONSE, (r) => {
+    m(g.RESPONSE, (r) => {
       t.notify({
         success: r.payload.success,
         order_id: r.payload.order_id,
@@ -674,10 +755,10 @@ function ve() {
       });
     })
   ), e.push(
-    y(
-      p.GET_ADDONS_RESPONSE,
+    m(
+      g.GET_ADDONS_RESPONSE,
       (r) => {
-        r.requestId && F(r.requestId, {
+        r.requestId && D(r.requestId, {
           success: r.payload.success,
           addons: r.payload.addons,
           error: r.payload.error
@@ -686,21 +767,21 @@ function ve() {
     )
   ), {
     create(r, i) {
-      const n = Array.isArray(r) ? r : [r], s = de({ items: n });
+      const n = Array.isArray(r) ? r : [r], s = le({ items: n });
       if (!s.valid)
-        throw f(p.CREATE, s.errors), new Error(s.errors[0]);
+        throw f(g.CREATE, s.errors), new Error(s.errors[0]);
       u(
-        p.CREATE,
+        g.CREATE,
         {
-          items: n.map((c) => ({
-            type: c.type,
-            slug: c.slug,
-            quantity: c.quantity ?? 1
+          items: n.map((d) => ({
+            type: d.type,
+            slug: d.slug,
+            quantity: d.quantity ?? 1
           })),
-          ...(i == null ? void 0 : i.context) !== void 0 && { context: i.context }
+          ...i?.context !== void 0 && { context: i.context }
         },
         "*",
-        H()
+        F()
       );
     },
     onResult(r) {
@@ -708,8 +789,8 @@ function ve() {
     },
     async getAddons() {
       try {
-        return await j(
-          p.GET_ADDONS,
+        return await $(
+          g.GET_ADDONS,
           {},
           3e4
         );
@@ -723,23 +804,27 @@ function ve() {
         };
       }
     },
+    resetCache() {
+      u(g.RESET_CACHE, {}, "*");
+    },
     destroy() {
       e.forEach((r) => r()), e.length = 0, t.clear();
     }
   };
 }
-const z = {
+const P = {
   theme: "light",
+  dir: "rtl",
   width: 0,
   locale: "ar",
   currency: "SAR"
 };
-class we {
+class Ce {
   constructor() {
-    this.initialized = !1, this.initializing = !1, this.debugMode = !1, this.appReady = !1, this.layout = { ...z }, this.postInitHooks = [], this.themeSubscription = I(), this.initSubscription = I(), this.auth = ue(), this.page = me(), this.nav = pe(), this.ui = Te(), this.checkout = ve(), this.registerPostInitHook((e) => {
+    this.initialized = !1, this.initializing = !1, this.debugMode = !1, this.appReady = !1, this.layout = { ...P }, this.postInitHooks = [], this.themeSubscription = w(), this.initSubscription = w(), this.auth = de(), this.page = ye(), this.nav = Te(), this.ui = Re(), this.checkout = Ne(), this.registerPostInitHook((e) => {
       const r = e.payload.pendingCheckoutResult;
       r && (a.debug("Dispatching pending checkout result:", r), queueMicrotask(() => {
-        re(p.RESPONSE, {
+        ie(g.RESPONSE, {
           success: r.success,
           status: r.status,
           error: r.error,
@@ -759,10 +844,10 @@ class we {
    * Set up core event listeners.
    */
   setupListeners() {
-    y(x.THEME_CHANGE, (e) => {
+    m(O.THEME_CHANGE, (e) => {
       this.layout.theme = e.payload.theme, a.debug("Theme changed:", e.payload.theme), this.themeSubscription.notify(e.payload.theme);
-    }), y(g.CONFIRM_RESPONSE, (e) => {
-      a.debug("Received confirm response:", e), e.requestId && F(e.requestId, { confirmed: e.payload.confirmed });
+    }), m(h.CONFIRM_RESPONSE, (e) => {
+      a.debug("Received confirm response:", e), e.requestId && D(e.requestId, { confirmed: e.payload.confirmed });
     });
   }
   /**
@@ -811,7 +896,7 @@ class we {
       a.warn("Cannot signal ready before init() is called");
       return;
     }
-    this.appReady = !0, u(v.READY, {}), a.debug("Sent ready signal to host");
+    this.appReady = !0, u(C.READY, {}), a.debug("Sent ready signal to host");
   }
   /**
    * Initialize the SDK and establish connection with the host.
@@ -825,21 +910,22 @@ class we {
           i(), r({ layout: { ...n.layout } });
         });
       });
-    this.initializing = !0, this.debugMode = e.debug ?? !1, Y({ debug: this.debugMode }), te() || a.warn("Not running in an iframe. Some features may not work."), a.debug("Initializing SDK...");
+    this.initializing = !0, this.debugMode = e.debug ?? !1, Y({ debug: this.debugMode }), re() || a.warn("Not running in an iframe. Some features may not work."), a.debug("Initializing SDK...");
     try {
-      u(v.INIT, {
+      u(C.INIT, {
         height: document.documentElement.scrollHeight
       }), a.debug("Sent iframe.ready message, waiting for context...");
-      const r = await J(
-        x.PROVIDE
+      const r = await ee(
+        O.PROVIDE
       );
       a.debug("Received context from host:", r);
       const { layout: i } = r.payload;
       return this.layout = {
-        theme: (i == null ? void 0 : i.theme) ?? "light",
-        width: (i == null ? void 0 : i.width) ?? 0,
-        locale: (i == null ? void 0 : i.locale) ?? "ar",
-        currency: (i == null ? void 0 : i.currency) ?? "SAR"
+        theme: i?.theme ?? "light",
+        dir: i?.dir ?? W(i?.locale),
+        width: i?.width ?? 0,
+        locale: i?.locale ?? "ar",
+        currency: i?.currency ?? "SAR"
       }, this.postInitHooks.forEach((n) => {
         try {
           n(r);
@@ -855,23 +941,23 @@ class we {
    * Destroy the SDK instance and clean up resources.
    */
   destroy() {
-    a.debug("Destroying SDK instance"), this.initialized && (u(v.DESTROY, {}), a.debug("Sent destroy event to host")), this.checkout.destroy(), ne("SDK destroyed"), ee(), this.themeSubscription.clear(), this.initSubscription.clear(), this.postInitHooks = [], this.initialized = !1, this.initializing = !1, this.appReady = !1, this.layout = { ...z };
+    a.debug("Destroying SDK instance"), this.initialized && (u(C.DESTROY, {}), a.debug("Sent destroy event to host")), this.checkout.destroy(), this.nav.destroy(), se("SDK destroyed"), te(), this.themeSubscription.clear(), this.initSubscription.clear(), this.postInitHooks = [], this.initialized = !1, this.initializing = !1, this.appReady = !1, this.layout = { ...P };
   }
 }
-let E = null;
-function G() {
-  return E || (E = new we()), E;
+let v = null;
+function H() {
+  return v || (v = new Ce()), v;
 }
-function Se() {
-  E && (E.destroy(), E = null);
+function $e() {
+  v && (v.destroy(), v = null);
 }
-const P = G(), Ae = N;
-typeof window < "u" && (window.salla = window.salla || window.Salla || {}, window.Salla = window.salla, window.salla.embedded || (window.salla.embedded = P), window.Salla.embedded || (window.Salla.embedded = P));
+const U = H(), De = R;
+typeof window < "u" && (window.salla = window.salla || window.Salla || {}, window.Salla = window.salla, window.salla.embedded || (window.salla.embedded = U), window.Salla.embedded || (window.Salla.embedded = U));
 export {
-  we as EmbeddedApp,
-  P as embedded,
-  G as getEmbeddedApp,
-  Se as resetEmbeddedApp,
-  Ae as version
+  Ce as EmbeddedApp,
+  U as embedded,
+  H as getEmbeddedApp,
+  $e as resetEmbeddedApp,
+  De as version
 };
 //# sourceMappingURL=index.js.map