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

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

@@ -1,59 +1,71 @@
 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(() => {
+import { BaseList as _ } from "../../../../internal/BaseList/BaseList.js";
+import { GrantItem as A } 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 y, useMemo as l, useCallback as p } 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 b = {
+  ...R,
+  subCategory: "Grants overview"
+}, u = ({ grants: t, showDetails: c }) => /* @__PURE__ */ e(_, { classNames: "adyen-pe-grant-list__items", children: t.map((a) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(A, { grant: a, showDetails: c.bind(null, a) }) }, a.id)) }), te = ({ grantList: t, hideTitle: c, newOfferAvailable: a, onNewOfferRequest: f }) => {
+  const [w, v] = y(), [n, C] = y(), { i18n: h } = I(), g = U(), [i, m] = l(() => {
     const s = [], r = [];
-    return t == null || t.forEach((o) => {
+    return 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);
+  }, [t]), G = l(() => t.length > 1 && i.length && m.length ? "SegmentedGrants" : "UnifiedGrants", [i.length, t.length, m.length]), D = l(() => a && !i.some((s) => s.status === "Pending"), [i, a]), S = p(() => {
+    try {
+      return f();
+    } finally {
+      g.addEvent?.("Clicked button", { ...b, label: "See new offer" });
+    }
+  }, [f, g]), E = l(() => n && P(n), [n]), N = p(() => v(void 0), []), d = p((s, r) => {
+    v(r), C(s);
   }, []);
-  if (n)
-    switch (b) {
-      case R.unscheduledRepayment: {
-        if (d != null && d.hasUnscheduledRepaymentDetails)
-          return /* @__PURE__ */ e(T, { grant: n, onDetailsClose: S });
+  if (x({ ...b, label: "Capital overview" }), n)
+    switch (w) {
+      case T.unscheduledRepayment: {
+        if (E?.hasUnscheduledRepaymentDetails)
+          return /* @__PURE__ */ e(k, { grant: n, onDetailsClose: N });
         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: c, titleKey: "capital.common.title" }),
+      D ? /* @__PURE__ */ e(M, { onClick: S, className: "adyen-pe-grant-list__offer-button", variant: O.SECONDARY, children: h.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(u, { grants: t, showDetails: d }),
+    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(u, { grants: i, showDetails: d }),
             id: "active"
           },
           {
             label: "capital.overview.grants.list.tabs.labels.closed",
-            content: /* @__PURE__ */ e(h, { grants: m, showDetails: p }),
+            content: /* @__PURE__ */ e(u, { grants: m, showDetails: d }),
             id: "inactive"
           }
         ],
         activeItem: "active",
-        "aria-label": f.get("capital.overview.grants.list.tabs.a11y.label")
+        "aria-label": h.get("capital.overview.grants.list.tabs.a11y.label")
       }
     )
   ] });
 };
 export {
-  z as GrantsDisplay
+  te as GrantsDisplay
 };

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

@@ -1,15 +1,15 @@
 import { jsx as e } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useMemo as h } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import { useUniqueId as m } from "../../../../../hooks/useUniqueId.js";
-import f from "../../../../../core/Context/useCoreContext.js";
+import { useMemo as y } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { useUniqueId as o } from "../../../../../hooks/useUniqueId.js";
+import A from "../../../../../core/Context/useCoreContext.js";
 import t from "../../../../internal/Typography/Typography.js";
 import { TypographyVariant as r, TypographyElement as n } from "../../../../internal/Typography/types.js";
-import { AccountDetails as N } from "../AccountDetails/AccountDetails.js";
-import { GrantAdjustmentDetails as I } from "../GrantAdjustmentDetails/GrantAdjustmentDetails.js";
+import { AccountDetails as h } from "../AccountDetails/AccountDetails.js";
+import { GrantAdjustmentDetails as f } from "../GrantAdjustmentDetails/GrantAdjustmentDetails.js";
 /* empty css                           */
-import { Divider as P } from "../../../../internal/Divider/Divider.js";
-import { Fragment as g } from "../../../../../external/preact/dist/preact.module.js";
-import { Translation as S } from "../../../../internal/Translation/Translation.js";
+import { Divider as N } from "../../../../internal/Divider/Divider.js";
+import { Fragment as I } from "../../../../../external/preact/dist/preact.module.js";
+import { Translation as P } from "../../../../internal/Translation/Translation.js";
 const i = "adyen-pe-grant-repayment-details", s = {
   instructionList: `${i}__instruction-list`,
   notice: `${i}__notice`,
@@ -17,41 +17,37 @@ const i = "adyen-pe-grant-repayment-details", s = {
   transferInstrumentItem: `${i}__transfer-instrument-item`,
   transferInstrumentList: `${i}__transfer-instrument-list`,
   verifiedBankAccountDetails: `${i}__verified-bank-account-details`
-}, x = ({ grant: c, onDetailsClose: A }) => {
-  var v, y;
-  const { i18n: a } = f(), d = `list-${m()}`, u = `list-${m()}`, p = `list-${m()}`, o = h(() => {
-    var l;
-    return (l = c.unscheduledRepaymentAccounts) == null ? void 0 : l[0];
-  }, [c.unscheduledRepaymentAccounts]);
-  return o ? /* @__PURE__ */ e(
-    I,
+}, k = ({ grant: l, onDetailsClose: v }) => {
+  const { i18n: a } = A(), m = `list-${o()}`, d = `list-${o()}`, u = `list-${o()}`, c = y(() => l.unscheduledRepaymentAccounts?.[0], [l.unscheduledRepaymentAccounts]);
+  return c ? /* @__PURE__ */ e(
+    f,
     {
       className: i,
-      onDetailsClose: A,
+      onDetailsClose: v,
       headerTitleKey: "capital.overview.repayment.title",
       headerSubtitleKey: "capital.overview.repayment.subtitle",
       children: [
         /* @__PURE__ */ e("div", { className: s.repaymentAccount, children: [
-          /* @__PURE__ */ e(t, { id: d, el: n.SPAN, variant: r.BODY, stronger: !0, children: a.get("capital.overview.repayment.accountDetails.title") }),
-          /* @__PURE__ */ e(N, { bankAccount: o, "aria-labelledby": d })
+          /* @__PURE__ */ e(t, { id: m, el: n.SPAN, variant: r.BODY, stronger: !0, children: a.get("capital.overview.repayment.accountDetails.title") }),
+          /* @__PURE__ */ e(h, { bankAccount: c, "aria-labelledby": m })
         ] }),
         /* @__PURE__ */ e("div", { className: s.notice, children: [
-          !!((v = c.transferInstruments) != null && v.length) && /* @__PURE__ */ e(g, { children: [
+          !!l.transferInstruments?.length && /* @__PURE__ */ e(I, { children: [
             /* @__PURE__ */ e("div", { children: [
-              /* @__PURE__ */ e(t, { id: p, el: n.SPAN, variant: r.CAPTION, stronger: !0, children: a.get("capital.overview.repayment.transferInstruments") }),
-              /* @__PURE__ */ e("ul", { className: s.transferInstrumentList, "aria-labelledby": p, children: (y = c.transferInstruments) == null ? void 0 : y.map(({ accountIdentifier: l }) => /* @__PURE__ */ e("li", { className: s.transferInstrumentItem, children: /* @__PURE__ */ e(t, { el: n.SPAN, variant: r.CAPTION, children: l }) }, l)) })
+              /* @__PURE__ */ e(t, { id: u, el: n.SPAN, variant: r.CAPTION, stronger: !0, children: a.get("capital.overview.repayment.transferInstruments") }),
+              /* @__PURE__ */ e("ul", { className: s.transferInstrumentList, "aria-labelledby": u, children: l.transferInstruments?.map(({ accountIdentifier: p }) => /* @__PURE__ */ e("li", { className: s.transferInstrumentItem, children: /* @__PURE__ */ e(t, { el: n.SPAN, variant: r.CAPTION, children: p }) }, p)) })
             ] }),
-            /* @__PURE__ */ e(P, {})
+            /* @__PURE__ */ e(N, {})
           ] }),
           /* @__PURE__ */ e("div", { children: [
-            /* @__PURE__ */ e(t, { id: u, el: n.SPAN, variant: r.CAPTION, stronger: !0, children: a.get("capital.overview.repayment.instructions.title") }),
-            /* @__PURE__ */ e("ol", { className: s.instructionList, "aria-labelledby": u, children: [
+            /* @__PURE__ */ e(t, { id: d, el: n.SPAN, variant: r.CAPTION, stronger: !0, children: a.get("capital.overview.repayment.instructions.title") }),
+            /* @__PURE__ */ e("ol", { className: s.instructionList, "aria-labelledby": d, children: [
               /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(t, { el: n.SPAN, variant: r.CAPTION, children: /* @__PURE__ */ e(
-                S,
+                P,
                 {
                   translationKey: "capital.overview.repayment.instructions.addingBeneficiary",
                   fills: {
-                    beneficiaryName: /* @__PURE__ */ e(t, { el: n.SPAN, variant: r.CAPTION, stronger: !0, children: o.beneficiaryName })
+                    beneficiaryName: /* @__PURE__ */ e(t, { el: n.SPAN, variant: r.CAPTION, stronger: !0, children: c.beneficiaryName })
                   }
                 }
               ) }) }),
@@ -66,5 +62,5 @@ const i = "adyen-pe-grant-repayment-details", s = {
   ) : null;
 };
 export {
-  x as GrantRepaymentDetails
+  k as GrantRepaymentDetails
 };

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

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

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

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

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

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

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