@adyen/adyen-platform-experience-web 1.5.0 → 1.6.0

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

@@ -0,0 +1,82 @@
+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 { 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";
+/* 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({
+    queryFn: R,
+    options: {
+      onSuccess: h(() => {
+        T(), O(!0);
+      }, [T])
+    }
+  }), 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(() => [
+    {
+      title: t.get(b.current),
+      disabled: !p,
+      state: i.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
+    },
+    {
+      title: t.get("disputes.goBack"),
+      disabled: i.isLoading,
+      variant: y.SECONDARY,
+      event: m
+    }
+  ], [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) }),
+    /* @__PURE__ */ e("div", { className: "adyen-pe-accept-dispute__input", children: [
+      /* @__PURE__ */ e(
+        "input",
+        {
+          type: "checkbox",
+          disabled: n,
+          className: "adyen-pe-visually-hidden",
+          id: B,
+          onInput: L
+        }
+      ),
+      /* @__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("div", { className: "adyen-pe-accept-dispute__actions", children: /* @__PURE__ */ e(x, { actions: S }) })
+  ] }) });
+};
+export {
+  le as AcceptDisputeFlow
+};

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

@@ -0,0 +1,212 @@
+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 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";
+/* empty css                       */
+import { Icon as U } from "../../../../internal/Icon/Icon.js";
+import { Fragment as k } from "../../../../../external/preact/dist/preact.module.js";
+import oe 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,
+    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(
+    (e, t) => {
+      var i, r;
+      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", {
+            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()
+            }
+          });
+        default:
+          return o.get("disputes.inputError.somethingWentWrongPleaseCheckYourDocuments");
+      }
+    },
+    [o]
+  ), { requiredDocuments: u, optionalDocuments: O, oneOrMoreDocuments: s } = D(() => {
+    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) {
+        case "REQUIRED":
+          e.requiredDocuments.push(t);
+          break;
+        case "OPTIONAL":
+          e.optionalDocuments.push({
+            id: t,
+            name: r
+          });
+          break;
+        case "ONE_OR_MORE":
+          e.oneOrMoreDocuments.push({
+            id: t,
+            name: r
+          });
+          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,
+    options: {
+      onSuccess: d(() => {
+        g(), h("success"), l("defenseSubmitResponseView");
+      }, [g, h, l]),
+      onError: d(() => {
+        g(), h("error"), l("defenseSubmitResponseView");
+      }, [g, h, l])
+    }
+  }), f = x === "success", p = m.isLoading || f, y = a && $ && !p, w = d(() => {
+    y && m.mutate(
+      { contentType: "multipart/form-data", body: a },
+      { path: { disputePspReference: Y } }
+    );
+  }, [y, Y, m, a]), H = D(() => [
+    {
+      title: o.get("disputes.defend.submit"),
+      disabled: !y,
+      state: m.isLoading ? "loading" : "default",
+      variant: L.PRIMARY,
+      event: w,
+      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")
+      ] }) : e
+    },
+    {
+      title: o.get("disputes.goBack"),
+      disabled: m.isLoading,
+      variant: L.SECONDARY,
+      event: f ? W : B
+    }
+  ], [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;
+    });
+  }, []), q = D(() => {
+    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(
+    (e) => {
+      _((t) => {
+        if (e < 0 || e >= t.length)
+          return t;
+        const i = t[e];
+        return i && C(i), t.filter((r, b) => b !== 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(
+      Z,
+      {
+        renderHeader: /* @__PURE__ */ n(A, { variant: N.BODY, stronger: !0, className: "adyen-pe-defend-dispute-document-requirements", children: o.get("disputes.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}`)) })
+      }
+    ),
+    /* @__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,
+          {
+            mapError: v,
+            disabled: p,
+            document: e,
+            required: !0
+          },
+          e
+        )) }) : null,
+        s.length ? /* @__PURE__ */ n(
+          z,
+          {
+            mapError: v,
+            disabled: p,
+            selection: R,
+            setSelection: (e) => T(e),
+            items: s,
+            title: o.get("disputes.uploadDocuments.extraRequiredDocument"),
+            required: !0
+          }
+        ) : null
+      ] }) : null,
+      c.length ? c.map((e, t) => /* @__PURE__ */ n("div", { className: "adyen-pe-defend-dispute-document-upload-box", children: /* @__PURE__ */ n(
+        z,
+        {
+          mapError: v,
+          disabled: p,
+          onRemoveOption: G,
+          selection: e,
+          setSelection: F,
+          index: t,
+          items: j,
+          title: o.get("disputes.uploadDocuments.optionalDocument"),
+          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")
+      ] })
+    ] }),
+    /* @__PURE__ */ n("div", { className: "adyen-pe-defend-file-uploader__actions", children: /* @__PURE__ */ n(X, { actions: H }) })
+  ] }) });
+};
+export {
+  qe as DefendDisputeFileUpload
+};

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

@@ -0,0 +1,21 @@
+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";
+/* empty css                       */
+const V = ({ onDisputeDefend: i }) => {
+  const { i18n: n } = s(), { applicableDocuments: t, flowState: o } = d();
+  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 })
+  ] });
+};
+export {
+  V as DefendDisputeFlow
+};

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

@@ -0,0 +1,128 @@
+import { jsx as i } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import q from "classnames";
+import "../../../../../external/preact/compat/dist/compat.module.js";
+import { useState as I, useMemo as g, useCallback as p, useEffect as j } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import $ from "../../../../../core/Context/useCoreContext.js";
+import { useFetch as z } from "../../../../../hooks/useFetch.js";
+import { useResponsiveContainer as J, containerQueries as Q } from "../../../../../hooks/useResponsiveContainer.js";
+import { Alert as U } from "../../../../internal/Alert/Alert.js";
+import { AlertVariantOption as K, AlertTypeOption as W } from "../../../../internal/Alert/types.js";
+import X from "../../../../internal/Button/ButtonActions/ButtonActions.js";
+import { TypographyVariant as _, TypographyElement as b } from "../../../../internal/Typography/types.js";
+import v from "../../../../internal/Typography/Typography.js";
+import { useDisputeFlow as Z } from "../../context/dispute/context.js";
+import { getDefenseReasonContent as P } from "../../utils/index.js";
+import ee from "../../../../internal/FormFields/Select/Select.js";
+import { Fragment as te } from "../../../../../external/preact/dist/preact.module.js";
+import { useConfigContext as ie } from "../../../../../core/ConfigContext/context.js";
+import { EMPTY_OBJECT as oe } from "../../../../../utils/value/constants.js";
+const A = "adyen-pe-defend-dispute-reason", D = {
+  selector: A + "__selector",
+  description: A + "__description",
+  dropdownList: A + "__dropdown-list",
+  dropdownListMobile: A + "__dropdown-list--mobile"
+}, we = () => {
+  var F, N, O, T;
+  const { i18n: o } = $(), { applicableDocuments: n, dispute: a, goBack: R, setFlowState: m, setSelectedDefenseReason: S, selectedDefenseReason: s, setApplicableDocuments: f } = Z(), c = (F = a == null ? void 0 : a.dispute) == null ? void 0 : F.allowedDefenseReasons, C = (N = a == null ? void 0 : a.dispute) == null ? void 0 : N.pspReference, [u, h] = I(!1), x = J(Q.down.xs), r = g(
+    () => Object.freeze(
+      c == null ? void 0 : c.map((e) => {
+        var t;
+        return {
+          id: e,
+          disabled: c.length === 1,
+          name: ((t = P(o, e)) == null ? void 0 : t.title) ?? e
+        };
+      })
+    ) ?? [],
+    [o, c]
+  ), l = g(
+    () => {
+      var e, t;
+      return s ? (e = r.find((G) => G.id === s)) == null ? void 0 : e.id : ((t = r == null ? void 0 : r[0]) == null ? void 0 : t.id) ?? null;
+    },
+    [s, r]
+  ), { getApplicableDefenseDocuments: y } = ie().endpoints, L = p(async () => y == null ? void 0 : y(oe, {
+    query: {
+      defenseReason: s
+    },
+    path: {
+      disputePspReference: C
+    }
+  }), [s, C, y]), { error: k, isFetching: w } = z({
+    queryFn: L,
+    fetchOptions: {
+      enabled: u,
+      onSuccess: p(
+        (e) => {
+          h(!1), f((e == null ? void 0 : e.data) ?? null), e != null && e.data && (e == null ? void 0 : e.data.length) > 0 && m("uploadDefenseFilesView");
+        },
+        [f, h, m]
+      )
+    }
+  });
+  j(() => {
+    h(!1);
+  }, [k]);
+  const B = p(() => {
+    if (n != null && n.length) return m("uploadDefenseFilesView");
+    h(!0);
+  }, [n, m]), E = p(
+    (e) => {
+      var t;
+      s !== e.target.value && (n != null && n.length) && f([]), (t = e == null ? void 0 : e.target) != null && t.value && S(e.target.value);
+    },
+    [n, s, f, S]
+  ), M = g(() => [
+    {
+      title: o.get("disputes.defend.continue"),
+      disabled: u || w,
+      event: B
+    },
+    {
+      title: o.get("disputes.goBack"),
+      disabled: u || w,
+      event: R
+    }
+  ], [w, u, o, R, B]), [H, V] = I(!0), Y = p(() => {
+    V(!1);
+  }, []), d = g(() => l ? P(o, l) : void 0, [o, l]);
+  return !r || !l ? null : /* @__PURE__ */ i(te, { children: [
+    /* @__PURE__ */ i("div", { className: D.selector, children: [
+      /* @__PURE__ */ i(v, { className: "adyen-pe-defend-dispute__reason-description", variant: _.BODY, children: o.get("disputes.defend.selectDefenseReason") }),
+      /* @__PURE__ */ i(
+        ee,
+        {
+          items: r,
+          onChange: E,
+          selected: l,
+          popoverClassNameModifiers: [q(D.dropdownList, { [D.dropdownListMobile]: x })],
+          fixedPopoverPositioning: !0
+        }
+      ),
+      (O = d == null ? void 0 : d.primaryDescriptionItems) == null ? void 0 : O.map((e, t) => /* @__PURE__ */ i(
+        v,
+        {
+          el: b.PARAGRAPH,
+          className: D.description,
+          variant: _.BODY,
+          children: e
+        },
+        `description-${t}`
+      )),
+      ((T = d == null ? void 0 : d.secondaryDescriptionItems) == null ? void 0 : T.length) && /* @__PURE__ */ i("ul", { className: "adyen-pe-defend-dispute-reason__secondary-description-items-container", children: d.secondaryDescriptionItems.map((e, t) => /* @__PURE__ */ i("li", { className: "adyen-pe-defend-dispute-reason__secondary-description-item", children: /* @__PURE__ */ i(
+        v,
+        {
+          el: b.PARAGRAPH,
+          className: "adyen-pe-defend-dispute-reason__description",
+          variant: _.BODY,
+          children: e
+        }
+      ) }, `description-item-${t}`)) })
+    ] }),
+    H && /* @__PURE__ */ i(U, { onClose: Y, type: W.HIGHLIGHT, variant: K.DEFAULT, children: /* @__PURE__ */ i(v, { className: "adyen-pe-alert__description", el: b.DIV, variant: _.BODY, wide: !0, children: o.get("disputes.defend.chargebackFeeInformation") }) }),
+    /* @__PURE__ */ i("div", { className: "adyen-pe-defend-dispute__actions", children: /* @__PURE__ */ i(X, { actions: M }) })
+  ] });
+};
+export {
+  we as DefendDisputeReason
+};

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

@@ -0,0 +1,37 @@
+import { jsx as e } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useCallback as u, useRef as y, useEffect as v } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import C from "../../../../../core/Context/useCoreContext.js";
+import m from "../../../../internal/Button/Button.js";
+import { ButtonVariant as f } from "../../../../internal/Button/types.js";
+import { TypographyVariant as r } from "../../../../internal/Typography/types.js";
+import n from "../../../../internal/Typography/Typography.js";
+import { useDisputeFlow as N } from "../../context/dispute/context.js";
+/* empty css                       */
+import { Icon as h } from "../../../../internal/Icon/Icon.js";
+import { isFunction as T } from "../../../../../utils/value/is.js";
+const I = ({ onDisputeDefend: a }) => {
+  const { i18n: s } = C(), { clearFiles: c, clearStates: o, dispute: t, setFlowState: i, defendResponse: d } = N(), g = u(() => {
+    o(), i("details");
+  }, [o, i]), _ = u(() => {
+    c(), i("uploadDefenseFilesView");
+  }, [c, i]), p = y(!1);
+  return v(() => {
+    if (!p.current && d === "success" && T(a)) {
+      const l = t == null ? void 0 : t.dispute.pspReference;
+      l && (p.current = !0, a({ id: l }));
+    }
+  }, [d, t, a]), /* @__PURE__ */ e("div", { className: "adyen-pe-defend-dispute__response", children: d === "success" ? /* @__PURE__ */ e("div", { className: "adyen-pe-defend-dispute__success", children: [
+    /* @__PURE__ */ e(h, { name: "checkmark-circle-fill", className: "adyen-pe-defend-dispute__success-icon" }),
+    /* @__PURE__ */ e(n, { variant: r.TITLE, children: s.get("disputes.defend.evidenceSubmitted") }),
+    /* @__PURE__ */ e(n, { variant: r.BODY, className: "adyen-pe-defend-dispute__success-description", children: s.get("disputes.defend.submitSuccessfulInformation") }),
+    /* @__PURE__ */ e("div", { className: "adyen-pe-defend-dispute__success-buttons", children: /* @__PURE__ */ e(m, { variant: f.SECONDARY, onClick: g, children: s.get("disputes.showDisputeDetails") }) })
+  ] }) : /* @__PURE__ */ e("div", { className: "adyen-pe-defend-dispute__error", children: [
+    /* @__PURE__ */ e(h, { name: "cross-circle-fill", className: "adyen-pe-defend-dispute__error-icon" }),
+    /* @__PURE__ */ e(n, { variant: r.TITLE, medium: !0, children: s.get("disputes.defend.somethingWentWrong") }),
+    /* @__PURE__ */ e(n, { variant: r.BODY, children: s.get("disputes.error.weCouldNotProcessTheDisputePleaseTryAgainOrContactSupport") }),
+    /* @__PURE__ */ e(m, { variant: f.SECONDARY, onClick: _, children: s.get("disputes.goBack") })
+  ] }) });
+};
+export {
+  I as DefendDisputeResponse
+};

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

@@ -0,0 +1,60 @@
+import { jsx as r } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { FileInput as D } from "../../../../internal/FormFields/FileInput/FileInput.js";
+import { getDefenseDocumentContent as y } from "../../utils/index.js";
+import c from "../../../../../core/Context/useCoreContext.js";
+import { TypographyElement as h, TypographyVariant as a } from "../../../../internal/Typography/types.js";
+import p from "../../../../internal/Typography/Typography.js";
+import { useMemo as F } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { useDisputeFlow as T } from "../../context/dispute/context.js";
+import { ALLOWED_FILE_TYPES as _, DOCUMENT_MAX_SIZE as g } from "./constants.js";
+const P = ({
+  document: e,
+  disabled: d,
+  required: l,
+  mapError: m
+}) => {
+  const { i18n: i } = c(), { title: s, primaryDescriptionItems: t } = F(() => y(i, e), [i, e]) || {}, { removeFieldFromDefendPayload: n, addFileToDefendPayload: f } = T();
+  return /* @__PURE__ */ r("div", { className: "adyen-pe-defend-dispute-document-upload", children: [
+    /* @__PURE__ */ r("div", { children: [
+      /* @__PURE__ */ r(
+        p,
+        {
+          strongest: !0,
+          className: "adyen-pe-defend-dispute-document-upload__title",
+          variant: a.BODY,
+          el: h.DIV,
+          children: s || e
+        }
+      ),
+      t && t.length > 0 ? t.map((o, u) => /* @__PURE__ */ r(
+        p,
+        {
+          className: "adyen-pe-defend-dispute-document-upload__description",
+          variant: a.BODY,
+          children: o
+        },
+        `${u}-description`
+      )) : null
+    ] }),
+    /* @__PURE__ */ r(
+      D,
+      {
+        allowedFileTypes: _,
+        maxFileSize: (o) => g[o],
+        mapError: m,
+        onDelete: () => {
+          e && n(e);
+        },
+        disabled: d,
+        required: l,
+        onChange: (o) => {
+          o[0] ? f(e, o[0]) : n(e);
+        }
+      },
+      e
+    )
+  ] });
+};
+export {
+  P as DefendDocumentUpload
+};

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

@@ -0,0 +1,108 @@
+import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import A from "classnames";
+import { useResponsiveContainer as E, containerQueries as F } from "../../../../../hooks/useResponsiveContainer.js";
+import _ from "../../../../internal/Typography/Typography.js";
+import { TypographyElement as h, TypographyVariant as v } from "../../../../internal/Typography/types.js";
+import { FileInput as L } from "../../../../internal/FormFields/FileInput/FileInput.js";
+import P from "../../../../../core/Context/useCoreContext.js";
+import { useDisputeFlow as b } from "../../context/dispute/context.js";
+import { getDefenseDocumentContent as B } from "../../utils/index.js";
+import { useCallback as g, useEffect as M } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import N from "../../../../internal/Button/Button.js";
+import { ButtonVariant as O } from "../../../../internal/Button/types.js";
+import { ALLOWED_FILE_TYPES as R, DOCUMENT_MAX_SIZE as Y } from "./constants.js";
+import { Icon as V } from "../../../../internal/Icon/Icon.js";
+import k from "../../../../internal/FormFields/Select/Select.js";
+const r = "adyen-pe-defend-dispute-document-upload-box", a = {
+  deleteButton: r + "__delete-button-container",
+  dropdownList: r + "__dropdown-list",
+  dropdownListMobile: r + "__dropdown-list--mobile",
+  extraDocuments: r + "__extra-documents-selector",
+  extraDocumentsTitle: r + "__extra-documents-selector-title"
+}, te = ({
+  items: d,
+  selection: o,
+  setSelection: p,
+  disabled: n,
+  required: C,
+  title: T,
+  index: i,
+  onRemoveOption: u,
+  mapError: x
+}) => {
+  var D, y;
+  const { i18n: l } = P(), { addFileToDefendPayload: w, moveFieldInDefendPayload: c, removeFieldFromDefendPayload: f } = b(), I = g((e) => B(l, e), [l]), S = E(F.down.xs), s = g(
+    (e) => {
+      o && c(o, e), p(e, i);
+    },
+    [i, c, o, p]
+  );
+  return M(() => {
+    const e = d.filter(({ disabled: m }) => m !== !0);
+    e.length === 1 && !o && s(e[0].id);
+  }, [d, o, s]), /* @__PURE__ */ t("div", { className: a.extraDocuments, children: [
+    /* @__PURE__ */ t("div", { className: a.deleteButton, children: [
+      /* @__PURE__ */ t(_, { strongest: !0, className: a.extraDocumentsTitle, variant: v.BODY, el: h.DIV, children: T }),
+      u && /* @__PURE__ */ t(
+        N,
+        {
+          disabled: n,
+          onClick: () => i !== void 0 && !n && u(i),
+          variant: O.TERTIARY,
+          fullWidth: !1,
+          align: "center",
+          children: /* @__PURE__ */ t(V, { name: "trash-can" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t("div", { children: [
+      /* @__PURE__ */ t(
+        k,
+        {
+          onChange: (e) => {
+            const m = e.target.value;
+            s(m);
+          },
+          filterable: !1,
+          selected: o,
+          readonly: n,
+          multiSelect: !1,
+          items: d,
+          popoverClassNameModifiers: [A(a.dropdownList, { [a.dropdownListMobile]: S })],
+          showOverlay: !1,
+          placeholder: l.get("disputes.uploadDocuments.selectDocumentType"),
+          fixedPopoverPositioning: !0
+        }
+      ),
+      o && ((y = (D = I(o)) == null ? void 0 : D.primaryDescriptionItems) == null ? void 0 : y.map((e) => /* @__PURE__ */ t(
+        _,
+        {
+          className: "adyen-pe-defend-dispute-document-upload__description",
+          variant: v.BODY,
+          el: h.PARAGRAPH,
+          children: e
+        },
+        e
+      )))
+    ] }),
+    /* @__PURE__ */ t(
+      L,
+      {
+        maxFileSize: (e) => Y[e],
+        allowedFileTypes: R,
+        mapError: x,
+        onDelete: () => {
+          o && f(o);
+        },
+        disabled: n || !o,
+        required: C,
+        onChange: (e) => {
+          o && (e[0] ? w(o, e[0]) : f(o));
+        }
+      }
+    )
+  ] });
+};
+export {
+  te as default
+};

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

@@ -0,0 +1,13 @@
+const i = {
+  "2MB": 2097152,
+  "10MB": 10485760
+}, p = ["application/pdf", "image/jpeg", "image/jpg", "image/tiff"], a = {
+  "application/pdf": i["2MB"],
+  "image/jpeg": i["10MB"],
+  "image/jpg": i["10MB"],
+  "image/tiff": i["10MB"]
+};
+export {
+  p as ALLOWED_FILE_TYPES,
+  a as DOCUMENT_MAX_SIZE
+};