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

package/dist/es/components/external/CapitalOverview/components/GrantList/GrantsDisplay.js

@@ -1,59 +1,72 @@
 import { jsx as e } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { BaseList as C } from "../../../../internal/BaseList/BaseList.js";
-import { GrantItem as N } from "../GrantItem/GrantItem.js";
-import { getGrantConfig as _ } from "../GrantItem/utils.js";
-import { GRANT_ADJUSTMENT_DETAILS as R } from "../GrantAdjustmentDetails/constants.js";
-import { GrantRepaymentDetails as T } from "../GrantRepaymentDetails/GrantRepaymentDetails.js";
-import A from "../../../../internal/SegmentedControl/SegmentedControl.js";
-import B from "../../../../../core/Context/useCoreContext.js";
-import { useState as G, useMemo as l, useCallback as D } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import E from "../../../../internal/Button/Button.js";
-import { ButtonVariant as U } from "../../../../internal/Button/types.js";
-import { CapitalHeader as k } from "../../../../internal/CapitalHeader/CapitalHeader.js";
-const h = ({ grants: t, showDetails: c }) => /* @__PURE__ */ e(C, { classNames: "adyen-pe-grant-list__items", children: t.map((a) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(N, { grant: a, showDetails: c.bind(null, a) }) }, a.id)) }), z = ({ grantList: t, hideTitle: c, newOfferAvailable: a, onNewOfferRequest: g }) => {
-  const [b, u] = G(), [n, w] = G(), { i18n: f } = B(), [i, m] = l(() => {
-    const s = [], r = [];
-    return t == null || t.forEach((o) => {
-      o.status === "Active" || o.status === "Pending" ? s.push(o) : r.push(o);
-    }), [s, r];
-  }, [t]), v = l(() => t.length > 1 && i.length && m.length ? "SegmentedGrants" : "UnifiedGrants", [i.length, t.length, m.length]), y = l(() => a && !i.some((s) => s.status === "Pending"), [i, a]), d = l(() => n && _(n), [n]), S = D(() => u(void 0), []), p = D((s, r) => {
-    u(r), w(s);
+import { BaseList as A } from "../../../../internal/BaseList/BaseList.js";
+import { GrantItem as E } from "../GrantItem/GrantItem.js";
+import { getGrantConfig as P } from "../GrantItem/utils.js";
+import { GRANT_ADJUSTMENT_DETAILS as T } from "../GrantAdjustmentDetails/constants.js";
+import { GrantRepaymentDetails as k } from "../GrantRepaymentDetails/GrantRepaymentDetails.js";
+import { sharedCapitalOverviewAnalyticsEventProperties as R } from "../../constants.js";
+import { useLandedPageEvent as x } from "../../../../../hooks/useAnalytics/useLandedPageEvent.js";
+import B from "../../../../internal/SegmentedControl/SegmentedControl.js";
+import U from "../../../../../core/Context/analytics/useAnalyticsContext.js";
+import I from "../../../../../core/Context/useCoreContext.js";
+import { useState as b, useMemo as c, useCallback as f } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import M from "../../../../internal/Button/Button.js";
+import { ButtonVariant as O } from "../../../../internal/Button/types.js";
+import { CapitalHeader as j } from "../../../../internal/CapitalHeader/CapitalHeader.js";
+const w = {
+  ...R,
+  subCategory: "Grants overview"
+}, h = ({ grants: t, showDetails: m }) => /* @__PURE__ */ e(A, { classNames: "adyen-pe-grant-list__items", children: t.map((s) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(E, { grant: s, showDetails: m.bind(null, s) }) }, s.id)) }), te = ({ grantList: t, hideTitle: m, newOfferAvailable: s, onNewOfferRequest: v }) => {
+  const [D, g] = b(), [n, C] = b(), { i18n: y } = I(), r = U(), [i, d] = c(() => {
+    const a = [], o = [];
+    return t == null || t.forEach((l) => {
+      l.status === "Active" || l.status === "Pending" ? a.push(l) : o.push(l);
+    }), [a, o];
+  }, [t]), G = c(() => t.length > 1 && i.length && d.length ? "SegmentedGrants" : "UnifiedGrants", [i.length, t.length, d.length]), S = c(() => s && !i.some((a) => a.status === "Pending"), [i, s]), N = f(() => {
+    var a;
+    try {
+      return v();
+    } finally {
+      (a = r.addEvent) == null || a.call(r, "Clicked button", { ...w, label: "See new offer" });
+    }
+  }, [v, r]), p = c(() => n && P(n), [n]), _ = f(() => g(void 0), []), u = f((a, o) => {
+    g(o), C(a);
   }, []);
-  if (n)
-    switch (b) {
-      case R.unscheduledRepayment: {
-        if (d != null && d.hasUnscheduledRepaymentDetails)
-          return /* @__PURE__ */ e(T, { grant: n, onDetailsClose: S });
+  if (x({ ...w, label: "Capital overview" }), n)
+    switch (D) {
+      case T.unscheduledRepayment: {
+        if (p != null && p.hasUnscheduledRepaymentDetails)
+          return /* @__PURE__ */ e(k, { grant: n, onDetailsClose: _ });
         break;
       }
     }
   return /* @__PURE__ */ e("div", { className: "adyen-pe-grant-list", children: [
     /* @__PURE__ */ e("div", { className: "adyen-pe-grant-list__header-container", children: [
-      /* @__PURE__ */ e(k, { hideTitle: c, titleKey: "capital.common.title" }),
-      y ? /* @__PURE__ */ e(E, { onClick: g, className: "adyen-pe-grant-list__offer-button", variant: U.SECONDARY, children: f.get("capital.overview.grants.list.actions.newOffer") }) : null
+      /* @__PURE__ */ e(j, { hideTitle: m, titleKey: "capital.common.title" }),
+      S ? /* @__PURE__ */ e(M, { onClick: N, className: "adyen-pe-grant-list__offer-button", variant: O.SECONDARY, children: y.get("capital.overview.grants.list.actions.newOffer") }) : null
     ] }),
-    v === "UnifiedGrants" && /* @__PURE__ */ e(h, { grants: t, showDetails: p }),
-    v === "SegmentedGrants" && /* @__PURE__ */ e(
-      A,
+    G === "UnifiedGrants" && /* @__PURE__ */ e(h, { grants: t, showDetails: u }),
+    G === "SegmentedGrants" && /* @__PURE__ */ e(
+      B,
       {
         items: [
           {
             label: "capital.overview.grants.list.tabs.labels.inProgress",
-            content: /* @__PURE__ */ e(h, { grants: i, showDetails: p }),
+            content: /* @__PURE__ */ e(h, { grants: i, showDetails: u }),
             id: "active"
           },
           {
             label: "capital.overview.grants.list.tabs.labels.closed",
-            content: /* @__PURE__ */ e(h, { grants: m, showDetails: p }),
+            content: /* @__PURE__ */ e(h, { grants: d, showDetails: u }),
             id: "inactive"
           }
         ],
         activeItem: "active",
-        "aria-label": f.get("capital.overview.grants.list.tabs.a11y.label")
+        "aria-label": y.get("capital.overview.grants.list.tabs.a11y.label")
       }
     )
   ] });
 };
 export {
-  z as GrantsDisplay
+  te as GrantsDisplay
 };

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

@@ -1,35 +1,48 @@
-import { jsx as r } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { CAPITAL_OVERVIEW_CLASS_NAMES as t } from "../constants.js";
-import n from "../../../internal/Button/Button.js";
-import m from "../../../../core/Context/useCoreContext.js";
-import l from "../../../internal/Typography/Typography.js";
-import { TypographyVariant as p } from "../../../internal/Typography/types.js";
-import u from "../../../internal/InfoBox/InfoBox.js";
-import { Fragment as c } from "../../../../external/preact/dist/preact.module.js";
-import { CapitalHeader as f } from "../../../internal/CapitalHeader/CapitalHeader.js";
-const C = ({
+import { jsx as e } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useCallback as s } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import { sharedCapitalOverviewAnalyticsEventProperties as c, CAPITAL_OVERVIEW_CLASS_NAMES as n } from "../constants.js";
+import { useLandedPageEvent as u } from "../../../../hooks/useAnalytics/useLandedPageEvent.js";
+import d from "../../../internal/Button/Button.js";
+import f from "../../../../core/Context/analytics/useAnalyticsContext.js";
+import v from "../../../../core/Context/useCoreContext.js";
+import y from "../../../internal/Typography/Typography.js";
+import { TypographyVariant as h } from "../../../internal/Typography/types.js";
+import C from "../../../internal/InfoBox/InfoBox.js";
+import { Fragment as g } from "../../../../external/preact/dist/preact.module.js";
+import { CapitalHeader as A } from "../../../internal/CapitalHeader/CapitalHeader.js";
+const l = {
+  ...c,
+  subCategory: "Prequalified"
+}, L = ({
   dynamicOfferConfig: a,
-  hideTitle: e,
-  onOfferOptionsRequest: o
+  hideTitle: m,
+  onOfferOptionsRequest: i
 }) => {
-  const { i18n: i } = m();
-  return /* @__PURE__ */ r(c, { children: [
-    /* @__PURE__ */ r(f, { hideTitle: e, titleKey: "capital.overview.common.titles.qualificationIntro" }),
-    /* @__PURE__ */ r("div", { className: t.preQualifiedGrant, children: [
-      /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r(l, { variant: p.BODY, children: [
-        i.get("capital.overview.prequalified.alreadyQualifyInfo.part1"),
-        /* @__PURE__ */ r("strong", { children: i.get("capital.overview.prequalified.alreadyQualifyInfo.part2", {
+  const { i18n: t } = v(), r = f(), p = s(() => {
+    var o;
+    try {
+      return i();
+    } finally {
+      (o = r.addEvent) == null || o.call(r, "Clicked button", { ...l, label: "See options" });
+    }
+  }, [i, r]);
+  return u({ ...l, label: "Capital overview" }), /* @__PURE__ */ e(g, { children: [
+    /* @__PURE__ */ e(A, { hideTitle: m, titleKey: "capital.overview.common.titles.qualificationIntro" }),
+    /* @__PURE__ */ e("div", { className: n.preQualifiedGrant, children: [
+      /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(y, { variant: h.BODY, children: [
+        t.get("capital.overview.prequalified.alreadyQualifyInfo.part1"),
+        /* @__PURE__ */ e("strong", { children: t.get("capital.overview.prequalified.alreadyQualifyInfo.part2", {
           values: {
-            amount: i.amount(a.maxAmount.value, a.maxAmount.currency, {
+            amount: t.amount(a.maxAmount.value, a.maxAmount.currency, {
               minimumFractionDigits: 0
             })
           }
         }) })
       ] }) }),
-      /* @__PURE__ */ r(n, { className: t.preQualifiedGrantButton, onClick: o, children: i.get("capital.overview.prequalified.actions.seeOptions") })
+      /* @__PURE__ */ e(d, { className: n.preQualifiedGrantButton, onClick: p, children: t.get("capital.overview.prequalified.actions.seeOptions") })
     ] })
   ] });
 };
 export {
-  C as default
+  L as default
 };

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

@@ -6,7 +6,11 @@ const e = {
   preQualifiedGrant: "adyen-pe-capital-overview__pre-qualified-grant",
   preQualifiedGrantButton: "adyen-pe-capital-overview__pre-qualified-grant-review-button",
   errorContainer: "adyen-pe-capital-overview__error-container"
+}, a = {
+  componentName: "capitalOverview",
+  category: "Capital overview component"
 };
 export {
-  e as CAPITAL_OVERVIEW_CLASS_NAMES
+  e as CAPITAL_OVERVIEW_CLASS_NAMES,
+  a as sharedCapitalOverviewAnalyticsEventProperties
 };

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

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

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

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