@salla.sa/embedded-sdk 0.2.6 → 0.2.7

package/dist/esm/index.js

@@ -5,7 +5,7 @@ const u = "embedded::", q = {
   READY: `${u}ready`,
   /** App requests to be destroyed and navigate away */
   DESTROY: `${u}destroy`
-}, U = {
+}, j = {
   /** Context data provision */
   PROVIDE: `${u}context.provide`,
   /** Theme change notification */
@@ -21,7 +21,7 @@ const u = "embedded::", q = {
   CONFIRM: `${u}ui.confirm`,
   /** Confirm dialog response (from host) */
   CONFIRM_RESPONSE: `${u}ui.confirm.response`
-}, Z = {}, X = {
+}, ne = {}, Z = {
   /** Request token refresh (re-renders iframe with new token) */
   REFRESH: `${u}auth.refresh`
 }, T = {
@@ -46,7 +46,7 @@ const u = "embedded::", q = {
   REMOVE_ITEM: `${u}nav.removeItem`,
   /** Injected sub-nav item clicked (host → iframe) */
   ITEM_CLICK: `${u}nav.itemClick`
-}, y = {
+}, v = {
   /** Create checkout flow */
   CREATE: `${u}checkout.create`,
   /** Checkout response from host */
@@ -57,13 +57,13 @@ const u = "embedded::", q = {
   GET_ADDONS_RESPONSE: `${u}checkout.getAddons.response`,
   /** Reset checkout cache on host */
   RESET_CACHE: `${u}checkout.resetCache`
-}, D = Z.version || "", ee = 1e4, te = [
+}, M = ne.version || "", se = 1e4, ae = [
   "localhost",
   "merchants.workers.dev",
   "s.salla.sa",
   ".salla.group",
   ".salla.sa"
-], re = /* @__PURE__ */ new Set([
+], oe = /* @__PURE__ */ new Set([
   "ar",
   // Arabic
   "he",
@@ -79,28 +79,28 @@ const u = "embedded::", q = {
   "yi"
   // Yiddish
 ]);
-function ie(t) {
+function ue(t) {
   const e = (t ?? "ar").toLowerCase().split(/[-_]/)[0];
-  return re.has(e) ? "rtl" : "ltr";
+  return oe.has(e) ? "rtl" : "ltr";
 }
 let N = {
   showVersion: !0,
   debug: !1
 };
-function ne(t) {
+function ce(t) {
   N = { ...N, ...t };
 }
-function P(t) {
+function H(t) {
   return `%c${t}`;
 }
-function j(t, e = "#fff") {
+function K(t, e = "#fff") {
   return `background-color: ${t}; color: ${e}; padding: 2px 6px; border-radius: 3px; font-weight: 500; font-size: 11px;`;
 }
 function S(t, ...e) {
   if (t === "debug" && !N.debug)
     return;
   const r = [], i = [];
-  r.push(P("EmbeddedSDK")), i.push(j("#10b981", "#fff")), N.showVersion && (r.push(P(`v${D}`)), i.push(j("#6b7280", "#fff")));
+  r.push(H("EmbeddedSDK")), i.push(K("#10b981", "#fff")), N.showVersion && (r.push(H(`v${M}`)), i.push(K("#6b7280", "#fff")));
   const n = r.join("").trim();
   (console[t] || console.log)(n, ...i, ...e);
 }
@@ -121,19 +121,19 @@ const o = {
     S("debug", ...t);
   }
 };
-function se(t) {
+function de(t) {
   try {
     const r = new URL(t).hostname;
-    return te.some((i) => i.startsWith(".") ? r.endsWith(i) || r === i.slice(1) : r === i || r.startsWith(`${i}:`));
+    return ae.some((i) => i.startsWith(".") ? r.endsWith(i) || r === i.slice(1) : r === i || r.startsWith(`${i}:`));
   } catch {
     return !1;
   }
 }
-function ae() {
+function le() {
   return typeof window > "u" || window.parent === window ? null : window.parent;
 }
-function c(t, e, r = "*", i, n) {
-  const s = ae();
+function d(t, e, r = "*", i, n) {
+  const s = le();
   if (!s) {
     o.warn("Not running in an iframe, cannot post to host");
     return;
@@ -145,22 +145,22 @@ function c(t, e, r = "*", i, n) {
     source: "embedded-app",
     ...i && { requestId: i },
     metadata: {
-      version: D
+      version: M
     }
   };
   s.postMessage(a, r);
 }
-const v = /* @__PURE__ */ new Map();
-let $ = !1;
-function W(t) {
-  if (process.env.NODE_ENV === "production" && !se(t.origin))
+const b = /* @__PURE__ */ new Map();
+let C = !1;
+function ee(t) {
+  if (process.env.NODE_ENV === "production" && !de(t.origin))
     return;
   const e = t.data;
   if (!e || typeof e.event != "string" || !e.payload || typeof e.timestamp != "number" || !e.source) {
     o.warn("Invalid message structure received:", e);
     return;
   }
-  const r = v.get(e.event);
+  const r = b.get(e.event);
   r && r.forEach((n) => {
     try {
       n(e);
@@ -168,7 +168,7 @@ function W(t) {
       o.error("Error in message handler:", s);
     }
   });
-  const i = v.get("*");
+  const i = b.get("*");
   i && i.forEach((n) => {
     try {
       n(e);
@@ -177,41 +177,41 @@ function W(t) {
     }
   });
 }
-function oe() {
-  $ || typeof window > "u" || (window.addEventListener("message", W), $ = !0);
+function fe() {
+  C || typeof window > "u" || (window.addEventListener("message", ee), C = !0);
 }
-function b(t, e) {
-  oe(), v.has(t) || v.set(t, /* @__PURE__ */ new Set());
-  const r = v.get(t);
+function y(t, e) {
+  fe(), b.has(t) || b.set(t, /* @__PURE__ */ new Set());
+  const r = b.get(t);
   return r.add(e), () => {
-    r.delete(e), r.size === 0 && v.delete(t);
+    r.delete(e), r.size === 0 && b.delete(t);
   };
 }
-function ue(t, e = ee) {
+function he(t, e = se) {
   return new Promise((r, i) => {
     const n = setTimeout(() => {
       s(), i(new Error(`[EmbeddedSDK] Timeout waiting for "${t}" message`));
-    }, e), s = b(t, (a) => {
+    }, e), s = y(t, (a) => {
       clearTimeout(n), s(), r(a);
     });
   });
 }
-function de() {
-  v.clear(), $ && typeof window < "u" && (window.removeEventListener("message", W), $ = !1);
+function me() {
+  b.clear(), C && typeof window < "u" && (window.removeEventListener("message", ee), C = !1);
 }
-function ce() {
+function pe() {
   return typeof window > "u" ? !1 : window.parent !== window;
 }
-function le(t, e, r) {
+function ge(t, e, r) {
   const i = {
     event: t,
     payload: e,
     timestamp: Date.now(),
     source: "merchant-dashboard",
     ...r,
-    metadata: { version: D, synthetic: !0 }
+    metadata: { version: M, synthetic: !0 }
   };
-  v.get(t)?.forEach((s) => {
+  b.get(t)?.forEach((s) => {
     try {
       s(i);
     } catch (a) {
@@ -219,13 +219,13 @@ function le(t, e, r) {
     }
   });
 }
-const E = /* @__PURE__ */ new Map(), fe = 3e4;
-function Y() {
+const E = /* @__PURE__ */ new Map(), ve = 3e4;
+function te() {
   const t = Date.now(), e = Math.random().toString(36).slice(2, 9);
   return `req_${t}_${e}`;
 }
-function x(t, e = {}, r = fe) {
-  const i = Y();
+function V(t, e = {}, r = ve) {
+  const i = te();
   return new Promise((n, s) => {
     const a = setTimeout(() => {
       E.get(i) && (E.delete(i), s(
@@ -239,10 +239,10 @@ function x(t, e = {}, r = fe) {
       reject: s,
       timeout: a,
       event: t
-    }), c(t, e, "*", i);
+    }), d(t, e, "*", i);
   });
 }
-function C(t, e, r) {
+function $(t, e, r) {
   const i = E.get(t);
   if (!i) {
     o.warn(`Received response for unknown request: ${t}`);
@@ -250,14 +250,14 @@ function C(t, e, r) {
   }
   clearTimeout(i.timeout), E.delete(t), r ? i.reject(new Error(r)) : i.resolve(e);
 }
-function he(t = "SDK cleanup") {
+function be(t = "SDK cleanup") {
   E.forEach((e, r) => {
     clearTimeout(e.timeout), e.reject(
       new Error(`[EmbeddedSDK] Request ${r} cancelled: ${t}`)
     );
   }), E.clear();
 }
-function A() {
+function R() {
   const t = /* @__PURE__ */ new Set();
   return {
     subscribe(e) {
@@ -282,18 +282,18 @@ function A() {
     }
   };
 }
-const me = "https://api.salla.dev";
-class w extends Error {
+const ye = "https://api.salla.dev";
+class A extends Error {
   constructor(e, r, i) {
     super(e), this.status = r, this.response = i, this.name = "ApiError";
   }
 }
-async function pe(t, e = {}) {
-  const { method: r = "GET", headers: i = {}, body: n, timeout: s = 3e4 } = e, a = `${me}${t}`, l = new AbortController(), f = setTimeout(() => {
+async function Ee(t, e = {}) {
+  const { method: r = "GET", headers: i = {}, body: n, timeout: s = 3e4 } = e, a = `${ye}${t}`, l = new AbortController(), f = setTimeout(() => {
     l.abort();
   }, s);
   try {
-    const d = await fetch(a, {
+    const c = await fetch(a, {
       method: r,
       headers: {
         "Content-Type": "application/json",
@@ -304,18 +304,18 @@ async function pe(t, e = {}) {
     });
     clearTimeout(f);
     let m;
-    if (d.headers.get("content-type")?.includes("application/json") ? m = await d.json() : m = await d.text(), !d.ok)
-      throw new w(
-        `API request failed: ${d.statusText}`,
-        d.status,
+    if (c.headers.get("content-type")?.includes("application/json") ? m = await c.json() : m = await c.text(), !c.ok)
+      throw new A(
+        `API request failed: ${c.statusText}`,
+        c.status,
         m
       );
     return m;
-  } catch (d) {
-    throw clearTimeout(f), d instanceof w ? d : d instanceof Error ? d.name === "AbortError" ? new w(`Request timeout after ${s}ms`) : new w(`Request failed: ${d.message}`) : new w("Unknown error occurred");
+  } catch (c) {
+    throw clearTimeout(f), c instanceof A ? c : c instanceof Error ? c.name === "AbortError" ? new A(`Request timeout after ${s}ms`) : new A(`Request failed: ${c.message}`) : new A("Unknown error occurred");
   }
 }
-function k(t) {
+function x(t) {
   return {
     isVerified: !1,
     isError: !0,
@@ -323,18 +323,18 @@ function k(t) {
     data: null
   };
 }
-async function ge(t) {
+async function Te(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 o.error("Error in introspect:", n), k(n);
+    return o.error("Error in introspect:", n), x(n);
   }
   if (!r) {
     const n = "App ID is required. Provide it as a parameter or in URL as ?app_id=XXX";
-    return o.error("Error in introspect:", n), k(n);
+    return o.error("Error in introspect:", n), x(n);
   }
   try {
-    const n = await pe(
+    const n = await Ee(
       "/exchange-authority/v1/introspect",
       {
         method: "POST",
@@ -357,12 +357,12 @@ async function ge(t) {
       data: s ? n.data : null
     };
   } catch (n) {
-    i && (J().ui.toast.error(n?.toString() ?? "Introspect error"), c(X.REFRESH, {})), o.error("Error in introspect:", n);
+    i && (ie().ui.toast.error(n?.toString() ?? "Introspect error"), d(Z.REFRESH, {})), o.error("Error in introspect:", n);
     const s = n instanceof Error ? n.message : n;
-    return k(s);
+    return x(s);
   }
 }
-function ve(t) {
+function Ie(t) {
   return {
     /**
      * Get the token from the URL query parameter.
@@ -397,7 +397,7 @@ function ve(t) {
      * ```
      */
     refresh() {
-      c(X.REFRESH, {});
+      d(Z.REFRESH, {});
     },
     /**
      * Introspect (verify) a short-lived token with Salla's API.
@@ -408,7 +408,7 @@ function ve(t) {
      */
     async introspect(e = {}) {
       const r = e.token ?? this.getToken() ?? "", i = e.appId ?? this.getAppId() ?? "";
-      return ge({
+      return Te({
         token: r,
         appId: i,
         refreshOnError: e.refreshOnError
@@ -417,43 +417,49 @@ function ve(t) {
   };
 }
 const F = ["success", "error", "warning", "info"];
-function be(t) {
+function Se(t) {
   const e = [];
   return t.type === void 0 || t.type === null ? e.push("Toast type is required") : (typeof t.type != "string" || !F.includes(t.type)) && e.push(
     `Invalid toast type "${t.type}". Expected: ${F.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, e) {
+function G(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 ye(t) {
+const Ae = /^[A-Za-z0-9_-]+$/, B = 64, U = "checkout_id cannot be combined with item or items";
+function we(t) {
+  return typeof t != "string" || t === "" ? ["checkout_id must be a non-empty string"] : t.length > B ? [`checkout_id must be at most ${B} characters`] : Ae.test(t) ? [] : ["checkout_id may only contain letters, numbers, '_' and '-'"];
+}
+function X(t) {
   const e = [];
   if (typeof t != "object" || t === null)
     return e.push("Checkout options must be an object"), { valid: !1, errors: e };
   const r = "item" in t, i = "items" in t;
+  if ("checkout_id" in t)
+    return r || i ? (e.push(U), { valid: !1, errors: e }) : (e.push(...we(t.checkout_id)), { valid: e.length === 0, errors: e });
   if (!r && !i)
     return e.push("Checkout requires either 'item' or 'items'"), { valid: !1, errors: e };
   if (r) {
-    const n = H(
+    const n = G(
       t.item,
       "Item"
     );
     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 a = H(
+    const a = G(
       n,
       `Item at index ${s}`
     );
     e.push(...a);
   }), { valid: e.length === 0, errors: e }) : (e.push("Checkout items must be an array"), { valid: !1, errors: e });
 }
-function Ee(t) {
+function Re(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 Te(t) {
+function _e(t) {
   const e = [];
   if (t.url === void 0 || t.url === null)
     e.push("Redirect URL is required");
@@ -469,7 +475,7 @@ function Te(t) {
     }
   return { valid: e.length === 0, errors: e };
 }
-function Ie(t) {
+function Ne(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) {
@@ -490,26 +496,26 @@ function Ie(t) {
     );
   }) : e.push("Nav action extendedActions must be an array")), { valid: e.length === 0, errors: e };
 }
-const _ = 50;
-function R(t, e) {
+const D = 50;
+function _(t, e) {
   return t ? `${t}.${e}` : e;
 }
-function Se(t, e) {
+function Ce(t, e) {
   const r = [];
   ["title", "value", "url"].forEach((s) => {
     (typeof t[s] != "string" || !String(t[s]).trim()) && r.push(
-      `Sub-nav addItem "${R(e, s)}" must be non-empty string`
+      `Sub-nav addItem "${_(e, s)}" must be non-empty string`
     );
   });
-  const i = R(e, "disabled"), n = R(e, "active");
+  const i = _(e, "disabled"), n = _(e, "active");
   return t.disabled !== void 0 && typeof t.disabled != "boolean" && r.push(`Sub-nav addItem "${i}" must be boolean`), t.active !== void 0 && typeof t.active != "boolean" && r.push(`Sub-nav addItem "${n}" must be boolean`), r;
 }
 function z(t, e, r) {
   if (typeof t != "object" || t === null)
     return [`Sub-nav addItem "${e || "item"}" must be an object`];
-  const i = t, n = Se(i, e), s = R(e, "children");
-  return i.children === void 0 ? n : r ? Array.isArray(i.children) ? i.children.length > _ ? (n.push(
-    `Sub-nav addItem "${s}" must have at most ${_} items`
+  const i = t, n = Ce(i, e), s = _(e, "children");
+  return i.children === void 0 ? n : r ? Array.isArray(i.children) ? i.children.length > D ? (n.push(
+    `Sub-nav addItem "${s}" must have at most ${D} items`
   ), n) : (i.children.forEach((a, l) => {
     const f = e ? `${e}.children[${l}]` : `children[${l}]`;
     n.push(...z(a, f, !1));
@@ -517,24 +523,24 @@ function z(t, e, r) {
     `Sub-nav addItem "${s}" is not supported on submenu rows (only one dropdown level)`
   ), n);
 }
-function Q(t, e, r, i) {
+function re(t, e, r, i) {
   if (typeof t != "object" || t === null)
     return i;
   const n = t;
   return typeof n.value == "string" && n.value.trim() && i.push(n.value.trim()), !r || !Array.isArray(n.children) || n.children.forEach((s, a) => {
     const l = e ? `${e}.children[${a}]` : `children[${a}]`;
-    Q(s, l, !1, i);
+    re(s, l, !1, i);
   }), i;
 }
-function we(t) {
-  const e = Q(t, "", !0, []), r = /* @__PURE__ */ new Set(), i = [];
+function $e(t) {
+  const e = re(t, "", !0, []), r = /* @__PURE__ */ new Set(), i = [];
   for (const n of e)
     r.has(n) && i.push(n), r.add(n);
   return i.length === 0 ? [] : [
     `Sub-nav addItem "value" must be globally unique within the item tree (duplicate: ${[...new Set(i)].join(", ")})`
   ];
 }
-function Ae(t) {
+function De(t) {
   if (typeof t != "object" || t === null)
     return {
       valid: !1,
@@ -542,11 +548,11 @@ function Ae(t) {
     };
   const e = [
     ...z(t, "", !0),
-    ...we(t)
+    ...$e(t)
   ];
   return { valid: e.length === 0, errors: e };
 }
-function Re(t) {
+function Me(t) {
   const e = [];
   if (typeof t != "object" || t === null)
     return e.push("Nav updateItem expects an object item"), { valid: !1, errors: e };
@@ -563,43 +569,43 @@ function Re(t) {
     return e.push(
       "Sub-nav updateItem must include at least one of title, url, disabled, active, children"
     ), { valid: !1, errors: e };
-  if (["title", "url"].forEach((d) => {
-    r[d] !== void 0 && (typeof r[d] != "string" || !r[d].trim()) && e.push(`Sub-nav updateItem "${d}" must be non-empty`);
+  if (["title", "url"].forEach((c) => {
+    r[c] !== void 0 && (typeof r[c] != "string" || !r[c].trim()) && e.push(`Sub-nav updateItem "${c}" 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'), r.children !== void 0)
     if (!Array.isArray(r.children))
       e.push('Sub-nav updateItem "children" must be an array');
-    else if (r.children.length > _)
+    else if (r.children.length > D)
       e.push(
-        `Sub-nav updateItem "children" must have at most ${_} items`
+        `Sub-nav updateItem "children" must have at most ${D} items`
       );
     else {
-      const d = /* @__PURE__ */ new Set();
-      r.children.forEach((m, V) => {
-        const M = `children[${V}]`;
-        if (e.push(...z(m, M, !1)), typeof m == "object" && m !== null) {
-          const O = m.value;
-          if (typeof O == "string" && O.trim()) {
-            const L = O.trim();
-            L === l && e.push(
-              `Sub-nav updateItem "${M}.value" must not equal the parent row identifier`
-            ), d.has(L) && e.push(
-              `Sub-nav updateItem "${M}.value" must be unique within children`
-            ), d.add(L);
+      const c = /* @__PURE__ */ new Set();
+      r.children.forEach((m, P) => {
+        const O = `children[${P}]`;
+        if (e.push(...z(m, O, !1)), typeof m == "object" && m !== null) {
+          const L = m.value;
+          if (typeof L == "string" && L.trim()) {
+            const k = L.trim();
+            k === l && e.push(
+              `Sub-nav updateItem "${O}.value" must not equal the parent row identifier`
+            ), c.has(k) && e.push(
+              `Sub-nav updateItem "${O}.value" must be unique within children`
+            ), c.add(k);
           }
         }
       });
     }
   return { valid: e.length === 0, errors: e };
 }
-function Ne(t) {
+function Oe(t) {
   const e = [];
   return (typeof t != "string" || !t.trim()) && e.push("Nav removeItem value must be non-empty string"), { valid: e.length === 0, errors: e };
 }
-const K = ["danger", "warning", "info"];
-function $e(t) {
+const W = ["danger", "warning", "info"];
+function Le(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" || !K.includes(t.variant)) && e.push(
-    `Invalid confirm variant "${t.variant}". Expected: ${K.join(" | ")}`
+  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" || !W.includes(t.variant)) && e.push(
+    `Invalid confirm variant "${t.variant}". Expected: ${W.join(" | ")}`
   ), { valid: e.length === 0, errors: e };
 }
 function p(t, e) {
@@ -609,34 +615,34 @@ function p(t, e) {
 `)
   );
 }
-function Ce() {
+function ke() {
   return { resize: (i) => {
   }, autoResize: () => {
   }, stopAutoResize: () => {
   } };
 }
-function _e() {
-  const { resize: t, autoResize: e, stopAutoResize: r } = Ce();
+function qe() {
+  const { resize: t, autoResize: e, stopAutoResize: r } = ke();
   return {
     navigate(i, n) {
-      const s = Ee({ path: i, ...n });
+      const s = Re({ path: i, ...n });
       if (!s.valid) {
         p(T.NAVIGATE, s.errors);
         return;
       }
-      c(T.NAVIGATE, {
+      d(T.NAVIGATE, {
         path: i,
         state: n?.state,
         replace: n?.replace
       });
     },
     redirect(i) {
-      const n = Te({ url: i });
+      const n = _e({ url: i });
       if (!n.valid) {
         p(T.REDIRECT, n.errors);
         return;
       }
-      c(T.REDIRECT, { url: i });
+      d(T.REDIRECT, { url: i });
     },
     navTo(i, n) {
       if (i.startsWith("http://") || i.startsWith("https://")) {
@@ -652,26 +658,26 @@ function _e() {
         ]);
         return;
       }
-      c(T.SET_TITLE, { title: i });
+      d(T.SET_TITLE, { title: i });
     },
     resize: t,
     autoResize: e,
     stopAutoResize: r
   };
 }
-function De() {
-  const t = A(), e = A(), r = [];
+function xe() {
+  const t = R(), e = R(), r = [];
   return r.push(
-    b(h.ACTION_CLICK, (i) => {
+    y(h.ACTION_CLICK, (i) => {
       t.notify(i.payload.value);
     })
   ), r.push(
-    b(h.ADD_ITEM_RESPONSE, (i) => {
+    y(h.ADD_ITEM_RESPONSE, (i) => {
       if (!i.requestId) return;
       const n = i.payload;
       if (typeof n.error == "string" && n.error.trim()) {
         const a = n.error.trim();
-        o.warn(`embedded::nav.addItem failed: ${a}`), C(
+        o.warn(`embedded::nav.addItem failed: ${a}`), $(
           i.requestId,
           {},
           a
@@ -684,11 +690,11 @@ function De() {
           value: a,
           id: a
         };
-        C(i.requestId, l);
+        $(i.requestId, l);
       }
     })
   ), r.push(
-    b(h.ITEM_CLICK, (i) => {
+    y(h.ITEM_CLICK, (i) => {
       const n = i.payload, s = typeof n.value == "string" && n.value.trim() ? n.value.trim() : typeof n.id == "string" && n.id.trim() ? n.id.trim() : "";
       if (!s) {
         e.notify(n);
@@ -702,12 +708,12 @@ function De() {
     })
   ), {
     setAction(i) {
-      const n = Ie(i);
+      const n = Ne(i);
       if (!n.valid) {
         p(h.SET_ACTION, n.errors);
         return;
       }
-      c(h.SET_ACTION, {
+      d(h.SET_ACTION, {
         title: i.title,
         value: i.value,
         subTitle: i.subTitle,
@@ -723,33 +729,33 @@ function De() {
       });
     },
     clearAction() {
-      c(h.CLEAR_ACTION, {});
+      d(h.CLEAR_ACTION, {});
     },
     onActionClick(i) {
       return t.subscribe(i);
     },
     addNavItem(i) {
-      const n = Ae(i);
-      return n.valid ? x(h.ADD_ITEM, { item: i }, 2e3) : (p(h.ADD_ITEM, n.errors), Promise.reject(new Error(n.errors[0])));
+      const n = De(i);
+      return n.valid ? V(h.ADD_ITEM, { item: i }, 2e3) : (p(h.ADD_ITEM, n.errors), Promise.reject(new Error(n.errors[0])));
     },
     updateNavItem(i) {
-      const n = Re(i);
+      const n = Me(i);
       if (!n.valid) {
         p(h.UPDATE_ITEM, n.errors);
         return;
       }
-      const s = i, a = typeof s.value == "string" ? s.value.trim() : "", l = typeof s.id == "string" ? s.id.trim() : "", f = a || l, { id: d, ...m } = s;
-      c(h.UPDATE_ITEM, {
+      const s = i, a = typeof s.value == "string" ? s.value.trim() : "", l = typeof s.id == "string" ? s.id.trim() : "", f = a || l, { id: c, ...m } = s;
+      d(h.UPDATE_ITEM, {
         item: { ...m, value: f }
       });
     },
     removeNavItem(i) {
-      const n = Ne(i);
+      const n = Oe(i);
       if (!n.valid) {
         p(h.REMOVE_ITEM, n.errors);
         return;
       }
-      c(h.REMOVE_ITEM, { value: i });
+      d(h.REMOVE_ITEM, { value: i });
     },
     onNavItemClick(i) {
       return e.subscribe(i);
@@ -759,40 +765,40 @@ function De() {
     }
   };
 }
-function Me() {
+function Ue() {
   return {
     /**
      * Show loading indicator.
      */
     show() {
-      c(g.LOADING, { action: "show" });
+      d(g.LOADING, { action: "show" });
     },
     /**
      * Hide loading indicator.
      */
     hide() {
-      c(g.LOADING, { action: "hide" });
+      d(g.LOADING, { action: "hide" });
     }
   };
 }
-function Oe() {
+function Ve() {
   return {
     hide() {
-      c(g.BREADCRUMBS, { action: "hide" });
+      d(g.BREADCRUMBS, { action: "hide" });
     },
     show() {
-      c(g.BREADCRUMBS, { action: "show" });
+      d(g.BREADCRUMBS, { action: "show" });
     }
   };
 }
-function Le() {
+function ze() {
   const t = (e) => {
-    const r = be(e);
+    const r = Se(e);
     if (!r.valid) {
       p(g.TOAST, r.errors);
       return;
     }
-    c(g.TOAST, {
+    d(g.TOAST, {
       type: e.type,
       message: e.message,
       duration: e.duration
@@ -829,10 +835,10 @@ function Le() {
     }
   };
 }
-function qe() {
+function Pe() {
   return async (t) => {
-    const e = $e(t);
-    return e.valid ? x(g.CONFIRM, {
+    const e = Le(t);
+    return e.valid ? V(g.CONFIRM, {
       title: t.title,
       message: t.message,
       confirmText: t.confirmText ?? "Confirm",
@@ -841,31 +847,41 @@ function qe() {
     }) : (p(g.CONFIRM, e.errors), Promise.reject(new Error(e.errors.join(", "))));
   };
 }
-function ke() {
+function je() {
   return {
-    loading: Me(),
-    breadcrumbs: Oe(),
-    toast: Le(),
-    confirm: qe()
+    loading: Ue(),
+    breadcrumbs: Ve(),
+    toast: ze(),
+    confirm: Pe()
   };
 }
-function xe() {
-  const t = A(), e = [];
+const He = "INVALID_CHECKOUT_INPUT";
+function w(t) {
+  const e = new Error(t);
+  return e.code = He, e;
+}
+const Ke = ["type", "slug", "quantity"];
+function Y(t) {
+  return typeof t == "object" && t !== null && !Array.isArray(t) && "checkout_id" in t && t.checkout_id !== void 0;
+}
+function Fe() {
+  const t = R(), e = [];
   return e.push(
-    b(y.RESPONSE, (r) => {
+    y(v.RESPONSE, (r) => {
       t.notify({
         success: r.payload.success,
         order_id: r.payload.order_id,
+        checkout_id: r.payload.checkout_id,
         status: r.payload.status,
         error: r.payload.error,
         context: r.payload.context
       });
     })
   ), e.push(
-    b(
-      y.GET_ADDONS_RESPONSE,
+    y(
+      v.GET_ADDONS_RESPONSE,
       (r) => {
-        r.requestId && C(r.requestId, {
+        r.requestId && $(r.requestId, {
           success: r.payload.success,
           addons: r.payload.addons,
           error: r.payload.error
@@ -874,21 +890,42 @@ function xe() {
     )
   ), {
     create(r, i) {
-      const n = Array.isArray(r) ? r : [r], s = ye({ items: n });
-      if (!s.valid)
-        throw p(y.CREATE, s.errors), new Error(s.errors[0]);
-      c(
-        y.CREATE,
+      if (Array.isArray(r) && r.some((s) => Y(s)))
+        throw w(U);
+      let n;
+      if (Y(r)) {
+        if ("context" in r)
+          throw w(
+            "context must be passed as the second argument (config.context)"
+          );
+        if (Ke.some((a) => a in r))
+          throw w(U);
+        const s = X(
+          r
+        );
+        if (!s.valid)
+          throw p(v.CREATE, s.errors), w(s.errors[0]);
+        n = { checkout_id: r.checkout_id };
+      } else {
+        const s = Array.isArray(r) ? r : [r], a = X({ items: s });
+        if (!a.valid)
+          throw p(v.CREATE, a.errors), w(a.errors[0]);
+        n = {
+          items: s.map((l) => ({
+            type: l.type,
+            slug: l.slug,
+            quantity: l.quantity ?? 1
+          }))
+        };
+      }
+      d(
+        v.CREATE,
         {
-          items: n.map((a) => ({
-            type: a.type,
-            slug: a.slug,
-            quantity: a.quantity ?? 1
-          })),
+          ...n,
           ...i?.context !== void 0 && { context: i.context }
         },
         "*",
-        Y()
+        te()
       );
     },
     onResult(r) {
@@ -896,8 +933,8 @@ function xe() {
     },
     async getAddons() {
       try {
-        return await x(
-          y.GET_ADDONS,
+        return await V(
+          v.GET_ADDONS,
           {},
           3e4
         );
@@ -912,28 +949,29 @@ function xe() {
       }
     },
     resetCache() {
-      c(y.RESET_CACHE, {}, "*");
+      d(v.RESET_CACHE, {}, "*");
     },
     destroy() {
       e.forEach((r) => r()), e.length = 0, t.clear();
     }
   };
 }
-const G = {
+const Q = {
   theme: "light",
   dir: "rtl",
   width: 0,
   locale: "ar",
   currency: "SAR"
 };
-class ze {
+class Ge {
   constructor() {
-    this.initialized = !1, this.initializing = !1, this.debugMode = !1, this.appReady = !1, this.layout = { ...G }, this.postInitHooks = [], this.themeSubscription = A(), this.initSubscription = A(), this.auth = ve(), this.page = _e(), this.nav = De(), this.ui = ke(), this.checkout = xe(), this.registerPostInitHook((e) => {
+    this.initialized = !1, this.initializing = !1, this.debugMode = !1, this.appReady = !1, this.layout = { ...Q }, this.postInitHooks = [], this.themeSubscription = R(), this.initSubscription = R(), this.auth = Ie(), this.page = qe(), this.nav = xe(), this.ui = je(), this.checkout = Fe(), this.registerPostInitHook((e) => {
       const r = e.payload.pendingCheckoutResult;
       r && (o.debug("Dispatching pending checkout result:", r), queueMicrotask(() => {
-        le(y.RESPONSE, {
+        ge(v.RESPONSE, {
           success: r.success,
           status: r.status,
+          checkout_id: r.checkout_id,
           error: r.error,
           context: r.context
         });
@@ -951,10 +989,10 @@ class ze {
    * Set up core event listeners.
    */
   setupListeners() {
-    b(U.THEME_CHANGE, (e) => {
+    y(j.THEME_CHANGE, (e) => {
       this.layout.theme = e.payload.theme, o.debug("Theme changed:", e.payload.theme), this.themeSubscription.notify(e.payload.theme);
-    }), b(g.CONFIRM_RESPONSE, (e) => {
-      o.debug("Received confirm response:", e), e.requestId && C(e.requestId, { confirmed: e.payload.confirmed });
+    }), y(g.CONFIRM_RESPONSE, (e) => {
+      o.debug("Received confirm response:", e), e.requestId && $(e.requestId, { confirmed: e.payload.confirmed });
     });
   }
   /**
@@ -1003,7 +1041,7 @@ class ze {
       o.warn("Cannot signal ready before init() is called");
       return;
     }
-    this.appReady = !0, c(q.READY, {}), o.debug("Sent ready signal to host");
+    this.appReady = !0, d(q.READY, {}), o.debug("Sent ready signal to host");
   }
   /**
    * Initialize the SDK and establish connection with the host.
@@ -1017,19 +1055,19 @@ class ze {
           i(), r({ layout: { ...n.layout } });
         });
       });
-    this.initializing = !0, this.debugMode = e.debug ?? !1, ne({ debug: this.debugMode }), ce() || o.warn("Not running in an iframe. Some features may not work."), o.debug("Initializing SDK...");
+    this.initializing = !0, this.debugMode = e.debug ?? !1, ce({ debug: this.debugMode }), pe() || o.warn("Not running in an iframe. Some features may not work."), o.debug("Initializing SDK...");
     try {
-      c(q.INIT, {
+      d(q.INIT, {
         height: document.documentElement.scrollHeight
       }), o.debug("Sent iframe.ready message, waiting for context...");
-      const r = await ue(
-        U.PROVIDE
+      const r = await he(
+        j.PROVIDE
       );
       o.debug("Received context from host:", r);
       const { layout: i } = r.payload;
       return this.layout = {
         theme: i?.theme ?? "light",
-        dir: i?.dir ?? ie(i?.locale),
+        dir: i?.dir ?? ue(i?.locale),
         width: i?.width ?? 0,
         locale: i?.locale ?? "ar",
         currency: i?.currency ?? "SAR"
@@ -1048,23 +1086,24 @@ class ze {
    * Destroy the SDK instance and clean up resources.
    */
   destroy() {
-    o.debug("Destroying SDK instance"), this.initialized && (c(q.DESTROY, {}), o.debug("Sent destroy event to host")), this.checkout.destroy(), this.nav.destroy(), he("SDK destroyed"), de(), this.themeSubscription.clear(), this.initSubscription.clear(), this.postInitHooks = [], this.initialized = !1, this.initializing = !1, this.appReady = !1, this.layout = { ...G };
+    o.debug("Destroying SDK instance"), this.initialized && (d(q.DESTROY, {}), o.debug("Sent destroy event to host")), this.checkout.destroy(), this.nav.destroy(), be("SDK destroyed"), me(), this.themeSubscription.clear(), this.initSubscription.clear(), this.postInitHooks = [], this.initialized = !1, this.initializing = !1, this.appReady = !1, this.layout = { ...Q };
   }
 }
 let I = null;
-function J() {
-  return I || (I = new ze()), I;
+function ie() {
+  return I || (I = new Ge()), I;
 }
-function Ve() {
+function Be() {
   I && (I.destroy(), I = null);
 }
-const B = J(), Ue = D;
-typeof window < "u" && (window.salla = window.salla || window.Salla || {}, window.Salla = window.salla, window.salla.embedded || (window.salla.embedded = B), window.Salla.embedded || (window.Salla.embedded = B));
+const J = ie(), Xe = M;
+typeof window < "u" && (window.salla = window.salla || window.Salla || {}, window.Salla = window.salla, window.salla.embedded || (window.salla.embedded = J), window.Salla.embedded || (window.Salla.embedded = J));
 export {
-  ze as EmbeddedApp,
-  B as embedded,
-  J as getEmbeddedApp,
-  Ve as resetEmbeddedApp,
-  Ue as version
+  Ge as EmbeddedApp,
+  He as INVALID_CHECKOUT_INPUT,
+  J as embedded,
+  ie as getEmbeddedApp,
+  Be as resetEmbeddedApp,
+  Xe as version
 };
 //# sourceMappingURL=index.js.map