@adyen/adyen-platform-experience-web 1.10.2 → 1.11.0

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

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

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

@@ -1,41 +1,41 @@
 import { jsx as n } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useState as w, useCallback as d, useMemo as g } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/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 { useState as U, useCallback as d, useMemo as g } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.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 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 U from "./SelectAndUploadOptionalDoc.js";
+import { useDisputeFlow as ee } from "../../context/dispute/context.js";
+import { DefendDocumentUpload as te } from "./DefendDocumentUpload.js";
+import P from "./SelectAndUploadOptionalDoc.js";
 import { ButtonVariant as F } from "../../../../internal/Button/types.js";
-import { getDefenseDocumentContent as oe } from "../../utils/index.js";
+import { getDefenseDocumentContent as ne } from "../../utils/index.js";
 import { validationErrors as S } from "../../../../internal/FormFields/FileInput/constants.js";
 /* empty css                       */
-import { Icon as P } from "../../../../internal/Icon/Icon.js";
+import oe from "../../../../../core/Context/preact/useCoreContext.js";
+import { Icon as z } from "../../../../internal/Icon/Icon.js";
 import { Fragment as L } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/dist/preact.module.js";
 import ie from "../../../../internal/Button/Button.js";
-import { useConfigContext as se } from "../../../../../core/ConfigContext/context.js";
+import { useConfigContext as se } from "../../../../../core/ConfigContext/preact/context.js";
 import { getHumanReadableFileSize as de } from "../../../../../utils/file/size.js";
 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: z } = se().endpoints, {
+  const { i18n: o } = oe(), { defendDispute: V } = se().endpoints, {
     clearFiles: D,
     clearStates: M,
-    dispute: V,
+    dispute: x,
     applicableDocuments: k,
     goBack: A,
     defendDisputePayload: r,
-    defendResponse: x,
+    defendResponse: T,
     onDefendSubmit: h,
     removeFieldFromDefendPayload: B,
     setFlowState: a,
-    defenseDocumentConfig: T
-  } = te(), I = V?.dispute.pspReference, [R, $] = w(void 0), [m, _] = w([]), C = d(() => {
+    defenseDocumentConfig: I
+  } = ee(), C = x?.dispute.pspReference, [R, $] = U(void 0), [m, _] = U([]), Y = d(() => {
     M(), a("details");
   }, [M, a]), q = d(
     (e, t) => {
@@ -65,7 +65,7 @@ const re = [
       oneOrMoreDocuments: []
     };
     return (k ?? []).forEach(({ documentTypeCode: t, requirementLevel: s }) => {
-      const l = oe(T, o, t)?.title || t;
+      const l = ne(I, o, t)?.title || t;
       switch (s) {
         case "REQUIRED":
           e.requiredDocuments.push(t);
@@ -85,12 +85,12 @@ const re = [
       }
       return e;
     }), e;
-  }, [k, o]), H = g(() => {
+  }, [k, o, I]), H = g(() => {
     if (!r) return !1;
     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,
+  }, [r, i, p]), u = K({
+    queryFn: V,
     options: {
       onSuccess: d(() => {
         D(), h("success"), a("defenseSubmitResponseView");
@@ -99,21 +99,21 @@ const re = [
         D(), h("error"), a("defenseSubmitResponseView");
       }, [D, h, a])
     }
-  }), f = x === "success", c = u.isLoading || f, b = r && H && !c, Y = d(() => {
+  }), f = T === "success", c = u.isLoading || f, b = r && H && !c, w = d(() => {
     b && u.mutate(
       { contentType: "multipart/form-data", body: r },
-      { path: { disputePspReference: I } }
+      { path: { disputePspReference: C } }
     );
-  }, [b, I, u, r]), Q = g(() => [
+  }, [b, C, u, r]), Q = g(() => [
     {
       title: o.get("disputes.management.defend.common.actions.submit"),
       disabled: !b,
       state: u.isLoading ? "loading" : "default",
       variant: F.PRIMARY,
-      event: Y,
+      event: w,
       classNames: f ? ["adyen-pe-defend-dispute__defended-btn"] : void 0,
       renderTitle: (e) => f ? /* @__PURE__ */ n(L, { children: [
-        /* @__PURE__ */ n(P, { name: "checkmark-circle-fill", className: "adyen-pe-defend-dispute__defended-icon" }),
+        /* @__PURE__ */ n(z, { name: "checkmark-circle-fill", className: "adyen-pe-defend-dispute__defended-icon" }),
         o.get("disputes.management.defend.common.defended")
       ] }) : e
     },
@@ -121,9 +121,9 @@ const re = [
       title: o.get("disputes.management.common.actions.goBack"),
       disabled: u.isLoading,
       variant: F.SECONDARY,
-      event: f ? C : A
+      event: f ? Y : A
     }
-  ], [o, b, u.isLoading, Y, f, C, A]), y = d((e, t) => {
+  ], [o, b, u.isLoading, w, f, Y, A]), y = d((e, t) => {
     e === void 0 ? _((s) => [...s, e]) : t !== void 0 && _((s) => {
       if (s[t] === e)
         return s;
@@ -150,7 +150,7 @@ const re = [
   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,
+      Z,
       {
         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,
@@ -162,7 +162,7 @@ const re = [
     /* @__PURE__ */ n("div", { className: "adyen-pe-defend-dispute-file-uploader__container", children: [
       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,
+          te,
           {
             mapError: q,
             disabled: c,
@@ -172,7 +172,7 @@ const re = [
           e
         )) }) : null,
         i.length ? /* @__PURE__ */ n(
-          U,
+          P,
           {
             mapError: q,
             disabled: c,
@@ -185,7 +185,7 @@ const re = [
         ) : null
       ] }) : null,
       m.length ? m.map((e, t) => /* @__PURE__ */ n("div", { className: "adyen-pe-defend-dispute-document-upload-box", children: /* @__PURE__ */ n(
-        U,
+        P,
         {
           mapError: q,
           disabled: c,
@@ -199,11 +199,11 @@ const re = [
         }
       ) }, `optional-doc-${t}`)) : null,
       E && /* @__PURE__ */ n(ie, { align: "center", onClick: W, variant: F.SECONDARY, fullWidth: !0, children: [
-        /* @__PURE__ */ n(P, { name: "plus" }),
+        /* @__PURE__ */ n(z, { 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: Q }) })
+    /* @__PURE__ */ n("div", { className: "adyen-pe-defend-file-uploader__actions", children: /* @__PURE__ */ n(X, { actions: Q }) })
   ] }) });
 };
 export {

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

@@ -1,24 +1,24 @@
 import { jsx as e } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import a from "../../../../../core/Context/useCoreContext.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";
+import { useModalContext as a } from "../../../../internal/Modal/Modal.js";
+import { TypographyElement as n, TypographyVariant as u } from "../../../../internal/Typography/types.js";
+import f from "../../../../internal/Typography/Typography.js";
+import { useDisputeFlow as l } from "../../context/dispute/context.js";
+import { DefendDisputeFileUpload as c } from "./DefendDisputeFileUpload.js";
+import { DefendDisputeReason as D } from "./DefendDisputeReason.js";
+import { DefendDisputeResponse as y } from "./DefendDisputeResponse.js";
 /* empty css                       */
-import { useMemo as T } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import { useMemo as g } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import T from "../../../../../core/Context/preact/useCoreContext.js";
 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(
+  const { i18n: o } = T(), { applicableDocuments: p, flowState: t, dispute: i } = l(), { withinModal: r } = a(), d = r ? n.H2 : n.DIV, m = g(
     () => 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__ */ 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 })
+    t !== "defenseSubmitResponseView" && /* @__PURE__ */ e(f, { className: "adyen-pe-defend-dispute__title", el: d, variant: u.TITLE, medium: !0, children: m }),
+    t === "defendReasonSelectionView" && /* @__PURE__ */ e(D, {}),
+    t === "uploadDefenseFilesView" && !!p?.length && /* @__PURE__ */ e(c, {}),
+    t === "defenseSubmitResponseView" && /* @__PURE__ */ e(y, { onDisputeDefend: s })
   ] });
 };
 export {

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

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

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

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