@afosto/checkout-ui 0.0.16 → 0.0.18
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/CheckoutAgreementOptionsField/CheckoutAgreementOptionsField.d.ts.map +1 -1
- package/dist/CheckoutAgreementOptionsField/CheckoutAgreementOptionsField.js +18 -17
- package/dist/CheckoutContactInformationSection/CheckoutContactInformationSection.d.ts.map +1 -1
- package/dist/CheckoutContactInformationSection/CheckoutContactInformationSection.js +0 -1
- package/dist/CheckoutContainer/CheckoutContainer.styles.d.ts +1 -1
- package/dist/CheckoutIssuersField/CheckoutIssuersField.js +15 -14
- package/dist/CheckoutNotFoundFeedback/CheckoutNotFoundFeedback.d.ts +2 -2
- package/dist/CheckoutNotFoundFeedback/CheckoutNotFoundFeedback.d.ts.map +1 -1
- package/dist/CheckoutPaymentMethodsField/CheckoutPaymentMethodsField.js +6 -6
- package/dist/CheckoutPickupPointsField/CheckoutPickupPointsField.d.ts.map +1 -1
- package/dist/CheckoutPickupPointsField/CheckoutPickupPointsField.js +13 -12
- package/dist/CheckoutShippingMethodsField/CheckoutShippingMethodsField.js +12 -12
- package/dist/CheckoutShippingStep/CheckoutShippingStep.d.ts.map +1 -1
- package/dist/CheckoutShippingStep/CheckoutShippingStep.js +11 -11
- package/dist/CheckoutSubmitButton/CheckoutSubmitButton.d.ts.map +1 -1
- package/dist/CheckoutSubmitButton/CheckoutSubmitButton.js +11 -10
- package/dist/CheckoutSummary/CheckoutSummary.d.ts.map +1 -1
- package/dist/CheckoutSummary/CheckoutSummary.js +6 -7
- package/dist/CheckoutSummary/components/CheckoutSummarySubtotal/CheckoutSummarySubtotal.d.ts +0 -2
- package/dist/CheckoutSummary/components/CheckoutSummarySubtotal/CheckoutSummarySubtotal.d.ts.map +1 -1
- package/dist/CheckoutSummary/components/CheckoutSummarySubtotal/CheckoutSummarySubtotal.js +16 -18
- package/dist/CheckoutSummary/components/CheckoutSummaryVat/CheckoutSummaryVat.d.ts +1 -1
- package/dist/CheckoutSummary/components/CheckoutSummaryVat/CheckoutSummaryVat.d.ts.map +1 -1
- package/dist/CheckoutSummary/components/CheckoutSummaryVat/CheckoutSummaryVat.js +49 -35
- package/dist/CheckoutTerminalsField/CheckoutTerminalsField.js +15 -14
- package/dist/constants/analyticsEvents.d.ts +79 -11
- package/dist/constants/analyticsEvents.d.ts.map +1 -1
- package/dist/constants/analyticsEvents.js +30 -30
- package/dist/constants/paymentMethodIconMapping.d.ts +4 -0
- package/dist/constants/paymentMethodIconMapping.d.ts.map +1 -1
- package/dist/constants/paymentMethodIconMapping.js +55 -47
- package/dist/fragments/CoreCartInitialCheckoutFields.d.ts +4 -0
- package/dist/fragments/CoreCartInitialCheckoutFields.d.ts.map +1 -1
- package/dist/hooks/useCheckoutAnalytics.d.ts.map +1 -1
- package/dist/hooks/useCheckoutAnalytics.js +13 -17
- package/dist/hooks/useCheckoutCart.d.ts +2 -2
- package/dist/hooks/useCheckoutCart.d.ts.map +1 -1
- package/dist/hooks/useCheckoutForm.d.ts +3 -3
- package/dist/hooks/useCheckoutForm.d.ts.map +1 -1
- package/dist/hooks/useCheckoutFormContext.d.ts +3 -0
- package/dist/hooks/useCheckoutFormContext.d.ts.map +1 -0
- package/dist/hooks/useCheckoutFormContext.js +5 -0
- package/dist/hooks/useCheckoutOrder.d.ts +2 -2
- package/dist/hooks/useCheckoutOrder.d.ts.map +1 -1
- package/dist/hooks/useCheckoutPaymentMethods.js +8 -8
- package/dist/hooks/useCheckoutPaymentStep.js +6 -6
- package/dist/hooks/useCheckoutShippingMethods.d.ts +2 -1
- package/dist/hooks/useCheckoutShippingMethods.d.ts.map +1 -1
- package/dist/hooks/useCheckoutShippingMethods.js +14 -14
- package/dist/icons/index.js +160 -152
- package/dist/icons/paymentMethods/Dankort.d.ts +3 -0
- package/dist/icons/paymentMethods/Dankort.d.ts.map +1 -0
- package/dist/icons/paymentMethods/Dankort.js +18 -0
- package/dist/icons/paymentMethods/Nexi.d.ts +3 -0
- package/dist/icons/paymentMethods/Nexi.d.ts.map +1 -0
- package/dist/icons/paymentMethods/Nexi.js +17 -0
- package/dist/icons/paymentMethods/Swish.d.ts +3 -0
- package/dist/icons/paymentMethods/Swish.d.ts.map +1 -0
- package/dist/icons/paymentMethods/Swish.js +127 -0
- package/dist/icons/paymentMethods/Wero.d.ts +3 -0
- package/dist/icons/paymentMethods/Wero.d.ts.map +1 -0
- package/dist/icons/paymentMethods/Wero.js +15 -0
- package/dist/icons/paymentMethods/index.d.ts +4 -0
- package/dist/icons/paymentMethods/index.d.ts.map +1 -1
- package/dist/icons/paymentMethods/index.js +112 -104
- package/dist/index.js +412 -404
- package/dist/mutations/addInformationToCart.d.ts +2 -5
- package/dist/mutations/addInformationToCart.d.ts.map +1 -1
- package/dist/mutations/addInformationToOrder.d.ts +2 -5
- package/dist/mutations/addInformationToOrder.d.ts.map +1 -1
- package/dist/steps/informationStep.d.ts +1 -0
- package/dist/steps/informationStep.d.ts.map +1 -1
- package/dist/steps/informationStep.js +271 -245
- package/dist/steps/paymentStep.d.ts.map +1 -1
- package/dist/steps/paymentStep.js +23 -23
- package/dist/steps/reviewStep.d.ts.map +1 -1
- package/dist/steps/reviewStep.js +13 -12
- package/dist/steps/shippingStep.d.ts.map +1 -1
- package/dist/steps/shippingStep.js +19 -19
- package/dist/types.d.ts +39 -11
- package/dist/types.d.ts.map +1 -1
- package/dist/utils/formatAddressPayload.d.ts +5 -2
- package/dist/utils/formatAddressPayload.d.ts.map +1 -1
- package/dist/utils/formatAddressPayload.js +24 -24
- package/dist/utils/formatAddressResponse.d.ts +1 -0
- package/dist/utils/formatAddressResponse.d.ts.map +1 -1
- package/dist/utils/formatInformationStepPayload.d.ts +2 -2
- package/dist/utils/formatInformationStepPayload.d.ts.map +1 -1
- package/dist/utils/formatUpdateAccountInformationPayload.d.ts +7 -2
- package/dist/utils/formatUpdateAccountInformationPayload.d.ts.map +1 -1
- package/dist/utils/formatUpdateAccountInformationPayload.js +3 -1
- package/dist/utils/formatUpdateOrganisationOnAccountPayload.d.ts +16 -3
- package/dist/utils/formatUpdateOrganisationOnAccountPayload.d.ts.map +1 -1
- package/dist/utils/formatUpdateOrganisationOnAccountPayload.js +7 -5
- package/dist/utils/setupCustomValidationRules.d.ts.map +1 -1
- package/dist/utils/setupCustomValidationRules.js +15 -15
- package/package.json +6 -6
- package/dist/modules.d.js +0 -1
|
@@ -1,29 +1,27 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as l } from "react/jsx-runtime";
|
|
2
2
|
import { CheckoutSummaryRow as m } from "../CheckoutSummaryRow/CheckoutSummaryRow.js";
|
|
3
|
-
import { useCheckout as
|
|
4
|
-
const
|
|
5
|
-
inclVat: "incl. VAT",
|
|
3
|
+
import { useCheckout as c } from "../../../CheckoutStateProvider/CheckoutStateProvider.js";
|
|
4
|
+
const i = {
|
|
6
5
|
subtotal: "Subtotal"
|
|
7
|
-
},
|
|
6
|
+
}, h = (t) => {
|
|
8
7
|
const {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
...
|
|
15
|
-
...
|
|
16
|
-
...i || {}
|
|
8
|
+
value: o,
|
|
9
|
+
translations: s,
|
|
10
|
+
...a
|
|
11
|
+
} = t, { summary: r, translations: u } = c(), n = o ?? r?.subtotal ?? 0, e = {
|
|
12
|
+
...i,
|
|
13
|
+
...u?.summary || {},
|
|
14
|
+
...s || {}
|
|
17
15
|
};
|
|
18
|
-
return /* @__PURE__ */
|
|
16
|
+
return /* @__PURE__ */ l(
|
|
19
17
|
m,
|
|
20
18
|
{
|
|
21
|
-
...
|
|
22
|
-
description:
|
|
23
|
-
value:
|
|
19
|
+
...a,
|
|
20
|
+
description: e.subtotal,
|
|
21
|
+
value: n
|
|
24
22
|
}
|
|
25
23
|
);
|
|
26
24
|
};
|
|
27
25
|
export {
|
|
28
|
-
|
|
26
|
+
h as CheckoutSummarySubtotal
|
|
29
27
|
};
|
|
@@ -2,7 +2,7 @@ import { CheckoutSummaryGroupProps } from '../CheckoutSummaryGroup/CheckoutSumma
|
|
|
2
2
|
import { CheckoutSummaryVatItem } from '../../../types';
|
|
3
3
|
declare const defaultTranslations: {
|
|
4
4
|
vatPercentage: string;
|
|
5
|
-
|
|
5
|
+
vatShifted: string;
|
|
6
6
|
};
|
|
7
7
|
export interface CheckoutSummaryVatProps extends Omit<CheckoutSummaryGroupProps, 'children'> {
|
|
8
8
|
currency?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckoutSummaryVat.d.ts","sourceRoot":"","sources":["../../../../src/CheckoutSummary/components/CheckoutSummaryVat/CheckoutSummaryVat.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,yBAAyB,EAC/B,MAAM,8CAA8C,CAAC;AAEtD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AAG7D,QAAA,MAAM,mBAAmB;;;CAGxB,CAAC;AAEF,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,yBAAyB,EAAE,UAAU,CAAC;IACnD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC,OAAO,mBAAmB,CAAC,CAAC;IACnD,GAAG,CAAC,EAAE,sBAAsB,EAAE,CAAC;CAChC;AAED,eAAO,MAAM,kBAAkB,GAAI,OAAO,uBAAuB,
|
|
1
|
+
{"version":3,"file":"CheckoutSummaryVat.d.ts","sourceRoot":"","sources":["../../../../src/CheckoutSummary/components/CheckoutSummaryVat/CheckoutSummaryVat.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,yBAAyB,EAC/B,MAAM,8CAA8C,CAAC;AAEtD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AAG7D,QAAA,MAAM,mBAAmB;;;CAGxB,CAAC;AAEF,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,yBAAyB,EAAE,UAAU,CAAC;IACnD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC,OAAO,mBAAmB,CAAC,CAAC;IACnD,GAAG,CAAC,EAAE,sBAAsB,EAAE,CAAC;CAChC;AAED,eAAO,MAAM,kBAAkB,GAAI,OAAO,uBAAuB,4DAwEhE,CAAC"}
|
|
@@ -1,45 +1,59 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { CheckoutSummaryGroup as
|
|
3
|
-
import { CheckoutSummaryRow as
|
|
4
|
-
import { useCheckout as
|
|
5
|
-
const
|
|
1
|
+
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import { CheckoutSummaryGroup as c } from "../CheckoutSummaryGroup/CheckoutSummaryGroup.js";
|
|
3
|
+
import { CheckoutSummaryRow as l } from "../CheckoutSummaryRow/CheckoutSummaryRow.js";
|
|
4
|
+
import { useCheckout as g } from "../../../CheckoutStateProvider/CheckoutStateProvider.js";
|
|
5
|
+
const k = {
|
|
6
6
|
vatPercentage: "VAT ({percentage}%)",
|
|
7
|
-
|
|
8
|
-
},
|
|
7
|
+
vatShifted: "VAT shifted"
|
|
8
|
+
}, R = (u) => {
|
|
9
9
|
const {
|
|
10
|
-
currency:
|
|
11
|
-
disablePadding:
|
|
12
|
-
divider:
|
|
13
|
-
isVatShifted:
|
|
14
|
-
locale:
|
|
15
|
-
showVatWhenZero:
|
|
16
|
-
showVatZeroRate:
|
|
17
|
-
vat:
|
|
18
|
-
translations:
|
|
19
|
-
...
|
|
20
|
-
} =
|
|
21
|
-
...
|
|
22
|
-
...
|
|
23
|
-
...
|
|
24
|
-
},
|
|
25
|
-
(t) => (
|
|
26
|
-
),
|
|
27
|
-
return
|
|
28
|
-
|
|
10
|
+
currency: d,
|
|
11
|
+
disablePadding: a = !0,
|
|
12
|
+
divider: r = !1,
|
|
13
|
+
isVatShifted: h,
|
|
14
|
+
locale: f,
|
|
15
|
+
showVatWhenZero: m = !1,
|
|
16
|
+
showVatZeroRate: p = !1,
|
|
17
|
+
vat: V,
|
|
18
|
+
translations: v = {},
|
|
19
|
+
...o
|
|
20
|
+
} = u, { summary: s, translations: S } = g(), n = {
|
|
21
|
+
...k,
|
|
22
|
+
...S?.summary || {},
|
|
23
|
+
...v || {}
|
|
24
|
+
}, i = (V || s?.vat || []).filter(
|
|
25
|
+
(t) => (m || t.amount !== 0) && (p || t.rate !== 0)
|
|
26
|
+
), y = i.length > 0;
|
|
27
|
+
return h || s?.isVatShifted || !1 ? /* @__PURE__ */ e(
|
|
28
|
+
c,
|
|
29
29
|
{
|
|
30
|
-
...
|
|
31
|
-
disablePadding:
|
|
32
|
-
divider:
|
|
33
|
-
children:
|
|
34
|
-
|
|
30
|
+
...o,
|
|
31
|
+
disablePadding: a,
|
|
32
|
+
divider: r,
|
|
33
|
+
children: /* @__PURE__ */ e(
|
|
34
|
+
l,
|
|
35
35
|
{
|
|
36
|
-
description:
|
|
36
|
+
description: n.vatShifted,
|
|
37
|
+
value: null
|
|
38
|
+
}
|
|
39
|
+
)
|
|
40
|
+
}
|
|
41
|
+
) : y ? /* @__PURE__ */ e(
|
|
42
|
+
c,
|
|
43
|
+
{
|
|
44
|
+
...o,
|
|
45
|
+
disablePadding: a,
|
|
46
|
+
divider: r,
|
|
47
|
+
children: i.map((t) => /* @__PURE__ */ e(
|
|
48
|
+
l,
|
|
49
|
+
{
|
|
50
|
+
description: n.vatPercentage.replace(
|
|
37
51
|
"{percentage}",
|
|
38
52
|
`${t.rate}`
|
|
39
53
|
),
|
|
40
54
|
value: t.amount,
|
|
41
|
-
currency:
|
|
42
|
-
locale:
|
|
55
|
+
currency: d,
|
|
56
|
+
locale: f
|
|
43
57
|
},
|
|
44
58
|
t.rate
|
|
45
59
|
))
|
|
@@ -47,5 +61,5 @@ const P = {
|
|
|
47
61
|
) : null;
|
|
48
62
|
};
|
|
49
63
|
export {
|
|
50
|
-
|
|
64
|
+
R as CheckoutSummaryVat
|
|
51
65
|
};
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { jsx as u } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { Fields as w, Typography as F } from "@afosto/components";
|
|
3
|
+
import { useCheckoutFormContext as v } from "../hooks/useCheckoutFormContext.js";
|
|
3
4
|
import { useCheckout as V } from "../CheckoutStateProvider/CheckoutStateProvider.js";
|
|
4
5
|
import { getErrorMessage as b } from "../utils/getErrorMessage.js";
|
|
5
6
|
import { capitalize as x } from "@afosto/utils";
|
|
@@ -7,11 +8,11 @@ const E = {
|
|
|
7
8
|
failedToSelectTerminalTitle: "Terminal not selected",
|
|
8
9
|
failedToSelectTerminalDescription: "Something went wrong while selecting the terminal. Choose another terminal or try again.",
|
|
9
10
|
terminalFieldPlaceholder: "Choose a terminal"
|
|
10
|
-
},
|
|
11
|
+
}, A = (f) => {
|
|
11
12
|
const {
|
|
12
13
|
disabled: T,
|
|
13
14
|
name: r = "terminalId",
|
|
14
|
-
terminals:
|
|
15
|
+
terminals: i = [],
|
|
15
16
|
translations: g = {}
|
|
16
17
|
} = f, {
|
|
17
18
|
activeStep: s,
|
|
@@ -19,23 +20,23 @@ const E = {
|
|
|
19
20
|
setErrorMessage: c,
|
|
20
21
|
setIsProcessing: n,
|
|
21
22
|
translations: d
|
|
22
|
-
} = V(), { formProps:
|
|
23
|
+
} = V(), { formProps: C, getValues: I, setValue: m, watch: S } = v(), { setData: P } = C || {}, [h] = S([r]), l = {
|
|
23
24
|
...E,
|
|
24
25
|
...d?.terminalsField || {},
|
|
25
26
|
...d?.feedback || {},
|
|
26
27
|
...g || {}
|
|
27
|
-
},
|
|
28
|
+
}, k = async (e) => {
|
|
28
29
|
const p = h || "";
|
|
29
30
|
try {
|
|
30
31
|
c(null), n(!0);
|
|
31
|
-
const { value: t } = e.target, a =
|
|
32
|
+
const { value: t } = e.target, a = I();
|
|
32
33
|
m(r, t || ""), await y({
|
|
33
34
|
methodId: a.methodId,
|
|
34
35
|
terminalId: t
|
|
35
|
-
}), P((
|
|
36
|
-
...
|
|
36
|
+
}), P?.((o) => (o.splice(s, 1, {
|
|
37
|
+
...o[s],
|
|
37
38
|
terminalId: t || ""
|
|
38
|
-
}),
|
|
39
|
+
}), o)), n(!1);
|
|
39
40
|
} catch (t) {
|
|
40
41
|
const a = b(t);
|
|
41
42
|
c({
|
|
@@ -45,23 +46,23 @@ const E = {
|
|
|
45
46
|
}
|
|
46
47
|
};
|
|
47
48
|
return /* @__PURE__ */ u(
|
|
48
|
-
|
|
49
|
+
w.Select,
|
|
49
50
|
{
|
|
50
51
|
displayEmpty: !0,
|
|
51
52
|
disabled: T,
|
|
52
53
|
name: r,
|
|
53
|
-
onChange:
|
|
54
|
-
options:
|
|
54
|
+
onChange: k,
|
|
55
|
+
options: i.map((e) => ({
|
|
55
56
|
...e,
|
|
56
57
|
value: e.id
|
|
57
58
|
})),
|
|
58
59
|
placeholder: l.terminalFieldPlaceholder,
|
|
59
|
-
renderValue: (e) => e ?
|
|
60
|
+
renderValue: (e) => e ? i.find((t) => t.id === e)?.label || "" : /* @__PURE__ */ u(F, { color: "gray.600", children: l.terminalFieldPlaceholder }),
|
|
60
61
|
value: h,
|
|
61
62
|
fullWidth: !0
|
|
62
63
|
}
|
|
63
64
|
);
|
|
64
65
|
};
|
|
65
66
|
export {
|
|
66
|
-
|
|
67
|
+
A as CheckoutTerminalsField
|
|
67
68
|
};
|
|
@@ -1,7 +1,12 @@
|
|
|
1
|
-
import { CheckoutAnalyticsEntry, CheckoutStep, CheckoutSummaryType } from '../types';
|
|
1
|
+
import { CheckoutAnalyticsEntry, CheckoutBaseItem, CheckoutStep, CheckoutSummaryCoupon, CheckoutSummaryType } from '../types';
|
|
2
|
+
declare global {
|
|
3
|
+
interface Window {
|
|
4
|
+
dataLayer?: unknown[];
|
|
5
|
+
}
|
|
6
|
+
}
|
|
2
7
|
export interface CheckoutAnalyticsEcommerceItem {
|
|
3
8
|
item_id: string;
|
|
4
|
-
item_name
|
|
9
|
+
item_name?: string;
|
|
5
10
|
affiliation?: string;
|
|
6
11
|
coupon?: string;
|
|
7
12
|
discount?: number;
|
|
@@ -40,6 +45,13 @@ export interface CheckoutAnalyticsAddPaymentInfoEventData {
|
|
|
40
45
|
currency: string;
|
|
41
46
|
value: number;
|
|
42
47
|
coupon?: string;
|
|
48
|
+
payment_type?: string;
|
|
49
|
+
payment_method_id?: string;
|
|
50
|
+
payment_method_code?: string;
|
|
51
|
+
payment_issuer_id?: string;
|
|
52
|
+
payment_issuer_label?: string;
|
|
53
|
+
payment_terminal_id?: string;
|
|
54
|
+
payment_terminal_label?: string;
|
|
43
55
|
items: CheckoutAnalyticsEcommerceItem[];
|
|
44
56
|
}
|
|
45
57
|
export interface CheckoutAnalyticsSignInEventData {
|
|
@@ -64,19 +76,75 @@ export interface CheckoutAnalyticsStepSubmittedEventData {
|
|
|
64
76
|
stepValues: object;
|
|
65
77
|
formData: object[];
|
|
66
78
|
}
|
|
67
|
-
export interface CheckoutAnalytics {
|
|
68
|
-
beginCheckout: CheckoutAnalyticsEntry<{}, CheckoutAnalyticsBeginCheckoutEventData>;
|
|
69
|
-
addShippingInfo: CheckoutAnalyticsEntry<{}, CheckoutAnalyticsAddShippingInfoEventData>;
|
|
70
|
-
addPaymentInfo: CheckoutAnalyticsEntry<{}, CheckoutAnalyticsAddPaymentInfoEventData>;
|
|
71
|
-
checkoutStep: CheckoutAnalyticsEntry<{}, CheckoutAnalyticsCheckoutStepEventData>;
|
|
72
|
-
signIn: CheckoutAnalyticsEntry<{}, CheckoutAnalyticsSignInEventData>;
|
|
73
|
-
signUp: CheckoutAnalyticsEntry<{}, CheckoutAnalyticsSignUpEventData>;
|
|
74
|
-
stepSubmitted: CheckoutAnalyticsEntry<{}, CheckoutAnalyticsStepSubmittedEventData>;
|
|
75
|
-
}
|
|
76
79
|
export interface CheckoutAnalyticsCheckoutStepEventData {
|
|
77
80
|
step: CheckoutStep;
|
|
78
81
|
stepIndex: number;
|
|
79
82
|
summary: CheckoutSummaryType;
|
|
80
83
|
}
|
|
84
|
+
export interface CheckoutAnalyticsCheckoutStepFormattedEventData {
|
|
85
|
+
step: number;
|
|
86
|
+
step_key?: string;
|
|
87
|
+
currency: string;
|
|
88
|
+
value: number;
|
|
89
|
+
coupon?: string;
|
|
90
|
+
items: CheckoutAnalyticsEcommerceItem[];
|
|
91
|
+
}
|
|
92
|
+
export interface CheckoutAnalyticsCheckoutData {
|
|
93
|
+
billing?: {
|
|
94
|
+
payment?: {
|
|
95
|
+
issuer?: {
|
|
96
|
+
id: string;
|
|
97
|
+
label: string;
|
|
98
|
+
} | null;
|
|
99
|
+
method?: {
|
|
100
|
+
id: string;
|
|
101
|
+
code: string;
|
|
102
|
+
name: string;
|
|
103
|
+
} | null;
|
|
104
|
+
terminal?: {
|
|
105
|
+
id: string;
|
|
106
|
+
label: string;
|
|
107
|
+
} | null;
|
|
108
|
+
} | null;
|
|
109
|
+
} | null;
|
|
110
|
+
coupons?: CheckoutSummaryCoupon[];
|
|
111
|
+
currency: string;
|
|
112
|
+
items?: CheckoutBaseItem[];
|
|
113
|
+
subtotal?: number;
|
|
114
|
+
}
|
|
115
|
+
export interface CheckoutAnalyticsShippingData extends CheckoutAnalyticsCheckoutData {
|
|
116
|
+
delivery: {
|
|
117
|
+
method?: {
|
|
118
|
+
id: string;
|
|
119
|
+
carrier?: string;
|
|
120
|
+
isPickupPoint?: boolean;
|
|
121
|
+
name: string;
|
|
122
|
+
} | null;
|
|
123
|
+
pickupPoint?: {
|
|
124
|
+
id: string;
|
|
125
|
+
name: string;
|
|
126
|
+
} | null;
|
|
127
|
+
};
|
|
128
|
+
}
|
|
129
|
+
export interface CheckoutAnalyticsUserData {
|
|
130
|
+
user: {
|
|
131
|
+
id: string;
|
|
132
|
+
email: string;
|
|
133
|
+
name: string;
|
|
134
|
+
organisation?: {
|
|
135
|
+
id: string;
|
|
136
|
+
name: string;
|
|
137
|
+
} | null;
|
|
138
|
+
};
|
|
139
|
+
}
|
|
140
|
+
export interface CheckoutAnalytics {
|
|
141
|
+
beginCheckout: CheckoutAnalyticsEntry<CheckoutAnalyticsCheckoutData, CheckoutAnalyticsBeginCheckoutEventData>;
|
|
142
|
+
addShippingInfo: CheckoutAnalyticsEntry<CheckoutAnalyticsShippingData, CheckoutAnalyticsAddShippingInfoEventData>;
|
|
143
|
+
addPaymentInfo: CheckoutAnalyticsEntry<CheckoutAnalyticsCheckoutData, CheckoutAnalyticsAddPaymentInfoEventData>;
|
|
144
|
+
checkoutStep: CheckoutAnalyticsEntry<CheckoutAnalyticsCheckoutStepEventData, CheckoutAnalyticsCheckoutStepFormattedEventData>;
|
|
145
|
+
signIn: CheckoutAnalyticsEntry<CheckoutAnalyticsUserData, CheckoutAnalyticsSignInEventData>;
|
|
146
|
+
signUp: CheckoutAnalyticsEntry<CheckoutAnalyticsUserData, CheckoutAnalyticsSignUpEventData>;
|
|
147
|
+
stepSubmitted?: CheckoutAnalyticsEntry<CheckoutAnalyticsStepSubmittedEventData, CheckoutAnalyticsStepSubmittedEventData>;
|
|
148
|
+
}
|
|
81
149
|
export declare const analyticsEvents: CheckoutAnalytics;
|
|
82
150
|
//# sourceMappingURL=analyticsEvents.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"analyticsEvents.d.ts","sourceRoot":"","sources":["../../src/constants/analyticsEvents.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,sBAAsB,EACtB,YAAY,EACZ,mBAAmB,EACpB,MAAM,UAAU,CAAC;AAIlB,MAAM,WAAW,8BAA8B;IAC7C,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"analyticsEvents.d.ts","sourceRoot":"","sources":["../../src/constants/analyticsEvents.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { formatEcommerceDataLayerItems as d } from "../utils/formatEcommerceDataLayerItems.js";
|
|
2
2
|
import { isDefined as i } from "@afosto/utils";
|
|
3
|
-
const
|
|
3
|
+
const c = (e) => e.map((n) => n.code).join(","), _ = {
|
|
4
4
|
beginCheckout: {
|
|
5
5
|
formatter: (e) => {
|
|
6
6
|
const {
|
|
@@ -10,14 +10,14 @@ const l = {
|
|
|
10
10
|
subtotal: o = 0
|
|
11
11
|
} = e || {};
|
|
12
12
|
return {
|
|
13
|
-
...n.length > 0 ? { coupon: n
|
|
13
|
+
...n.length > 0 ? { coupon: c(n) } : {},
|
|
14
14
|
currency: t,
|
|
15
15
|
items: d(s),
|
|
16
16
|
value: o / 100
|
|
17
17
|
};
|
|
18
18
|
},
|
|
19
19
|
send: (e) => {
|
|
20
|
-
window.dataLayer
|
|
20
|
+
window.dataLayer?.push({ ecommerce: null }), window.dataLayer?.push({
|
|
21
21
|
event: "begin_checkout",
|
|
22
22
|
ecommerce: e
|
|
23
23
|
});
|
|
@@ -33,24 +33,24 @@ const l = {
|
|
|
33
33
|
subtotal: m = 0
|
|
34
34
|
} = e || {}, { method: a, pickupPoint: r } = s;
|
|
35
35
|
return {
|
|
36
|
-
...n.length > 0 ? { coupon: n
|
|
36
|
+
...n.length > 0 ? { coupon: c(n) } : {},
|
|
37
37
|
currency: t,
|
|
38
38
|
items: d(o),
|
|
39
39
|
...i(r?.id) ? {
|
|
40
|
-
shipping_pickup_point_id: r
|
|
41
|
-
shipping_pickup_point_name: r
|
|
40
|
+
shipping_pickup_point_id: r?.id,
|
|
41
|
+
shipping_pickup_point_name: r?.name
|
|
42
42
|
} : {},
|
|
43
|
-
...i(a?.carrier) ? { shipping_carrier: a
|
|
43
|
+
...i(a?.carrier) ? { shipping_carrier: a?.carrier } : {},
|
|
44
44
|
...i(a?.id) ? {
|
|
45
|
-
shipping_method_id: a
|
|
46
|
-
shipping_tier: a
|
|
45
|
+
shipping_method_id: a?.id,
|
|
46
|
+
shipping_tier: a?.name
|
|
47
47
|
} : {},
|
|
48
48
|
value: m / 100
|
|
49
49
|
};
|
|
50
50
|
},
|
|
51
51
|
send: (e, n) => {
|
|
52
52
|
const { delivery: t } = n, { method: s, pickupPoint: o } = t;
|
|
53
|
-
s?.isPickupPoint && !i(o?.id) || (window.dataLayer
|
|
53
|
+
s?.isPickupPoint && !i(o?.id) || (window.dataLayer?.push({ ecommerce: null }), window.dataLayer?.push({
|
|
54
54
|
event: "add_shipping_info",
|
|
55
55
|
ecommerce: e
|
|
56
56
|
}));
|
|
@@ -64,29 +64,29 @@ const l = {
|
|
|
64
64
|
currency: s,
|
|
65
65
|
items: o = [],
|
|
66
66
|
subtotal: m = 0
|
|
67
|
-
} = e || {}, { issuer: a, method: r, terminal:
|
|
67
|
+
} = e || {}, { issuer: a, method: r, terminal: p } = n?.payment || {};
|
|
68
68
|
return {
|
|
69
|
-
...t.length > 0 ? { coupon: t
|
|
69
|
+
...t.length > 0 ? { coupon: c(t) } : {},
|
|
70
70
|
currency: s,
|
|
71
71
|
items: d(o),
|
|
72
72
|
...i(r?.id) ? {
|
|
73
|
-
payment_type: r
|
|
74
|
-
payment_method_id: r
|
|
75
|
-
payment_method_code: r
|
|
73
|
+
payment_type: r?.name,
|
|
74
|
+
payment_method_id: r?.id,
|
|
75
|
+
payment_method_code: r?.code
|
|
76
76
|
} : {},
|
|
77
77
|
...i(a?.id) ? {
|
|
78
|
-
payment_issuer_id: a
|
|
79
|
-
payment_issuer_label: a
|
|
78
|
+
payment_issuer_id: a?.id,
|
|
79
|
+
payment_issuer_label: a?.label
|
|
80
80
|
} : {},
|
|
81
|
-
...i(
|
|
82
|
-
payment_terminal_id:
|
|
83
|
-
payment_terminal_label:
|
|
81
|
+
...i(p?.id) ? {
|
|
82
|
+
payment_terminal_id: p?.id,
|
|
83
|
+
payment_terminal_label: p?.label
|
|
84
84
|
} : {},
|
|
85
85
|
value: m / 100
|
|
86
86
|
};
|
|
87
87
|
},
|
|
88
88
|
send: (e) => {
|
|
89
|
-
window.dataLayer
|
|
89
|
+
window.dataLayer?.push({ ecommerce: null }), window.dataLayer?.push({
|
|
90
90
|
event: "add_payment_info",
|
|
91
91
|
ecommerce: e
|
|
92
92
|
});
|
|
@@ -103,14 +103,14 @@ const l = {
|
|
|
103
103
|
return {
|
|
104
104
|
step: t,
|
|
105
105
|
...i(n?.key) ? { step_key: n.key } : {},
|
|
106
|
-
...o.length > 0 ? { coupon: o
|
|
106
|
+
...o.length > 0 ? { coupon: c(o) } : {},
|
|
107
107
|
currency: m,
|
|
108
108
|
items: d(a),
|
|
109
109
|
value: r / 100
|
|
110
110
|
};
|
|
111
111
|
},
|
|
112
112
|
send: (e) => {
|
|
113
|
-
window.dataLayer
|
|
113
|
+
window.dataLayer?.push({ ecommerce: null }), window.dataLayer?.push({
|
|
114
114
|
event: "checkout_step",
|
|
115
115
|
ecommerce: e
|
|
116
116
|
});
|
|
@@ -124,12 +124,12 @@ const l = {
|
|
|
124
124
|
name: n?.name,
|
|
125
125
|
method: "email",
|
|
126
126
|
user_id: n?.id,
|
|
127
|
-
...i(t?.id) ? { organisation_id: t
|
|
128
|
-
...i(t?.name) ? { organisation_name: t
|
|
127
|
+
...i(t?.id) ? { organisation_id: t?.id } : {},
|
|
128
|
+
...i(t?.name) ? { organisation_name: t?.name } : {}
|
|
129
129
|
};
|
|
130
130
|
},
|
|
131
131
|
send: (e) => {
|
|
132
|
-
window.dataLayer
|
|
132
|
+
window.dataLayer?.push({
|
|
133
133
|
event: "login",
|
|
134
134
|
...e
|
|
135
135
|
});
|
|
@@ -143,12 +143,12 @@ const l = {
|
|
|
143
143
|
method: "email",
|
|
144
144
|
name: n?.name,
|
|
145
145
|
user_id: n?.id,
|
|
146
|
-
...i(t?.id) ? { organisation_id: t
|
|
147
|
-
...i(t?.name) ? { organisation_name: t
|
|
146
|
+
...i(t?.id) ? { organisation_id: t?.id } : {},
|
|
147
|
+
...i(t?.name) ? { organisation_name: t?.name } : {}
|
|
148
148
|
};
|
|
149
149
|
},
|
|
150
150
|
send: (e) => {
|
|
151
|
-
window.dataLayer
|
|
151
|
+
window.dataLayer?.push({
|
|
152
152
|
event: "sign_up",
|
|
153
153
|
...e
|
|
154
154
|
});
|
|
@@ -156,5 +156,5 @@ const l = {
|
|
|
156
156
|
}
|
|
157
157
|
};
|
|
158
158
|
export {
|
|
159
|
-
|
|
159
|
+
_ as analyticsEvents
|
|
160
160
|
};
|
|
@@ -56,5 +56,9 @@ export declare const CHECKOUT_PAYMENT_METHOD_ICON_MAPPING: {
|
|
|
56
56
|
mobilepay: (props: import('@afosto/components').SvgIconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
57
57
|
satispay: (props: import('@afosto/components').SvgIconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
58
58
|
vipps: (props: import('@afosto/components').SvgIconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
59
|
+
wero: (props: import('@afosto/components').SvgIconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
60
|
+
swish: (props: import('@afosto/components').SvgIconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
61
|
+
dankort: (props: import('@afosto/components').SvgIconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
62
|
+
nexi: (props: import('@afosto/components').SvgIconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
59
63
|
};
|
|
60
64
|
//# sourceMappingURL=paymentMethodIconMapping.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"paymentMethodIconMapping.d.ts","sourceRoot":"","sources":["../../src/constants/paymentMethodIconMapping.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"paymentMethodIconMapping.d.ts","sourceRoot":"","sources":["../../src/constants/paymentMethodIconMapping.ts"],"names":[],"mappings":"AA0DA,eAAO,MAAM,oCAAoC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8DhD,CAAC"}
|