@adyen/adyen-platform-experience-web 1.7.0 → 1.8.0

package/dist/es/components/external/CapitalOverview/components/Unqualified.js

@@ -1,20 +1,19 @@
 import { jsx as e } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import r from "../../../../core/Context/useCoreContext.js";
-import t from "../../../../images/generic-use-first-touch.svg.js";
+import t from "../../../../core/Context/useCoreContext.js";
 import o from "../../../internal/Typography/Typography.js";
-import { TypographyVariant as l, TypographyElement as n } from "../../../internal/Typography/types.js";
+import { TypographyVariant as n, TypographyElement as l } from "../../../internal/Typography/types.js";
 import { Fragment as m } from "../../../../external/preact/dist/preact.module.js";
 import { CapitalHeader as p } from "../../../internal/CapitalHeader/CapitalHeader.js";
-const h = ({ hideTitle: a }) => {
-  const { i18n: i } = r();
+const y = ({ hideTitle: a }) => {
+  const { i18n: r, getImageAsset: i } = t();
   return /* @__PURE__ */ e(m, { children: [
-    /* @__PURE__ */ e(p, { hideTitle: a, titleKey: "capital.needSomeExtraMoney" }),
+    /* @__PURE__ */ e(p, { hideTitle: a, titleKey: "capital.overview.common.titles.qualificationIntro" }),
     /* @__PURE__ */ e("div", { className: "adyen-pe-capital-overview__unqualified-state", children: [
-      /* @__PURE__ */ e("div", { className: "adyen-pe-capital-overview__unqualified-state-img", children: /* @__PURE__ */ e("img", { srcSet: t, alt: "" }) }),
-      /* @__PURE__ */ e(o, { el: n.PARAGRAPH, variant: l.BODY, large: !0, children: i.get("capital.youWillSoonQualifyForAFinancialOffer") })
+      /* @__PURE__ */ e("div", { className: "adyen-pe-capital-overview__unqualified-state-img", children: /* @__PURE__ */ e("img", { srcSet: i == null ? void 0 : i({ name: "generic-use-first-touch" }), alt: "" }) }),
+      /* @__PURE__ */ e(o, { el: l.PARAGRAPH, variant: n.BODY, large: !0, children: r.get("capital.overview.unqualified.soonQualifyInfo") })
     ] })
   ] });
 };
 export {
-  h as default
+  y as default
 };

package/dist/es/components/external/DisputeManagement/DisputeManagementElement.js

@@ -1,13 +1,13 @@
 var s = Object.defineProperty;
-var r = (o, e, t) => e in o ? s(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
-var n = (o, e, t) => r(o, typeof e != "symbol" ? e + "" : e, t);
+var r = (e, t, o) => t in e ? s(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o;
+var n = (e, t, o) => r(e, typeof t != "symbol" ? t + "" : t, o);
 import { jsx as i } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { UIElement as p } from "../UIElement/UIElement.js";
 import { DisputeDetailsContainer as m } from "./components/DisputeDetailsContainer/DisputeDetailsContainer.js";
 class a extends p {
-  constructor(t) {
-    super(t);
-    n(this, "componentToRender", () => /* @__PURE__ */ i(m, { ...this.props, ref: (t) => void (this.componentRef = t) }));
+  constructor(o) {
+    super(o);
+    n(this, "componentToRender", () => /* @__PURE__ */ i(m, { ...this.props }));
     this.componentToRender = this.componentToRender.bind(this);
   }
 }

package/dist/es/components/external/DisputeManagement/components/AcceptDisputeFlow/AcceptDisputeFlow.js

@@ -1,82 +1,83 @@
 import { jsx as e } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import o from "../../../../internal/Typography/Typography.js";
-import { TypographyVariant as u, TypographyElement as M } from "../../../../internal/Typography/types.js";
-import Y from "../../../../../core/Context/useCoreContext.js";
-import x from "../../../../internal/Button/ButtonActions/ButtonActions.js";
+import p from "../../../../internal/Typography/Typography.js";
+import { TypographyElement as h, TypographyVariant as m } from "../../../../internal/Typography/types.js";
+import { useModalContext as w } from "../../../../internal/Modal/Modal.js";
+import P from "../../../../../core/Context/useCoreContext.js";
+import V from "../../../../internal/Button/ButtonActions/ButtonActions.js";
 import { ButtonVariant as y } from "../../../../internal/Button/types.js";
-import { useRef as c, useState as F, useCallback as h, useMemo as P, useEffect as w } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import { useDisputeFlow as V } from "../../context/dispute/context.js";
-import j from "../../../../../hooks/useMutation/useMutation.js";
+import { useRef as a, useState as q, useCallback as _, useMemo as H, useEffect as j } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { useDisputeFlow as J } from "../../context/dispute/context.js";
+import Q from "../../../../../hooks/useMutation/useMutation.js";
 /* empty css                       */
-import { Icon as d } from "../../../../internal/Icon/Icon.js";
-import { Fragment as E } from "../../../../../external/preact/dist/preact.module.js";
-import H from "../../../../internal/Button/Button.js";
-import { useConfigContext as J } from "../../../../../core/ConfigContext/context.js";
-import { EMPTY_OBJECT as Q } from "../../../../../utils/value/constants.js";
-import { uniqueId as U } from "../../../../../utils/random/uniqueId.js";
-import { isFunction as z } from "../../../../../utils/value/is.js";
-const le = ({ onDisputeAccept: l }) => {
-  const { i18n: t } = Y(), { acceptDispute: R } = J().endpoints, { dispute: _, clearStates: T, goBack: m } = V(), a = c(_).current ?? _, r = a == null ? void 0 : a.dispute.pspReference, k = (a == null ? void 0 : a.dispute.type) === "REQUEST_FOR_INFORMATION", v = c("disputes.accept.disputeAccepted"), A = c("disputes.accept.disputeDisclaimer"), N = c("disputes.accept.chargeback"), b = c("disputes.accept.chargeback"), f = c(k);
-  (f.current || (f.current = k)) && (v.current = "disputes.accept.requestForInformationAccepted", A.current = "disputes.accept.requestForInformationDisclaimer", N.current = "disputes.accept.requestForInformation", b.current = "disputes.accept");
-  const [I, q] = F(!1), [s, O] = F(!1), i = j({
+import { Icon as u } from "../../../../internal/Icon/Icon.js";
+import { Fragment as D } from "../../../../../external/preact/dist/preact.module.js";
+import U from "../../../../internal/Button/Button.js";
+import { useConfigContext as z } from "../../../../../core/ConfigContext/context.js";
+import { EMPTY_OBJECT as G } from "../../../../../utils/value/constants.js";
+import { uniqueId as K } from "../../../../../utils/random/uniqueId.js";
+import { isFunction as W } from "../../../../../utils/value/is.js";
+const he = ({ onDisputeAccept: d }) => {
+  const { i18n: t } = P(), { acceptDispute: R } = z().endpoints, { dispute: T, clearStates: k, goBack: l } = J(), { withinModal: M } = w(), n = a(T).current ?? T, O = M ? h.H2 : h.DIV, i = n == null ? void 0 : n.dispute.pspReference, b = (n == null ? void 0 : n.dispute.type) === "REQUEST_FOR_INFORMATION", v = a("disputes.management.accept.chargeback.accepted"), I = a("disputes.management.accept.chargeback.disclaimer"), N = a("disputes.management.accept.chargeback.title"), A = a("disputes.management.accept.chargeback.actions.accept"), g = a(b);
+  (g.current || (g.current = b)) && (v.current = "disputes.management.accept.requestForInformation.accepted", I.current = "disputes.management.accept.requestForInformation.disclaimer", N.current = "disputes.management.accept.requestForInformation.title", A.current = "disputes.management.accept.requestForInformation.actions.accept");
+  const [C, L] = q(!1), [c, S] = q(!1), s = Q({
     queryFn: R,
     options: {
-      onSuccess: h(() => {
-        T(), O(!0);
-      }, [T])
+      onSuccess: _(() => {
+        k(), S(!0);
+      }, [k])
     }
-  }), n = i.isLoading || s, p = I && !n, C = h(() => {
-    p && i.mutate(Q, { path: { disputePspReference: r } });
-  }, [p, r, i]), L = h(() => {
-    n || q((g) => !g);
-  }, [n]), S = P(() => [
+  }), r = s.isLoading || c, o = C && !r, F = _(() => {
+    o && s.mutate(G, { path: { disputePspReference: i } });
+  }, [o, i, s]), x = _(() => {
+    r || L((f) => !f);
+  }, [r]), Y = H(() => [
     {
-      title: t.get(b.current),
-      disabled: !p,
-      state: i.isLoading ? "loading" : "default",
+      title: t.get(A.current),
+      disabled: !o,
+      state: s.isLoading ? "loading" : "default",
       variant: y.PRIMARY,
-      event: C,
-      classNames: s ? ["adyen-pe-accept-dispute__accepted-btn"] : void 0,
-      renderTitle: (g) => s ? /* @__PURE__ */ e(E, { children: [
-        /* @__PURE__ */ e(d, { name: "checkmark-circle-fill", className: "adyen-pe-accept-dispute__accepted-icon" }),
-        t.get("disputes.accept.accepted")
-      ] }) : g
+      event: F,
+      classNames: c ? ["adyen-pe-accept-dispute__accepted-btn"] : void 0,
+      renderTitle: (f) => c ? /* @__PURE__ */ e(D, { children: [
+        /* @__PURE__ */ e(u, { name: "checkmark-circle-fill", className: "adyen-pe-accept-dispute__accepted-icon" }),
+        t.get("disputes.management.accept.common.accepted")
+      ] }) : f
     },
     {
-      title: t.get("disputes.goBack"),
-      disabled: i.isLoading,
+      title: t.get("disputes.management.common.actions.goBack"),
+      disabled: s.isLoading,
       variant: y.SECONDARY,
-      event: m
+      event: l
     }
-  ], [t, C, i.isLoading, p, m, s]), D = c(!1), B = c(U()).current;
-  return w(() => {
-    D.current || s && r && z(l) && (D.current = !0, l({ id: r }));
-  }, [s, r, l]), /* @__PURE__ */ e("div", { className: "adyen-pe-accept-dispute__container", children: s ? /* @__PURE__ */ e("div", { className: "adyen-pe-accept-dispute__success", children: [
-    /* @__PURE__ */ e(d, { name: "checkmark-circle-fill", className: "adyen-pe-accept-dispute__success-icon" }),
-    /* @__PURE__ */ e(o, { variant: u.TITLE, children: t.get(v.current) }),
-    /* @__PURE__ */ e(H, { variant: y.SECONDARY, onClick: m, children: t.get("disputes.showDisputeDetails") })
-  ] }) : /* @__PURE__ */ e(E, { children: [
-    /* @__PURE__ */ e(o, { className: "adyen-pe-accept-dispute__title", variant: u.TITLE, medium: !0, children: t.get(N.current) }),
-    /* @__PURE__ */ e(o, { variant: u.BODY, medium: !0, children: t.get(A.current) }),
+  ], [t, F, s.isLoading, o, l, c]), B = a(!1), E = a(K()).current;
+  return j(() => {
+    B.current || c && i && W(d) && (B.current = !0, d({ id: i }));
+  }, [c, i, d]), /* @__PURE__ */ e("div", { className: "adyen-pe-accept-dispute__container", children: c ? /* @__PURE__ */ e("div", { className: "adyen-pe-accept-dispute__success", children: [
+    /* @__PURE__ */ e(u, { name: "checkmark-circle-fill", className: "adyen-pe-accept-dispute__success-icon" }),
+    /* @__PURE__ */ e(p, { variant: m.TITLE, children: t.get(v.current) }),
+    /* @__PURE__ */ e(U, { variant: y.SECONDARY, onClick: l, children: t.get("disputes.management.common.actions.showDetails") })
+  ] }) : /* @__PURE__ */ e(D, { children: [
+    /* @__PURE__ */ e(p, { className: "adyen-pe-accept-dispute__title", el: O, variant: m.TITLE, medium: !0, children: t.get(N.current) }),
+    /* @__PURE__ */ e(p, { variant: m.BODY, medium: !0, children: t.get(I.current) }),
     /* @__PURE__ */ e("div", { className: "adyen-pe-accept-dispute__input", children: [
       /* @__PURE__ */ e(
         "input",
         {
           type: "checkbox",
-          disabled: n,
+          disabled: r,
           className: "adyen-pe-visually-hidden",
-          id: B,
-          onInput: L
+          id: E,
+          onInput: x
         }
       ),
-      /* @__PURE__ */ e("label", { className: "adyen-pe-accept-dispute__label", htmlFor: B, children: [
-        I ? /* @__PURE__ */ e(d, { name: "checkmark-square-fill" }) : /* @__PURE__ */ e(d, { name: "square" }),
-        /* @__PURE__ */ e(o, { el: M.SPAN, variant: u.BODY, children: t.get("disputes.accept.iAgree") })
+      /* @__PURE__ */ e("label", { className: "adyen-pe-accept-dispute__label", htmlFor: E, children: [
+        C ? /* @__PURE__ */ e(u, { name: "checkmark-square-fill" }) : /* @__PURE__ */ e(u, { name: "square" }),
+        /* @__PURE__ */ e(p, { el: h.SPAN, variant: m.BODY, children: t.get("disputes.management.accept.common.agree") })
       ] })
     ] }),
-    /* @__PURE__ */ e("div", { className: "adyen-pe-accept-dispute__actions", children: /* @__PURE__ */ e(x, { actions: S }) })
+    /* @__PURE__ */ e("div", { className: "adyen-pe-accept-dispute__actions", children: /* @__PURE__ */ e(V, { actions: Y }) })
   ] }) });
 };
 export {
-  le as AcceptDisputeFlow
+  he as AcceptDisputeFlow
 };

package/dist/es/components/external/DisputeManagement/components/DefendDisputeFlow/DefendDisputeFileUpload.js

@@ -1,169 +1,170 @@
 import { jsx as n } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useState as P, useCallback as d, useMemo as D } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import J from "../../../../../core/Context/useCoreContext.js";
-import K from "../../../../../hooks/useMutation/useMutation.js";
-import X from "../../../../internal/Button/ButtonActions/ButtonActions.js";
-import Z from "../../../../internal/Card/Card.js";
-import { TypographyVariant as N } from "../../../../internal/Typography/types.js";
-import A from "../../../../internal/Typography/Typography.js";
-import { useDisputeFlow as ee } from "../../context/dispute/context.js";
-import { DefendDocumentUpload as te } from "./DefendDocumentUpload.js";
+import { useState as P, useCallback as a, useMemo as g } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import K from "../../../../../core/Context/useCoreContext.js";
+import X from "../../../../../hooks/useMutation/useMutation.js";
+import Z from "../../../../internal/Button/ButtonActions/ButtonActions.js";
+import ee from "../../../../internal/Card/Card.js";
+import { TypographyVariant as F } from "../../../../internal/Typography/types.js";
+import L from "../../../../internal/Typography/Typography.js";
+import { useDisputeFlow as te } from "../../context/dispute/context.js";
+import { DefendDocumentUpload as ne } from "./DefendDocumentUpload.js";
 import z from "./SelectAndUploadOptionalDoc.js";
-import { ButtonVariant as L } from "../../../../internal/Button/types.js";
-import { getDefenseDocumentContent as ne } from "../../utils/index.js";
-import { validationErrors as E } from "../../../../internal/FormFields/FileInput/constants.js";
+import { ButtonVariant as M } from "../../../../internal/Button/types.js";
+import { getDefenseDocumentContent as oe } from "../../utils/index.js";
+import { validationErrors as R } from "../../../../internal/FormFields/FileInput/constants.js";
 /* empty css                       */
-import { Icon as U } from "../../../../internal/Icon/Icon.js";
+import { Icon as V } from "../../../../internal/Icon/Icon.js";
 import { Fragment as k } from "../../../../../external/preact/dist/preact.module.js";
-import oe from "../../../../internal/Button/Button.js";
+import se from "../../../../internal/Button/Button.js";
 import { useConfigContext as ie } from "../../../../../core/ConfigContext/context.js";
-import { getHumanReadableFileSize as se } from "../../../../../utils/file/size.js";
-const re = [
-  "disputes.documentRequirements.mustBeInEnglish",
-  "disputes.documentRequirements.recommendedSize",
-  "disputes.documentRequirements.acceptableFormatAndSize"
-], qe = () => {
-  const { i18n: o } = J(), { defendDispute: V } = ie().endpoints, {
-    clearFiles: g,
-    clearStates: I,
-    dispute: S,
-    applicableDocuments: M,
-    goBack: B,
-    defendDisputePayload: a,
-    defendResponse: x,
+import { getHumanReadableFileSize as de } from "../../../../../utils/file/size.js";
+const ae = [
+  "disputes.management.defend.common.documentRequirements.language",
+  "disputes.management.defend.common.documentRequirements.recommendedSize",
+  "disputes.management.defend.common.documentRequirements.formatAndSize"
+], Fe = () => {
+  const { i18n: o } = K(), { defendDispute: x } = ie().endpoints, {
+    clearFiles: D,
+    clearStates: A,
+    dispute: _,
+    applicableDocuments: B,
+    goBack: I,
+    defendDisputePayload: r,
+    defendResponse: T,
     onDefendSubmit: h,
     removeFieldFromDefendPayload: C,
-    setFlowState: l
-  } = ee(), Y = S == null ? void 0 : S.dispute.pspReference, [R, T] = P(void 0), [c, _] = P([]), W = d(() => {
-    I(), l("details");
-  }, [I, l]), v = d(
+    setFlowState: c,
+    defenseDocumentConfig: $
+  } = te(), Y = _ == null ? void 0 : _.dispute.pspReference, [y, H] = P(void 0), [u, E] = P([]), w = a(() => {
+    A(), c("details");
+  }, [A, c]), v = a(
     (e, t) => {
-      var i, r;
+      var s, d;
       switch (e) {
-        case E.DISALLOWED_FILE_TYPE:
-          return o.get("inputError.disallowedFileType");
-        case E.FILE_REQUIRED:
-          return o.get("disputes.inputError.uploadAtLeastOneSupportingDocumentToContinue");
-        case E.TOO_MANY_FILES:
-          return o.get("inputError.tooManyFiles");
-        case E.VERY_LARGE_FILE:
-          return o.get("disputes.inputError.fileIsOverSizeLimitForTypeChooseASmallerFileAndTryAgain", {
+        case R.DISALLOWED_FILE_TYPE:
+          return o.get("common.inputs.file.errors.disallowedType");
+        case R.FILE_REQUIRED:
+          return o.get("disputes.management.defend.common.inputs.file.errors.required");
+        case R.TOO_MANY_FILES:
+          return o.get("common.inputs.file.errors.tooMany");
+        case R.VERY_LARGE_FILE:
+          return o.get("disputes.management.defend.common.inputs.file.errors.tooLarge", {
             values: {
-              size: (t == null ? void 0 : t.size) === void 0 ? void 0 : se(t.size),
-              type: (r = (i = t == null ? void 0 : t.type) == null ? void 0 : i.replace(/^([^/]+\/)*/gi, "")) == null ? void 0 : r.toUpperCase()
+              size: (t == null ? void 0 : t.size) === void 0 ? void 0 : de(t.size),
+              type: (d = (s = t == null ? void 0 : t.type) == null ? void 0 : s.replace(/^([^/]+\/)*/gi, "")) == null ? void 0 : d.toUpperCase()
             }
           });
         default:
-          return o.get("disputes.inputError.somethingWentWrongPleaseCheckYourDocuments");
+          return o.get("disputes.management.defend.common.inputs.file.errors.default");
       }
     },
     [o]
-  ), { requiredDocuments: u, optionalDocuments: O, oneOrMoreDocuments: s } = D(() => {
+  ), { requiredDocuments: m, optionalDocuments: O, oneOrMoreDocuments: i } = g(() => {
     const e = {
       requiredDocuments: [],
       optionalDocuments: [],
       oneOrMoreDocuments: []
     };
-    return (M ?? []).forEach(({ documentTypeCode: t, requirementLevel: i }) => {
-      var b;
-      const r = ((b = ne(o, t)) == null ? void 0 : b.title) || t;
-      switch (i) {
+    return (B ?? []).forEach(({ documentTypeCode: t, requirementLevel: s }) => {
+      var S;
+      const d = ((S = oe($, o, t)) == null ? void 0 : S.title) || t;
+      switch (s) {
         case "REQUIRED":
           e.requiredDocuments.push(t);
           break;
         case "OPTIONAL":
           e.optionalDocuments.push({
             id: t,
-            name: r
+            name: d
           });
           break;
         case "ONE_OR_MORE":
           e.oneOrMoreDocuments.push({
             id: t,
-            name: r
+            name: d
           });
           break;
       }
       return e;
     }), e;
-  }, [M, o]), $ = D(() => {
-    if (!a) return !1;
-    let e = u.every((t) => a.get(t) instanceof File);
-    return s.length > 0 && e && (e = s.some((t) => a.get(t.id) instanceof File)), e;
-  }, [a, s, u]), m = K({
-    queryFn: V,
+  }, [B, o]), Q = g(() => {
+    if (!r) return !1;
+    let e = m.every((t) => r.get(t) instanceof File);
+    return i.length > 0 && e && (e = i.some((t) => r.get(t.id) instanceof File)), e;
+  }, [r, i, m]), l = X({
+    queryFn: x,
     options: {
-      onSuccess: d(() => {
-        g(), h("success"), l("defenseSubmitResponseView");
-      }, [g, h, l]),
-      onError: d(() => {
-        g(), h("error"), l("defenseSubmitResponseView");
-      }, [g, h, l])
+      onSuccess: a(() => {
+        D(), h("success"), c("defenseSubmitResponseView");
+      }, [D, h, c]),
+      onError: a(() => {
+        D(), h("error"), c("defenseSubmitResponseView");
+      }, [D, h, c])
     }
-  }), f = x === "success", p = m.isLoading || f, y = a && $ && !p, w = d(() => {
-    y && m.mutate(
-      { contentType: "multipart/form-data", body: a },
+  }), f = T === "success", p = l.isLoading || f, b = r && Q && !p, U = a(() => {
+    b && l.mutate(
+      { contentType: "multipart/form-data", body: r },
       { path: { disputePspReference: Y } }
     );
-  }, [y, Y, m, a]), H = D(() => [
+  }, [b, Y, l, r]), W = g(() => [
     {
-      title: o.get("disputes.defend.submit"),
-      disabled: !y,
-      state: m.isLoading ? "loading" : "default",
-      variant: L.PRIMARY,
-      event: w,
+      title: o.get("disputes.management.defend.common.actions.submit"),
+      disabled: !b,
+      state: l.isLoading ? "loading" : "default",
+      variant: M.PRIMARY,
+      event: U,
       classNames: f ? ["adyen-pe-defend-dispute__defended-btn"] : void 0,
       renderTitle: (e) => f ? /* @__PURE__ */ n(k, { children: [
-        /* @__PURE__ */ n(U, { name: "checkmark-circle-fill", className: "adyen-pe-defend-dispute__defended-icon" }),
-        o.get("disputes.defend.defended")
+        /* @__PURE__ */ n(V, { name: "checkmark-circle-fill", className: "adyen-pe-defend-dispute__defended-icon" }),
+        o.get("disputes.management.defend.common.defended")
       ] }) : e
     },
     {
-      title: o.get("disputes.goBack"),
-      disabled: m.isLoading,
-      variant: L.SECONDARY,
-      event: f ? W : B
+      title: o.get("disputes.management.common.actions.goBack"),
+      disabled: l.isLoading,
+      variant: M.SECONDARY,
+      event: f ? w : I
     }
-  ], [o, w, m.isLoading, f, B]), F = d((e, t) => {
-    e === void 0 ? _((i) => [...i, e]) : t !== void 0 && _((i) => {
-      if (i[t] === e)
-        return i;
-      const r = [...i];
-      return r[t] = e, r;
+  ], [o, b, l.isLoading, U, f, w, I]), q = a((e, t) => {
+    e === void 0 ? E((s) => [...s, e]) : t !== void 0 && E((s) => {
+      if (s[t] === e)
+        return s;
+      const d = [...s];
+      return d[t] = e, d;
     });
-  }, []), q = D(() => {
+  }, []), N = g(() => {
     if (p) return !1;
-    const e = O.length + Math.max(0, s.length - 1);
-    return !!(e && e !== c.length);
-  }, [p, s, O, c]), Q = d(() => {
-    q && F();
-  }, [q, F]), j = D(() => [...s.filter((t) => t.id !== R), ...O].map((t) => ({ ...t, disabled: c.includes(t.id) })), [s, R, O, c]), G = d(
+    const e = O.length + Math.max(0, i.length - 1);
+    return !!(e && e !== u.length);
+  }, [p, i, O, u]), j = a(() => {
+    N && q();
+  }, [N, q]), G = g(() => [...i.filter((t) => t.id !== y), ...O].map((t) => ({ ...t, disabled: u.includes(t.id) })), [i, y, O, u]), J = a(
     (e) => {
-      _((t) => {
+      E((t) => {
         if (e < 0 || e >= t.length)
           return t;
-        const i = t[e];
-        return i && C(i), t.filter((r, b) => b !== e);
+        const s = t[e];
+        return s && C(s), t.filter((d, S) => S !== e);
       });
     },
     [C]
   );
   return /* @__PURE__ */ n(k, { children: /* @__PURE__ */ n(k, { children: [
-    /* @__PURE__ */ n(A, { className: "adyen-pe-defend-dispute-file-uploader__subtitle", variant: N.BODY, children: o.get("disputes.defend.uploadDocumentsInformation") }),
+    /* @__PURE__ */ n(L, { className: "adyen-pe-defend-dispute-file-uploader__subtitle", variant: F.BODY, children: o.get("disputes.management.defend.common.documentUploadInfo") }),
     /* @__PURE__ */ n(
-      Z,
+      ee,
       {
-        renderHeader: /* @__PURE__ */ n(A, { variant: N.BODY, stronger: !0, className: "adyen-pe-defend-dispute-document-requirements", children: o.get("disputes.documentRequirements") }),
+        renderHeader: /* @__PURE__ */ n(L, { variant: F.BODY, stronger: !0, className: "adyen-pe-defend-dispute-document-requirements", children: o.get("disputes.management.defend.common.documentRequirements") }),
         filled: !0,
         expandable: !0,
         compact: !0,
-        children: /* @__PURE__ */ n("ul", { className: "adyen-pe-defend-dispute-document-requirements--list", children: re.map((e, t) => /* @__PURE__ */ n("li", { className: "adyen-pe-defend-dispute-document-requirements--item", children: /* @__PURE__ */ n(A, { variant: N.BODY, children: o.get(e) }) }, `${e}-${t}`)) })
+        children: /* @__PURE__ */ n("ul", { className: "adyen-pe-defend-dispute-document-requirements--list", children: ae.map((e, t) => /* @__PURE__ */ n("li", { className: "adyen-pe-defend-dispute-document-requirements--item", children: /* @__PURE__ */ n(L, { variant: F.BODY, children: o.get(e) }) }, `${e}-${t}`)) })
       }
     ),
     /* @__PURE__ */ n("div", { className: "adyen-pe-defend-dispute-file-uploader__container", children: [
-      u.length || s.length ? /* @__PURE__ */ n("div", { className: "adyen-pe-defend-dispute-document-upload-box", children: [
-        u.length ? /* @__PURE__ */ n("div", { className: "adyen-pe-defend-dispute-document-upload-box__required-documents", children: u == null ? void 0 : u.map((e) => /* @__PURE__ */ n(
-          te,
+      m.length || i.length ? /* @__PURE__ */ n("div", { className: "adyen-pe-defend-dispute-document-upload-box", children: [
+        m.length ? /* @__PURE__ */ n("div", { className: "adyen-pe-defend-dispute-document-upload-box__required-documents", children: m == null ? void 0 : m.map((e) => /* @__PURE__ */ n(
+          ne,
           {
             mapError: v,
             disabled: p,
@@ -172,41 +173,41 @@ const re = [
           },
           e
         )) }) : null,
-        s.length ? /* @__PURE__ */ n(
+        i.length ? /* @__PURE__ */ n(
           z,
           {
             mapError: v,
             disabled: p,
-            selection: R,
-            setSelection: (e) => T(e),
-            items: s,
-            title: o.get("disputes.uploadDocuments.extraRequiredDocument"),
+            selection: y,
+            setSelection: (e) => H(e),
+            items: i,
+            title: o.get("disputes.management.defend.common.documentTypes.required"),
             required: !0
           }
         ) : null
       ] }) : null,
-      c.length ? c.map((e, t) => /* @__PURE__ */ n("div", { className: "adyen-pe-defend-dispute-document-upload-box", children: /* @__PURE__ */ n(
+      u.length ? u.map((e, t) => /* @__PURE__ */ n("div", { className: "adyen-pe-defend-dispute-document-upload-box", children: /* @__PURE__ */ n(
         z,
         {
           mapError: v,
           disabled: p,
-          onRemoveOption: G,
+          onRemoveOption: J,
           selection: e,
-          setSelection: F,
+          setSelection: q,
           index: t,
-          items: j,
-          title: o.get("disputes.uploadDocuments.optionalDocument"),
+          items: G,
+          title: o.get("disputes.management.defend.common.documentTypes.optional"),
           required: !0
         }
       ) }, `optional-doc-${t}`)) : null,
-      q && /* @__PURE__ */ n(oe, { align: "center", onClick: Q, variant: L.SECONDARY, fullWidth: !0, children: [
-        /* @__PURE__ */ n(U, { name: "plus" }),
-        o.get("disputes.uploadDocuments.addOptionalDocument")
+      N && /* @__PURE__ */ n(se, { align: "center", onClick: j, variant: M.SECONDARY, fullWidth: !0, children: [
+        /* @__PURE__ */ n(V, { name: "plus" }),
+        o.get("disputes.management.defend.common.actions.addOptionalDocument")
       ] })
     ] }),
-    /* @__PURE__ */ n("div", { className: "adyen-pe-defend-file-uploader__actions", children: /* @__PURE__ */ n(X, { actions: H }) })
+    /* @__PURE__ */ n("div", { className: "adyen-pe-defend-file-uploader__actions", children: /* @__PURE__ */ n(Z, { actions: W }) })
   ] }) });
 };
 export {
-  qe as DefendDisputeFileUpload
+  Fe as DefendDisputeFileUpload
 };

package/dist/es/components/external/DisputeManagement/components/DefendDisputeFlow/DefendDisputeFlow.js

@@ -1,21 +1,22 @@
 import { jsx as e } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import s from "../../../../../core/Context/useCoreContext.js";
-import { TypographyVariant as r } from "../../../../internal/Typography/types.js";
-import p from "../../../../internal/Typography/Typography.js";
-import { useDisputeFlow as d } from "../../context/dispute/context.js";
-import { DefendDisputeFileUpload as m } from "./DefendDisputeFileUpload.js";
-import { DefendDisputeReason as f } from "./DefendDisputeReason.js";
-import { DefendDisputeResponse as a } from "./DefendDisputeResponse.js";
+import d from "../../../../../core/Context/useCoreContext.js";
+import { useModalContext as m } from "../../../../internal/Modal/Modal.js";
+import { TypographyElement as i, TypographyVariant as a } from "../../../../internal/Typography/types.js";
+import f from "../../../../internal/Typography/Typography.js";
+import { useDisputeFlow as l } from "../../context/dispute/context.js";
+import { DefendDisputeFileUpload as u } from "./DefendDisputeFileUpload.js";
+import { DefendDisputeReason as c } from "./DefendDisputeReason.js";
+import { DefendDisputeResponse as D } from "./DefendDisputeResponse.js";
 /* empty css                       */
-const V = ({ onDisputeDefend: i }) => {
-  const { i18n: n } = s(), { applicableDocuments: t, flowState: o } = d();
+const _ = ({ onDisputeDefend: n }) => {
+  const { i18n: s } = d(), { applicableDocuments: o, flowState: t } = l(), { withinModal: r } = m(), p = r ? i.H2 : i.DIV;
   return /* @__PURE__ */ e("div", { className: "adyen-pe-defend-dispute__container", children: [
-    o !== "defenseSubmitResponseView" && /* @__PURE__ */ e(p, { className: "adyen-pe-defend-dispute__title", variant: r.TITLE, medium: !0, children: n.get("disputes.defend.chargeback") }),
-    o === "defendReasonSelectionView" && /* @__PURE__ */ e(f, {}),
-    o === "uploadDefenseFilesView" && !!(t != null && t.length) && /* @__PURE__ */ e(m, {}),
-    o === "defenseSubmitResponseView" && /* @__PURE__ */ e(a, { onDisputeDefend: i })
+    t !== "defenseSubmitResponseView" && /* @__PURE__ */ e(f, { className: "adyen-pe-defend-dispute__title", el: p, variant: a.TITLE, medium: !0, children: s.get("disputes.management.defend.chargeback.title") }),
+    t === "defendReasonSelectionView" && /* @__PURE__ */ e(c, {}),
+    t === "uploadDefenseFilesView" && !!(o != null && o.length) && /* @__PURE__ */ e(u, {}),
+    t === "defenseSubmitResponseView" && /* @__PURE__ */ e(D, { onDisputeDefend: n })
   ] });
 };
 export {
-  V as DefendDisputeFlow
+  _ as DefendDisputeFlow
 };