@afosto/checkout-ui 0.0.1-alpha.6 → 0.0.1-alpha.8
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/CheckoutAddressBlock/CheckoutAddressBlock.d.ts +1 -1
- package/dist/CheckoutAddressBlock/CheckoutAddressBlock.d.ts.map +1 -1
- package/dist/CheckoutAddressCard/CheckoutAddressCard.d.ts +2 -2
- package/dist/CheckoutAddressCard/CheckoutAddressCard.d.ts.map +1 -1
- package/dist/CheckoutAddressFields/CheckoutAddressFields.d.ts +2 -2
- package/dist/CheckoutAddressFields/CheckoutAddressFields.d.ts.map +1 -1
- package/dist/CheckoutAddressFields/CheckoutAddressFields.js +8 -8
- package/dist/CheckoutAgreementSummaryCard/CheckoutAgreementSummaryCard.d.ts +2 -2
- package/dist/CheckoutAgreementSummaryCard/CheckoutAgreementSummaryCard.d.ts.map +1 -1
- package/dist/CheckoutCartProvider/CheckoutCartProvider.d.ts.map +1 -1
- package/dist/CheckoutCartProvider/CheckoutCartProvider.js +31 -29
- package/dist/CheckoutForm/CheckoutForm.d.ts +6 -6
- package/dist/CheckoutForm/CheckoutForm.d.ts.map +1 -1
- package/dist/CheckoutForm/CheckoutForm.js +142 -120
- package/dist/CheckoutOrderProvider/CheckoutOrderProvider.d.ts.map +1 -1
- package/dist/CheckoutOrderProvider/CheckoutOrderProvider.js +33 -31
- package/dist/CheckoutProvider/CheckoutProvider.d.ts +1 -0
- package/dist/CheckoutProvider/CheckoutProvider.d.ts.map +1 -1
- package/dist/CheckoutProvider/CheckoutProvider.js +85 -82
- package/dist/CheckoutSummary/components/CheckoutSummaryFees/CheckoutSummaryFees.d.ts.map +1 -1
- package/dist/CheckoutSummary/components/CheckoutSummaryFees/CheckoutSummaryFees.js +1 -1
- package/dist/CheckoutSummary/components/CheckoutSummaryShippingFees/CheckoutSummaryShippingFees.d.ts.map +1 -1
- package/dist/CheckoutSummary/components/CheckoutSummaryShippingFees/CheckoutSummaryShippingFees.js +21 -19
- package/dist/constants/analyticsEvents.d.ts +65 -21
- package/dist/constants/analyticsEvents.d.ts.map +1 -1
- package/dist/constants/analyticsEvents.js +153 -3
- package/dist/fragments/CoreCartProjectionFields.d.ts +1 -1
- package/dist/fragments/CoreCartProjectionFields.d.ts.map +1 -1
- package/dist/hooks/useCheckoutAddressOptions.d.ts.map +1 -1
- package/dist/hooks/useCheckoutAnalytics.d.ts +1 -0
- package/dist/hooks/useCheckoutAnalytics.d.ts.map +1 -1
- package/dist/hooks/useCheckoutAnalytics.js +25 -19
- package/dist/hooks/useCheckoutAuth.d.ts +2 -0
- package/dist/hooks/useCheckoutAuth.d.ts.map +1 -1
- package/dist/hooks/useCheckoutAuth.js +40 -39
- package/dist/hooks/useCheckoutCart.d.ts +11 -0
- package/dist/hooks/useCheckoutCart.d.ts.map +1 -1
- package/dist/hooks/useCheckoutCart.js +83 -80
- package/dist/hooks/useCheckoutForm.d.ts.map +1 -1
- package/dist/hooks/useCheckoutForm.js +30 -20
- package/dist/hooks/useCheckoutOrder.d.ts +11 -0
- package/dist/hooks/useCheckoutOrder.d.ts.map +1 -1
- package/dist/hooks/useCheckoutOrder.js +85 -78
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +483 -450
- package/dist/mutations/addShippingMethodToCart.d.ts +10 -0
- package/dist/mutations/addShippingMethodToCart.d.ts.map +1 -1
- package/dist/mutations/addShippingMethodToCart.js +12 -2
- package/dist/mutations/addShippingMethodToOrder.d.ts +10 -0
- package/dist/mutations/addShippingMethodToOrder.d.ts.map +1 -1
- package/dist/mutations/addShippingMethodToOrder.js +15 -5
- package/dist/operations/authOperations.d.ts.map +1 -1
- package/dist/operations/authOperations.js +10 -2
- package/dist/operations/cartOperations.d.ts.map +1 -1
- package/dist/operations/cartOperations.js +130 -117
- package/dist/types.d.ts +22 -1
- package/dist/types.d.ts.map +1 -1
- package/dist/utils/colorManipulator.d.ts +15 -15
- package/dist/utils/colorManipulator.d.ts.map +1 -1
- package/dist/utils/colorManipulator.js +86 -75
- package/dist/utils/formatEcommerceDataLayerItems.d.ts +11 -0
- package/dist/utils/formatEcommerceDataLayerItems.d.ts.map +1 -0
- package/dist/utils/formatEcommerceDataLayerItems.js +26 -0
- package/dist/utils/getAutocompletedAddress.d.ts +1 -1
- package/dist/utils/getAutocompletedAddress.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1,49 +1,52 @@
|
|
|
1
|
-
import { useCheckoutState as
|
|
2
|
-
import { useCheckoutForm as
|
|
3
|
-
import { useQueryClient as
|
|
4
|
-
import { useCheckoutAnalytics as
|
|
5
|
-
import { useCheckoutAuth as
|
|
6
|
-
import { useCheckoutSummary as
|
|
7
|
-
import { isDefined as
|
|
8
|
-
const
|
|
1
|
+
import { useCheckoutState as Y } from "./useCheckoutState.js";
|
|
2
|
+
import { useCheckoutForm as Z } from "./useCheckoutForm.js";
|
|
3
|
+
import { useQueryClient as tt, useMutation as i } from "@tanstack/react-query";
|
|
4
|
+
import { useCheckoutAnalytics as et } from "./useCheckoutAnalytics.js";
|
|
5
|
+
import { useCheckoutAuth as ot } from "./useCheckoutAuth.js";
|
|
6
|
+
import { useCheckoutSummary as nt } from "./useCheckoutSummary.js";
|
|
7
|
+
import { isDefined as at } from "@afosto/utils";
|
|
8
|
+
const Mt = (F) => {
|
|
9
9
|
const {
|
|
10
|
-
analytics:
|
|
10
|
+
analytics: q,
|
|
11
11
|
cartId: c,
|
|
12
|
-
channel:
|
|
13
|
-
createSummary:
|
|
14
|
-
defaultOperations:
|
|
15
|
-
|
|
16
|
-
|
|
12
|
+
channel: g,
|
|
13
|
+
createSummary: A,
|
|
14
|
+
defaultOperations: D,
|
|
15
|
+
isLoading: C = !1,
|
|
16
|
+
isLoadingChannel: P,
|
|
17
|
+
locale: T,
|
|
17
18
|
settings: u,
|
|
18
|
-
storefront:
|
|
19
|
+
storefront: w,
|
|
19
20
|
operations: e,
|
|
20
|
-
steps:
|
|
21
|
-
} =
|
|
21
|
+
steps: E
|
|
22
|
+
} = F || {}, M = "cart", m = tt(), y = et({
|
|
23
|
+
analytics: q,
|
|
24
|
+
flow: M,
|
|
25
|
+
settings: u
|
|
26
|
+
}), { track: I } = y, h = ot({
|
|
22
27
|
operations: e,
|
|
23
28
|
settings: u,
|
|
24
|
-
storefront:
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
29
|
+
storefront: w,
|
|
30
|
+
track: I
|
|
31
|
+
}), { isInitializingAuth: v } = h, l = nt(), f = Z({
|
|
32
|
+
channel: g,
|
|
33
|
+
locale: T,
|
|
28
34
|
settings: u,
|
|
29
|
-
steps:
|
|
30
|
-
}), { initializeSteps:
|
|
31
|
-
analytics: R,
|
|
32
|
-
settings: u
|
|
33
|
-
}), n = {
|
|
34
|
-
...y,
|
|
35
|
-
...P,
|
|
35
|
+
steps: E
|
|
36
|
+
}), { initializeSteps: N } = f, n = {
|
|
36
37
|
...h,
|
|
37
|
-
...
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
38
|
+
...l,
|
|
39
|
+
...f,
|
|
40
|
+
...y,
|
|
41
|
+
channel: g,
|
|
42
|
+
createSummary: A,
|
|
43
|
+
defaultOperations: D,
|
|
44
|
+
flow: M,
|
|
42
45
|
operations: e,
|
|
43
46
|
settings: u,
|
|
44
|
-
storefront:
|
|
45
|
-
},
|
|
46
|
-
enabled: !!c && !
|
|
47
|
+
storefront: w
|
|
48
|
+
}, k = Y({
|
|
49
|
+
enabled: !!c && !v && !P && !C,
|
|
47
50
|
notFound: !c,
|
|
48
51
|
onError: e.initial.error,
|
|
49
52
|
onFormat: async (t) => {
|
|
@@ -57,7 +60,7 @@ const Ct = (k) => {
|
|
|
57
60
|
await e.initial.success(t, n);
|
|
58
61
|
try {
|
|
59
62
|
const { skipCheckCompletedSteps: o } = t || {};
|
|
60
|
-
|
|
63
|
+
N(t.cart, t, { skipCheckCompletedSteps: o });
|
|
61
64
|
} catch {
|
|
62
65
|
}
|
|
63
66
|
},
|
|
@@ -66,7 +69,7 @@ const Ct = (k) => {
|
|
|
66
69
|
{ id: c, intent: "BEGIN_CHECKOUT" },
|
|
67
70
|
n
|
|
68
71
|
)
|
|
69
|
-
}), { setIsAddingExpressPaymentMethod:
|
|
72
|
+
}), { setIsAddingExpressPaymentMethod: S, isInitializing: K } = k, L = K || P || C, x = i({
|
|
70
73
|
mutationFn: async (t) => e.addCustomer.queryFn(t, n),
|
|
71
74
|
onSuccess: async (t) => {
|
|
72
75
|
const o = await e.addCustomer.formatter(
|
|
@@ -78,7 +81,7 @@ const Ct = (k) => {
|
|
|
78
81
|
onError: (t) => {
|
|
79
82
|
e.addCustomer.error(t);
|
|
80
83
|
}
|
|
81
|
-
}),
|
|
84
|
+
}), Q = i({
|
|
82
85
|
mutationFn: async (t) => e.addCustomerCountryCode.queryFn(t, n),
|
|
83
86
|
onSuccess: async (t) => {
|
|
84
87
|
const o = await e.addCustomerCountryCode.formatter(
|
|
@@ -93,7 +96,7 @@ const Ct = (k) => {
|
|
|
93
96
|
onError: (t) => {
|
|
94
97
|
e.addCustomerCountryCode.error(t);
|
|
95
98
|
}
|
|
96
|
-
}),
|
|
99
|
+
}), j = i({
|
|
97
100
|
mutationFn: async (t) => e.addInformation.queryFn(t, n),
|
|
98
101
|
onSuccess: async (t) => {
|
|
99
102
|
const o = await e.addInformation.formatter(
|
|
@@ -105,7 +108,7 @@ const Ct = (k) => {
|
|
|
105
108
|
onError: (t) => {
|
|
106
109
|
e.addInformation.error(t);
|
|
107
110
|
}
|
|
108
|
-
}),
|
|
111
|
+
}), O = i({
|
|
109
112
|
mutationFn: async (t) => e.addNote.queryFn(t, n),
|
|
110
113
|
onSuccess: async (t) => {
|
|
111
114
|
const o = await e.addNote.formatter(
|
|
@@ -117,7 +120,7 @@ const Ct = (k) => {
|
|
|
117
120
|
onError: (t) => {
|
|
118
121
|
e.addNote.error(t);
|
|
119
122
|
}
|
|
120
|
-
}),
|
|
123
|
+
}), z = i({
|
|
121
124
|
mutationFn: async (t) => e.addPaymentMethod.queryFn(t, n),
|
|
122
125
|
onSuccess: async (t) => {
|
|
123
126
|
const o = await e.addPaymentMethod.formatter(
|
|
@@ -129,7 +132,7 @@ const Ct = (k) => {
|
|
|
129
132
|
onError: (t) => {
|
|
130
133
|
e.addPaymentMethod.error(t);
|
|
131
134
|
}
|
|
132
|
-
}),
|
|
135
|
+
}), b = i({
|
|
133
136
|
mutationFn: async (t) => e.addPickupPoint.queryFn(t, n),
|
|
134
137
|
onSuccess: async (t) => {
|
|
135
138
|
const o = await e.addPickupPoint.formatter(
|
|
@@ -141,7 +144,7 @@ const Ct = (k) => {
|
|
|
141
144
|
onError: (t) => {
|
|
142
145
|
e.addPickupPoint.error(t);
|
|
143
146
|
}
|
|
144
|
-
}),
|
|
147
|
+
}), U = i({
|
|
145
148
|
mutationFn: async (t) => e.addShippingMethod.queryFn(t, n),
|
|
146
149
|
onSuccess: async (t) => {
|
|
147
150
|
const o = await e.addShippingMethod.formatter(
|
|
@@ -153,7 +156,7 @@ const Ct = (k) => {
|
|
|
153
156
|
onError: (t) => {
|
|
154
157
|
e.addShippingMethod.error(t);
|
|
155
158
|
}
|
|
156
|
-
}),
|
|
159
|
+
}), _ = i({
|
|
157
160
|
mutationFn: async (t) => e.checkout.queryFn(t, n),
|
|
158
161
|
onSuccess: async (t) => {
|
|
159
162
|
const o = await e.checkout.formatter(
|
|
@@ -165,7 +168,7 @@ const Ct = (k) => {
|
|
|
165
168
|
onError: (t) => {
|
|
166
169
|
e.checkout.error(t);
|
|
167
170
|
}
|
|
168
|
-
}),
|
|
171
|
+
}), $ = i({
|
|
169
172
|
mutationFn: async (t) => e.setAgreementTemplate.queryFn(t, n),
|
|
170
173
|
onSuccess: async (t) => {
|
|
171
174
|
const o = await e.setAgreementTemplate.formatter(
|
|
@@ -180,10 +183,10 @@ const Ct = (k) => {
|
|
|
180
183
|
onError: (t) => {
|
|
181
184
|
e.setAgreementTemplate.error(t);
|
|
182
185
|
}
|
|
183
|
-
}),
|
|
186
|
+
}), B = async ({
|
|
184
187
|
customer: t
|
|
185
188
|
}) => {
|
|
186
|
-
const o = await
|
|
189
|
+
const o = await x.mutateAsync({
|
|
187
190
|
cartId: c,
|
|
188
191
|
customer: t
|
|
189
192
|
}), a = await e.addCustomer.formatter(
|
|
@@ -194,10 +197,10 @@ const Ct = (k) => {
|
|
|
194
197
|
...r,
|
|
195
198
|
...s
|
|
196
199
|
};
|
|
197
|
-
},
|
|
200
|
+
}, G = async ({
|
|
198
201
|
countryCode: t
|
|
199
202
|
}) => {
|
|
200
|
-
const o = await
|
|
203
|
+
const o = await Q.mutateAsync({
|
|
201
204
|
cartId: c,
|
|
202
205
|
countryCode: t
|
|
203
206
|
}), a = await e.addCustomerCountryCode.formatter(
|
|
@@ -208,13 +211,13 @@ const Ct = (k) => {
|
|
|
208
211
|
...r,
|
|
209
212
|
...s
|
|
210
213
|
};
|
|
211
|
-
},
|
|
214
|
+
}, H = async ({
|
|
212
215
|
billingAddress: t,
|
|
213
216
|
customer: o,
|
|
214
217
|
phoneNumber: a,
|
|
215
218
|
shippingAddress: r
|
|
216
219
|
}) => {
|
|
217
|
-
const s = await
|
|
220
|
+
const s = await j.mutateAsync({
|
|
218
221
|
cartId: c,
|
|
219
222
|
billingAddress: t,
|
|
220
223
|
customer: o,
|
|
@@ -223,13 +226,13 @@ const Ct = (k) => {
|
|
|
223
226
|
}), d = await e.addInformation.formatter(
|
|
224
227
|
s,
|
|
225
228
|
n
|
|
226
|
-
), { cart: p, ...
|
|
229
|
+
), { cart: p, ...X } = d || {};
|
|
227
230
|
return {
|
|
228
231
|
...p,
|
|
229
|
-
...
|
|
232
|
+
...X
|
|
230
233
|
};
|
|
231
|
-
},
|
|
232
|
-
const o = await
|
|
234
|
+
}, J = async ({ note: t }) => {
|
|
235
|
+
const o = await O.mutateAsync({
|
|
233
236
|
cartId: c,
|
|
234
237
|
note: t
|
|
235
238
|
}), a = await e.addNote.formatter(
|
|
@@ -240,8 +243,8 @@ const Ct = (k) => {
|
|
|
240
243
|
...r,
|
|
241
244
|
...s
|
|
242
245
|
};
|
|
243
|
-
},
|
|
244
|
-
const t = await
|
|
246
|
+
}, V = async () => {
|
|
247
|
+
const t = await _.mutateAsync({
|
|
245
248
|
cartId: c
|
|
246
249
|
}), o = await e.checkout.formatter(
|
|
247
250
|
t,
|
|
@@ -255,8 +258,8 @@ const Ct = (k) => {
|
|
|
255
258
|
return;
|
|
256
259
|
}
|
|
257
260
|
const [r] = o?.order?.options?.proceedingStep?.proceeding?.options || [], { method: s, url: d } = r || {};
|
|
258
|
-
s?.toLowerCase() === "follow" &&
|
|
259
|
-
},
|
|
261
|
+
s?.toLowerCase() === "follow" && at(d) && (window.location.href = d);
|
|
262
|
+
}, W = async () => {
|
|
260
263
|
try {
|
|
261
264
|
const t = await m.fetchQuery({
|
|
262
265
|
queryKey: ["getCartInitialPaymentStep", c],
|
|
@@ -281,12 +284,12 @@ const Ct = (k) => {
|
|
|
281
284
|
} catch (t) {
|
|
282
285
|
return e.initialPaymentStep.error(t), Promise.reject(t);
|
|
283
286
|
}
|
|
284
|
-
},
|
|
287
|
+
}, R = async ({
|
|
285
288
|
methodId: t,
|
|
286
289
|
issuerId: o,
|
|
287
290
|
terminalId: a
|
|
288
291
|
}) => {
|
|
289
|
-
const r = await
|
|
292
|
+
const r = await z.mutateAsync({
|
|
290
293
|
cartId: c,
|
|
291
294
|
methodId: t,
|
|
292
295
|
issuerId: o,
|
|
@@ -301,29 +304,29 @@ const Ct = (k) => {
|
|
|
301
304
|
};
|
|
302
305
|
};
|
|
303
306
|
return {
|
|
304
|
-
...
|
|
305
|
-
...y,
|
|
306
|
-
...P,
|
|
307
|
+
...k,
|
|
307
308
|
...h,
|
|
308
|
-
...
|
|
309
|
-
|
|
310
|
-
|
|
309
|
+
...l,
|
|
310
|
+
...f,
|
|
311
|
+
...y,
|
|
312
|
+
addCustomer: B,
|
|
313
|
+
addCustomerCountryCode: G,
|
|
311
314
|
addExpressPaymentMethod: async ({
|
|
312
315
|
methodId: t
|
|
313
316
|
}) => {
|
|
314
317
|
try {
|
|
315
|
-
return
|
|
318
|
+
return S(!0), R({ methodId: t });
|
|
316
319
|
} catch {
|
|
317
|
-
|
|
320
|
+
S(!1);
|
|
318
321
|
}
|
|
319
322
|
},
|
|
320
|
-
addInformation:
|
|
321
|
-
addNote:
|
|
322
|
-
addPaymentMethod:
|
|
323
|
+
addInformation: H,
|
|
324
|
+
addNote: J,
|
|
325
|
+
addPaymentMethod: R,
|
|
323
326
|
addPickupPoint: async ({
|
|
324
327
|
pickupPointId: t
|
|
325
328
|
}) => {
|
|
326
|
-
const o = await
|
|
329
|
+
const o = await b.mutateAsync({
|
|
327
330
|
cartId: c,
|
|
328
331
|
pickupPointId: t
|
|
329
332
|
}), a = await e.addPickupPoint.formatter(
|
|
@@ -338,7 +341,7 @@ const Ct = (k) => {
|
|
|
338
341
|
addShippingMethod: async ({
|
|
339
342
|
methodId: t
|
|
340
343
|
}) => {
|
|
341
|
-
const o = await
|
|
344
|
+
const o = await U.mutateAsync({
|
|
342
345
|
cartId: c,
|
|
343
346
|
methodId: t
|
|
344
347
|
}), a = await e.addShippingMethod.formatter(
|
|
@@ -350,8 +353,8 @@ const Ct = (k) => {
|
|
|
350
353
|
...s
|
|
351
354
|
};
|
|
352
355
|
},
|
|
353
|
-
checkout:
|
|
354
|
-
getInitialPaymentStep:
|
|
356
|
+
checkout: V,
|
|
357
|
+
getInitialPaymentStep: W,
|
|
355
358
|
getPaymentMethods: async () => {
|
|
356
359
|
try {
|
|
357
360
|
const t = await m.fetchQuery({
|
|
@@ -453,11 +456,11 @@ const Ct = (k) => {
|
|
|
453
456
|
return e.getShippingMethods.error(a), Promise.reject(a);
|
|
454
457
|
}
|
|
455
458
|
},
|
|
456
|
-
isLoading:
|
|
459
|
+
isLoading: L,
|
|
457
460
|
setAgreementTemplate: async ({
|
|
458
461
|
agreementId: t
|
|
459
462
|
}) => {
|
|
460
|
-
const o = await
|
|
463
|
+
const o = await $.mutateAsync({
|
|
461
464
|
cartId: c,
|
|
462
465
|
agreementId: t
|
|
463
466
|
}), a = await e.setAgreementTemplate.formatter(
|
|
@@ -472,5 +475,5 @@ const Ct = (k) => {
|
|
|
472
475
|
};
|
|
473
476
|
};
|
|
474
477
|
export {
|
|
475
|
-
|
|
478
|
+
Mt as useCheckoutCart
|
|
476
479
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useCheckoutForm.d.ts","sourceRoot":"","sources":["../../src/hooks/useCheckoutForm.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,oBAAoB,EACpB,gBAAgB,EAChB,YAAY,EACZ,aAAa,EACd,MAAM,UAAU,CAAC;AAElB,OAAO,KAAK,GAAG,MAAM,KAAK,CAAC;AAC3B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGxD,OAAO,KAAK,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEpE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAElD,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,OAAO,GAAG,IAAI,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,KAAK,EAAE,aAAa,CAAC;CACtB;AAED,eAAO,MAAM,eAAe,GAAI,SAAS,sBAAsB;;;;;;;;;;;;;;;;kBAH/C,CAAC;;;;gBAMf,CAAF;;;;;;
|
|
1
|
+
{"version":3,"file":"useCheckoutForm.d.ts","sourceRoot":"","sources":["../../src/hooks/useCheckoutForm.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,oBAAoB,EACpB,gBAAgB,EAChB,YAAY,EACZ,aAAa,EACd,MAAM,UAAU,CAAC;AAElB,OAAO,KAAK,GAAG,MAAM,KAAK,CAAC;AAC3B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGxD,OAAO,KAAK,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEpE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAElD,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,OAAO,GAAG,IAAI,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,KAAK,EAAE,aAAa,CAAC;CACtB;AAED,eAAO,MAAM,eAAe,GAAI,SAAS,sBAAsB;;;;;;;;;;;;;;;;kBAH/C,CAAC;;;;gBAMf,CAAF;;;;;;iCAuKiB;QACX,UAAU,EAAE,YAAY,GAAG,SAAS,CAAC;QACrC,eAAe,EAAE,MAAM,CAAC;QACxB,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC;KACnC;sBAjIsB,KAAK,EAAE,SAAS,QACjC,KAAK,gBACG,SAAS,YACb;QAAE,uBAAuB,CAAC,EAAE,OAAO,CAAA;KAAE;;;;;;;;;;;;;;;mBA8IrB,CAAC,SAAS,iBAAiB,aAC1C,CAAC,aACD,gBAAgB,CAAC,CAAC,CAAC,WACrB,OAAO,YACP;QAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE;;CA0ElC,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC"}
|
|
@@ -5,8 +5,8 @@ import { useCountries as O } from "@afosto/hooks";
|
|
|
5
5
|
import { getShortLocale as q } from "../utils/getShortLocale.js";
|
|
6
6
|
import { isDefined as G } from "@afosto/utils";
|
|
7
7
|
const te = (k) => {
|
|
8
|
-
const { channel: A, locale:
|
|
9
|
-
locale:
|
|
8
|
+
const { channel: A, locale: h, settings: p, steps: o } = k ?? {}, S = V(null), [u, d] = c(0), [B, y] = c([]), [L, b] = c(null), [z, T] = c(!1), [f, w] = c(E), [m, D] = c(E), [I, g] = c(""), [R, P] = c(!1), j = V(null), { defaultCountry: v, formatCountryAsOption: C, getCountryByCode: x } = O({ locale: q(h) }), M = o.map((e) => typeof e.defaultValues == "function" ? e.defaultValues({
|
|
9
|
+
locale: h,
|
|
10
10
|
defaultCountry: v,
|
|
11
11
|
formatCountryAsOption: C,
|
|
12
12
|
getCountryByCode: x,
|
|
@@ -14,26 +14,31 @@ const te = (k) => {
|
|
|
14
14
|
step: e
|
|
15
15
|
}) : e.defaultValues ?? {}), F = o.map(
|
|
16
16
|
(e) => e.validationSchema({
|
|
17
|
-
billingAddressValidationSchema:
|
|
18
|
-
shippingAddressValidationSchema:
|
|
17
|
+
billingAddressValidationSchema: f,
|
|
18
|
+
shippingAddressValidationSchema: m,
|
|
19
19
|
settings: p,
|
|
20
20
|
subStep: I
|
|
21
21
|
}) ?? N.object().shape({})
|
|
22
22
|
);
|
|
23
23
|
return {
|
|
24
24
|
activeStep: u,
|
|
25
|
-
billingAddressValidationSchema:
|
|
25
|
+
billingAddressValidationSchema: f,
|
|
26
26
|
completedSteps: B,
|
|
27
27
|
defaultCountry: v,
|
|
28
28
|
defaultValues: M,
|
|
29
29
|
errorMessage: L,
|
|
30
30
|
formatCountryAsOption: C,
|
|
31
|
-
formRef:
|
|
31
|
+
formRef: S,
|
|
32
32
|
getCountryByCode: x,
|
|
33
33
|
getNextStepLabel: () => {
|
|
34
|
-
const e =
|
|
34
|
+
const e = S.current?.formProps?.data || [];
|
|
35
35
|
let i = o.findIndex(
|
|
36
|
-
(r, s) => !r.isComplete(e[s], {
|
|
36
|
+
(r, s) => !r.isComplete(e[s], {
|
|
37
|
+
billingAddressValidationSchema: f,
|
|
38
|
+
settings: p,
|
|
39
|
+
shippingAddressValidationSchema: m,
|
|
40
|
+
step: r
|
|
41
|
+
}) && s !== u
|
|
37
42
|
);
|
|
38
43
|
return i < 0 && (i = o.length - 1), o[i]?.label;
|
|
39
44
|
},
|
|
@@ -43,14 +48,14 @@ const te = (k) => {
|
|
|
43
48
|
return o[e]?.label;
|
|
44
49
|
},
|
|
45
50
|
goToTargetStep: (e) => () => {
|
|
46
|
-
!G(e.targetStepIndex) || e?.targetStepIndex < 0 || (e.targetSubStep &&
|
|
51
|
+
!G(e.targetStepIndex) || e?.targetStepIndex < 0 || (e.targetSubStep && g(e.targetSubStep), d(e.targetStepIndex));
|
|
47
52
|
},
|
|
48
53
|
initializeSteps: (e, i, r) => {
|
|
49
54
|
const s = o.reduce((t, a) => [
|
|
50
55
|
...t,
|
|
51
56
|
a.initialize(e, i, {
|
|
52
57
|
channel: A,
|
|
53
|
-
locale:
|
|
58
|
+
locale: h,
|
|
54
59
|
defaultCountry: v,
|
|
55
60
|
formatCountryAsOption: C,
|
|
56
61
|
getCountryByCode: x,
|
|
@@ -59,44 +64,49 @@ const te = (k) => {
|
|
|
59
64
|
})
|
|
60
65
|
], []), l = o.filter(
|
|
61
66
|
(t, a) => t.isComplete(s[a], {
|
|
62
|
-
billingAddressValidationSchema:
|
|
67
|
+
billingAddressValidationSchema: f,
|
|
63
68
|
settings: p,
|
|
64
|
-
shippingAddressValidationSchema:
|
|
69
|
+
shippingAddressValidationSchema: m,
|
|
65
70
|
step: t
|
|
66
71
|
}) && a !== o.length - 1
|
|
67
72
|
).map((t) => t.key);
|
|
68
73
|
let n = 0;
|
|
69
74
|
r?.skipCheckCompletedSteps || (n = o.findIndex(
|
|
70
75
|
(t) => !l.includes(t.key)
|
|
71
|
-
)), n < 0 && (n = o.length - 1), y(l), d(n),
|
|
76
|
+
)), n < 0 && (n = o.length - 1), y(l), d(n), S.current?.formProps?.setData(s), S.current?.reset(s[n]);
|
|
72
77
|
},
|
|
73
78
|
isProcessing: z,
|
|
74
79
|
nextStep: async (e, i, r) => {
|
|
75
|
-
|
|
80
|
+
b(null);
|
|
76
81
|
const s = o[u];
|
|
77
82
|
s && await s.submit(e, i, r);
|
|
78
83
|
const l = o.findIndex(
|
|
79
|
-
(t, a) => !t.isComplete(i[a], {
|
|
84
|
+
(t, a) => !t.isComplete(i[a], {
|
|
85
|
+
billingAddressValidationSchema: f,
|
|
86
|
+
settings: p,
|
|
87
|
+
shippingAddressValidationSchema: m,
|
|
88
|
+
step: t
|
|
89
|
+
}) && a !== u
|
|
80
90
|
);
|
|
81
91
|
let n = u + 1;
|
|
82
92
|
l < 0 && (n = o.length - 1), l >= u && (n = l), y((t) => [
|
|
83
93
|
...t,
|
|
84
94
|
s.key
|
|
85
|
-
]), d(n),
|
|
95
|
+
]), d(n), g("");
|
|
86
96
|
},
|
|
87
97
|
previousStep: () => {
|
|
88
|
-
|
|
98
|
+
b(null), P(!1), d((e) => e - 1), g("");
|
|
89
99
|
},
|
|
90
100
|
setActiveStep: d,
|
|
91
101
|
setBillingAddressValidationSchema: w,
|
|
92
|
-
setErrorMessage:
|
|
102
|
+
setErrorMessage: b,
|
|
93
103
|
setIsProcessing: T,
|
|
94
104
|
setShippingAddressValidationSchema: D,
|
|
95
105
|
setSubmitButtonDisabled: P,
|
|
96
|
-
shippingAddressValidationSchema:
|
|
106
|
+
shippingAddressValidationSchema: m,
|
|
97
107
|
submitButtonDisabled: R,
|
|
98
108
|
subStep: I,
|
|
99
|
-
setSubStep:
|
|
109
|
+
setSubStep: g,
|
|
100
110
|
submitButtonPortalRef: j,
|
|
101
111
|
triggerEvent: async (e, i, r, s = {}) => {
|
|
102
112
|
const { parallel: l = !0 } = s || {};
|
|
@@ -19,6 +19,7 @@ export interface UseCheckoutOrderOptions {
|
|
|
19
19
|
createSummary: CheckoutCreateSummaryFn;
|
|
20
20
|
orderId: string;
|
|
21
21
|
defaultOperations: CheckoutAuthOperations & CheckoutOrderOperations;
|
|
22
|
+
isLoading?: boolean;
|
|
22
23
|
isLoadingChannel: boolean;
|
|
23
24
|
locale: string;
|
|
24
25
|
steps: CheckoutSteps;
|
|
@@ -241,6 +242,16 @@ export declare const useCheckoutOrder: (options: UseCheckoutOrderOptions) => {
|
|
|
241
242
|
method: {
|
|
242
243
|
id: string;
|
|
243
244
|
name: string;
|
|
245
|
+
carrier: string;
|
|
246
|
+
description: string;
|
|
247
|
+
instruction: string;
|
|
248
|
+
isPickupPoint: boolean;
|
|
249
|
+
isSameDay: boolean;
|
|
250
|
+
isSunday: boolean;
|
|
251
|
+
pricing: {
|
|
252
|
+
fixed: number;
|
|
253
|
+
percentage: number;
|
|
254
|
+
};
|
|
244
255
|
};
|
|
245
256
|
};
|
|
246
257
|
}>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useCheckoutOrder.d.ts","sourceRoot":"","sources":["../../src/hooks/useCheckoutOrder.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,uBAAuB,EACvB,gBAAgB,EAChB,aAAa,EACb,WAAW,EACX,gBAAgB,EACjB,MAAM,UAAU,CAAC;AAClB,OAAO,KAAK,EACV,uBAAuB,EAExB,MAAM,+BAA+B,CAAC;AAIvC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAG3E,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAC;AAChF,OAAO,KAAK,EAAE,mCAAmC,EAAE,MAAM,4CAA4C,CAAC;AACtG,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,oCAAoC,CAAC;AACtF,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,sCAAsC,CAAC;AAE1F,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,oCAAoC,CAAC;AACtF,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,uCAAuC,CAAC;AAC5F,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AACvF,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,yCAAyC,CAAC;AAC7F,OAAO,KAAK,EAAE,kCAAkC,EAAE,MAAM,2CAA2C,CAAC;AACpG,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAEtE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAElD,MAAM,WAAW,uBAAuB;IACtC,SAAS,CAAC,EAAE,WAAW,CAAC,iBAAiB,CAAC,CAAC;IAC3C,OAAO,EAAE,OAAO,GAAG,IAAI,CAAC;IACxB,aAAa,EAAE,uBAAuB,CAAC;IACvC,OAAO,EAAE,MAAM,CAAC;IAChB,iBAAiB,EAAE,sBAAsB,GAAG,uBAAuB,CAAC;IACpE,gBAAgB,EAAE,OAAO,CAAC;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,aAAa,CAAC;IACrB,UAAU,EAAE,gBAAgB,CAAC;IAC7B,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,UAAU,EAAE,sBAAsB,GAAG,uBAAuB,CAAC;CAC9D;AAED,eAAO,MAAM,gBAAgB,GAAI,SAAS,uBAAuB;
|
|
1
|
+
{"version":3,"file":"useCheckoutOrder.d.ts","sourceRoot":"","sources":["../../src/hooks/useCheckoutOrder.ts"],"names":[],"mappings":"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"}
|