@instockng/storefront-ui 1.0.101 → 1.0.102

package/dist/index98.mjs

@@ -1,90 +1,78 @@
 '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);
-}
-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;
-  }],
+import u from "./index97.mjs";
+class c {
+  constructor(e) {
+    if (typeof e != "function")
+      throw new TypeError("executor must be a function.");
+    let t;
+    this.promise = new Promise(function(r) {
+      t = r;
+    });
+    const s = this;
+    this.promise.then((n) => {
+      if (!s._listeners) return;
+      let r = s._listeners.length;
+      for (; r-- > 0; )
+        s._listeners[r](n);
+      s._listeners = null;
+    }), this.promise.then = (n) => {
+      let r;
+      const o = new Promise((i) => {
+        s.subscribe(i), r = i;
+      }).then(n);
+      return o.cancel = function() {
+        s.unsubscribe(r);
+      }, o;
+    }, e(function(r, o, i) {
+      s.reason || (s.reason = new u(r, o, i), t(s.reason));
+    });
+  }
   /**
-   * A timeout in milliseconds to abort a request. If set to 0 (default) a
-   * timeout is not created.
+   * Throws a `CanceledError` if cancellation has been requested.
    */
-  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
+  throwIfRequested() {
+    if (this.reason)
+      throw this.reason;
+  }
+  /**
+   * Subscribe to the cancel signal
+   */
+  subscribe(e) {
+    if (this.reason) {
+      e(this.reason);
+      return;
     }
+    this._listeners ? this._listeners.push(e) : this._listeners = [e];
   }
-};
-t.forEach(["delete", "get", "head", "post", "put", "patch"], (i) => {
-  l.headers[i] = {};
-});
+  /**
+   * Unsubscribe from the cancel signal
+   */
+  unsubscribe(e) {
+    if (!this._listeners)
+      return;
+    const t = this._listeners.indexOf(e);
+    t !== -1 && this._listeners.splice(t, 1);
+  }
+  toAbortSignal() {
+    const e = new AbortController(), t = (s) => {
+      e.abort(s);
+    };
+    return this.subscribe(t), e.signal.unsubscribe = () => this.unsubscribe(t), e.signal;
+  }
+  /**
+   * Returns an object that contains a new `CancelToken` and a function that, when called,
+   * cancels the `CancelToken`.
+   */
+  static source() {
+    let e;
+    return {
+      token: new c(function(n) {
+        e = n;
+      }),
+      cancel: e
+    };
+  }
+}
 export {
-  l as default
+  c as default
 };

package/dist/index99.mjs

@@ -1,32 +1,7 @@
 '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;
+function t(n) {
+  return !!(n && n.__CANCEL__);
 }
 export {
-  m as default
+  t as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instockng/storefront-ui",
-  "version": "1.0.101",
+  "version": "1.0.102",
   "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

@@ -361,7 +361,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',