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

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

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

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

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

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

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