@instockng/storefront-ui 1.0.90 → 1.0.91

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.
Files changed (282) hide show
  1. package/dist/components/DeliveryConfirmation.d.ts +18 -0
  2. package/dist/components/DeliveryConfirmation.d.ts.map +1 -0
  3. package/dist/index.d.ts +2 -0
  4. package/dist/index.d.ts.map +1 -1
  5. package/dist/index.mjs +127 -121
  6. package/dist/index10.mjs +74 -190
  7. package/dist/index100.mjs +3 -5
  8. package/dist/index101.mjs +2 -5
  9. package/dist/index102.mjs +73 -169
  10. package/dist/index103.mjs +51 -50
  11. package/dist/index104.mjs +6 -69
  12. package/dist/index105.mjs +5 -34
  13. package/dist/index106.mjs +177 -41
  14. package/dist/index107.mjs +53 -2
  15. package/dist/index108.mjs +69 -28
  16. package/dist/index109.mjs +2 -18
  17. package/dist/index11.mjs +172 -107
  18. package/dist/index110.mjs +26 -213
  19. package/dist/index111.mjs +13 -175
  20. package/dist/index112.mjs +210 -17
  21. package/dist/index113.mjs +174 -17
  22. package/dist/index114.mjs +14 -25
  23. package/dist/index115.mjs +17 -150
  24. package/dist/index116.mjs +26 -13
  25. package/dist/index117.mjs +149 -24
  26. package/dist/index118.mjs +13 -77
  27. package/dist/index119.mjs +20 -27
  28. package/dist/index12.mjs +127 -90
  29. package/dist/index120.mjs +76 -137
  30. package/dist/index121.mjs +33 -50
  31. package/dist/index122.mjs +141 -19
  32. package/dist/index123.mjs +50 -22
  33. package/dist/index124.mjs +14 -14
  34. package/dist/index125.mjs +20 -18
  35. package/dist/index126.mjs +16 -14
  36. package/dist/index127.mjs +17 -14
  37. package/dist/index128.mjs +12 -12
  38. package/dist/index129.mjs +15 -58
  39. package/dist/index13.mjs +86 -90
  40. package/dist/index130.mjs +14 -11
  41. package/dist/index131.mjs +56 -30
  42. package/dist/index132.mjs +9 -15
  43. package/dist/index133.mjs +31 -26
  44. package/dist/index134.mjs +13 -16
  45. package/dist/index135.mjs +26 -11
  46. package/dist/index136.mjs +17 -11
  47. package/dist/index137.mjs +12 -40
  48. package/dist/index138.mjs +14 -16
  49. package/dist/index139.mjs +42 -263
  50. package/dist/index14.mjs +84 -149
  51. package/dist/index140.mjs +15 -62
  52. package/dist/index141.mjs +267 -7
  53. package/dist/index142.mjs +70 -2
  54. package/dist/index143.mjs +8 -2
  55. package/dist/index144.mjs +2 -33
  56. package/dist/index145.mjs +2 -2
  57. package/dist/index146.mjs +33 -2
  58. package/dist/index147.mjs +2 -2
  59. package/dist/index148.mjs +2 -2
  60. package/dist/index149.mjs +2 -2
  61. package/dist/index15.mjs +157 -216
  62. package/dist/index150.mjs +2 -18
  63. package/dist/index151.mjs +2 -32
  64. package/dist/index152.mjs +14 -34
  65. package/dist/index153.mjs +25 -11
  66. package/dist/index154.mjs +34 -14
  67. package/dist/index155.mjs +18 -2
  68. package/dist/index156.mjs +11 -13
  69. package/dist/index157.mjs +2 -46
  70. package/dist/index158.mjs +20 -2
  71. package/dist/index159.mjs +41 -25
  72. package/dist/index16.mjs +211 -107
  73. package/dist/index160.mjs +2 -18
  74. package/dist/index161.mjs +30 -2
  75. package/dist/index162.mjs +18 -2
  76. package/dist/index163.mjs +2 -2
  77. package/dist/index164.mjs +2 -2
  78. package/dist/index165.mjs +2 -72
  79. package/dist/index166.mjs +2 -2
  80. package/dist/index167.mjs +59 -40
  81. package/dist/index169.mjs +48 -31
  82. package/dist/index17.mjs +106 -86
  83. package/dist/index170.mjs +2 -152
  84. package/dist/index171.mjs +36 -2
  85. package/dist/index172.mjs +152 -2
  86. package/dist/index173.mjs +2 -19
  87. package/dist/index174.mjs +2 -2
  88. package/dist/index175.mjs +19 -2
  89. package/dist/index176.mjs +2 -26
  90. package/dist/index177.mjs +2 -2
  91. package/dist/index178.mjs +26 -2
  92. package/dist/index179.mjs +2 -24
  93. package/dist/index18.mjs +82 -733
  94. package/dist/index180.mjs +2 -23
  95. package/dist/index181.mjs +24 -2
  96. package/dist/index182.mjs +23 -2
  97. package/dist/index183.mjs +2 -2
  98. package/dist/index184.mjs +2 -23
  99. package/dist/index186.mjs +16 -16
  100. package/dist/index187.mjs +2 -2
  101. package/dist/index188.mjs +23 -2
  102. package/dist/index189.mjs +2 -2
  103. package/dist/index19.mjs +742 -53
  104. package/dist/index190.mjs +2 -23
  105. package/dist/index191.mjs +2 -2
  106. package/dist/index192.mjs +15 -15
  107. package/dist/index194.mjs +23 -2
  108. package/dist/index195.mjs +2 -2
  109. package/dist/index196.mjs +2 -2
  110. package/dist/index197.mjs +2 -2
  111. package/dist/index199.mjs +2 -2
  112. package/dist/index2.mjs +2 -2
  113. package/dist/index20.mjs +58 -60
  114. package/dist/index201.mjs +2 -127
  115. package/dist/index202.mjs +2 -2
  116. package/dist/index203.mjs +123 -70
  117. package/dist/index204.mjs +2 -74
  118. package/dist/index205.mjs +72 -19
  119. package/dist/index206.mjs +73 -55
  120. package/dist/index207.mjs +18 -26
  121. package/dist/index208.mjs +55 -6
  122. package/dist/index209.mjs +28 -51
  123. package/dist/index21.mjs +60 -22
  124. package/dist/index210.mjs +7 -6
  125. package/dist/index211.mjs +51 -11
  126. package/dist/index212.mjs +5 -6
  127. package/dist/index213.mjs +12 -28
  128. package/dist/index214.mjs +7 -2
  129. package/dist/index215.mjs +27 -69
  130. package/dist/index216.mjs +2 -167
  131. package/dist/index217.mjs +70 -2
  132. package/dist/index218.mjs +161 -102
  133. package/dist/index219.mjs +2 -2
  134. package/dist/index22.mjs +22 -107
  135. package/dist/index220.mjs +108 -2
  136. package/dist/index221.mjs +2 -2
  137. package/dist/index222.mjs +2 -2
  138. package/dist/index223.mjs +2 -2
  139. package/dist/index224.mjs +2 -2
  140. package/dist/index225.mjs +2 -37
  141. package/dist/index226.mjs +2 -2
  142. package/dist/index227.mjs +2 -2
  143. package/dist/index228.mjs +2 -2
  144. package/dist/index229.mjs +2 -2
  145. package/dist/index23.mjs +105 -38
  146. package/dist/index231.mjs +37 -2
  147. package/dist/index232.mjs +2 -2
  148. package/dist/index233.mjs +2 -2
  149. package/dist/index234.mjs +2 -2
  150. package/dist/index236.mjs +2 -2
  151. package/dist/index237.mjs +244 -2
  152. package/dist/index238.mjs +2 -2
  153. package/dist/index239.mjs +33 -2
  154. package/dist/index24.mjs +37 -37
  155. package/dist/index240.mjs +65 -2
  156. package/dist/index241.mjs +25 -4
  157. package/dist/index243.mjs +2 -244
  158. package/dist/index244.mjs +2 -2
  159. package/dist/index245.mjs +2 -33
  160. package/dist/index246.mjs +2 -65
  161. package/dist/index247.mjs +4 -25
  162. package/dist/index248.mjs +2 -13
  163. package/dist/index249.mjs +2 -7
  164. package/dist/index25.mjs +42 -89
  165. package/dist/index250.mjs +12 -30
  166. package/dist/index251.mjs +7 -11
  167. package/dist/index252.mjs +30 -3
  168. package/dist/index253.mjs +10 -3
  169. package/dist/index254.mjs +3 -11
  170. package/dist/index255.mjs +3 -4
  171. package/dist/index256.mjs +12 -33
  172. package/dist/index257.mjs +5 -31
  173. package/dist/index258.mjs +32 -27
  174. package/dist/index259.mjs +28 -58
  175. package/dist/index26.mjs +86 -29
  176. package/dist/index260.mjs +28 -2
  177. package/dist/index261.mjs +61 -2
  178. package/dist/index262.mjs +2 -18
  179. package/dist/index263.mjs +2 -47
  180. package/dist/index264.mjs +18 -2
  181. package/dist/index265.mjs +47 -2
  182. package/dist/index266.mjs +2 -2
  183. package/dist/index267.mjs +2 -2
  184. package/dist/index268.mjs +2 -2
  185. package/dist/index269.mjs +2 -91
  186. package/dist/index27.mjs +29 -6
  187. package/dist/index270.mjs +91 -3
  188. package/dist/index271.mjs +2 -2
  189. package/dist/index272.mjs +3 -2
  190. package/dist/index273.mjs +2 -17
  191. package/dist/index274.mjs +2 -13
  192. package/dist/index275.mjs +17 -6
  193. package/dist/index276.mjs +13 -30
  194. package/dist/index277.mjs +6 -2
  195. package/dist/index278.mjs +30 -2
  196. package/dist/index279.mjs +2 -2
  197. package/dist/index28.mjs +8 -21
  198. package/dist/index280.mjs +5 -0
  199. package/dist/index281.mjs +5 -0
  200. package/dist/index29.mjs +19 -34
  201. package/dist/index3.mjs +5 -5
  202. package/dist/index30.mjs +35 -37
  203. package/dist/index31.mjs +28 -103
  204. package/dist/index32.mjs +104 -20
  205. package/dist/index33.mjs +47 -9
  206. package/dist/index34.mjs +9 -9
  207. package/dist/index35.mjs +11 -116
  208. package/dist/index36.mjs +121 -25
  209. package/dist/index37.mjs +27 -81
  210. package/dist/index38.mjs +90 -112
  211. package/dist/index39.mjs +109 -8
  212. package/dist/index4.mjs +1 -1
  213. package/dist/index40.mjs +9 -33
  214. package/dist/index41.mjs +27 -20
  215. package/dist/index42.mjs +42 -7
  216. package/dist/index43.mjs +10 -122
  217. package/dist/index44.mjs +114 -380
  218. package/dist/index45.mjs +384 -20
  219. package/dist/index46.mjs +24 -31
  220. package/dist/index47.mjs +32 -7
  221. package/dist/index48.mjs +6 -1432
  222. package/dist/index49.mjs +1432 -69
  223. package/dist/index5.mjs +1 -1
  224. package/dist/index50.mjs +70 -2
  225. package/dist/index51.mjs +2 -60
  226. package/dist/index52.mjs +57 -48
  227. package/dist/index53.mjs +51 -33
  228. package/dist/index54.mjs +33 -15
  229. package/dist/index55.mjs +12 -2260
  230. package/dist/index56.mjs +2263 -36
  231. package/dist/index57.mjs +36 -44
  232. package/dist/index58.mjs +44 -99
  233. package/dist/index59.mjs +99 -81
  234. package/dist/index6.mjs +1 -1
  235. package/dist/index60.mjs +75 -13
  236. package/dist/index61.mjs +15 -125
  237. package/dist/index62.mjs +93 -89
  238. package/dist/index63.mjs +102 -56
  239. package/dist/index64.mjs +55 -89
  240. package/dist/index65.mjs +124 -70
  241. package/dist/index66.mjs +100 -13
  242. package/dist/index67.mjs +30 -89
  243. package/dist/index68.mjs +70 -56
  244. package/dist/index69.mjs +62 -44
  245. package/dist/index7.mjs +73 -73
  246. package/dist/index70.mjs +47 -46
  247. package/dist/index71.mjs +48 -121
  248. package/dist/index72.mjs +133 -22
  249. package/dist/index73.mjs +70 -2
  250. package/dist/index74.mjs +21 -20
  251. package/dist/index75.mjs +2 -153
  252. package/dist/index76.mjs +149 -71
  253. package/dist/index77.mjs +74 -14
  254. package/dist/index78.mjs +14 -62
  255. package/dist/index79.mjs +62 -4
  256. package/dist/index8.mjs +240 -99
  257. package/dist/index80.mjs +23 -2
  258. package/dist/index81.mjs +4 -5
  259. package/dist/index82.mjs +2 -1134
  260. package/dist/index83.mjs +5 -19
  261. package/dist/index84.mjs +1119 -40
  262. package/dist/index85.mjs +14 -27
  263. package/dist/index86.mjs +55 -2
  264. package/dist/index87.mjs +33 -2
  265. package/dist/index88.mjs +2 -235
  266. package/dist/index89.mjs +2 -6
  267. package/dist/index9.mjs +103 -73
  268. package/dist/index90.mjs +30 -130
  269. package/dist/index91.mjs +39 -64
  270. package/dist/index92.mjs +228 -80
  271. package/dist/index93.mjs +5 -28
  272. package/dist/index94.mjs +132 -7
  273. package/dist/index95.mjs +62 -69
  274. package/dist/index96.mjs +86 -3
  275. package/dist/index97.mjs +29 -2
  276. package/dist/index98.mjs +7 -81
  277. package/dist/index99.mjs +72 -51
  278. package/dist/styles.css +1 -1
  279. package/package.json +2 -2
  280. package/src/components/DeliveryConfirmation.tsx +357 -0
  281. package/src/components/OrderConfirmation.tsx +24 -24
  282. package/src/index.ts +3 -0
package/dist/index15.mjs CHANGED
@@ -1,225 +1,166 @@
1
1
  'use client';
2
- import { jsxs as a, Fragment as S, jsx as e } from "react/jsx-runtime";
3
- import { useState as I, useEffect as U } from "react";
4
- import "./index26.mjs";
5
- import { useGetCartRecommendations as V } from "./index38.mjs";
6
- import "@tanstack/react-query";
7
- import { useCart as W } from "./index3.mjs";
8
- import { CartItem as _ } from "./index13.mjs";
9
- import { DiscountCodeInput as O } from "./index17.mjs";
10
- import { Checkout as ee } from "./index18.mjs";
11
- import { RecommendedProducts as te } from "./index11.mjs";
12
- import { CartUpsellScreen as ae } from "./index16.mjs";
13
- import { Button as z } from "./index19.mjs";
14
- import { ArrowLeft as re, X as se, Loader2 as ie, Package as x } from "lucide-react";
15
- import { cn as d, formatCurrency as o } from "./index25.mjs";
16
- import { useHideBodyOverflow as le } from "./index47.mjs";
17
- function we({
18
- isOpen: s,
19
- onClose: l,
20
- onCheckout: f,
21
- onContinueShopping: p,
22
- onPurchaseSuccess: u,
23
- className: B,
24
- showDiscountCode: Y = !0,
25
- showContinueShopping: T = !0,
26
- checkoutButtonText: D = "Complete Purchase",
27
- continueShoppingText: M = "Continue Shopping",
28
- checkoutButtonClassName: y,
29
- continueShoppingButtonClassName: q,
30
- disableCheckout: A = !1,
31
- emptyMessage: G = "Your cart is empty"
32
- }) {
33
- var v, w, k, C, j, E;
34
- const { cart: t, isLoading: n, error: m, trackCheckoutInitiated: H } = W(), { data: b } = V(t == null ? void 0 : t.id, 100), [P, g] = I(!1), [i, h] = I(!1);
35
- le(s), U(() => {
36
- s || h(!1);
37
- }, [s]), U(() => {
38
- const r = (c) => {
39
- c.key === "Escape" && s && l();
40
- };
41
- return window.addEventListener("keydown", r), () => window.removeEventListener("keydown", r);
42
- }, [s, l]);
43
- const X = ((v = t == null ? void 0 : t.pricing) == null ? void 0 : v.subtotal) || 0, N = ((w = t == null ? void 0 : t.pricing.discount) == null ? void 0 : w.amount) || 0, Z = () => {
44
- H(), b && b.length > 0 ? h(!0) : g(!0), f == null || f();
45
- }, $ = () => {
46
- h(!1), g(!0);
47
- }, J = () => {
48
- h(!1);
49
- }, K = () => {
50
- p == null || p(), l();
51
- };
52
- return /* @__PURE__ */ a(S, { children: [
53
- /* @__PURE__ */ e(
54
- "div",
55
- {
56
- className: d(
57
- "fixed inset-0 z-40 bg-black/50 transition-opacity duration-300",
58
- s ? "opacity-100" : "pointer-events-none opacity-0"
2
+ import { jsxs as a, jsx as t } from "react/jsx-runtime";
3
+ import { useState as w } from "react";
4
+ import { BadgeCheck as C } from "lucide-react";
5
+ import { cn as o, formatCurrency as g, calculateDiscountedPrice as u, getDiscountPercent as f } from "./index26.mjs";
6
+ const S = ({
7
+ qty: l,
8
+ selectedVariant: i,
9
+ quantity: s,
10
+ onQuantityChange: c,
11
+ effectivePrice: n,
12
+ quantityDiscounts: r,
13
+ showBestValue: d = !1
14
+ }) => {
15
+ const e = !!i;
16
+ return /* @__PURE__ */ a(
17
+ "div",
18
+ {
19
+ onClick: () => e && c(l),
20
+ className: o(
21
+ "border-2 rounded-xl transition-all flex items-center justify-center p-3",
22
+ e ? s === l ? "border-green-500 bg-green-50 shadow-md cursor-pointer hover:scale-105" : "border-gray-200 bg-white hover:border-gray-300 cursor-pointer hover:scale-105" : "border-gray-300 bg-gray-100 cursor-not-allowed opacity-50",
23
+ d && e && "relative"
24
+ ),
25
+ children: [
26
+ d && e && /* @__PURE__ */ t("div", { className: "absolute -top-3 left-1/2 transform -translate-x-1/2", children: /* @__PURE__ */ t("div", { className: "bg-orange-500 text-white text-xs px-3 py-1 rounded-full font-semibold whitespace-nowrap", children: "Best Value" }) }),
27
+ /* @__PURE__ */ a("div", { className: "text-center", children: [
28
+ /* @__PURE__ */ a("div", { className: o("text-lg font-bold", e ? "text-gray-900" : "text-gray-500"), children: [
29
+ "BUY ",
30
+ l
31
+ ] }),
32
+ l > 1 && /* @__PURE__ */ t("div", { className: o(
33
+ "text-sm font-bold inline-block bg-[#F54927] text-white px-1 rounded-full line-through mb-1",
34
+ e ? "text-gray-500" : "text-gray-400"
35
+ ), children: g(n * l) }),
36
+ /* @__PURE__ */ t("div", { className: o("text-lg md:text-2xl font-bold", e ? "text-green-600" : "text-gray-400"), children: g(u(n, l, r)) }),
37
+ l > 1 && e ? /* @__PURE__ */ a("div", { className: "bg-orange-500 text-white text-sm px-2 py-1 rounded-md font-semibold mb-2", children: [
38
+ "Save ",
39
+ f(l, r),
40
+ "%"
41
+ ] }) : e ? null : /* @__PURE__ */ t("div", { className: "text-xs text-red-500 mt-1", children: "Out of Stock" })
42
+ ] })
43
+ ]
44
+ }
45
+ );
46
+ }, j = ({
47
+ selectedVariant: l,
48
+ quantity: i,
49
+ onQuantityChange: s,
50
+ effectivePrice: c,
51
+ quantityDiscounts: n
52
+ }) => {
53
+ const [r, d] = w(2), e = !!l, b = i === r, p = (h) => {
54
+ h.stopPropagation();
55
+ const x = r + 1;
56
+ d(x), e && s(x);
57
+ }, y = (h) => {
58
+ if (h.stopPropagation(), r > 2) {
59
+ const x = r - 1;
60
+ d(x), e && s(x);
61
+ }
62
+ }, v = () => {
63
+ e && s(r);
64
+ }, m = f(r, n), N = u(c, r, n);
65
+ return /* @__PURE__ */ a(
66
+ "div",
67
+ {
68
+ onClick: v,
69
+ className: o(
70
+ "border-2 rounded-xl transition-all flex flex-col items-center justify-center p-3 relative",
71
+ e ? b ? "border-green-500 bg-green-50 shadow-md cursor-pointer hover:scale-105" : "border-gray-200 bg-white hover:border-gray-300 cursor-pointer hover:scale-105" : "border-gray-300 bg-gray-100 cursor-not-allowed opacity-50"
72
+ ),
73
+ children: [
74
+ /* @__PURE__ */ t(
75
+ "button",
76
+ {
77
+ onClick: y,
78
+ disabled: !e || r <= 2,
79
+ className: o(
80
+ "absolute left-2 top-1/2 -translate-y-1/2 w-8 h-8 rounded-full flex items-center justify-center text-lg font-bold transition-colors",
81
+ !e || r <= 2 ? "bg-gray-200 text-gray-400 cursor-not-allowed" : "bg-gray-300 text-gray-700 hover:bg-gray-400"
82
+ ),
83
+ children: "-"
84
+ }
59
85
  ),
60
- onClick: l,
61
- "aria-hidden": "true"
62
- }
63
- ),
64
- /* @__PURE__ */ e(
65
- "div",
66
- {
67
- className: d(
68
- "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]",
69
- s ? "translate-x-0" : "translate-x-full",
70
- B
86
+ /* @__PURE__ */ t(
87
+ "button",
88
+ {
89
+ onClick: p,
90
+ disabled: !e,
91
+ className: o(
92
+ "absolute right-2 top-1/2 -translate-y-1/2 w-8 h-8 rounded-full flex items-center justify-center text-lg font-bold transition-colors",
93
+ e ? "bg-gray-300 text-gray-700 hover:bg-gray-400" : "bg-gray-200 text-gray-400 cursor-not-allowed"
94
+ ),
95
+ children: "+"
96
+ }
71
97
  ),
72
- children: /* @__PURE__ */ a("div", { className: "flex h-full flex-col", children: [
73
- /* @__PURE__ */ e("div", { className: "border-b border-gray-300 px-4 py-2", children: /* @__PURE__ */ a("div", { className: "flex items-center justify-between", children: [
74
- i ? /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
75
- /* @__PURE__ */ e(
76
- "button",
77
- {
78
- onClick: J,
79
- className: "rounded-full p-2 transition-colors hover:bg-gray-100",
80
- "aria-label": "Back to cart",
81
- children: /* @__PURE__ */ e(re, { className: "h-5 w-5" })
82
- }
83
- ),
84
- /* @__PURE__ */ e("h2", { className: "text-lg font-medium", children: "Before you go..." })
85
- ] }) : /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
86
- /* @__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: (k = t == null ? void 0 : t.items) == null ? void 0 : k.length }),
87
- /* @__PURE__ */ e("h2", { className: "text-lg font-medium", children: "Your Cart" })
88
- ] }),
89
- /* @__PURE__ */ e(
90
- "button",
91
- {
92
- onClick: l,
93
- className: "rounded-full p-2 transition-colors hover:bg-gray-100",
94
- "aria-label": "Close cart",
95
- children: /* @__PURE__ */ e(se, { className: "h-6 w-6" })
96
- }
97
- )
98
- ] }) }),
99
- i && /* @__PURE__ */ e(ae, { onSkip: $, limit: 100, checkoutButtonClassName: y }),
100
- !i && !n && !m && t && t.items && t.items.length > 0 && ((C = t.brand) == null ? void 0 : C.freeShippingThreshold) && /* @__PURE__ */ e("div", { className: "bg-gray-50 px-4 py-3 border-b border-gray-200", children: (() => {
101
- var L;
102
- const r = t.brand.freeShippingThreshold, c = ((L = t.pricing) == null ? void 0 : L.subtotal) || 0, F = Math.max(0, r - c), Q = Math.min(100, c / r * 100), R = F <= 0;
103
- return /* @__PURE__ */ a("div", { className: "space-y-2", children: [
104
- /* @__PURE__ */ e("p", { className: "text-sm font-bold text-center", children: R ? /* @__PURE__ */ e("span", { className: "text-green-600", children: "You've unlocked FREE delivery! 🎉" }) : /* @__PURE__ */ a("span", { children: [
105
- "You're ",
106
- /* @__PURE__ */ e("span", { className: "text-red-500", children: o(F) }),
107
- " away from FREE delivery"
108
- ] }) }),
109
- /* @__PURE__ */ e("div", { className: "h-2 w-full bg-gray-200 rounded-full overflow-hidden", children: /* @__PURE__ */ e(
110
- "div",
111
- {
112
- className: d(
113
- "h-full transition-all duration-500 ease-out",
114
- R ? "bg-green-500" : "bg-red-500"
115
- ),
116
- style: { width: `${Q}%` }
117
- }
118
- ) })
119
- ] });
120
- })() }),
121
- !i && n && /* @__PURE__ */ e("div", { className: "flex flex-1 items-center justify-center", children: /* @__PURE__ */ a("div", { className: "text-center", children: [
122
- /* @__PURE__ */ e(ie, { className: "mx-auto mb-4 h-12 w-12 animate-spin text-accent-500" }),
123
- /* @__PURE__ */ e("p", { className: "text-gray-600", children: "Loading cart..." })
124
- ] }) }),
125
- !i && m && !n && /* @__PURE__ */ e("div", { className: "flex flex-1 items-center justify-center", children: /* @__PURE__ */ a("div", { className: "text-center", children: [
126
- /* @__PURE__ */ e(x, { className: "mx-auto mb-4 h-12 w-12 text-red-600" }),
127
- /* @__PURE__ */ e("p", { className: "text-red-600", children: "Failed to load cart. Please try again." })
128
- ] }) }),
129
- !i && !n && !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: [
130
- /* @__PURE__ */ e(x, { className: "mx-auto mb-4 h-12 w-12 text-gray-400" }),
131
- /* @__PURE__ */ e("p", { className: "text-gray-600", children: G })
132
- ] }) }),
133
- !i && !n && !m && t && t.items && t.items.length > 0 && /* @__PURE__ */ a(S, { children: [
134
- /* @__PURE__ */ a("div", { className: "flex-1 overflow-y-auto", children: [
135
- /* @__PURE__ */ e("div", { className: "space-y-4 p-4", children: t.items.map((r, c) => /* @__PURE__ */ a("div", { children: [
136
- /* @__PURE__ */ e(
137
- _,
138
- {
139
- item: r
140
- }
141
- ),
142
- /* @__PURE__ */ e("hr", { className: "border-gray-200 mt-2" })
143
- ] }, r.id)) }),
144
- Y && /* @__PURE__ */ e("div", { className: "px-4 pb-4", children: /* @__PURE__ */ e(O, {}) })
98
+ /* @__PURE__ */ a("div", { className: "text-center w-full", children: [
99
+ /* @__PURE__ */ a("div", { className: o("text-lg font-bold", e ? "text-gray-900" : "text-gray-500"), children: [
100
+ "BUY ",
101
+ r
102
+ ] }),
103
+ /* @__PURE__ */ a("div", { className: "flex items-center justify-center gap-2", children: [
104
+ r > 1 && !!m && /* @__PURE__ */ t("div", { className: o(
105
+ "text-base md:text-lg font-bold line-through",
106
+ e ? "text-[#DC143C]" : "text-gray-400"
107
+ ), children: g(c * r) }),
108
+ /* @__PURE__ */ t("div", { className: o("text-lg md:text-2xl font-bold", e ? "text-green-600" : "text-gray-400"), children: g(N) })
109
+ ] }),
110
+ r > 1 && e ? !!m && /* @__PURE__ */ a("div", { className: "absolute top-[-30px] right-0 2xl:right-[-30px] h-[60px] w-[60px] flex items-center justify-center", children: [
111
+ /* @__PURE__ */ a("span", { className: "text-white font-bold z-[5] relative leading-4", children: [
112
+ m,
113
+ "%",
114
+ /* @__PURE__ */ t("br", {}),
115
+ "off"
145
116
  ] }),
146
- /* @__PURE__ */ e(te, { limit: 6, className: "border-t border-gray-200" }),
147
- /* @__PURE__ */ a("div", { className: "border-t border-gray-300 bg-white", children: [
148
- /* @__PURE__ */ a("div", { className: " text-base", children: [
149
- /* @__PURE__ */ a("div", { className: "px-4 py-2 space-y-2", children: [
150
- /* @__PURE__ */ a("div", { className: "flex justify-between", children: [
151
- /* @__PURE__ */ e("span", { className: "text-gray-600", children: "Subtotal" }),
152
- /* @__PURE__ */ e("span", { className: "font-semibold", children: o(X) })
153
- ] }),
154
- N > 0 && /* @__PURE__ */ a("div", { className: "flex justify-between text-green-600", children: [
155
- /* @__PURE__ */ e("span", { children: "Discount" }),
156
- /* @__PURE__ */ a("span", { className: "font-semibold", children: [
157
- "-",
158
- o(N)
159
- ] })
160
- ] }),
161
- /* @__PURE__ */ a("div", { className: "flex justify-between", children: [
162
- /* @__PURE__ */ e("span", { className: "text-gray-600", children: "Shipping" }),
163
- /* @__PURE__ */ e("span", { className: "font-semibold", children: t.deliveryZone ? ((j = t.pricing) == null ? void 0 : j.deliveryCharge) === 0 ? /* @__PURE__ */ e("span", { className: "text-green-600", children: "Free" }) : o(((E = t.pricing) == null ? void 0 : E.deliveryCharge) ?? 0) : /* @__PURE__ */ e("span", { className: "text-gray-400 text-xs font-normal", children: "Calculated at checkout" }) })
164
- ] })
165
- ] }),
166
- /* @__PURE__ */ a("div", { className: "flex justify-between p-4 border-t border-gray-300 text-lg", children: [
167
- /* @__PURE__ */ e("span", { className: "font-bold", children: "Total" }),
168
- /* @__PURE__ */ e("span", { className: "font-bold", children: o(t.pricing.total) })
169
- ] })
170
- ] }),
171
- /* @__PURE__ */ a("div", { className: "px-4 py-2 space-y-2 pt-0", children: [
172
- /* @__PURE__ */ a(
173
- z,
174
- {
175
- onClick: Z,
176
- disabled: A || t.items.length === 0,
177
- className: d("w-full bg-accent-500 text-white hover:bg-accent-600", y),
178
- size: "lg",
179
- children: [
180
- /* @__PURE__ */ e(x, { className: "h-5 w-5" }),
181
- D
182
- ]
183
- }
184
- ),
185
- T && /* @__PURE__ */ e(
186
- z,
187
- {
188
- onClick: K,
189
- variant: "outline",
190
- className: d("w-full border-gray-300 text-gray-600 hover:bg-gray-100", q),
191
- size: "lg",
192
- children: M
193
- }
194
- )
195
- ] })
196
- ] })
197
- ] })
117
+ /* @__PURE__ */ t(C, { className: "animate-spin-slow w-full h-full z-[2] inset-0 absolute fill-accent-500 text-accent-500" })
118
+ ] }) : e ? null : /* @__PURE__ */ t("div", { className: "text-xs text-red-500 mt-1", children: "Out of Stock" })
198
119
  ] })
199
- }
200
- ),
201
- /* @__PURE__ */ e(
202
- ee,
203
- {
204
- isOpen: P,
205
- onSuccess: (r) => {
206
- u == null || u(r), l();
207
- },
208
- onClose: () => g(!1),
209
- refundPolicy: {
210
- title: "🤔 Curious about Refunds?",
211
- policies: [
212
- "2 day return window from delivery date",
213
- "Items must be unused and in original packaging",
214
- "Refunds processed as soon as item is received",
215
- "Refunds issued to original payment method",
216
- "Contact hello@instock.ng to initiate a refund"
217
- ]
218
- }
219
- }
220
- )
120
+ ]
121
+ }
122
+ );
123
+ };
124
+ function P({
125
+ selectedVariant: l,
126
+ quantity: i,
127
+ onQuantityChange: s,
128
+ effectivePrice: c,
129
+ quantityDiscounts: n
130
+ }) {
131
+ return /* @__PURE__ */ a("div", { className: "flex flex-col space-y-2", children: [
132
+ /* @__PURE__ */ t("span", { className: "text-sm font-medium", children: "Choose Quantity:" }),
133
+ /* @__PURE__ */ a("div", { className: "relative", children: [
134
+ !l && /* @__PURE__ */ t("div", { className: "absolute inset-0 bg-white/80 z-10 rounded-xl flex items-center justify-center", children: /* @__PURE__ */ a("div", { className: "text-center p-4", children: [
135
+ /* @__PURE__ */ t("div", { className: "text-lg font-semibold text-gray-700 mb-2", children: "Select a variant first" }),
136
+ /* @__PURE__ */ t("div", { className: "text-sm text-gray-500", children: "Choose a product variant above to see quantity options" })
137
+ ] }) }),
138
+ /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3", children: [
139
+ /* @__PURE__ */ t(
140
+ S,
141
+ {
142
+ qty: 1,
143
+ selectedVariant: l,
144
+ quantity: i,
145
+ onQuantityChange: s,
146
+ effectivePrice: c,
147
+ quantityDiscounts: n
148
+ }
149
+ ),
150
+ /* @__PURE__ */ t(
151
+ j,
152
+ {
153
+ selectedVariant: l,
154
+ quantity: i,
155
+ onQuantityChange: s,
156
+ effectivePrice: c,
157
+ quantityDiscounts: n
158
+ }
159
+ )
160
+ ] })
161
+ ] })
221
162
  ] });
222
163
  }
223
164
  export {
224
- we as ShoppingCart
165
+ P as QuantitySelector
225
166
  };
package/dist/index150.mjs CHANGED
@@ -1,21 +1,5 @@
1
1
  'use client';
2
- import { __exports as r } from "./index226.mjs";
3
- var u;
4
- function a() {
5
- return u ? r : (u = 1, function(n) {
6
- Object.defineProperty(n, "__esModule", {
7
- value: !0
8
- }), Object.defineProperty(n, "default", {
9
- enumerable: !0,
10
- get: function() {
11
- return o;
12
- }
13
- });
14
- function o(e, t) {
15
- return t === void 0 && (t = ""), (e === "/" ? "/index" : /^\/index(\/|$)/.test(e) ? "/index" + e : e) + t;
16
- }
17
- }(r), r);
18
- }
2
+ var r = {};
19
3
  export {
20
- a as __require
4
+ r as __exports
21
5
  };
package/dist/index151.mjs CHANGED
@@ -1,35 +1,5 @@
1
1
  'use client';
2
- import { __module as r } from "./index227.mjs";
3
- var i;
4
- function c() {
5
- return i ? r.exports : (i = 1, function(f, e) {
6
- Object.defineProperty(e, "__esModule", {
7
- value: !0
8
- }), Object.defineProperty(e, "__unsafeCreateTrustedScriptURL", {
9
- enumerable: !0,
10
- get: function() {
11
- return a;
12
- }
13
- });
14
- let n;
15
- function d() {
16
- if (typeof n > "u" && typeof window < "u") {
17
- var u;
18
- n = ((u = window.trustedTypes) == null ? void 0 : u.createPolicy("nextjs", {
19
- createHTML: (t) => t,
20
- createScript: (t) => t,
21
- createScriptURL: (t) => t
22
- })) || null;
23
- }
24
- return n;
25
- }
26
- function a(u) {
27
- var t;
28
- return ((t = d()) == null ? void 0 : t.createScriptURL(u)) || u;
29
- }
30
- (typeof e.default == "function" || typeof e.default == "object" && e.default !== null) && typeof e.default.__esModule > "u" && (Object.defineProperty(e.default, "__esModule", { value: !0 }), Object.assign(e.default, e), f.exports = e.default);
31
- }(r, r.exports), r.exports);
32
- }
2
+ var e = { exports: {} };
33
3
  export {
34
- c as __require
4
+ e as __module
35
5
  };
package/dist/index152.mjs CHANGED
@@ -1,41 +1,21 @@
1
1
  'use client';
2
- import { __module as n } from "./index222.mjs";
3
- var a;
4
- function o() {
5
- return a ? n.exports : (a = 1, function(f, e) {
6
- Object.defineProperty(e, "__esModule", {
2
+ import { __exports as r } from "./index222.mjs";
3
+ var u;
4
+ function a() {
5
+ return u ? r : (u = 1, function(n) {
6
+ Object.defineProperty(n, "__esModule", {
7
7
  value: !0
8
- });
9
- function d(l, t) {
10
- for (var u in t) Object.defineProperty(l, u, {
11
- enumerable: !0,
12
- get: t[u]
13
- });
14
- }
15
- d(e, {
16
- cancelIdleCallback: function() {
17
- return c;
18
- },
19
- requestIdleCallback: function() {
20
- return r;
8
+ }), Object.defineProperty(n, "default", {
9
+ enumerable: !0,
10
+ get: function() {
11
+ return o;
21
12
  }
22
13
  });
23
- const r = typeof self < "u" && self.requestIdleCallback && self.requestIdleCallback.bind(window) || function(l) {
24
- let t = Date.now();
25
- return self.setTimeout(function() {
26
- l({
27
- didTimeout: !1,
28
- timeRemaining: function() {
29
- return Math.max(0, 50 - (Date.now() - t));
30
- }
31
- });
32
- }, 1);
33
- }, c = typeof self < "u" && self.cancelIdleCallback && self.cancelIdleCallback.bind(window) || function(l) {
34
- return clearTimeout(l);
35
- };
36
- (typeof e.default == "function" || typeof e.default == "object" && e.default !== null) && typeof e.default.__esModule > "u" && (Object.defineProperty(e.default, "__esModule", { value: !0 }), Object.assign(e.default, e), f.exports = e.default);
37
- }(n, n.exports), n.exports);
14
+ function o(e, t) {
15
+ return t === void 0 && (t = ""), (e === "/" ? "/index" : /^\/index(\/|$)/.test(e) ? "/index" + e : e) + t;
16
+ }
17
+ }(r), r);
38
18
  }
39
19
  export {
40
- o as __require
20
+ a as __require
41
21
  };
package/dist/index153.mjs CHANGED
@@ -1,21 +1,35 @@
1
1
  'use client';
2
- import { __exports as e } from "./index228.mjs";
3
- var t;
4
- function o() {
5
- return t ? e : (t = 1, function(r) {
6
- Object.defineProperty(r, "__esModule", {
2
+ import { __module as r } from "./index223.mjs";
3
+ var i;
4
+ function c() {
5
+ return i ? r.exports : (i = 1, function(f, e) {
6
+ Object.defineProperty(e, "__esModule", {
7
7
  value: !0
8
- }), Object.defineProperty(r, "getDeploymentIdQueryOrEmptyString", {
8
+ }), Object.defineProperty(e, "__unsafeCreateTrustedScriptURL", {
9
9
  enumerable: !0,
10
10
  get: function() {
11
- return n;
11
+ return a;
12
12
  }
13
13
  });
14
- function n() {
15
- return process.env.NEXT_DEPLOYMENT_ID ? `?dpl=${process.env.NEXT_DEPLOYMENT_ID}` : "";
14
+ let n;
15
+ function d() {
16
+ if (typeof n > "u" && typeof window < "u") {
17
+ var u;
18
+ n = ((u = window.trustedTypes) == null ? void 0 : u.createPolicy("nextjs", {
19
+ createHTML: (t) => t,
20
+ createScript: (t) => t,
21
+ createScriptURL: (t) => t
22
+ })) || null;
23
+ }
24
+ return n;
25
+ }
26
+ function a(u) {
27
+ var t;
28
+ return ((t = d()) == null ? void 0 : t.createScriptURL(u)) || u;
16
29
  }
17
- }(e), e);
30
+ (typeof e.default == "function" || typeof e.default == "object" && e.default !== null) && typeof e.default.__esModule > "u" && (Object.defineProperty(e.default, "__esModule", { value: !0 }), Object.assign(e.default, e), f.exports = e.default);
31
+ }(r, r.exports), r.exports);
18
32
  }
19
33
  export {
20
- o as __require
34
+ c as __require
21
35
  };
package/dist/index154.mjs CHANGED
@@ -1,21 +1,41 @@
1
1
  'use client';
2
- import { __exports as e } from "./index229.mjs";
3
- var n;
4
- function a() {
5
- return n ? e : (n = 1, function(r) {
6
- Object.defineProperty(r, "__esModule", {
2
+ import { __module as n } from "./index224.mjs";
3
+ var a;
4
+ function o() {
5
+ return a ? n.exports : (a = 1, function(f, e) {
6
+ Object.defineProperty(e, "__esModule", {
7
7
  value: !0
8
- }), Object.defineProperty(r, "encodeURIPath", {
9
- enumerable: !0,
10
- get: function() {
11
- return t;
12
- }
13
8
  });
14
- function t(o) {
15
- return o.split("/").map((i) => encodeURIComponent(i)).join("/");
9
+ function d(l, t) {
10
+ for (var u in t) Object.defineProperty(l, u, {
11
+ enumerable: !0,
12
+ get: t[u]
13
+ });
16
14
  }
17
- }(e), e);
15
+ d(e, {
16
+ cancelIdleCallback: function() {
17
+ return c;
18
+ },
19
+ requestIdleCallback: function() {
20
+ return r;
21
+ }
22
+ });
23
+ const r = typeof self < "u" && self.requestIdleCallback && self.requestIdleCallback.bind(window) || function(l) {
24
+ let t = Date.now();
25
+ return self.setTimeout(function() {
26
+ l({
27
+ didTimeout: !1,
28
+ timeRemaining: function() {
29
+ return Math.max(0, 50 - (Date.now() - t));
30
+ }
31
+ });
32
+ }, 1);
33
+ }, c = typeof self < "u" && self.cancelIdleCallback && self.cancelIdleCallback.bind(window) || function(l) {
34
+ return clearTimeout(l);
35
+ };
36
+ (typeof e.default == "function" || typeof e.default == "object" && e.default !== null) && typeof e.default.__esModule > "u" && (Object.defineProperty(e.default, "__esModule", { value: !0 }), Object.assign(e.default, e), f.exports = e.default);
37
+ }(n, n.exports), n.exports);
18
38
  }
19
39
  export {
20
- a as __require
40
+ o as __require
21
41
  };
package/dist/index155.mjs CHANGED
@@ -1,5 +1,21 @@
1
1
  'use client';
2
- var r = { exports: {} };
2
+ import { __exports as e } from "./index225.mjs";
3
+ var t;
4
+ function o() {
5
+ return t ? e : (t = 1, function(r) {
6
+ Object.defineProperty(r, "__esModule", {
7
+ value: !0
8
+ }), Object.defineProperty(r, "getDeploymentIdQueryOrEmptyString", {
9
+ enumerable: !0,
10
+ get: function() {
11
+ return n;
12
+ }
13
+ });
14
+ function n() {
15
+ return process.env.NEXT_DEPLOYMENT_ID ? `?dpl=${process.env.NEXT_DEPLOYMENT_ID}` : "";
16
+ }
17
+ }(e), e);
18
+ }
3
19
  export {
4
- r as __module
20
+ o as __require
5
21
  };