@adyen/adyen-platform-experience-web 1.10.0 → 1.10.1

package/dist/es/components/external/PaymentLinkCreation/components/Form/PaymentDetailsForm/Fields/ValidityField.js

@@ -1,136 +1,127 @@
-import { jsx as o } from "../../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import H from "../../../../../../../core/Context/useCoreContext.js";
-import { useState as D, useCallback as d, useMemo as M, useEffect as J } from "../../../../../../../external/preact/hooks/dist/hooks.module.js";
-import { useWizardFormContext as Q } from "../../../../../../../hooks/form/wizard/WizardFormContext.js";
-import { VisibleField as Z } from "../../../../../../internal/FormWrappers/VisibleField.js";
-import E from "../../../../../../internal/FormWrappers/FormField.js";
-import { LINK_VALIDITY_DURATION_UNITS as F } from "../../../../constants.js";
-import ii from "../../../../../../internal/FormFields/InputBase.js";
-import { FieldError as ti } from "../../../../../../internal/FormFields/FieldError/FieldError.js";
-import { transformToMS as S } from "../../../../../../../utils/datetime/main.js";
-import { Controller as R } from "../../../../../../../hooks/form/Controller.js";
-import ni from "../../../../../../internal/FormFields/Select/Select.js";
-const Y = 70, u = "flexible", fi = ({ configuration: p }) => {
-  var _, b;
-  const [z, V] = D(""), [O, g] = D(void 0), [f, I] = D(""), { i18n: e } = H(), { control: q, fieldsConfig: L, setValue: l, getValues: k, trigger: v } = Q(), a = d(
-    () => [k("linkValidity.durationUnit"), k("linkValidity.quantity")],
-    [k]
-  ), s = M(() => {
-    var n;
-    return (((n = p == null ? void 0 : p.linkValidity) == null ? void 0 : n.options) ?? []).map(({ quantity: t, durationUnit: r, type: y }) => {
-      if (y === u)
-        return { id: u, name: e.get("payByLink.creation.fields.validity.linkValidityUnit.custom") };
-      const m = `payByLink.creation.fields.validity.linkValidityUnit.${r}`;
-      return { id: `${t} ${r}` || "", name: e.get(m, { values: { quantity: t }, count: t }) };
-    });
-  }, [p, e]), U = d(() => {
-    var t;
-    if (!s.length) return;
-    const [i, n] = a();
-    if (!n || !i) {
-      const [r, y] = `${(t = s[0]) == null ? void 0 : t.id}`.split(" ");
-      l("linkValidity.quantity", r), l("linkValidity.durationUnit", y);
+import { jsx as r } from "../../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import j from "../../../../../../../core/Context/useCoreContext.js";
+import { useState as V, useCallback as u, useMemo as x, useEffect as K } from "../../../../../../../external/preact/hooks/dist/hooks.module.js";
+import { useWizardFormContext as P } from "../../../../../../../hooks/form/wizard/WizardFormContext.js";
+import { VisibleField as W } from "../../../../../../internal/FormWrappers/VisibleField.js";
+import w from "../../../../../../internal/FormWrappers/FormField.js";
+import { LINK_VALIDITY_DURATION_UNITS as G } from "../../../../constants.js";
+import H from "../../../../../../internal/FormFields/InputBase.js";
+import { FieldError as J } from "../../../../../../internal/FormFields/FieldError/FieldError.js";
+import { transformToMS as $ } from "../../../../../../../utils/datetime/main.js";
+import { Controller as N } from "../../../../../../../hooks/form/Controller.js";
+import Q from "../../../../../../internal/FormFields/Select/Select.js";
+const A = 70, d = "flexible", di = ({ configuration: k }) => {
+  const [M, m] = V(""), [E, p] = V(void 0), [y, D] = V(""), { i18n: e } = j(), { control: I, fieldsConfig: q, setValue: s, getValues: f, trigger: c } = P(), o = u(
+    () => [f("linkValidity.durationUnit"), f("linkValidity.quantity")],
+    [f]
+  ), a = x(() => (k?.linkValidity?.options ?? []).map(({ quantity: t, durationUnit: n, type: l }) => {
+    if (l === d)
+      return { id: d, name: e.get("payByLink.creation.fields.validity.linkValidityUnit.custom") };
+    const g = `payByLink.creation.fields.validity.linkValidityUnit.${n}`;
+    return { id: `${t} ${n}` || "", name: e.get(g, { values: { quantity: t }, count: t }) };
+  }), [k, e]), L = u(() => {
+    if (!a.length) return;
+    const [i, t] = o();
+    if (!t || !i) {
+      const [n, l] = `${a[0]?.id}`.split(" ");
+      s("linkValidity.quantity", n), s("linkValidity.durationUnit", l);
     }
-  }, [s, l, a]), h = d(() => {
-    const [i, n] = a();
-    return !n || !i ? s[0] : s.find((t) => t.id === `${n} ${i}`) || { id: u };
-  }, [s, a]);
-  J(() => {
-    var t;
-    const [i, n] = a();
-    V(i || ""), g(n || ""), I(((t = h()) == null ? void 0 : t.id) || ""), U();
-  }, [a, s, h, U]);
-  const C = (_ = L["linkValidity.durationUnit"]) == null ? void 0 : _.required, B = (b = L["linkValidity.quantity"]) == null ? void 0 : b.required, X = d(
+  }, [a, s, o]), U = u(() => {
+    const [i, t] = o();
+    return !t || !i ? a[0] : a.find((n) => n.id === `${t} ${i}`) || { id: d };
+  }, [a, o]);
+  K(() => {
+    const [i, t] = o();
+    m(i || ""), p(t || ""), D(U()?.id || ""), L();
+  }, [o, a, U, L]);
+  const h = q["linkValidity.durationUnit"]?.required, C = q["linkValidity.quantity"]?.required, S = u(
     (i) => {
-      var r;
-      const n = (r = i.target) == null ? void 0 : r.value, t = parseInt(n, 10);
-      l("linkValidity.quantity", t), g(t), v("linkValidity.durationUnit");
+      const t = i.target?.value, n = parseInt(t, 10);
+      s("linkValidity.quantity", n), p(n), c("linkValidity.durationUnit");
     },
-    [l, v]
-  ), j = d(
+    [s, c]
+  ), R = u(
     (i) => {
-      l("linkValidity.durationUnit", i), V(i), v("linkValidity.quantity");
+      s("linkValidity.durationUnit", i), m(i), c("linkValidity.quantity");
     },
-    [l, v]
-  ), K = M(
-    () => F.map((i) => ({
+    [s, c]
+  ), Y = x(
+    () => G.map((i) => ({
       id: i,
       name: e.get(`payByLink.creation.fields.validity.linkValidityUnit.${i}__plural`)
     })),
     [e]
-  ), T = d(() => {
-    if (f !== u) return { valid: !0 };
-    const [i, n] = a(), t = parseInt(n, 10);
-    return n ? isNaN(t) || t <= 0 ? { valid: !1, message: e.get("payByLink.creation.fields.validity.customDuration.error.invalidDurationValue") } : i ? S(i, t) > S("day", Y) ? {
+  ), B = u(() => {
+    if (y !== d) return { valid: !0 };
+    const [i, t] = o(), n = parseInt(t, 10);
+    return t ? isNaN(n) || n <= 0 ? { valid: !1, message: e.get("payByLink.creation.fields.validity.customDuration.error.invalidDurationValue") } : i ? $(i, n) > $("day", A) ? {
       valid: !1,
       message: e.get("payByLink.creation.fields.validity.customDuration.error.durationTooLong", {
-        values: { maxDays: Y }
+        values: { maxDays: A }
       })
     } : { valid: !0 } : { valid: !1, message: e.get("payByLink.creation.fields.validity.customDuration.error.missingDurationUnit") } : { valid: !1, message: e.get("payByLink.creation.fields.validity.customDuration.error.missingDurationValue") };
-  }, [f, e, a]);
-  return /* @__PURE__ */ o(Z, { name: "linkValidity.durationUnit", children: /* @__PURE__ */ o(
-    R,
+  }, [y, e, o]);
+  return /* @__PURE__ */ r(W, { name: "linkValidity.durationUnit", children: /* @__PURE__ */ r(
+    N,
     {
       name: "linkValidity.durationUnit",
-      control: q,
+      control: I,
       rules: {
-        required: C,
-        validate: T
+        required: h,
+        validate: B
       },
-      render: ({ field: i, fieldState: n }) => /* @__PURE__ */ o(
-        R,
+      render: ({ field: i, fieldState: t }) => /* @__PURE__ */ r(
+        N,
         {
           name: "linkValidity.quantity",
-          control: q,
-          rules: { required: B, validate: T },
-          render: ({ field: t, fieldState: r }) => {
-            var N, w;
-            const y = (P) => {
-              var A;
-              const c = (A = P.target) == null ? void 0 : A.value;
-              if (c !== u) {
-                const [W, G] = (c == null ? void 0 : c.split(" ")) || [];
-                t.onInput(W), i.onInput(G), t.triggerValidation(), i.triggerValidation();
+          control: I,
+          rules: { required: C, validate: B },
+          render: ({ field: n, fieldState: l }) => {
+            const g = (z) => {
+              const v = z.target?.value;
+              if (v !== d) {
+                const [O, X] = v?.split(" ") || [];
+                n.onInput(O), i.onInput(X), n.triggerValidation(), i.triggerValidation();
               } else
-                i.onInput(""), t.onInput(""), g(void 0), V("");
-              I(c);
-            }, m = (r.error || n.error) && r.isTouched && n.isTouched, x = !r.error || !n.error, $ = ((N = r.error) == null ? void 0 : N.message) || ((w = n.error) == null ? void 0 : w.message);
-            return /* @__PURE__ */ o("div", { children: [
-              /* @__PURE__ */ o("div", { className: "adyen-pe-payment-link-creation-form__validity-container", children: [
-                /* @__PURE__ */ o(
-                  E,
+                i.onInput(""), n.onInput(""), p(void 0), m("");
+              D(v);
+            }, T = (l.error || t.error) && l.isTouched && t.isTouched, _ = !l.error || !t.error, b = l.error?.message || t.error?.message;
+            return /* @__PURE__ */ r("div", { children: [
+              /* @__PURE__ */ r("div", { className: "adyen-pe-payment-link-creation-form__validity-container", children: [
+                /* @__PURE__ */ r(
+                  w,
                   {
                     label: e.get("payByLink.creation.fields.validity.label"),
                     supportText: e.get("payByLink.creation.fields.validity.supportText"),
-                    optional: !C && !B,
-                    children: /* @__PURE__ */ o(
-                      ni,
+                    optional: !h && !C,
+                    children: /* @__PURE__ */ r(
+                      Q,
                       {
-                        selected: f,
-                        onChange: y,
-                        items: s,
-                        isValid: x,
-                        isInvalid: m
+                        selected: y,
+                        onChange: g,
+                        items: a,
+                        isValid: _,
+                        isInvalid: !y
                       }
                     )
                   }
                 ),
-                f === u && /* @__PURE__ */ o(E, { label: e.get("payByLink.creation.fields.validity.customDuration.label"), optional: !1, children: /* @__PURE__ */ o(
-                  ii,
+                y === d && /* @__PURE__ */ r(w, { label: e.get("payByLink.creation.fields.validity.customDuration.label"), optional: !1, children: /* @__PURE__ */ r(
+                  H,
                   {
-                    ...t,
-                    dropdown: { items: K, value: z || "", name: i.name },
-                    onDropdownInput: j,
+                    ...n,
+                    dropdown: { ...i, items: Y, value: M || "" },
+                    onDropdownInput: R,
                     dropdownPosition: "end",
-                    value: O,
+                    value: E,
                     type: "number",
-                    onInput: X,
-                    isValid: x,
-                    isInvalid: m
+                    onInput: S,
+                    isValid: _,
+                    isInvalid: T
                   }
                 ) })
               ] }),
-              m && $ && /* @__PURE__ */ o(ti, { errorMessage: $, withTopMargin: !0 })
+              T && b && /* @__PURE__ */ r(J, { errorMessage: b, withTopMargin: !0 })
             ] });
           }
         }
@@ -139,5 +130,5 @@ const Y = 70, u = "flexible", fi = ({ configuration: p }) => {
   ) });
 };
 export {
-  fi as ValidityField
+  di as ValidityField
 };

package/dist/es/components/external/PaymentLinkCreation/components/Form/StoreForm/Fields/StoreField.js

@@ -1,28 +1,27 @@
-import { jsx as i } from "../../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import m from "../../../../../../../core/Context/useCoreContext.js";
-import { FormSelect as d } from "../../../../../../internal/FormWrappers/FormSelect.js";
-import { useWizardFormContext as p } from "../../../../../../../hooks/form/wizard/WizardFormContext.js";
-import { useCallback as u } from "../../../../../../../external/preact/hooks/dist/hooks.module.js";
-const y = ({ items: e }) => {
-  const { i18n: o } = m(), { setFieldDisplayValue: r } = p(), a = u(
-    (l) => {
-      var t;
-      const n = (t = e.find((s) => s.id === l.target.value)) == null ? void 0 : t.name;
-      r("store", n);
+import { jsx as s } from "../../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import i from "../../../../../../../core/Context/useCoreContext.js";
+import { FormSelect as m } from "../../../../../../internal/FormWrappers/FormSelect.js";
+import { useWizardFormContext as d } from "../../../../../../../hooks/form/wizard/WizardFormContext.js";
+import { useCallback as p } from "../../../../../../../external/preact/hooks/dist/hooks.module.js";
+const x = ({ items: e }) => {
+  const { i18n: t } = i(), { setFieldDisplayValue: o } = d(), r = p(
+    (a) => {
+      const l = e.find((n) => n.id === a.target.value)?.name;
+      o("store", l);
     },
     [e]
   );
-  return /* @__PURE__ */ i(
-    d,
+  return /* @__PURE__ */ s(
+    m,
     {
       fieldName: "store",
-      label: o.get("payByLink.creation.fields.store.label"),
+      label: t.get("payByLink.creation.fields.store.label"),
       items: e,
-      onChange: a,
+      onChange: r,
       preventInvalidState: !0
     }
   );
 };
 export {
-  y as default
+  x as default
 };

package/dist/es/components/external/PaymentLinkCreation/components/Form/Summary/FormSummary.js

@@ -1,125 +1,112 @@
 import { jsx as e } from "../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import U from "classnames";
-import { Alert as q } from "../../../../../internal/Alert/Alert.js";
-import G from "../../../../../../core/Context/useCoreContext.js";
-import y from "../../../../../internal/Typography/Typography.js";
-import { AlertTypeOption as M, AlertVariantOption as Y } from "../../../../../internal/Alert/types.js";
-import { useResponsiveContainer as $, containerQueries as z } from "../../../../../../hooks/useResponsiveContainer.js";
-import { Divider as Q } from "../../../../../internal/Divider/Divider.js";
-import { TypographyElement as b, TypographyVariant as p } from "../../../../../internal/Typography/types.js";
-import { invisibleFields as C } from "./constants.js";
-import { useWizardFormContext as R } from "../../../../../../hooks/form/wizard/WizardFormContext.js";
-import { useMemo as x } from "../../../../../../external/preact/hooks/dist/hooks.module.js";
-import { Tag as O } from "../../../../../internal/Tag/Tag.js";
+import C from "classnames";
+import { Alert as x } from "../../../../../internal/Alert/Alert.js";
+import O from "../../../../../../core/Context/useCoreContext.js";
+import d from "../../../../../internal/Typography/Typography.js";
+import { AlertTypeOption as P, AlertVariantOption as D } from "../../../../../internal/Alert/types.js";
+import { useResponsiveContainer as U, containerQueries as W } from "../../../../../../hooks/useResponsiveContainer.js";
+import { Divider as E } from "../../../../../internal/Divider/Divider.js";
+import { TypographyElement as T, TypographyVariant as c } from "../../../../../internal/Typography/types.js";
+import { invisibleFields as _ } from "./constants.js";
+import { useWizardFormContext as j } from "../../../../../../hooks/form/wizard/WizardFormContext.js";
+import { useMemo as N } from "../../../../../../external/preact/hooks/dist/hooks.module.js";
+import { Tag as B } from "../../../../../internal/Tag/Tag.js";
 /* empty css                 */
-import A from "../../../../../internal/StructuredList/StructuredList.js";
-import { Fragment as j } from "../../../../../../external/preact/dist/preact.module.js";
-const ce = ({ countryDatasetData: v }) => {
-  var N, I, B;
-  const { getSummaryData: P, getValues: T, getDisplayValue: _ } = R(), g = P(), { i18n: t } = G(), W = $(z.down.xs), E = x(() => {
-    const { payment: r } = g, s = r == null ? void 0 : r.fields.filter(({ id: m }) => !C.includes(m)), c = {
+import v from "../../../../../internal/StructuredList/StructuredList.js";
+import { Fragment as w } from "../../../../../../external/preact/dist/preact.module.js";
+const ne = ({ countryDatasetData: g }) => {
+  const { getSummaryData: b, getValues: k, getDisplayValue: A } = j(), f = b(), { i18n: t } = O(), S = U(W.down.xs), F = N(() => {
+    const { payment: r } = f, y = r?.fields.filter(({ id: o }) => !_.includes(o)), a = {
       id: "store",
       label: "payByLink.creation.summary.fields.store",
-      value: T("store"),
-      displayValue: _("store")
-    }, u = [...c ? [c] : [], ...s || []];
-    return (u == null ? void 0 : u.map(({ label: m, value: f, id: d, displayValue: k }) => ({
-      key: m || d,
-      value: k || f,
-      id: d,
-      render: (a) => {
-        var h, n;
-        switch (a.id) {
+      value: k("store"),
+      displayValue: A("store")
+    };
+    return [...a ? [a] : [], ...y || []]?.map(({ label: o, value: u, id: l, displayValue: i }) => ({
+      key: o || l,
+      value: i || u,
+      id: l,
+      render: (n) => {
+        switch (n.id) {
           case "linkValidity.quantity": {
-            const i = (h = r == null ? void 0 : r.fields) == null ? void 0 : h.find((o) => o.id === "linkValidity.durationUnit");
-            return t.get(`payByLink.creation.fields.validity.linkValidityUnit.${i == null ? void 0 : i.value}`, {
-              values: { quantity: a.value },
-              count: Number(a.value)
+            const m = r?.fields?.find((p) => p.id === "linkValidity.durationUnit");
+            return t.get(`payByLink.creation.fields.validity.linkValidityUnit.${m?.value}`, {
+              values: { quantity: n.value },
+              count: Number(n.value)
             });
           }
           case "amount.value": {
-            const i = (n = r == null ? void 0 : r.fields) == null ? void 0 : n.find((o) => o.id === "amount.currency");
-            return t.amount(a.value, i == null ? void 0 : i.value);
+            const m = r?.fields?.find((p) => p.id === "amount.currency");
+            return t.amount(n.value, m?.value);
           }
           case "linkType":
-            return t.get(`payByLink.creation.form.linkTypes.${a.value}`);
+            return t.get(`payByLink.creation.form.linkTypes.${n.value}`);
           default:
-            return a.value;
+            return n.value;
         }
       }
-    }))) || [];
-  }, [g, _, T, t]), l = x(() => {
-    var k, a, h;
-    const { customer: r } = g, s = r == null ? void 0 : r.fields.filter(({ id: n }) => !C.includes(n)), c = ({
-      label: n,
-      value: i,
-      id: o,
-      displayValue: w
+    })) || [];
+  }, [f, A, k, t]), s = N(() => {
+    const { customer: r } = f, y = r?.fields.filter(({ id: i }) => !_.includes(i)), a = ({
+      label: i,
+      value: n,
+      id: m,
+      displayValue: p
     }) => ({
-      key: n || o,
-      value: w || i,
-      id: o,
-      render: (L) => {
-        var V;
-        switch (L.id) {
+      key: i || m,
+      value: p || n,
+      id: m,
+      render: (h) => {
+        switch (h.id) {
           case "countryCode":
           case "deliveryAddress.country":
           case "billingAddress.country":
-            return (V = v == null ? void 0 : v.find((H) => H.id === L.value)) == null ? void 0 : V.name;
+            return g?.find((V) => V.id === h.value)?.name;
           default:
-            return L.value;
+            return h.value;
         }
       }
-    }), u = (k = s == null ? void 0 : s.filter((n) => {
-      var i;
-      return (i = n.id) == null ? void 0 : i.startsWith("deliveryAddress.");
-    })) == null ? void 0 : k.map(c), S = (a = s == null ? void 0 : s.filter((n) => {
-      var i;
-      return (i = n.id) == null ? void 0 : i.startsWith("billingAddress.");
-    })) == null ? void 0 : a.map(c), m = (h = s == null ? void 0 : s.filter((n) => {
-      var i, o;
-      return !((i = n == null ? void 0 : n.id) != null && i.startsWith("deliveryAddress.")) && !((o = n == null ? void 0 : n.id) != null && o.startsWith("billingAddress."));
-    })) == null ? void 0 : h.map(c), f = r == null ? void 0 : r.fields.find((n) => n.id === "sendLinkToShopper" && n.value === !0), d = r == null ? void 0 : r.fields.find((n) => n.id === "sendSuccessEmailToShopper" && n.value === !0);
-    return (f || d) && (m == null || m.splice(3, 0, {
+    }), I = y?.filter((i) => i.id?.startsWith("deliveryAddress."))?.map(a), L = y?.filter((i) => i.id?.startsWith("billingAddress."))?.map(a), o = y?.filter((i) => !i?.id?.startsWith("deliveryAddress.") && !i?.id?.startsWith("billingAddress."))?.map(a), u = r?.fields.find((i) => i.id === "sendLinkToShopper" && i.value === !0), l = r?.fields.find((i) => i.id === "sendSuccessEmailToShopper" && i.value === !0);
+    return (u || l) && o?.splice(3, 0, {
       key: "payByLink.creation.summary.fields.emailNotifications",
-      value: [d, f].filter(Boolean),
+      value: [l, u].filter(Boolean),
       render: () => /* @__PURE__ */ e("div", { className: "adyen-pe-payment-link-creation-form-summary__tags-container", children: [
-        f && /* @__PURE__ */ e(O, { children: /* @__PURE__ */ e(y, { variant: p.CAPTION, el: b.SPAN, stronger: !0, children: t.get("payByLink.creation.summary.fields.emailNotifications.emailCreation") }) }),
-        d && /* @__PURE__ */ e(O, { children: /* @__PURE__ */ e(y, { variant: p.CAPTION, el: b.SPAN, stronger: !0, children: t.get("payByLink.creation.summary.fields.emailNotifications.paymentSuccess") }) })
+        u && /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(d, { variant: c.CAPTION, el: T.SPAN, stronger: !0, children: t.get("payByLink.creation.summary.fields.emailNotifications.emailCreation") }) }),
+        l && /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(d, { variant: c.CAPTION, el: T.SPAN, stronger: !0, children: t.get("payByLink.creation.summary.fields.emailNotifications.paymentSuccess") }) })
       ] })
-    })), { nonAddressItems: m, deliveryAddressItems: u, billingAddressItems: S };
-  }, [v, g, t]);
-  return /* @__PURE__ */ e("section", { className: U("adyen-pe-payment-link-creation-form-summary", { "adyen-pe-payment-link-creation-form-summary--mobile": W }), children: [
+    }), { nonAddressItems: o, deliveryAddressItems: I, billingAddressItems: L };
+  }, [g, f, t]);
+  return /* @__PURE__ */ e("section", { className: C("adyen-pe-payment-link-creation-form-summary", { "adyen-pe-payment-link-creation-form-summary--mobile": S }), children: [
     /* @__PURE__ */ e("section", { className: "adyen-pe-payment-link-creation-form-summary__section", children: [
-      /* @__PURE__ */ e(y, { variant: p.SUBTITLE, className: "adyen-pe-payment-link-creation-form-summary__section-title", children: t.get("payByLink.creation.summary.paymentDetails") }),
-      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(A, { layout: "5-7", align: "start", condensed: !1, items: E }) })
+      /* @__PURE__ */ e(d, { variant: c.SUBTITLE, className: "adyen-pe-payment-link-creation-form-summary__section-title", children: t.get("payByLink.creation.summary.paymentDetails") }),
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(v, { layout: "5-7", align: "start", condensed: !1, items: F }) })
     ] }),
-    ((N = l.nonAddressItems) == null ? void 0 : N.length) && /* @__PURE__ */ e(j, { children: [
-      /* @__PURE__ */ e(Q, {}),
+    s.nonAddressItems?.length && /* @__PURE__ */ e(w, { children: [
+      /* @__PURE__ */ e(E, {}),
       /* @__PURE__ */ e("section", { className: "adyen-pe-payment-link-creation-form-summary__section", children: [
-        /* @__PURE__ */ e(y, { variant: p.SUBTITLE, className: "adyen-pe-payment-link-creation-form-summary__section-title", children: t.get("payByLink.creation.summary.shopperInformation") }),
-        /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(A, { layout: "5-7", align: "start", condensed: !1, items: l.nonAddressItems }) })
+        /* @__PURE__ */ e(d, { variant: c.SUBTITLE, className: "adyen-pe-payment-link-creation-form-summary__section-title", children: t.get("payByLink.creation.summary.shopperInformation") }),
+        /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(v, { layout: "5-7", align: "start", condensed: !1, items: s.nonAddressItems }) })
       ] })
     ] }),
-    !!((I = l.deliveryAddressItems) != null && I.length) && /* @__PURE__ */ e("section", { className: "adyen-pe-payment-link-creation-form-summary__section", children: [
-      /* @__PURE__ */ e(y, { variant: p.BODY, className: "adyen-pe-payment-link-creation-form-summary__section-title", children: t.get("payByLink.creation.summary.deliveryAddress") }),
-      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(A, { layout: "5-7", align: "start", condensed: !1, items: l.deliveryAddressItems || [] }) })
+    !!s.deliveryAddressItems?.length && /* @__PURE__ */ e("section", { className: "adyen-pe-payment-link-creation-form-summary__section", children: [
+      /* @__PURE__ */ e(d, { variant: c.BODY, className: "adyen-pe-payment-link-creation-form-summary__section-title", children: t.get("payByLink.creation.summary.deliveryAddress") }),
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(v, { layout: "5-7", align: "start", condensed: !1, items: s.deliveryAddressItems || [] }) })
     ] }),
-    !!((B = l.billingAddressItems) != null && B.length) && /* @__PURE__ */ e("section", { className: "adyen-pe-payment-link-creation-form-summary__section", children: [
-      /* @__PURE__ */ e(y, { variant: p.BODY, className: "adyen-pe-payment-link-creation-form-summary__section-title", children: t.get("payByLink.creation.summary.billingAddress") }),
-      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(A, { layout: "5-7", align: "start", condensed: !1, items: l.billingAddressItems || [] }) })
+    !!s.billingAddressItems?.length && /* @__PURE__ */ e("section", { className: "adyen-pe-payment-link-creation-form-summary__section", children: [
+      /* @__PURE__ */ e(d, { variant: c.BODY, className: "adyen-pe-payment-link-creation-form-summary__section-title", children: t.get("payByLink.creation.summary.billingAddress") }),
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(v, { layout: "5-7", align: "start", condensed: !1, items: s.billingAddressItems || [] }) })
     ] }),
     /* @__PURE__ */ e(
-      q,
+      x,
       {
         className: "adyen-pe-payment-link-creation-form-summary__alert",
-        variant: Y.TIP,
-        type: M.HIGHLIGHT,
+        variant: D.TIP,
+        type: P.HIGHLIGHT,
         description: t.get("payByLink.creation.summary.alertDescription")
       }
     )
   ] });
 };
 export {
-  ce as FormSummary
+  ne as FormSummary
 };

package/dist/es/components/external/PaymentLinkCreation/components/PaymentLinkCreationContainer/PaymentLinkCreationContainer.js

@@ -1,33 +1,32 @@
 import { jsx as e } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { PaymentLinkCreationFormContainer as k } from "../PaymentLinkCreationFormContainer/PaymentLinkCreationFormContainer.js";
+import { PaymentLinkCreationFormContainer as l } from "../PaymentLinkCreationFormContainer/PaymentLinkCreationFormContainer.js";
 /* empty css                             */
-import { useState as a } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import { FormSuccess as d } from "../Form/FormSuccess/FormSuccess.js";
-import { PaymentLinkDetails as L } from "../../../PaymentLinkDetails/components/PaymentLinkDetails/PaymentLinkDetails.js";
-const h = (t) => {
-  const [s, i] = a("Creation"), [c, l] = a(""), [u, y] = a("");
+import { useState as n } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { FormSuccess as u } from "../Form/FormSuccess/FormSuccess.js";
+import { PaymentLinkDetails as y } from "../../../PaymentLinkDetails/components/PaymentLinkDetails/PaymentLinkDetails.js";
+const P = (r) => {
+  const [i, a] = n("Creation"), [o, s] = n(""), [m, c] = n("");
   return /* @__PURE__ */ e("div", { className: "adyen-pe-payment-link-creation", children: (() => {
-    switch (s) {
+    switch (i) {
       case "Creation":
         return /* @__PURE__ */ e(
-          k,
+          l,
           {
-            ...t,
-            onPaymentLinkCreated: (n) => {
-              var r, m, o;
-              (r = t.onPaymentLinkCreated) == null || r.call(t, n), l(((m = n.paymentLink) == null ? void 0 : m.url) ?? ""), y(((o = n.paymentLink) == null ? void 0 : o.paymentLinkId) ?? ""), i("Success");
+            ...r,
+            onPaymentLinkCreated: (t) => {
+              r.onPaymentLinkCreated?.(t), s(t.paymentLink?.url ?? ""), c(t.paymentLink?.paymentLinkId ?? ""), a("Success");
             }
           }
         );
       case "Success":
-        return /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(d, { paymentLinkUrl: c, onGoToDetails: () => i("Details") }) });
+        return /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(u, { paymentLinkUrl: o, onGoToDetails: () => a("Details") }) });
       case "Details":
-        return /* @__PURE__ */ e(L, { id: u });
+        return /* @__PURE__ */ e(y, { id: m });
       default:
         return null;
     }
   })() });
 };
 export {
-  h as default
+  P as default
 };

package/dist/es/components/external/PaymentLinkCreation/components/PaymentLinkCreationFormContainer/FormStepRenderer.js

@@ -1,55 +1,55 @@
 import { jsx as r } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { CustomerDetailsForm as y } from "../Form/CustomerDetailsForm/CustomerDetailsForm.js";
-import { PaymentDetailsForm as t } from "../Form/PaymentDetailsForm/PaymentDetailsForm.js";
+import { PaymentDetailsForm as o } from "../Form/PaymentDetailsForm/PaymentDetailsForm.js";
 import { FormSummary as S } from "../Form/Summary/FormSummary.js";
 import { StoreForm as x } from "../Form/StoreForm/StoreForm.js";
 const P = ({
-  setShowTermsAndConditions: u,
-  currentFormStep: i,
-  settingsData: n,
-  storeIds: p,
-  storesData: m,
-  selectItems: c,
-  termsAndConditionsProvisioned: f,
+  setShowTermsAndConditions: t,
+  currentFormStep: s,
+  settingsData: a,
+  storeIds: u,
+  storesData: i,
+  selectItems: n,
+  termsAndConditionsProvisioned: p,
   configurationData: e,
-  isSeparateAddress: s,
-  setIsSeparateAddress: F,
-  countriesData: a,
+  isSameAddress: c,
+  setIsSameAddress: f,
+  countriesData: F,
   isFetchingCountries: d,
-  countryDatasetData: o,
+  countryDatasetData: m,
   isFetchingCountryDataset: l
 }) => {
-  switch (i) {
+  switch (s) {
     case "store":
       return /* @__PURE__ */ r(
         x,
         {
-          setShowTermsAndConditions: u,
-          settingsData: n,
-          storeIds: p,
-          storesData: m == null ? void 0 : m.data,
-          selectItems: c,
-          termsAndConditionsProvisioned: f
+          setShowTermsAndConditions: t,
+          settingsData: a,
+          storeIds: u,
+          storesData: i?.data,
+          selectItems: n,
+          termsAndConditionsProvisioned: p
         }
       );
     case "payment":
-      return /* @__PURE__ */ r(t, { configuration: e });
+      return /* @__PURE__ */ r(o, { configuration: e });
     case "customer":
       return /* @__PURE__ */ r(
         y,
         {
-          isSeparateAddress: s,
-          setIsSeparateAddress: F,
-          countriesData: a,
+          isSameAddress: c,
+          setIsSameAddress: f,
+          countriesData: F,
           isFetchingCountries: d,
-          countryDatasetData: o,
+          countryDatasetData: m,
           isFetchingCountryDataset: l
         }
       );
     case "summary":
-      return /* @__PURE__ */ r(S, { countryDatasetData: o });
+      return /* @__PURE__ */ r(S, { countryDatasetData: m });
     default:
-      return /* @__PURE__ */ r(t, { configuration: e });
+      return /* @__PURE__ */ r(o, { configuration: e });
   }
 };
 export {