@instockng/storefront-ui 1.0.22 → 1.0.24
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Checkout.d.ts.map +1 -1
- package/dist/components/ShoppingCart.d.ts.map +1 -1
- package/dist/contexts/CartContext.d.ts.map +1 -1
- package/dist/index10.mjs +68 -64
- package/dist/index12.mjs +477 -456
- package/dist/index132.mjs +1 -1
- package/dist/index134.mjs +2 -21
- package/dist/index135.mjs +19 -54
- package/dist/index136.mjs +55 -28
- package/dist/index137.mjs +28 -6
- package/dist/index138.mjs +6 -51
- package/dist/index139.mjs +51 -5
- package/dist/index140.mjs +6 -12
- package/dist/index141.mjs +12 -7
- package/dist/index142.mjs +6 -27
- package/dist/index143.mjs +28 -2
- package/dist/index144.mjs +2 -70
- package/dist/index145.mjs +67 -164
- package/dist/index146.mjs +167 -2
- package/dist/index150.mjs +1 -1
- package/dist/index151.mjs +1 -1
- package/dist/index153.mjs +1 -1
- package/dist/index154.mjs +1 -1
- package/dist/index156.mjs +1 -1
- package/dist/index157.mjs +1 -1
- package/dist/index159.mjs +2 -2
- package/dist/index160.mjs +1 -1
- package/dist/index165.mjs +2 -2
- package/dist/index167.mjs +1 -1
- package/dist/index169.mjs +2 -2
- package/dist/index170.mjs +5 -5
- package/dist/index173.mjs +1 -1
- package/dist/index184.mjs +1 -1
- package/dist/index186.mjs +1 -1
- package/dist/index190.mjs +1 -1
- package/dist/index192.mjs +1 -1
- package/dist/index2.mjs +10 -10
- package/dist/index20.mjs +2 -2
- package/dist/index205.mjs +2 -2
- package/dist/index206.mjs +2 -2
- package/dist/index208.mjs +2 -2
- package/dist/index209.mjs +2 -2
- package/dist/index21.mjs +2 -2
- package/dist/index210.mjs +2 -2
- package/dist/index211.mjs +108 -2
- package/dist/index212.mjs +2 -2
- package/dist/index213.mjs +2 -108
- package/dist/index214.mjs +244 -2
- package/dist/index216.mjs +28 -32
- package/dist/index217.mjs +65 -2
- package/dist/index218.mjs +24 -243
- package/dist/index220.mjs +2 -33
- package/dist/index221.mjs +2 -65
- package/dist/index222.mjs +2 -25
- package/dist/index223.mjs +37 -2
- package/dist/index224.mjs +2 -2
- package/dist/index230.mjs +2 -2
- package/dist/index231.mjs +2 -2
- package/dist/index245.mjs +3 -3
- package/dist/index248.mjs +2 -2
- package/dist/index249.mjs +2 -18
- package/dist/index25.mjs +5 -0
- package/dist/index250.mjs +2 -47
- package/dist/index251.mjs +2 -2
- package/dist/index252.mjs +91 -2
- package/dist/index253.mjs +2 -2
- package/dist/index254.mjs +2 -2
- package/dist/index255.mjs +16 -89
- package/dist/index256.mjs +47 -2
- package/dist/index263.mjs +1 -1
- package/dist/index264.mjs +1 -1
- package/dist/index265.mjs +2 -2
- package/dist/index267.mjs +2 -2
- package/dist/index3.mjs +82 -82
- package/dist/index38.mjs +1 -1
- package/dist/index42.mjs +1 -1
- package/dist/index49.mjs +59 -59
- package/dist/index50.mjs +50 -50
- package/dist/index51.mjs +48 -48
- package/dist/index52.mjs +56 -56
- package/dist/index53.mjs +39 -39
- package/dist/index54.mjs +55 -55
- package/dist/index55.mjs +15 -15
- package/dist/index56.mjs +10 -10
- package/dist/index57.mjs +23 -23
- package/dist/index58.mjs +64 -64
- package/dist/index59.mjs +73 -73
- package/dist/index62.mjs +149 -19
- package/dist/index63.mjs +19 -149
- package/dist/index73.mjs +1 -1
- package/dist/index78.mjs +5 -5
- package/dist/index80.mjs +3 -3
- package/dist/index90.mjs +1 -1
- package/dist/index91.mjs +3 -3
- package/dist/providers/StorefrontProvider.d.ts.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +12 -11
- package/src/components/CartItem.stories.tsx +5 -5
- package/src/components/Checkout.stories.tsx +16 -15
- package/src/components/Checkout.tsx +93 -50
- package/src/components/ShoppingCart.stories.tsx +17 -16
- package/src/components/ShoppingCart.tsx +14 -12
- package/src/contexts/CartContext.tsx +2 -1
- package/src/providers/StorefrontProvider.tsx +4 -1
- package/src/test-utils/MockCartProvider.tsx +31 -25
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkout.d.ts","sourceRoot":"","sources":["../../src/components/Checkout.tsx"],"names":[],"mappings":"AA4FA,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,
|
|
1
|
+
{"version":3,"file":"Checkout.d.ts","sourceRoot":"","sources":["../../src/components/Checkout.tsx"],"names":[],"mappings":"AA4FA,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,2CAi2Bf"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ShoppingCart.d.ts","sourceRoot":"","sources":["../../src/components/ShoppingCart.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ShoppingCart.d.ts","sourceRoot":"","sources":["../../src/components/ShoppingCart.tsx"],"names":[],"mappings":"AAkBA,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,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,kBAAwC,EACxC,oBAA0C,EAC1C,uBAAuB,EACvB,+BAA+B,EAC/B,eAAuB,EACvB,YAAmC,GACpC,EAAE,iBAAiB,2CAyNnB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CartContext.d.ts","sourceRoot":"","sources":["../../src/contexts/CartContext.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,EAAkD,SAAS,EAAuB,MAAM,OAAO,CAAC;AACvG,OAAO,EAGL,aAAa,EAMb,eAAe,EACf,KAAK,IAAI,EACV,MAAM,uBAAuB,CAAC;AAM/B,UAAU,gBAAgB;IACxB,wBAAwB;IACxB,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,mDAAmD;IACnD,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,oBAAoB;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,kBAAkB;IAClB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,gDAAgD;IAChD,kBAAkB,EAAE,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;IACrD,+CAA+C;IAC/C,gBAAgB,EAAE,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;IACrD,uDAAuD;IACvD,OAAO,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACnH,2BAA2B;IAC3B,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAChE,4BAA4B;IAC5B,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9C,0BAA0B;IAC1B,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/C,2BAA2B;IAC3B,cAAc,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACpC,yEAAyE;IACzE,sBAAsB,EAAE,MAAM,IAAI,CAAC;IACnC,6CAA6C;IAC7C,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,kDAAkD;IAClD,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAClC,wBAAwB;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,qCAAqC;IACrC,MAAM,EAAE,OAAO,CAAC;IAChB,0BAA0B;IAC1B,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,2BAA2B;IAC3B,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,eAAO,MAAM,WAAW,kDAA+C,CAAC;AAExE,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,qCAAqC;IACrC,SAAS,EAAE,MAAM,CAAC;IAClB,wDAAwD;IACxD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kDAAkD;IAClD,iBAAiB,CAAC,EAAE,IAAI,CAAC,OAAO,4BAA4B,EAAE,iBAAiB,EAAE,QAAQ,GAAG,SAAS,CAAC,CAAC;CACxG;AAED,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAa,EAAE,iBAAiB,EAAE,EAAE,iBAAiB,
|
|
1
|
+
{"version":3,"file":"CartContext.d.ts","sourceRoot":"","sources":["../../src/contexts/CartContext.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,EAAkD,SAAS,EAAuB,MAAM,OAAO,CAAC;AACvG,OAAO,EAGL,aAAa,EAMb,eAAe,EACf,KAAK,IAAI,EACV,MAAM,uBAAuB,CAAC;AAM/B,UAAU,gBAAgB;IACxB,wBAAwB;IACxB,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,mDAAmD;IACnD,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,oBAAoB;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,kBAAkB;IAClB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,gDAAgD;IAChD,kBAAkB,EAAE,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;IACrD,+CAA+C;IAC/C,gBAAgB,EAAE,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;IACrD,uDAAuD;IACvD,OAAO,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACnH,2BAA2B;IAC3B,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAChE,4BAA4B;IAC5B,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9C,0BAA0B;IAC1B,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/C,2BAA2B;IAC3B,cAAc,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACpC,yEAAyE;IACzE,sBAAsB,EAAE,MAAM,IAAI,CAAC;IACnC,6CAA6C;IAC7C,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,kDAAkD;IAClD,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAClC,wBAAwB;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,qCAAqC;IACrC,MAAM,EAAE,OAAO,CAAC;IAChB,0BAA0B;IAC1B,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,2BAA2B;IAC3B,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,eAAO,MAAM,WAAW,kDAA+C,CAAC;AAExE,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,qCAAqC;IACrC,SAAS,EAAE,MAAM,CAAC;IAClB,wDAAwD;IACxD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kDAAkD;IAClD,iBAAiB,CAAC,EAAE,IAAI,CAAC,OAAO,4BAA4B,EAAE,iBAAiB,EAAE,QAAQ,GAAG,SAAS,CAAC,CAAC;CACxG;AAED,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAa,EAAE,iBAAiB,EAAE,EAAE,iBAAiB,2CA0UxG;AAED;;GAEG;AACH,wBAAgB,OAAO,qBAMtB"}
|
package/dist/index10.mjs
CHANGED
|
@@ -1,47 +1,41 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsxs as a, Fragment as N, jsx as e } from "react/jsx-runtime";
|
|
3
|
-
import { useState as
|
|
4
|
-
import { useCart as
|
|
5
|
-
import { CartItem as
|
|
6
|
-
import { DiscountCodeInput as
|
|
7
|
-
import { Checkout as
|
|
3
|
+
import { useState as Y, useEffect as b } from "react";
|
|
4
|
+
import { useCart as q } from "./index3.mjs";
|
|
5
|
+
import { CartItem as B } from "./index9.mjs";
|
|
6
|
+
import { DiscountCodeInput as T } from "./index11.mjs";
|
|
7
|
+
import { Checkout as X } from "./index12.mjs";
|
|
8
8
|
import { Button as v } from "./index13.mjs";
|
|
9
|
-
import { X as
|
|
10
|
-
import { cn as n, formatCurrency as
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
onContinueShopping: m,
|
|
9
|
+
import { X as Z, Loader2 as A, Package as f } from "lucide-react";
|
|
10
|
+
import { cn as n, formatCurrency as c } from "./index19.mjs";
|
|
11
|
+
function _({
|
|
12
|
+
isOpen: s,
|
|
13
|
+
onClose: i,
|
|
14
|
+
onCheckout: d,
|
|
15
|
+
onContinueShopping: o,
|
|
17
16
|
className: w,
|
|
18
17
|
showDiscountCode: k = !0,
|
|
19
|
-
checkoutButtonText: j = "
|
|
18
|
+
checkoutButtonText: j = "Complete Purchase",
|
|
20
19
|
continueShoppingText: C = "Continue Shopping",
|
|
21
20
|
checkoutButtonClassName: E,
|
|
22
|
-
continueShoppingButtonClassName:
|
|
23
|
-
disableCheckout:
|
|
24
|
-
emptyMessage:
|
|
21
|
+
continueShoppingButtonClassName: I,
|
|
22
|
+
disableCheckout: L = !1,
|
|
23
|
+
emptyMessage: z = "Your cart is empty"
|
|
25
24
|
}) {
|
|
26
|
-
var x, y
|
|
27
|
-
const { cart: t, isLoading:
|
|
28
|
-
b(() => (
|
|
25
|
+
var g, x, y;
|
|
26
|
+
const { cart: t, isLoading: l, error: m, trackCheckoutInitiated: P } = q(), [S, u] = Y(!1);
|
|
27
|
+
b(() => (s ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
|
|
29
28
|
document.body.style.overflow = "";
|
|
30
|
-
}), [
|
|
31
|
-
const
|
|
32
|
-
|
|
29
|
+
}), [s]), b(() => {
|
|
30
|
+
const r = (h) => {
|
|
31
|
+
h.key === "Escape" && s && i();
|
|
33
32
|
};
|
|
34
|
-
return window.addEventListener("keydown",
|
|
35
|
-
}, [
|
|
36
|
-
const
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
P(Y, T);
|
|
41
|
-
}
|
|
42
|
-
u(!0), o == null || o();
|
|
43
|
-
}, F = () => {
|
|
44
|
-
m == null || m(), r();
|
|
33
|
+
return window.addEventListener("keydown", r), () => window.removeEventListener("keydown", r);
|
|
34
|
+
}, [s, i]);
|
|
35
|
+
const D = ((g = t == null ? void 0 : t.pricing) == null ? void 0 : g.subtotal) || 0, p = ((x = t == null ? void 0 : t.pricing.discount) == null ? void 0 : x.amount) || 0, F = () => {
|
|
36
|
+
P(), u(!0), d == null || d();
|
|
37
|
+
}, R = () => {
|
|
38
|
+
o == null || o(), i();
|
|
45
39
|
};
|
|
46
40
|
return /* @__PURE__ */ a(N, { children: [
|
|
47
41
|
/* @__PURE__ */ e(
|
|
@@ -49,9 +43,9 @@ function se({
|
|
|
49
43
|
{
|
|
50
44
|
className: n(
|
|
51
45
|
"fixed inset-0 z-40 bg-black/50 transition-opacity duration-300",
|
|
52
|
-
|
|
46
|
+
s ? "opacity-100" : "pointer-events-none opacity-0"
|
|
53
47
|
),
|
|
54
|
-
onClick:
|
|
48
|
+
onClick: i,
|
|
55
49
|
"aria-hidden": "true"
|
|
56
50
|
}
|
|
57
51
|
),
|
|
@@ -60,80 +54,80 @@ function se({
|
|
|
60
54
|
{
|
|
61
55
|
className: n(
|
|
62
56
|
"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]",
|
|
63
|
-
|
|
57
|
+
s ? "translate-x-0" : "translate-x-full",
|
|
64
58
|
w
|
|
65
59
|
),
|
|
66
60
|
children: /* @__PURE__ */ a("div", { className: "flex h-full flex-col", children: [
|
|
67
61
|
/* @__PURE__ */ e("div", { className: "border-b border-gray-300 px-4 py-2", children: /* @__PURE__ */ a("div", { className: "flex items-center justify-between", children: [
|
|
68
62
|
/* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
|
|
69
|
-
/* @__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: (
|
|
63
|
+
/* @__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 }),
|
|
70
64
|
/* @__PURE__ */ e("h2", { className: "text-lg font-medium", children: "Your Cart" })
|
|
71
65
|
] }),
|
|
72
66
|
/* @__PURE__ */ e(
|
|
73
67
|
"button",
|
|
74
68
|
{
|
|
75
|
-
onClick:
|
|
69
|
+
onClick: i,
|
|
76
70
|
className: "rounded-full p-2 transition-colors hover:bg-gray-100",
|
|
77
71
|
"aria-label": "Close cart",
|
|
78
|
-
children: /* @__PURE__ */ e(
|
|
72
|
+
children: /* @__PURE__ */ e(Z, { className: "h-6 w-6" })
|
|
79
73
|
}
|
|
80
74
|
)
|
|
81
75
|
] }) }),
|
|
82
|
-
|
|
83
|
-
/* @__PURE__ */ e(
|
|
76
|
+
l && /* @__PURE__ */ e("div", { className: "flex flex-1 items-center justify-center", children: /* @__PURE__ */ a("div", { className: "text-center", children: [
|
|
77
|
+
/* @__PURE__ */ e(A, { className: "mx-auto mb-4 h-12 w-12 animate-spin text-accent-500" }),
|
|
84
78
|
/* @__PURE__ */ e("p", { className: "text-gray-600", children: "Loading cart..." })
|
|
85
79
|
] }) }),
|
|
86
|
-
|
|
80
|
+
m && !l && /* @__PURE__ */ e("div", { className: "flex flex-1 items-center justify-center", children: /* @__PURE__ */ a("div", { className: "text-center", children: [
|
|
87
81
|
/* @__PURE__ */ e(f, { className: "mx-auto mb-4 h-12 w-12 text-red-600" }),
|
|
88
82
|
/* @__PURE__ */ e("p", { className: "text-red-600", children: "Failed to load cart. Please try again." })
|
|
89
83
|
] }) }),
|
|
90
|
-
!
|
|
84
|
+
!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: [
|
|
91
85
|
/* @__PURE__ */ e(f, { className: "mx-auto mb-4 h-12 w-12 text-gray-400" }),
|
|
92
|
-
/* @__PURE__ */ e("p", { className: "text-gray-600", children:
|
|
86
|
+
/* @__PURE__ */ e("p", { className: "text-gray-600", children: z })
|
|
93
87
|
] }) }),
|
|
94
|
-
!
|
|
88
|
+
!l && !m && t && t.items && t.items.length > 0 && /* @__PURE__ */ a(N, { children: [
|
|
95
89
|
/* @__PURE__ */ a("div", { className: "flex-1 overflow-y-auto p-4", children: [
|
|
96
|
-
/* @__PURE__ */ e("div", { className: "space-y-4", children: t.items.map((
|
|
90
|
+
/* @__PURE__ */ e("div", { className: "space-y-4", children: t.items.map((r, h) => /* @__PURE__ */ a("div", { children: [
|
|
97
91
|
/* @__PURE__ */ e(
|
|
98
|
-
|
|
92
|
+
B,
|
|
99
93
|
{
|
|
100
|
-
item:
|
|
94
|
+
item: r
|
|
101
95
|
}
|
|
102
96
|
),
|
|
103
|
-
|
|
104
|
-
] },
|
|
105
|
-
k && /* @__PURE__ */ e("div", { className: "mt-6", children: /* @__PURE__ */ e(
|
|
97
|
+
h < t.items.length - 1 && /* @__PURE__ */ e("hr", { className: "border-gray-200 mt-2" })
|
|
98
|
+
] }, r.id)) }),
|
|
99
|
+
k && /* @__PURE__ */ e("div", { className: "mt-6", children: /* @__PURE__ */ e(T, {}) })
|
|
106
100
|
] }),
|
|
107
101
|
/* @__PURE__ */ a("div", { className: "border-t border-gray-300 bg-white", children: [
|
|
108
102
|
/* @__PURE__ */ a("div", { className: " text-base", children: [
|
|
109
103
|
/* @__PURE__ */ a("div", { className: "p-4 space-y-2", children: [
|
|
110
104
|
/* @__PURE__ */ a("div", { className: "flex justify-between", children: [
|
|
111
105
|
/* @__PURE__ */ e("span", { className: "text-gray-600", children: "Subtotal" }),
|
|
112
|
-
/* @__PURE__ */ e("span", { className: "font-semibold", children:
|
|
106
|
+
/* @__PURE__ */ e("span", { className: "font-semibold", children: c(D) })
|
|
113
107
|
] }),
|
|
114
108
|
p > 0 && /* @__PURE__ */ a("div", { className: "flex justify-between text-green-600", children: [
|
|
115
109
|
/* @__PURE__ */ e("span", { children: "Discount" }),
|
|
116
110
|
/* @__PURE__ */ a("span", { className: "font-semibold", children: [
|
|
117
111
|
"-",
|
|
118
|
-
|
|
112
|
+
c(p)
|
|
119
113
|
] })
|
|
120
114
|
] }),
|
|
121
115
|
/* @__PURE__ */ a("div", { className: "flex justify-between", children: [
|
|
122
116
|
/* @__PURE__ */ e("span", { className: "text-gray-600", children: "Shipping" }),
|
|
123
|
-
/* @__PURE__ */ e("span", { className: "font-semibold", children: t.pricing && t.deliveryZone ?
|
|
117
|
+
/* @__PURE__ */ e("span", { className: "font-semibold", children: t.pricing && t.deliveryZone ? c(t.pricing.deliveryCharge) : "-" })
|
|
124
118
|
] })
|
|
125
119
|
] }),
|
|
126
120
|
/* @__PURE__ */ a("div", { className: "flex justify-between p-4 border-t border-gray-300 text-lg", children: [
|
|
127
121
|
/* @__PURE__ */ e("span", { className: "font-bold", children: "Total" }),
|
|
128
|
-
/* @__PURE__ */ e("span", { className: "font-bold", children:
|
|
122
|
+
/* @__PURE__ */ e("span", { className: "font-bold", children: c(t.pricing.total) })
|
|
129
123
|
] })
|
|
130
124
|
] }),
|
|
131
125
|
/* @__PURE__ */ a("div", { className: "p-4 space-y-2", children: [
|
|
132
126
|
/* @__PURE__ */ a(
|
|
133
127
|
v,
|
|
134
128
|
{
|
|
135
|
-
onClick:
|
|
136
|
-
disabled:
|
|
129
|
+
onClick: F,
|
|
130
|
+
disabled: L || t.items.length === 0,
|
|
137
131
|
className: n("w-full bg-accent-500 text-white hover:bg-accent-600", E),
|
|
138
132
|
size: "lg",
|
|
139
133
|
children: [
|
|
@@ -145,9 +139,9 @@ function se({
|
|
|
145
139
|
/* @__PURE__ */ e(
|
|
146
140
|
v,
|
|
147
141
|
{
|
|
148
|
-
onClick:
|
|
142
|
+
onClick: R,
|
|
149
143
|
variant: "outline",
|
|
150
|
-
className: n("w-full border-gray-300 text-gray-600 hover:bg-gray-100",
|
|
144
|
+
className: n("w-full border-gray-300 text-gray-600 hover:bg-gray-100", I),
|
|
151
145
|
size: "lg",
|
|
152
146
|
children: C
|
|
153
147
|
}
|
|
@@ -159,15 +153,25 @@ function se({
|
|
|
159
153
|
}
|
|
160
154
|
),
|
|
161
155
|
/* @__PURE__ */ e(
|
|
162
|
-
|
|
156
|
+
X,
|
|
163
157
|
{
|
|
164
158
|
isOpen: S,
|
|
165
|
-
onSuccess: () =>
|
|
166
|
-
onClose: () => u(!1)
|
|
159
|
+
onSuccess: () => i(),
|
|
160
|
+
onClose: () => u(!1),
|
|
161
|
+
refundPolicy: {
|
|
162
|
+
title: "🤔 Curious about refunds",
|
|
163
|
+
policies: [
|
|
164
|
+
"2 day return window from delivery date",
|
|
165
|
+
"Items must be unused and in original packaging",
|
|
166
|
+
"Refunds processed as soon as item is received",
|
|
167
|
+
"Refunds issued to original payment method",
|
|
168
|
+
"Contact hello@instock.ng to initiate a refund"
|
|
169
|
+
]
|
|
170
|
+
}
|
|
167
171
|
}
|
|
168
172
|
)
|
|
169
173
|
] });
|
|
170
174
|
}
|
|
171
175
|
export {
|
|
172
|
-
|
|
176
|
+
_ as ShoppingCart
|
|
173
177
|
};
|