@instockng/storefront-ui 1.0.30 → 1.0.32

package/dist/components/Checkout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkout.d.ts","sourceRoot":"","sources":["../../src/components/Checkout.tsx"],"names":[],"mappings":"AA6FA,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,QAAQ,CAAC;AAE7C,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,aAAa,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,aAAa;IAC5B,gCAAgC;IAChC,MAAM,EAAE,OAAO,CAAC;IAChB,uCAAuC;IACvC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,wBAAwB;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;IACxC,sCAAsC;IACtC,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,wBAAwB;IACxB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,yBAAyB;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,qCAAqC;IACrC,MAAM,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACjD,4BAA4B;IAC5B,YAAY,CAAC,EAAE;QACb,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;KACrB,CAAC;CACH;AAID,wBAAgB,QAAQ,CAAC,EACvB,MAAM,EACN,OAAO,EACP,WAAW,EACX,SAAS,EACT,OAAO,EACP,gBAAgC,EAChC,YAAY,GACb,EAAE,aAAa,2CAw2Bf"}
+{"version":3,"file":"Checkout.d.ts","sourceRoot":"","sources":["../../src/components/Checkout.tsx"],"names":[],"mappings":"AA6FA,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,QAAQ,CAAC;AAE7C,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,aAAa,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,aAAa;IAC5B,gCAAgC;IAChC,MAAM,EAAE,OAAO,CAAC;IAChB,uCAAuC;IACvC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,wBAAwB;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;IACxC,sCAAsC;IACtC,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,wBAAwB;IACxB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,yBAAyB;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,qCAAqC;IACrC,MAAM,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACjD,4BAA4B;IAC5B,YAAY,CAAC,EAAE;QACb,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;KACrB,CAAC;CACH;AAID,wBAAgB,QAAQ,CAAC,EACvB,MAAM,EACN,OAAO,EACP,WAAW,EACX,SAAS,EACT,OAAO,EACP,gBAAgC,EAChC,YAAY,GACb,EAAE,aAAa,2CAy2Bf"}

package/dist/hooks/usePaystackPayment.d.ts

@@ -33,11 +33,12 @@ export interface PaystackResponse {
     message: string;
 }
 export interface UsePaystackPaymentOptions {
+    isOpen: boolean;
     publicKey: string;
     onSuccess?: (response: PaystackResponse) => void;
     onClose?: () => void;
 }
-export declare function usePaystackPayment({ publicKey, onSuccess, onClose, }: UsePaystackPaymentOptions): {
+export declare function usePaystackPayment({ isOpen, publicKey, onSuccess, onClose, }: UsePaystackPaymentOptions): {
     isLoaded: boolean;
     isLoading: boolean;
     error: string | null;

package/dist/hooks/usePaystackPayment.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePaystackPayment.d.ts","sourceRoot":"","sources":["../../src/hooks/usePaystackPayment.ts"],"names":[],"mappings":"AAYA,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,WAAW,CAAC,EAAE;YACZ,KAAK,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK;gBACjC,UAAU,EAAE,MAAM,IAAI,CAAC;aACxB,CAAC;SACH,CAAC;KACH;CACF;AAED,MAAM,WAAW,cAAc;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE;QACT,aAAa,CAAC,EAAE,KAAK,CAAC;YACpB,YAAY,EAAE,MAAM,CAAC;YACrB,aAAa,EAAE,MAAM,CAAC;YACtB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;SACxB,CAAC,CAAC;QACH,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KACpB,CAAC;IACF,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAChD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,yBAAyB;IACxC,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,SAAS,EACT,OAAO,GACR,EAAE,yBAAyB;;;;gCAuCf,IAAI,CAAC,cAAc,EAAE,KAAK,GAAG,UAAU,GAAG,SAAS,CAAC;EAsChE"}
+{"version":3,"file":"usePaystackPayment.d.ts","sourceRoot":"","sources":["../../src/hooks/usePaystackPayment.ts"],"names":[],"mappings":"AAYA,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,WAAW,CAAC,EAAE;YACZ,KAAK,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK;gBACjC,UAAU,EAAE,MAAM,IAAI,CAAC;aACxB,CAAC;SACH,CAAC;KACH;CACF;AAED,MAAM,WAAW,cAAc;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE;QACT,aAAa,CAAC,EAAE,KAAK,CAAC;YACpB,YAAY,EAAE,MAAM,CAAC;YACrB,aAAa,EAAE,MAAM,CAAC;YACtB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;SACxB,CAAC,CAAC;QACH,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KACpB,CAAC;IACF,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAChD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,yBAAyB;IACxC,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,SAAS,EACT,SAAS,EACT,OAAO,GACR,EAAE,yBAAyB;;;;gCA4Cf,IAAI,CAAC,cAAc,EAAE,KAAK,GAAG,UAAU,GAAG,SAAS,CAAC;EAsChE"}

package/dist/index100.mjs

@@ -1,7 +1,7 @@
 'use client';
-import { __exports as r } from "./index158.mjs";
-import { __require as m } from "./index159.mjs";
-import { __require as l } from "./index160.mjs";
+import { __exports as r } from "./index157.mjs";
+import { __require as m } from "./index158.mjs";
+import { __require as l } from "./index159.mjs";
 var i;
 function p() {
   return i ? r : (i = 1, function(t) {

package/dist/index101.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { __exports as t } from "./index161.mjs";
+import { __exports as t } from "./index160.mjs";
 var i;
 function s() {
   return i ? t : (i = 1, function(o) {

package/dist/index102.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { __exports as u } from "./index162.mjs";
+import { __exports as u } from "./index161.mjs";
 var f;
 function m() {
   return f ? u : (f = 1, function(i) {

package/dist/index103.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { __exports as a } from "./index163.mjs";
+import { __exports as a } from "./index162.mjs";
 var g;
 function j() {
   return g ? a : (g = 1, function(u) {

package/dist/index104.mjs

@@ -1,6 +1,6 @@
 'use client';
-import { __exports as t } from "./index164.mjs";
-import { __require as c } from "./index165.mjs";
+import { __exports as t } from "./index163.mjs";
+import { __require as c } from "./index164.mjs";
 var i;
 function p() {
   return i ? t : (i = 1, function(r) {

package/dist/index105.mjs

@@ -1,7 +1,7 @@
 'use client';
-import { __exports as i } from "./index166.mjs";
+import { __exports as i } from "./index165.mjs";
 import { __require as U } from "./index103.mjs";
-import { __require as _ } from "./index167.mjs";
+import { __require as _ } from "./index166.mjs";
 var s;
 function q() {
   return s ? i : (s = 1, function(n) {

package/dist/index106.mjs

@@ -1,7 +1,7 @@
 'use client';
-import { __exports as f } from "./index168.mjs";
-import { __require as z } from "./index169.mjs";
-import { __require as A } from "./index170.mjs";
+import { __exports as f } from "./index167.mjs";
+import { __require as z } from "./index168.mjs";
+import { __require as A } from "./index169.mjs";
 import { __require as F } from "./index97.mjs";
 import { __require as O } from "./index101.mjs";
 import { __require as U } from "./index114.mjs";

package/dist/index107.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { __exports as n } from "./index171.mjs";
+import { __exports as n } from "./index170.mjs";
 import { __require as l } from "./index103.mjs";
 var s;
 function q() {

package/dist/index108.mjs

@@ -1,8 +1,8 @@
 'use client';
-import { __exports as p } from "./index172.mjs";
+import { __exports as p } from "./index171.mjs";
 import { __require as I } from "./index127.mjs";
-import { __require as q } from "./index165.mjs";
-import { __require as v } from "./index173.mjs";
+import { __require as q } from "./index164.mjs";
+import { __require as v } from "./index172.mjs";
 import { __require as O } from "./index97.mjs";
 var N;
 function w() {

package/dist/index109.mjs

@@ -1,7 +1,7 @@
 'use client';
-import { __exports as c } from "./index174.mjs";
+import { __exports as c } from "./index173.mjs";
 import { __require as y } from "./index96.mjs";
-import { __require as U } from "./index167.mjs";
+import { __require as U } from "./index166.mjs";
 var l;
 function x() {
   return l ? c : (l = 1, function(h) {

package/dist/index110.mjs

@@ -1,6 +1,6 @@
 'use client';
-import { __module as u } from "./index175.mjs";
-import { __require as c } from "./index176.mjs";
+import { __module as u } from "./index174.mjs";
+import { __require as c } from "./index175.mjs";
 var a;
 function d() {
   return a ? u.exports : (a = 1, function(o, e) {

package/dist/index111.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { __exports as u } from "./index177.mjs";
+import { __exports as u } from "./index176.mjs";
 var a;
 function f() {
   return a ? u : (a = 1, function(s) {

package/dist/index112.mjs

@@ -1,7 +1,7 @@
 'use client';
-import { __module as a } from "./index178.mjs";
-import { __require as f } from "./index179.mjs";
-import { __require as c } from "./index180.mjs";
+import { __module as a } from "./index177.mjs";
+import { __require as f } from "./index178.mjs";
+import { __require as c } from "./index179.mjs";
 var i;
 function g() {
   return i ? a.exports : (i = 1, function(o, e) {

package/dist/index113.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { __module as o } from "./index181.mjs";
+import { __module as o } from "./index180.mjs";
 import { __require as d } from "./index111.mjs";
 var f;
 function m() {

package/dist/index114.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { __module as r } from "./index182.mjs";
+import { __module as r } from "./index181.mjs";
 import { __require as o } from "./index116.mjs";
 var a;
 function l() {

package/dist/index115.mjs

@@ -1,7 +1,7 @@
 'use client';
-import { __module as a } from "./index183.mjs";
-import { __require as _ } from "./index184.mjs";
-import { __require as l } from "./index179.mjs";
+import { __module as a } from "./index182.mjs";
+import { __require as _ } from "./index183.mjs";
+import { __require as l } from "./index178.mjs";
 var t;
 function h() {
   return t ? a.exports : (t = 1, function(u, e) {

package/dist/index116.mjs

@@ -1,6 +1,6 @@
 'use client';
-import { __module as t } from "./index185.mjs";
-import { __require as s } from "./index186.mjs";
+import { __module as t } from "./index184.mjs";
+import { __require as s } from "./index185.mjs";
 var a;
 function _() {
   return a ? t.exports : (a = 1, function(u, e) {

package/dist/index117.mjs

@@ -1,12 +1,12 @@
 'use client';
-import { __module as n } from "./index187.mjs";
-import { __require as H } from "./index167.mjs";
+import { __module as n } from "./index186.mjs";
+import { __require as H } from "./index166.mjs";
 import { __require as L } from "./index109.mjs";
 import { __require as j } from "./index124.mjs";
 import { __require as O } from "./index103.mjs";
-import { __require as S } from "./index179.mjs";
+import { __require as S } from "./index178.mjs";
 import { __require as w } from "./index122.mjs";
-import { __require as M } from "./index159.mjs";
+import { __require as M } from "./index158.mjs";
 import { __require as A } from "./index125.mjs";
 var p;
 function $() {

package/dist/index118.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { __exports as r } from "./index188.mjs";
+import { __exports as r } from "./index187.mjs";
 var i;
 function n() {
   return i ? r : (i = 1, function(t) {

package/dist/index119.mjs

@@ -1,8 +1,8 @@
 'use client';
-import { __exports as l } from "./index189.mjs";
+import { __exports as l } from "./index188.mjs";
 import { __require as _ } from "./index101.mjs";
-import { __require as v } from "./index190.mjs";
-import { __require as q } from "./index186.mjs";
+import { __require as v } from "./index189.mjs";
+import { __require as q } from "./index185.mjs";
 var s;
 function N() {
   return s ? l : (s = 1, function(h) {

package/dist/index12.mjs

@@ -1,6 +1,6 @@
 'use client';
 import { jsxs as a, jsx as e, Fragment as Ce } from "react/jsx-runtime";
-import { useState as x, useEffect as I, useMemo as O, useCallback as Pe } from "react";
+import { useState as x, useEffect as I, useMemo as K, useCallback as Pe } from "react";
 import { object as G, string as v, ValidationError as ke } from "./index39.mjs";
 import "./index20.mjs";
 import "@tanstack/react-query";
@@ -10,17 +10,17 @@ import { Modal as ie } from "./index16.mjs";
 import { FormInput as k } from "./index17.mjs";
 import { FormSelect as ce } from "./index18.mjs";
 import { Button as T } from "./index13.mjs";
-import { Loader2 as K, ChevronLeft as Ie, ChevronRight as je, CheckCircle as Ze, Package as oe, Banknote as me, Mail as Se, Phone as ze, ChevronDown as Fe, Zap as Le } from "lucide-react";
+import { Loader2 as O, ChevronLeft as Ie, ChevronRight as je, CheckCircle as Ze, Package as oe, Banknote as me, Mail as Se, Phone as ze, ChevronDown as Fe, Zap as Le } from "lucide-react";
 import { formatCurrency as M, cn as C, getFbCookies as ue } from "./index19.mjs";
 import Te from "./index40.mjs";
 import { usePaystackPayment as Be } from "./index41.mjs";
-const Ae = (i) => i.replace(/\D/g, ""), _e = G({
+const Ae = (d) => d.replace(/\D/g, ""), _e = G({
   firstName: v().required("First name is required").min(2, "First name must be at least 2 characters").max(50, "First name must be less than 50 characters"),
   lastName: v().required("Last name is required").min(2, "Last name must be at least 2 characters").max(50, "Last name must be less than 50 characters"),
   email: v().required("Email is required").email("Please enter a valid email address"),
-  phone: v().required("Phone number is required").test("nigerian-phone", "Please enter a valid Nigerian phone number (e.g. 0812 564 8668)", (i) => {
-    if (!i) return !1;
-    const q = Ae(i);
+  phone: v().required("Phone number is required").test("nigerian-phone", "Please enter a valid Nigerian phone number (e.g. 0812 564 8668)", (d) => {
+    if (!d) return !1;
+    const q = Ae(d);
     return [
       /^0[789]\d{9}$/
       // 0xxxxxxxxx (11 digits total)
@@ -29,13 +29,13 @@ const Ae = (i) => i.replace(/\D/g, ""), _e = G({
 }), Re = G({
   address: v().required("Street address is required").min(10, "Please provide a complete address"),
   city: v().required("City is required").min(3, "City name must be at least 3 characters"),
-  state: v().required("State is required").test("not-empty", "State is required", (i) => !!i && i.trim() !== ""),
-  deliveryZoneId: v().required("Delivery zone is required").test("not-empty", "Delivery zone is required", (i) => !!i && i.trim() !== "")
+  state: v().required("State is required").test("not-empty", "State is required", (d) => !!d && d.trim() !== ""),
+  deliveryZoneId: v().required("Delivery zone is required").test("not-empty", "Delivery zone is required", (d) => !!d && d.trim() !== "")
 }), $e = G({
   paymentMethod: v().oneOf(["cod", "online"], "Please select a payment method").required("Payment method is required")
 });
 function rt({
-  isOpen: i,
+  isOpen: d,
   onClose: q,
   initialData: n,
   onSuccess: N,
@@ -45,10 +45,11 @@ function rt({
 }) {
   var D, ee, te, ae, re, se, le, ne, de;
   const [o, b] = x("customer"), [Z, ye] = x(void 0), [f, W] = x(void 0), [p, B] = x(null), { refetch: V, isLoading: Y, cart: s, updateCartMutation: A, checkoutMutation: fe, clearAndCreateNewCart: H } = qe(), U = (D = s == null ? void 0 : s.brand) == null ? void 0 : D.paystackPublicKey, J = Be({
+    isOpen: d,
     publicKey: U || "",
     onSuccess: async (t) => {
       try {
-        const { fbc: l, fbp: d } = ue(), m = await P.mutateAsync({
+        const { fbc: l, fbp: i } = ue(), m = await P.mutateAsync({
           firstName: r.firstName,
           lastName: r.lastName,
           email: r.email,
@@ -59,7 +60,7 @@ function rt({
           paymentMethod: r.paymentMethod,
           paystackReference: t.reference,
           fbc: l,
-          fbp: d
+          fbp: i
         });
         if ("error" in m) {
           const $ = m.error;
@@ -76,14 +77,14 @@ function rt({
     }
   });
   I(() => {
-    i && V();
-  }, [i, V]);
+    d && V();
+  }, [d, V]);
   const { data: w } = Me(((ee = s == null ? void 0 : s.brand) == null ? void 0 : ee.id) || "", {
     enabled: !!((te = s == null ? void 0 : s.brand) != null && te.id)
-  }), u = O(() => w == null ? void 0 : w.find((t) => t.id === Z), [w, Z]), y = O(() => u == null ? void 0 : u.zones.find((t) => t.id === f), [u, f]), P = fe;
+  }), u = K(() => w == null ? void 0 : w.find((t) => t.id === Z), [w, Z]), y = K(() => u == null ? void 0 : u.zones.find((t) => t.id === f), [u, f]), P = fe;
   I(() => {
-    i || (B(null), b("customer"), P.reset());
-  }, [i]);
+    d || (B(null), b("customer"), P.reset());
+  }, [d]);
   const [r, _] = x({
     firstName: (n == null ? void 0 : n.firstName) || "",
     lastName: (n == null ? void 0 : n.lastName) || "",
@@ -96,11 +97,11 @@ function rt({
     notes: (n == null ? void 0 : n.notes) || ""
   });
   I(() => {
-    i && b("customer");
-  }, [i]);
+    d && b("customer");
+  }, [d]);
   const [Q, X] = x(!1);
   I(() => {
-    i && s && !n && !Q && (_((t) => {
+    d && s && !n && !Q && (_((t) => {
       var l;
       return {
         ...t,
@@ -110,8 +111,8 @@ function rt({
         phone: s.customerPhone || t.phone,
         deliveryZoneId: ((l = s.deliveryZone) == null ? void 0 : l.id) || t.deliveryZoneId
       };
-    }), X(!0)), i || X(!1);
-  }, [i, s, n, Q]), I(() => {
+    }), X(!0)), d || X(!1);
+  }, [d, s, n, Q]), I(() => {
     if (f) {
       const t = u == null ? void 0 : u.zones.find((l) => l.id === f);
       t && _((l) => ({
@@ -121,14 +122,14 @@ function rt({
     }
   }, [f, u]);
   const [h, S] = x({}), [R, pe] = x(!1), g = (t) => {
-    const { name: l, value: d } = t.target;
-    _((m) => ({ ...m, [l]: d })), h[l] && S((m) => ({ ...m, [l]: void 0 }));
+    const { name: l, value: i } = t.target;
+    _((m) => ({ ...m, [l]: i })), h[l] && S((m) => ({ ...m, [l]: void 0 }));
   }, z = Pe(
     (t) => {
       const l = r[t];
       if (!l) return;
-      const d = {};
-      t === "firstName" ? d.customerFirstName = l : t === "lastName" ? d.customerLastName = l : t === "email" ? d.customerEmail = l : t === "phone" && (d.customerPhone = l), A.mutate(d);
+      const i = {};
+      t === "firstName" ? i.customerFirstName = l : t === "lastName" ? i.customerLastName = l : t === "email" ? i.customerEmail = l : t === "phone" && (i.customerPhone = l), A.mutate(i);
     },
     [r, A]
   ), F = (t) => {
@@ -137,16 +138,16 @@ function rt({
       if (t === "customer")
         _e.validateSync(r, { abortEarly: !1 });
       else if (t === "delivery") {
-        const d = {
+        const i = {
           address: r.address,
           city: r.city,
           state: Z || r.state || "",
           deliveryZoneId: f || r.deliveryZoneId || ""
         };
-        Re.validateSync(d, { abortEarly: !1 });
+        Re.validateSync(i, { abortEarly: !1 });
       } else t === "payment" && $e.validateSync(r, { abortEarly: !1 });
-    } catch (d) {
-      d instanceof ke && d.inner.forEach((m) => {
+    } catch (i) {
+      i instanceof ke && i.inner.forEach((m) => {
         m.path && (l[m.path] = m.message);
       });
     }
@@ -198,7 +199,7 @@ function rt({
         return;
       }
       try {
-        const { fbc: t, fbp: l } = ue(), d = await P.mutateAsync({
+        const { fbc: t, fbp: l } = ue(), i = await P.mutateAsync({
           firstName: r.firstName,
           lastName: r.lastName,
           email: r.email,
@@ -210,12 +211,12 @@ function rt({
           fbc: t,
           fbp: l
         });
-        if ("error" in d) {
-          const m = d.error;
+        if ("error" in i) {
+          const m = i.error;
           c == null || c(new Error((m == null ? void 0 : m.message) || "Checkout failed"));
           return;
         }
-        B(d), H(), N == null || N(d.id);
+        B(i), H(), N == null || N(i.id);
       } catch (t) {
         c == null || c(t);
       }
@@ -224,9 +225,9 @@ function rt({
     customer: "Customer Information",
     delivery: "Delivery Address",
     payment: "Payment Method"
-  }, xe = O(() => ge[o], [o]), we = /* @__PURE__ */ a("div", { className: "space-y-3", children: [
+  }, xe = K(() => ge[o], [o]), we = /* @__PURE__ */ a("div", { className: "space-y-3", children: [
     (o === "payment" || o === "delivery") && ((ae = s == null ? void 0 : s.pricing) == null ? void 0 : ae.total) && /* @__PURE__ */ a("div", { className: "text-sm text-black relative", children: [
-      Y && /* @__PURE__ */ e("div", { className: "absolute flex items-center justify-center inset-0 bg-white opacity-50", children: /* @__PURE__ */ e(K, { className: "animate-spin text-accent-500" }) }),
+      Y && /* @__PURE__ */ e("div", { className: "absolute flex items-center justify-center inset-0 bg-white opacity-50", children: /* @__PURE__ */ e(O, { className: "animate-spin text-accent-500" }) }),
       /* @__PURE__ */ a("div", { className: "flex items-center justify-between font-medium", children: [
         /* @__PURE__ */ e("span", { children: "Subtotal" }),
         /* @__PURE__ */ e("span", { children: M(((re = s == null ? void 0 : s.pricing) == null ? void 0 : re.subtotal) ?? 0) })
@@ -284,7 +285,7 @@ function rt({
           className: "flex-1 bg-accent-500 text-white hover:bg-accent-600",
           size: "lg",
           children: P.isPending ? /* @__PURE__ */ a(Ce, { children: [
-            /* @__PURE__ */ e(K, { className: "mr-2 h-4 w-4 animate-spin" }),
+            /* @__PURE__ */ e(O, { className: "mr-2 h-4 w-4 animate-spin" }),
             "Processing..."
           ] }) : he
         }
@@ -296,7 +297,7 @@ function rt({
     return /* @__PURE__ */ e(
       ie,
       {
-        isOpen: i,
+        isOpen: d,
         onClose: q,
         title: "Order Placed Successfully!",
         footer: /* @__PURE__ */ e(
@@ -363,19 +364,19 @@ function rt({
   return /* @__PURE__ */ e(
     ie,
     {
-      isOpen: i,
+      isOpen: d,
       onClose: q,
       title: xe,
       footer: we,
       size: "lg",
       contentClassName: "p-0",
-      children: Y ? /* @__PURE__ */ e("div", { className: "flex items-center justify-center min-h-[300px]", children: /* @__PURE__ */ e(K, { className: "h-8 w-8 animate-spin text-gray-600" }) }) : /* @__PURE__ */ e("div", { className: "w-full overflow-hidden", children: /* @__PURE__ */ a("div", { className: "relative w-full", children: [
+      children: Y ? /* @__PURE__ */ e("div", { className: "flex items-center justify-center min-h-[300px]", children: /* @__PURE__ */ e(O, { className: "h-8 w-8 animate-spin text-gray-600" }) }) : /* @__PURE__ */ e("div", { className: "w-full overflow-hidden", children: /* @__PURE__ */ a("div", { className: "relative w-full", children: [
         E && /* @__PURE__ */ a("div", { className: "space-y-3 p-4 pb-0", children: [
           y.noteTitle && y.noteContent && /* @__PURE__ */ e("div", { className: "bg-amber-50 border border-amber-200 rounded-lg p-4", children: /* @__PURE__ */ a("div", { className: "flex items-start gap-3", children: [
             /* @__PURE__ */ e(oe, { className: "h-5 w-5 text-amber-600 flex-shrink-0 mt-0.5" }),
             /* @__PURE__ */ a("div", { className: "space-y-1", children: [
-              /* @__PURE__ */ e("p", { className: "text-sm font-semibold text-amber-900", children: y.noteTitle }),
-              /* @__PURE__ */ e("p", { className: "text-sm text-amber-800", children: y.noteContent })
+              /* @__PURE__ */ e("p", { className: "text-sm font-semibold text-amber-900 whitespace-pre-wrap", children: y.noteTitle }),
+              /* @__PURE__ */ e("p", { className: "text-sm text-amber-800 whitespace-pre-wrap", children: y.noteContent })
             ] })
           ] }) }),
           !(y != null && y.allowCOD) && /* @__PURE__ */ e("div", { className: "bg-blue-50 border border-blue-200 rounded-lg p-4", children: /* @__PURE__ */ a("div", { className: "flex items-start gap-3", children: [
@@ -496,7 +497,7 @@ function rt({
                       onChange: (t) => {
                         W("");
                         const l = t.target.value;
-                        ye(l || void 0), h.state && S((d) => ({ ...d, state: void 0 }));
+                        ye(l || void 0), h.state && S((i) => ({ ...i, state: void 0 }));
                       },
                       error: h.state,
                       required: !0,
@@ -513,7 +514,7 @@ function rt({
                       value: f || "",
                       onChange: (t) => {
                         const l = t.target.value;
-                        W(l || void 0), h.deliveryZoneId && S((d) => ({ ...d, deliveryZoneId: void 0 })), l && A.mutate({ deliveryZoneId: l });
+                        W(l || void 0), h.deliveryZoneId && S((i) => ({ ...i, deliveryZoneId: void 0 })), l && A.mutate({ deliveryZoneId: l });
                       },
                       disabled: !u,
                       error: h.deliveryZoneId,

package/dist/index120.mjs

@@ -1,9 +1,9 @@
 'use client';
-import { __exports as r } from "./index191.mjs";
+import { __exports as r } from "./index190.mjs";
 import { __require as m } from "./index97.mjs";
-import { __require as f } from "./index184.mjs";
-import { __require as h } from "./index192.mjs";
-import { __require as s } from "./index180.mjs";
+import { __require as f } from "./index183.mjs";
+import { __require as h } from "./index191.mjs";
+import { __require as s } from "./index179.mjs";
 var n;
 function q() {
   return n ? r : (n = 1, function(t) {

package/dist/index121.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { __exports as o } from "./index193.mjs";
+import { __exports as o } from "./index192.mjs";
 var c;
 function p() {
   return c ? o : (c = 1, function(a) {

package/dist/index122.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { __exports as r } from "./index194.mjs";
+import { __exports as r } from "./index193.mjs";
 import { __require as c } from "./index103.mjs";
 import { __require as l } from "./index116.mjs";
 var n;

package/dist/index123.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { __exports as e } from "./index195.mjs";
+import { __exports as e } from "./index194.mjs";
 var t;
 function u() {
   return t ? e : (t = 1, function(o) {

package/dist/index124.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { __exports as r } from "./index196.mjs";
+import { __exports as r } from "./index195.mjs";
 var u;
 function m() {
   return u ? r : (u = 1, function(t) {

package/dist/index125.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { __exports as u } from "./index197.mjs";
+import { __exports as u } from "./index196.mjs";
 import { __require as A } from "./index107.mjs";
 import { __require as x } from "./index108.mjs";
 var d;

package/dist/index126.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { __exports as t } from "./index198.mjs";
+import { __exports as t } from "./index197.mjs";
 var n;
 function i() {
   return n ? t : (n = 1, function(o) {

package/dist/index127.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { __exports as t } from "./index199.mjs";
+import { __exports as t } from "./index198.mjs";
 var o;
 function Re() {
   return o ? t : (o = 1, function(n) {

package/dist/index128.mjs

@@ -1,6 +1,6 @@
 'use client';
-import { __exports as n } from "./index200.mjs";
-import { __require as c } from "./index201.mjs";
+import { __exports as n } from "./index199.mjs";
+import { __require as c } from "./index200.mjs";
 var u;
 function y() {
   return u ? n : (u = 1, function(a) {

package/dist/index129.mjs

@@ -1,7 +1,7 @@
 'use client';
-import { __module as e } from "./index202.mjs";
-import { __require as o } from "./index203.mjs";
-import { __require as t } from "./index204.mjs";
+import { __module as e } from "./index201.mjs";
+import { __require as o } from "./index202.mjs";
+import { __require as t } from "./index203.mjs";
 var r;
 function p() {
   return r ? e.exports : (r = 1, process.env.NODE_ENV === "production" ? e.exports = o() : e.exports = t(), e.exports);

package/dist/index132.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { __exports as r } from "./index146.mjs";
+import { __exports as r } from "./index204.mjs";
 var c;
 function b() {
   return c ? r : (c = 1, function(n) {

package/dist/index134.mjs

@@ -1,6 +1,6 @@
 'use client';
 import f from "./index75.mjs";
-import d from "./index207.mjs";
+import d from "./index205.mjs";
 function l(e) {
   return encodeURIComponent(e).replace(/%3A/gi, ":").replace(/%24/g, "$").replace(/%2C/gi, ",").replace(/%20/g, "+");
 }

package/dist/index136.mjs

@@ -1,5 +1,5 @@
 'use client';
-import r from "./index208.mjs";
+import r from "./index206.mjs";
 import p from "./index83.mjs";
 import l from "./index79.mjs";
 import m from "./index81.mjs";

package/dist/index137.mjs

@@ -1,6 +1,6 @@
 'use client';
-import r from "./index209.mjs";
-import f from "./index210.mjs";
+import r from "./index207.mjs";
+import f from "./index208.mjs";
 function u(l, i, t) {
   let o = !r(i);
   return l && (o || t == !1) ? f(l, i) : i;