@instockng/storefront-ui 1.0.53 → 1.0.55

package/dist/components/Checkout.d.ts

@@ -1,3 +1,4 @@
+import type { Order } from '@instockng/api-client';
 export type PaymentMethod = 'cod' | 'online';
 export interface CheckoutFormData {
     firstName: string;
@@ -19,7 +20,7 @@ export interface CheckoutProps {
     /** Initial form data */
     initialData?: Partial<CheckoutFormData>;
     /** Callback on successful checkout */
-    onSuccess?: (orderId: string) => void;
+    onSuccess?: (order: Order) => void;
     /** Callback on error */
     onError?: (error: Error) => void;
     /** Submit button text */

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

@@ -1 +1 @@
-{"version":3,"file":"Checkout.d.ts","sourceRoot":"","sources":["../../src/components/Checkout.tsx"],"names":[],"mappings":"AAgGA,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,2CA83Bf"}
+{"version":3,"file":"Checkout.d.ts","sourceRoot":"","sources":["../../src/components/Checkout.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAoFnD,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,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACnC,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,2CA+5Bf"}

package/dist/components/ShoppingCart.d.ts

@@ -1,3 +1,4 @@
+import type { Order } from '@instockng/api-client';
 export interface ShoppingCartProps {
     /** Whether the cart is open */
     isOpen: boolean;
@@ -7,6 +8,8 @@ export interface ShoppingCartProps {
     onCheckout?: () => void;
     /** Callback when continue shopping is clicked */
     onContinueShopping?: () => void;
+    /** Callback when purchase is successfully completed */
+    onPurchaseSuccess?: (order: Order) => void;
     /** Custom class name */
     className?: string;
     /** Show discount code input */
@@ -26,5 +29,5 @@ export interface ShoppingCartProps {
     /** Empty cart message */
     emptyMessage?: string;
 }
-export declare function ShoppingCart({ isOpen, onClose, onCheckout, onContinueShopping, className, showDiscountCode, showContinueShopping, checkoutButtonText, continueShoppingText, checkoutButtonClassName, continueShoppingButtonClassName, disableCheckout, emptyMessage, }: ShoppingCartProps): import("react/jsx-runtime").JSX.Element;
+export declare function ShoppingCart({ isOpen, onClose, onCheckout, onContinueShopping, onPurchaseSuccess, className, showDiscountCode, showContinueShopping, checkoutButtonText, continueShoppingText, checkoutButtonClassName, continueShoppingButtonClassName, disableCheckout, emptyMessage, }: ShoppingCartProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ShoppingCart.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ShoppingCart.d.ts","sourceRoot":"","sources":["../../src/components/ShoppingCart.tsx"],"names":[],"mappings":"AAoBA,MAAM,WAAW,iBAAiB;IAChC,+BAA+B;IAC/B,MAAM,EAAE,OAAO,CAAC;IAChB,sCAAsC;IACtC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,wCAAwC;IACxC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,iDAAiD;IACjD,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+BAA+B;IAC/B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,oCAAoC;IACpC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,2BAA2B;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oCAAoC;IACpC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,uCAAuC;IACvC,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,gDAAgD;IAChD,+BAA+B,CAAC,EAAE,MAAM,CAAC;IACzC,uBAAuB;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,yBAAyB;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,OAAO,EACP,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,gBAAuB,EACvB,oBAA2B,EAC3B,kBAAwC,EACxC,oBAA0C,EAC1C,uBAAuB,EACvB,+BAA+B,EAC/B,eAAuB,EACvB,YAAmC,GACpC,EAAE,iBAAiB,2CAiNnB"}
+{"version":3,"file":"ShoppingCart.d.ts","sourceRoot":"","sources":["../../src/components/ShoppingCart.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAWnD,MAAM,WAAW,iBAAiB;IAChC,+BAA+B;IAC/B,MAAM,EAAE,OAAO,CAAC;IAChB,sCAAsC;IACtC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,wCAAwC;IACxC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,iDAAiD;IACjD,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,uDAAuD;IACvD,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAC3C,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+BAA+B;IAC/B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,oCAAoC;IACpC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,2BAA2B;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oCAAoC;IACpC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,uCAAuC;IACvC,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,gDAAgD;IAChD,+BAA+B,CAAC,EAAE,MAAM,CAAC;IACzC,uBAAuB;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,yBAAyB;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,OAAO,EACP,UAAU,EACV,kBAAkB,EAClB,iBAAiB,EACjB,SAAS,EACT,gBAAuB,EACvB,oBAA2B,EAC3B,kBAAwC,EACxC,oBAA0C,EAC1C,uBAAuB,EACvB,+BAA+B,EAC/B,eAAuB,EACvB,YAAmC,GACpC,EAAE,iBAAiB,2CAoNnB"}

package/dist/index101.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { __exports as u } from "./index152.mjs";
+import { __exports as u } from "./index140.mjs";
 var c;
 function o() {
   if (c) return u;

package/dist/index102.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { __exports as e } from "./index153.mjs";
+import { __exports as e } from "./index141.mjs";
 var i;
 function u() {
   return i ? e : (i = 1, function(r) {

package/dist/index103.mjs

@@ -1,12 +1,12 @@
 'use client';
-import { __module as m } from "./index154.mjs";
-import "./index76.mjs";
-import { __require as j } from "./index155.mjs";
-import { __require as V } from "./index156.mjs";
-import { __require as k } from "./index157.mjs";
-import { __require as G } from "./index158.mjs";
-import { __require as W } from "./index159.mjs";
-import { __exports as X } from "./index81.mjs";
+import { __module as m } from "./index142.mjs";
+import "./index74.mjs";
+import { __require as j } from "./index143.mjs";
+import { __require as V } from "./index144.mjs";
+import { __require as k } from "./index145.mjs";
+import { __require as G } from "./index146.mjs";
+import { __require as W } from "./index147.mjs";
+import { __exports as X } from "./index79.mjs";
 var M;
 function ee() {
   return M ? m.exports : (M = 1, function(N, c) {

package/dist/index104.mjs

@@ -1,14 +1,14 @@
 'use client';
-import { __module as L } from "./index160.mjs";
-import "./index76.mjs";
+import { __module as L } from "./index148.mjs";
+import "./index74.mjs";
 import { __require as K } from "./index101.mjs";
 import F from "react/jsx-runtime";
 import J from "react-dom";
 import N from "react";
-import { __require as B } from "./index161.mjs";
-import { __require as D } from "./index162.mjs";
-import { __require as G } from "./index157.mjs";
-import { __exports as Q } from "./index81.mjs";
+import { __require as B } from "./index149.mjs";
+import { __require as D } from "./index150.mjs";
+import { __require as G } from "./index145.mjs";
+import { __exports as Q } from "./index79.mjs";
 var w;
 function ie() {
   return w ? L.exports : (w = 1, function(x, o) {

package/dist/index105.mjs

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

package/dist/index106.mjs

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

package/dist/index107.mjs

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

package/dist/index108.mjs

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

package/dist/index109.mjs

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

package/dist/index11.mjs

@@ -1,49 +1,51 @@
 'use client';
-import { jsxs as a, Fragment as N, jsx as e } from "react/jsx-runtime";
-import { useState as D, useEffect as F } from "react";
-import { useCart as Y } from "./index3.mjs";
-import { CartItem as q } from "./index10.mjs";
-import { Checkout as H } from "./index13.mjs";
-import { RecommendedProducts as T } from "./index41.mjs";
-import { Button as b } from "./index14.mjs";
-import { X, Loader2 as Z, Package as h } from "lucide-react";
+import { jsxs as a, Fragment as b, jsx as e } from "react/jsx-runtime";
+import { useState as H, useEffect as P } from "react";
+import { useCart as T } from "./index3.mjs";
+import { CartItem as X } from "./index10.mjs";
+import { DiscountCodeInput as Z } from "./index12.mjs";
+import { Checkout as A } from "./index13.mjs";
+import { RecommendedProducts as G } from "./index41.mjs";
+import { Button as v } from "./index14.mjs";
+import { X as J, Loader2 as K, Package as h } from "lucide-react";
 import { cn as n, formatCurrency as c } from "./index20.mjs";
-import { useHideBodyOverflow as A } from "./index42.mjs";
-function ee({
-  isOpen: i,
+import { useHideBodyOverflow as M } from "./index42.mjs";
+function ie({
+  isOpen: r,
   onClose: s,
   onCheckout: d,
   onContinueShopping: o,
-  className: v,
-  showDiscountCode: G = !0,
-  showContinueShopping: w = !0,
-  checkoutButtonText: k = "Complete Purchase",
-  continueShoppingText: j = "Continue Shopping",
-  checkoutButtonClassName: C,
-  continueShoppingButtonClassName: E,
-  disableCheckout: L = !1,
-  emptyMessage: P = "Your cart is empty"
+  onPurchaseSuccess: m,
+  className: w,
+  showDiscountCode: k = !0,
+  showContinueShopping: j = !0,
+  checkoutButtonText: C = "Complete Purchase",
+  continueShoppingText: E = "Continue Shopping",
+  checkoutButtonClassName: I,
+  continueShoppingButtonClassName: L,
+  disableCheckout: z = !1,
+  emptyMessage: R = "Your cart is empty"
 }) {
-  var p, x, g;
-  const { cart: t, isLoading: l, error: m, trackCheckoutInitiated: z } = Y(), [I, f] = D(!1);
-  A(i), F(() => {
-    const r = (y) => {
-      y.key === "Escape" && i && s();
+  var x, g, y;
+  const { cart: t, isLoading: l, error: f, trackCheckoutInitiated: B } = T(), [D, p] = H(!1);
+  M(r), P(() => {
+    const i = (N) => {
+      N.key === "Escape" && r && s();
     };
-    return window.addEventListener("keydown", r), () => window.removeEventListener("keydown", r);
-  }, [i, s]);
-  const R = ((p = t == null ? void 0 : t.pricing) == null ? void 0 : p.subtotal) || 0, u = ((x = t == null ? void 0 : t.pricing.discount) == null ? void 0 : x.amount) || 0, S = () => {
-    z(), f(!0), d == null || d();
-  }, B = () => {
+    return window.addEventListener("keydown", i), () => window.removeEventListener("keydown", i);
+  }, [r, s]);
+  const F = ((x = t == null ? void 0 : t.pricing) == null ? void 0 : x.subtotal) || 0, u = ((g = t == null ? void 0 : t.pricing.discount) == null ? void 0 : g.amount) || 0, Y = () => {
+    B(), p(!0), d == null || d();
+  }, q = () => {
     o == null || o(), s();
   };
-  return /* @__PURE__ */ a(N, { children: [
+  return /* @__PURE__ */ a(b, { children: [
     /* @__PURE__ */ e(
       "div",
       {
         className: n(
           "fixed inset-0 z-40 bg-black/50 transition-opacity duration-300",
-          i ? "opacity-100" : "pointer-events-none opacity-0"
+          r ? "opacity-100" : "pointer-events-none opacity-0"
         ),
         onClick: s,
         "aria-hidden": "true"
@@ -54,13 +56,13 @@ function ee({
       {
         className: n(
           "fixed right-0 top-0 z-50 h-full w-full bg-white shadow-2xl transition-transform duration-300 ease-in-out sm:w-[480px]",
-          i ? "translate-x-0" : "translate-x-full",
-          v
+          r ? "translate-x-0" : "translate-x-full",
+          w
         ),
         children: /* @__PURE__ */ a("div", { className: "flex h-full flex-col", children: [
           /* @__PURE__ */ e("div", { className: "border-b border-gray-300 px-4 py-2", children: /* @__PURE__ */ a("div", { className: "flex items-center justify-between", children: [
             /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ e("div", { className: "bg-accent-500 text-white px-2 py-1 rounded-full text-sm aspect-square flex items-center justify-center w-8 h-8", children: (g = t == null ? void 0 : t.items) == null ? void 0 : g.length }),
+              /* @__PURE__ */ e("div", { className: "bg-accent-500 text-white px-2 py-1 rounded-full text-sm aspect-square flex items-center justify-center w-8 h-8", children: (y = t == null ? void 0 : t.items) == null ? void 0 : y.length }),
               /* @__PURE__ */ e("h2", { className: "text-lg font-medium", children: "Your Cart" })
             ] }),
             /* @__PURE__ */ e(
@@ -69,39 +71,42 @@ function ee({
                 onClick: s,
                 className: "rounded-full p-2 transition-colors hover:bg-gray-100",
                 "aria-label": "Close cart",
-                children: /* @__PURE__ */ e(X, { className: "h-6 w-6" })
+                children: /* @__PURE__ */ e(J, { className: "h-6 w-6" })
               }
             )
           ] }) }),
           l && /* @__PURE__ */ e("div", { className: "flex flex-1 items-center justify-center", children: /* @__PURE__ */ a("div", { className: "text-center", children: [
-            /* @__PURE__ */ e(Z, { className: "mx-auto mb-4 h-12 w-12 animate-spin text-accent-500" }),
+            /* @__PURE__ */ e(K, { className: "mx-auto mb-4 h-12 w-12 animate-spin text-accent-500" }),
             /* @__PURE__ */ e("p", { className: "text-gray-600", children: "Loading cart..." })
           ] }) }),
-          m && !l && /* @__PURE__ */ e("div", { className: "flex flex-1 items-center justify-center", children: /* @__PURE__ */ a("div", { className: "text-center", children: [
+          f && !l && /* @__PURE__ */ e("div", { className: "flex flex-1 items-center justify-center", children: /* @__PURE__ */ a("div", { className: "text-center", children: [
             /* @__PURE__ */ e(h, { className: "mx-auto mb-4 h-12 w-12 text-red-600" }),
             /* @__PURE__ */ e("p", { className: "text-red-600", children: "Failed to load cart. Please try again." })
           ] }) }),
-          !l && !m && (!t || !t.items || t.items.length === 0) && /* @__PURE__ */ e("div", { className: "flex flex-1 items-center justify-center", children: /* @__PURE__ */ a("div", { className: "text-center", children: [
+          !l && !f && (!t || !t.items || t.items.length === 0) && /* @__PURE__ */ e("div", { className: "flex flex-1 items-center justify-center", children: /* @__PURE__ */ a("div", { className: "text-center", children: [
             /* @__PURE__ */ e(h, { className: "mx-auto mb-4 h-12 w-12 text-gray-400" }),
-            /* @__PURE__ */ e("p", { className: "text-gray-600", children: P })
+            /* @__PURE__ */ e("p", { className: "text-gray-600", children: R })
           ] }) }),
-          !l && !m && t && t.items && t.items.length > 0 && /* @__PURE__ */ a(N, { children: [
-            /* @__PURE__ */ e("div", { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ e("div", { className: "space-y-4 p-4", children: t.items.map((r, y) => /* @__PURE__ */ a("div", { children: [
-              /* @__PURE__ */ e(
-                q,
-                {
-                  item: r
-                }
-              ),
-              /* @__PURE__ */ e("hr", { className: "border-gray-200 mt-2" })
-            ] }, r.id)) }) }),
-            /* @__PURE__ */ e(T, { limit: 6, className: "border-t border-gray-200" }),
+          !l && !f && t && t.items && t.items.length > 0 && /* @__PURE__ */ a(b, { children: [
+            /* @__PURE__ */ a("div", { className: "flex-1 overflow-y-auto", children: [
+              /* @__PURE__ */ e("div", { className: "space-y-4 p-4", children: t.items.map((i, N) => /* @__PURE__ */ a("div", { children: [
+                /* @__PURE__ */ e(
+                  X,
+                  {
+                    item: i
+                  }
+                ),
+                /* @__PURE__ */ e("hr", { className: "border-gray-200 mt-2" })
+              ] }, i.id)) }),
+              k && /* @__PURE__ */ e("div", { className: "px-4 pb-4", children: /* @__PURE__ */ e(Z, {}) })
+            ] }),
+            /* @__PURE__ */ e(G, { limit: 6, className: "border-t border-gray-200" }),
             /* @__PURE__ */ a("div", { className: "border-t border-gray-300 bg-white", children: [
               /* @__PURE__ */ a("div", { className: " text-base", children: [
                 /* @__PURE__ */ a("div", { className: "px-4 py-2 space-y-2", children: [
                   /* @__PURE__ */ a("div", { className: "flex justify-between", children: [
                     /* @__PURE__ */ e("span", { className: "text-gray-600", children: "Subtotal" }),
-                    /* @__PURE__ */ e("span", { className: "font-semibold", children: c(R) })
+                    /* @__PURE__ */ e("span", { className: "font-semibold", children: c(F) })
                   ] }),
                   u > 0 && /* @__PURE__ */ a("div", { className: "flex justify-between text-green-600", children: [
                     /* @__PURE__ */ e("span", { children: "Discount" }),
@@ -122,26 +127,26 @@ function ee({
               ] }),
               /* @__PURE__ */ a("div", { className: "px-4 py-2 space-y-2 pt-0", children: [
                 /* @__PURE__ */ a(
-                  b,
+                  v,
                   {
-                    onClick: S,
-                    disabled: L || t.items.length === 0,
-                    className: n("w-full bg-accent-500 text-white hover:bg-accent-600", C),
+                    onClick: Y,
+                    disabled: z || t.items.length === 0,
+                    className: n("w-full bg-accent-500 text-white hover:bg-accent-600", I),
                     size: "lg",
                     children: [
                       /* @__PURE__ */ e(h, { className: "h-5 w-5" }),
-                      k
+                      C
                     ]
                   }
                 ),
-                w && /* @__PURE__ */ e(
-                  b,
+                j && /* @__PURE__ */ e(
+                  v,
                   {
-                    onClick: B,
+                    onClick: q,
                     variant: "outline",
-                    className: n("w-full border-gray-300 text-gray-600 hover:bg-gray-100", E),
+                    className: n("w-full border-gray-300 text-gray-600 hover:bg-gray-100", L),
                     size: "lg",
-                    children: j
+                    children: E
                   }
                 )
               ] })
@@ -151,11 +156,13 @@ function ee({
       }
     ),
     /* @__PURE__ */ e(
-      H,
+      A,
       {
-        isOpen: I,
-        onSuccess: () => s(),
-        onClose: () => f(!1),
+        isOpen: D,
+        onSuccess: (i) => {
+          m == null || m(i), s();
+        },
+        onClose: () => p(!1),
         refundPolicy: {
           title: "🤔 Curious about Refunds?",
           policies: [
@@ -171,5 +178,5 @@ function ee({
   ] });
 }
 export {
-  ee as ShoppingCart
+  ie as ShoppingCart
 };

package/dist/index110.mjs

@@ -1,7 +1,7 @@
 'use client';
-import { __exports as i } from "./index171.mjs";
+import { __exports as i } from "./index159.mjs";
 import { __require as U } from "./index108.mjs";
-import { __require as _ } from "./index172.mjs";
+import { __require as _ } from "./index160.mjs";
 var s;
 function q() {
   return s ? i : (s = 1, function(n) {

package/dist/index111.mjs

@@ -1,7 +1,7 @@
 'use client';
-import { __exports as f } from "./index173.mjs";
-import { __require as z } from "./index174.mjs";
-import { __require as A } from "./index175.mjs";
+import { __exports as f } from "./index161.mjs";
+import { __require as z } from "./index162.mjs";
+import { __require as A } from "./index163.mjs";
 import { __require as F } from "./index102.mjs";
 import { __require as O } from "./index106.mjs";
 import { __require as U } from "./index119.mjs";

package/dist/index112.mjs

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

package/dist/index113.mjs

@@ -1,8 +1,8 @@
 'use client';
-import { __exports as p } from "./index177.mjs";
+import { __exports as p } from "./index165.mjs";
 import { __require as I } from "./index132.mjs";
-import { __require as q } from "./index170.mjs";
-import { __require as v } from "./index178.mjs";
+import { __require as q } from "./index158.mjs";
+import { __require as v } from "./index166.mjs";
 import { __require as O } from "./index102.mjs";
 var N;
 function w() {

package/dist/index114.mjs

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

package/dist/index115.mjs

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

package/dist/index116.mjs

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

package/dist/index117.mjs

@@ -1,7 +1,7 @@
 'use client';
-import { __module as a } from "./index183.mjs";
-import { __require as f } from "./index184.mjs";
-import { __require as c } from "./index185.mjs";
+import { __module as a } from "./index171.mjs";
+import { __require as f } from "./index172.mjs";
+import { __require as c } from "./index173.mjs";
 var i;
 function g() {
   return i ? a.exports : (i = 1, function(o, e) {

package/dist/index118.mjs

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

package/dist/index119.mjs

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

package/dist/index120.mjs

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

package/dist/index121.mjs

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

package/dist/index122.mjs

@@ -1,12 +1,12 @@
 'use client';
-import { __module as n } from "./index192.mjs";
-import { __require as H } from "./index172.mjs";
+import { __module as n } from "./index180.mjs";
+import { __require as H } from "./index160.mjs";
 import { __require as L } from "./index114.mjs";
 import { __require as j } from "./index129.mjs";
 import { __require as O } from "./index108.mjs";
-import { __require as S } from "./index184.mjs";
+import { __require as S } from "./index172.mjs";
 import { __require as w } from "./index127.mjs";
-import { __require as M } from "./index164.mjs";
+import { __require as M } from "./index152.mjs";
 import { __require as A } from "./index130.mjs";
 var p;
 function $() {

package/dist/index123.mjs

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

package/dist/index124.mjs

@@ -1,8 +1,8 @@
 'use client';
-import { __exports as l } from "./index194.mjs";
+import { __exports as l } from "./index182.mjs";
 import { __require as _ } from "./index106.mjs";
-import { __require as v } from "./index195.mjs";
-import { __require as q } from "./index191.mjs";
+import { __require as v } from "./index183.mjs";
+import { __require as q } from "./index179.mjs";
 var s;
 function N() {
   return s ? l : (s = 1, function(h) {

package/dist/index125.mjs

@@ -1,9 +1,9 @@
 'use client';
-import { __exports as r } from "./index196.mjs";
+import { __exports as r } from "./index184.mjs";
 import { __require as m } from "./index102.mjs";
-import { __require as f } from "./index189.mjs";
-import { __require as h } from "./index197.mjs";
-import { __require as s } from "./index185.mjs";
+import { __require as f } from "./index177.mjs";
+import { __require as h } from "./index185.mjs";
+import { __require as s } from "./index173.mjs";
 var n;
 function q() {
   return n ? r : (n = 1, function(t) {

package/dist/index126.mjs

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

package/dist/index127.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { __exports as r } from "./index199.mjs";
+import { __exports as r } from "./index187.mjs";
 import { __require as c } from "./index108.mjs";
 import { __require as l } from "./index121.mjs";
 var n;

package/dist/index128.mjs

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

package/dist/index129.mjs

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