@instockng/storefront-ui 1.0.101 → 1.0.103

package/dist/index97.mjs

@@ -1,71 +1,90 @@
 'use client';
-import i from "./index94.mjs";
-import h from "./index108.mjs";
-const c = (s) => s instanceof h ? { ...s } : s;
-function C(s, f) {
-  f = f || {};
-  const u = {};
-  function d(t, e, r, o) {
-    return i.isPlainObject(t) && i.isPlainObject(e) ? i.merge.call({ caseless: o }, t, e) : i.isPlainObject(e) ? i.merge({}, e) : i.isArray(e) ? e.slice() : e;
-  }
-  function l(t, e, r, o) {
-    if (i.isUndefined(e)) {
-      if (!i.isUndefined(t))
-        return d(void 0, t, r, o);
-    } else return d(t, e, r, o);
-  }
-  function a(t, e) {
-    if (!i.isUndefined(e))
-      return d(void 0, e);
-  }
-  function n(t, e) {
-    if (i.isUndefined(e)) {
-      if (!i.isUndefined(t))
-        return d(void 0, t);
-    } else return d(void 0, e);
-  }
-  function m(t, e, r) {
-    if (r in f)
-      return d(t, e);
-    if (r in s)
-      return d(void 0, t);
-  }
-  const g = {
-    url: a,
-    method: a,
-    data: a,
-    baseURL: n,
-    transformRequest: n,
-    transformResponse: n,
-    paramsSerializer: n,
-    timeout: n,
-    timeoutMessage: n,
-    withCredentials: n,
-    withXSRFToken: n,
-    adapter: n,
-    responseType: n,
-    xsrfCookieName: n,
-    xsrfHeaderName: n,
-    onUploadProgress: n,
-    onDownloadProgress: n,
-    decompress: n,
-    maxContentLength: n,
-    maxBodyLength: n,
-    beforeRedirect: n,
-    transport: n,
-    httpAgent: n,
-    httpsAgent: n,
-    cancelToken: n,
-    socketPath: n,
-    responseEncoding: n,
-    validateStatus: m,
-    headers: (t, e, r) => l(c(t), c(e), r, !0)
-  };
-  return i.forEach(Object.keys({ ...s, ...f }), function(e) {
-    const r = g[e] || l, o = r(s[e], f[e], e);
-    i.isUndefined(o) && r !== m || (u[e] = o);
-  }), u;
+import t from "./index93.mjs";
+import c from "./index104.mjs";
+import u from "./index155.mjs";
+import S from "./index103.mjs";
+import h from "./index156.mjs";
+import a from "./index157.mjs";
+import O from "./index98.mjs";
+function y(i, r, e) {
+  if (t.isString(i))
+    try {
+      return (r || JSON.parse)(i), t.trim(i);
+    } catch (n) {
+      if (n.name !== "SyntaxError")
+        throw n;
+    }
+  return (e || JSON.stringify)(i);
 }
+const l = {
+  transitional: u,
+  adapter: ["xhr", "http", "fetch"],
+  transformRequest: [function(r, e) {
+    const n = e.getContentType() || "", s = n.indexOf("application/json") > -1, f = t.isObject(r);
+    if (f && t.isHTMLForm(r) && (r = new FormData(r)), t.isFormData(r))
+      return s ? JSON.stringify(O(r)) : r;
+    if (t.isArrayBuffer(r) || t.isBuffer(r) || t.isStream(r) || t.isFile(r) || t.isBlob(r) || t.isReadableStream(r))
+      return r;
+    if (t.isArrayBufferView(r))
+      return r.buffer;
+    if (t.isURLSearchParams(r))
+      return e.setContentType("application/x-www-form-urlencoded;charset=utf-8", !1), r.toString();
+    let o;
+    if (f) {
+      if (n.indexOf("application/x-www-form-urlencoded") > -1)
+        return h(r, this.formSerializer).toString();
+      if ((o = t.isFileList(r)) || n.indexOf("multipart/form-data") > -1) {
+        const p = this.env && this.env.FormData;
+        return S(
+          o ? { "files[]": r } : r,
+          p && new p(),
+          this.formSerializer
+        );
+      }
+    }
+    return f || s ? (e.setContentType("application/json", !1), y(r)) : r;
+  }],
+  transformResponse: [function(r) {
+    const e = this.transitional || l.transitional, n = e && e.forcedJSONParsing, s = this.responseType === "json";
+    if (t.isResponse(r) || t.isReadableStream(r))
+      return r;
+    if (r && t.isString(r) && (n && !this.responseType || s)) {
+      const m = !(e && e.silentJSONParsing) && s;
+      try {
+        return JSON.parse(r, this.parseReviver);
+      } catch (o) {
+        if (m)
+          throw o.name === "SyntaxError" ? c.from(o, c.ERR_BAD_RESPONSE, this, null, this.response) : o;
+      }
+    }
+    return r;
+  }],
+  /**
+   * A timeout in milliseconds to abort a request. If set to 0 (default) a
+   * timeout is not created.
+   */
+  timeout: 0,
+  xsrfCookieName: "XSRF-TOKEN",
+  xsrfHeaderName: "X-XSRF-TOKEN",
+  maxContentLength: -1,
+  maxBodyLength: -1,
+  env: {
+    FormData: a.classes.FormData,
+    Blob: a.classes.Blob
+  },
+  validateStatus: function(r) {
+    return r >= 200 && r < 300;
+  },
+  headers: {
+    common: {
+      Accept: "application/json, text/plain, */*",
+      "Content-Type": void 0
+    }
+  }
+};
+t.forEach(["delete", "get", "head", "post", "put", "patch"], (i) => {
+  l.headers[i] = {};
+});
 export {
-  C as default
+  l as default
 };

package/dist/index98.mjs

@@ -1,90 +1,32 @@
 'use client';
-import t from "./index94.mjs";
-import c from "./index105.mjs";
-import u from "./index155.mjs";
-import S from "./index104.mjs";
-import h from "./index156.mjs";
-import a from "./index157.mjs";
-import O from "./index99.mjs";
-function y(i, r, e) {
-  if (t.isString(i))
-    try {
-      return (r || JSON.parse)(i), t.trim(i);
-    } catch (n) {
-      if (n.name !== "SyntaxError")
-        throw n;
-    }
-  return (e || JSON.stringify)(i);
+import u from "./index93.mjs";
+function f(e) {
+  return u.matchAll(/\w+|\[(\w*)]/g, e).map((o) => o[0] === "[]" ? "" : o[1] || o[0]);
 }
-const l = {
-  transitional: u,
-  adapter: ["xhr", "http", "fetch"],
-  transformRequest: [function(r, e) {
-    const n = e.getContentType() || "", s = n.indexOf("application/json") > -1, f = t.isObject(r);
-    if (f && t.isHTMLForm(r) && (r = new FormData(r)), t.isFormData(r))
-      return s ? JSON.stringify(O(r)) : r;
-    if (t.isArrayBuffer(r) || t.isBuffer(r) || t.isStream(r) || t.isFile(r) || t.isBlob(r) || t.isReadableStream(r))
-      return r;
-    if (t.isArrayBufferView(r))
-      return r.buffer;
-    if (t.isURLSearchParams(r))
-      return e.setContentType("application/x-www-form-urlencoded;charset=utf-8", !1), r.toString();
-    let o;
-    if (f) {
-      if (n.indexOf("application/x-www-form-urlencoded") > -1)
-        return h(r, this.formSerializer).toString();
-      if ((o = t.isFileList(r)) || n.indexOf("multipart/form-data") > -1) {
-        const p = this.env && this.env.FormData;
-        return S(
-          o ? { "files[]": r } : r,
-          p && new p(),
-          this.formSerializer
-        );
-      }
-    }
-    return f || s ? (e.setContentType("application/json", !1), y(r)) : r;
-  }],
-  transformResponse: [function(r) {
-    const e = this.transitional || l.transitional, n = e && e.forcedJSONParsing, s = this.responseType === "json";
-    if (t.isResponse(r) || t.isReadableStream(r))
-      return r;
-    if (r && t.isString(r) && (n && !this.responseType || s)) {
-      const m = !(e && e.silentJSONParsing) && s;
-      try {
-        return JSON.parse(r, this.parseReviver);
-      } catch (o) {
-        if (m)
-          throw o.name === "SyntaxError" ? c.from(o, c.ERR_BAD_RESPONSE, this, null, this.response) : o;
-      }
-    }
-    return r;
-  }],
-  /**
-   * A timeout in milliseconds to abort a request. If set to 0 (default) a
-   * timeout is not created.
-   */
-  timeout: 0,
-  xsrfCookieName: "XSRF-TOKEN",
-  xsrfHeaderName: "X-XSRF-TOKEN",
-  maxContentLength: -1,
-  maxBodyLength: -1,
-  env: {
-    FormData: a.classes.FormData,
-    Blob: a.classes.Blob
-  },
-  validateStatus: function(r) {
-    return r >= 200 && r < 300;
-  },
-  headers: {
-    common: {
-      Accept: "application/json, text/plain, */*",
-      "Content-Type": void 0
-    }
+function y(e) {
+  const o = {}, r = Object.keys(e);
+  let i;
+  const n = r.length;
+  let c;
+  for (i = 0; i < n; i++)
+    c = r[i], o[c] = e[c];
+  return o;
+}
+function m(e) {
+  function o(r, i, n, c) {
+    let s = r[c++];
+    if (s === "__proto__") return !0;
+    const t = Number.isFinite(+s), l = c >= r.length;
+    return s = !s && u.isArray(n) ? n.length : s, l ? (u.hasOwnProp(n, s) ? n[s] = [n[s], i] : n[s] = i, !t) : ((!n[s] || !u.isObject(n[s])) && (n[s] = []), o(r, i, n[s], c) && u.isArray(n[s]) && (n[s] = y(n[s])), !t);
   }
-};
-t.forEach(["delete", "get", "head", "post", "put", "patch"], (i) => {
-  l.headers[i] = {};
-});
+  if (u.isFormData(e) && u.isFunction(e.entries)) {
+    const r = {};
+    return u.forEachEntry(e, (i, n) => {
+      o(f(i), n, r, 0);
+    }), r;
+  }
+  return null;
+}
 export {
-  l as default
+  m as default
 };

package/dist/index99.mjs

@@ -1,32 +1,12 @@
 'use client';
-import u from "./index94.mjs";
-function f(e) {
-  return u.matchAll(/\w+|\[(\w*)]/g, e).map((o) => o[0] === "[]" ? "" : o[1] || o[0]);
-}
-function y(e) {
-  const o = {}, r = Object.keys(e);
-  let i;
-  const n = r.length;
-  let c;
-  for (i = 0; i < n; i++)
-    c = r[i], o[c] = e[c];
-  return o;
-}
-function m(e) {
-  function o(r, i, n, c) {
-    let s = r[c++];
-    if (s === "__proto__") return !0;
-    const t = Number.isFinite(+s), l = c >= r.length;
-    return s = !s && u.isArray(n) ? n.length : s, l ? (u.hasOwnProp(n, s) ? n[s] = [n[s], i] : n[s] = i, !t) : ((!n[s] || !u.isObject(n[s])) && (n[s] = []), o(r, i, n[s], c) && u.isArray(n[s]) && (n[s] = y(n[s])), !t);
-  }
-  if (u.isFormData(e) && u.isFunction(e.entries)) {
-    const r = {};
-    return u.forEachEntry(e, (i, n) => {
-      o(f(i), n, r, 0);
-    }), r;
-  }
-  return null;
+import r from "./index104.mjs";
+import i from "./index93.mjs";
+function l(o, t, e) {
+  r.call(this, o ?? "canceled", r.ERR_CANCELED, t, e), this.name = "CanceledError";
 }
+i.inherits(l, r, {
+  __CANCEL__: !0
+});
 export {
-  m as default
+  l as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instockng/storefront-ui",
-  "version": "1.0.101",
+  "version": "1.0.103",
   "description": "Pre-built UI components for OMS e-commerce sites",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/components/Checkout.stories.tsx

@@ -262,7 +262,7 @@ const CheckoutWrapper = (args: any) => {
 };
 
 const mockRefundPolicy = {
-  title: '🤔 Curious about Refunds?',
+  title: 'Yes we offer refunds!',
   policies: [
     '2 day return window from delivery date',
     'Items must be unused and in original packaging',

package/src/components/Checkout.tsx

@@ -860,11 +860,18 @@ export function Checkout({
                       required
                     >
                       <option disabled value="">Select State</option>
-                      {states?.map((state) => (
-                        <option key={state.id} value={state.id}>
-                          {state.name}
-                        </option>
-                      ))}
+                      {states
+                        ?.slice()
+                        .sort((a, b) => {
+                          const aIsLagos = a.name.toLowerCase() === 'lagos' ? 0 : 1;
+                          const bIsLagos = b.name.toLowerCase() === 'lagos' ? 0 : 1;
+                          return aIsLagos - bIsLagos;
+                        })
+                        .map((state) => (
+                          <option key={state.id} value={state.id}>
+                            {state.name}
+                          </option>
+                        ))}
                     </FormSelect>
 
                     <FormSelect
@@ -914,7 +921,7 @@ export function Checkout({
                         className="overflow-hidden w-full flex items-center overflow-hidden rounded-lg rounded-b-none justify-between p-4 text-left hover:bg-gray-50 transition-colors"
                       >
                         <span className="text-sm font-bold text-accent-700">
-                          {refundPolicy.title || '🤔 Curious about Refunds?'}
+                          {refundPolicy.title || 'Yes, we offer refunds!'}
                         </span>
                         <ChevronDown
                           size={16}

package/src/components/ShoppingCart.tsx

@@ -114,8 +114,9 @@ export function ShoppingCart({
   const subtotal = cart?.pricing?.subtotal || 0;
   const discount = cart?.pricing.discount?.amount || 0;
 
-  const hasDiscountedAddons = upsellAddons && upsellAddons.length > 0 &&
-    upsellAddons.some((group: any) => group.addons && group.addons.length > 0);
+  // const hasDiscountedAddons = upsellAddons && upsellAddons.length > 0 &&
+  //   upsellAddons.some((group: any) => group.addons && group.addons.length > 0);
+  const hasDiscountedAddons = false;
 
   const handleCheckout = () => {
     // Track InitiateCheckout with Meta Pixel (includes event ID for CAPI deduplication)
@@ -361,7 +362,7 @@ export function ShoppingCart({
         }}
         onClose={() => setIsCheckoutOpen(false)}
         refundPolicy={{
-          title: '🤔 Curious about Refunds?',
+          title: 'Yes we offer refunds!',
           policies: [
             '2 day return window from delivery date',
             'Items must be unused and in original packaging',