@adyen/adyen-platform-experience-web 1.7.0 → 1.8.0

package/dist/es/components/internal/Tabs/Tabs.js

@@ -1,41 +1,46 @@
-import { jsx as n } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { TypographyVariant as b, TypographyElement as y } from "../Typography/types.js";
-import $ from "../../../core/Context/useCoreContext.js";
-import { useTabbedControl as h } from "../../../hooks/useTabbedControl.js";
-import u from "../Typography/Typography.js";
+import { jsx as i } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { TypographyVariant as y, TypographyElement as $ } from "../Typography/types.js";
+import h from "../../../core/Context/useCoreContext.js";
+import { useTabbedControl as u } from "../../../hooks/useTabbedControl.js";
+import f from "../Typography/Typography.js";
 /* empty css          */
-function T({ activeTab: d, tabs: t, onChange: s }) {
-  const { activeIndex: r, onClick: p, onKeyDown: c, refs: m, uniqueId: a } = h({ onChange: s, options: t, activeOption: d }), { i18n: l } = $();
-  return /* @__PURE__ */ n("section", { "aria-label": l.get("tabs"), children: [
-    /* @__PURE__ */ n("div", { className: "adyen-pe-tabs", role: "tablist", "aria-orientation": "horizontal", children: t.map((e, i) => {
-      const o = r === i;
-      return /* @__PURE__ */ n(
+function x({
+  ["aria-label"]: t,
+  activeTab: d,
+  tabs: r,
+  onChange: s
+}) {
+  const { activeIndex: o, onClick: p, onKeyDown: c, refs: m, uniqueId: a } = u({ onChange: s, options: r, activeOption: d }), { i18n: b } = h();
+  return /* @__PURE__ */ i("div", { children: [
+    /* @__PURE__ */ i("div", { className: "adyen-pe-tabs", role: "tablist", "aria-orientation": "horizontal", "aria-label": t, children: r.map((e, n) => {
+      const l = o === n;
+      return /* @__PURE__ */ i(
         "button",
         {
           role: "tab",
           name: e.id,
-          ref: m[i],
+          ref: m[n],
           id: `tab:${a}-${e.id}`,
           className: "adyen-pe-tabs__tab",
           "aria-controls": `panel:${a}-${e.id}`,
-          "aria-selected": o,
-          onClick: o ? void 0 : p,
+          "aria-selected": l,
+          onClick: l ? void 0 : p,
           onKeyDown: c,
           disabled: e.disabled,
-          tabIndex: o ? 0 : -1,
-          children: /* @__PURE__ */ n(u, { el: y.SPAN, variant: b.BODY, className: "adyen-pe-tabs__tab-label", stronger: !0, children: l.get(e.label) })
+          tabIndex: l ? 0 : -1,
+          children: /* @__PURE__ */ i(f, { el: $.SPAN, variant: y.BODY, className: "adyen-pe-tabs__tab-label", stronger: !0, children: b.get(e.label) })
         },
         `tab:${a}-${e.id}`
       );
     }) }),
-    /* @__PURE__ */ n("div", { className: "adyen-pe-tabpanels", children: t.map((e, i) => /* @__PURE__ */ n(
-      "section",
+    /* @__PURE__ */ i("div", { className: "adyen-pe-tabpanels", children: r.map((e, n) => /* @__PURE__ */ i(
+      "div",
       {
         role: "tabpanel",
         id: `panel:${a}-${e.id}`,
         className: "adyen-pe-tabpanels__panel",
         "aria-labelledby": `tab:${a}-${e.id}`,
-        hidden: r !== i,
+        hidden: o !== n,
         children: e.content
       },
       `panel:${a}-${e.id}`
@@ -43,5 +48,5 @@ function T({ activeTab: d, tabs: t, onChange: s }) {
   ] });
 }
 export {
-  T as default
+  x as default
 };

package/dist/es/components/internal/Tooltip/Tooltip.js

@@ -1,41 +1,47 @@
-import { jsx as r } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import _ from "../Popover/Popover.js";
-import { PopoverContainerVariant as T } from "../Popover/types.js";
+import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import T from "../Popover/Popover.js";
+import { PopoverContainerVariant as P } from "../Popover/types.js";
 import { useTooltipListeners as b } from "./useTooltipListeners.js";
-import { TypographyVariant as v } from "../Typography/types.js";
-import P from "../Typography/Typography.js";
+import { TypographyVariant as I, TypographyElement as N } from "../Typography/types.js";
+import v from "../Typography/Typography.js";
 import x from "../../../hooks/element/useUniqueIdentifier.js";
-import n from "classnames";
-import { cloneElement as I, Fragment as g } from "../../../external/preact/dist/preact.module.js";
+import E from "classnames";
+import { cloneElement as V, Fragment as O } from "../../../external/preact/dist/preact.module.js";
+import { useState as S, useMemo as c } from "../../../external/preact/hooks/dist/hooks.module.js";
 /* empty css             */
-const N = (o) => typeof o == "string", F = ({ content: o, children: t, triggerRef: u, showTooltip: p, position: y, isContainerHovered: a = !1 }) => {
-  var m, i, f;
-  const e = x(), { isVisible: s, listeners: l } = b();
-  return /* @__PURE__ */ r(g, { children: [
-    t ? I(t, {
-      ...t == null ? void 0 : t.props,
+const C = (o) => typeof o == "string", U = ({ content: o, children: t, showTooltip: n, position: f, isContainerHovered: s = !1 }) => {
+  var m;
+  const [r, l] = S(null), { isVisible: u, listeners: g } = b(), a = x(), p = u || !!n, y = c(
+    () => {
+      var i;
+      return E((i = t == null ? void 0 : t.props) == null ? void 0 : i.className, "adyen-pe-tooltip-target", { "adyen-pe-tooltip-target--hovered": s });
+    },
+    [(m = t == null ? void 0 : t.props) == null ? void 0 : m.className, s]
+  );
+  return /* @__PURE__ */ e(O, { children: [
+    t ? V(t, {
+      ...t.props,
+      ...g,
+      ...p && (r != null && r.id) ? { "aria-describedby": r.id } : {},
+      className: y,
+      ref: a,
       role: "button",
-      tabIndex: -1,
-      ref: e,
-      className: (m = t == null ? void 0 : t.props) != null && m.className ? n(`${(i = t == null ? void 0 : t.props) == null ? void 0 : i.className} adyen-pe__tooltip-target`, {
-        " adyen-pe__tooltip-target--hovered": a
-      }) : n("adyen-pe__tooltip-target", { "adyen-pe__tooltip-target--hovered": a }),
-      ...l,
-      "aria-describedby": `tooltip-${(f = e.current) == null ? void 0 : f.id}`
+      tabIndex: 0
     }) : null,
-    (s || p) && /* @__PURE__ */ r(
-      _,
+    p && /* @__PURE__ */ e(
+      T,
       {
+        position: f,
+        variant: P.TOOLTIP,
+        targetElement: a,
+        setPopoverElement: l,
         fitPosition: !0,
-        variant: T.TOOLTIP,
-        targetElement: u ?? e,
-        position: y,
-        open: s || p,
-        children: /* @__PURE__ */ r(g, { children: o && N(o) ? /* @__PURE__ */ r(P, { variant: v.CAPTION, children: o }) : { content: o } })
+        open: !0,
+        children: o && C(o) ? /* @__PURE__ */ e(v, { el: N.DIV, variant: I.CAPTION, children: o }) : o
       }
     )
   ] });
 };
 export {
-  F as Tooltip
+  U as Tooltip
 };

package/dist/es/components/internal/Tooltip/useTooltipListeners.js

@@ -1,28 +1,32 @@
-import { useCallback as s } from "../../../external/preact/hooks/dist/hooks.module.js";
-import { InteractionKeyCode as c } from "../../types.js";
-import a from "../../../hooks/useBooleanState.js";
-const m = () => {
-  const [n, o] = a(), t = s(() => o(!0), [o]), e = s(() => o(!1), [o]), i = s(
-    (r) => {
-      switch (r.code) {
-        case c.ESCAPE:
-          e();
-          break;
-      }
+import { useRef as i, useCallback as r, useEffect as l } from "../../../external/preact/hooks/dist/hooks.module.js";
+import { InteractionKeyCode as f } from "../../types.js";
+import p from "../../../hooks/useBooleanState.js";
+const E = () => {
+  const [u, t] = p(), e = i(), c = i(() => {
+    e.current && clearTimeout(e.current), e.current = void 0;
+  }).current, n = r(() => {
+    e.current ?? (e.current = setTimeout(() => {
+      e.current = setTimeout(o, 15e3), t(!0);
+    }, 500));
+  }, [t]), o = r(() => {
+    c(), t(!1);
+  }, [t]), a = r(
+    (s) => {
+      s.code === f.ESCAPE && (s.preventDefault(), s.stopPropagation(), o());
     },
-    [e]
+    [o]
   );
-  return {
+  return l(() => o, [o]), {
     listeners: {
-      onfocusoutCapture: e,
-      onMouseLeave: e,
-      onKeyDown: i,
-      onFocus: t,
-      onMouseEnter: t
+      onfocusin: n,
+      onfocusout: o,
+      onMouseEnter: n,
+      onMouseLeave: o,
+      onKeyDown: a
     },
-    isVisible: n
+    isVisible: u
   };
 };
 export {
-  m as useTooltipListeners
+  E as useTooltipListeners
 };

package/dist/es/components/internal/Typography/Typography.js

@@ -1,12 +1,12 @@
-import { jsx as Y } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as f } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { DEFAULT_TYPOGRAPHY_CLASSNAME as o } from "./constants.js";
-import f from "classnames";
-import { useMemo as R } from "../../../external/preact/hooks/dist/hooks.module.js";
+import R from "classnames";
+import { useMemo as y } from "../../../external/preact/hooks/dist/hooks.module.js";
 import { TypographyVariant as T, TypographyModifier as E } from "./types.js";
-import { memo as y } from "../../../external/preact/compat/dist/compat.module.js";
+import { memo as C } from "../../../external/preact/compat/dist/compat.module.js";
 /* empty css                */
-function C({ el: B, className: D, stronger: I, strongest: L, variant: $, medium: O, large: p, testId: N, wide: m, children: A }) {
-  const S = B || "p", s = R(
+function P({ el: B, id: D, className: N, stronger: I, strongest: L, variant: $, medium: O, large: p, testId: A, wide: m, children: S }) {
+  const s = B || "p", Y = y(
     () => ({
       // Caption
       [`${o}--${T.CAPTION}`]: $ === T.CAPTION,
@@ -27,9 +27,9 @@ function C({ el: B, className: D, stronger: I, strongest: L, variant: $, medium:
     }),
     [$, m, I, O, p, L]
   );
-  return /* @__PURE__ */ Y(S, { className: f([`${o}`, s, D]), "data-testid": N, children: A });
+  return /* @__PURE__ */ f(s, { id: D, className: R([`${o}`, Y, N]), "data-testid": A, children: S });
 }
-const x = y(C);
+const l = C(P);
 export {
-  x as default
+  l as default
 };

package/dist/es/components/utils/capital/getCapitalErrorMessage.js

@@ -1,65 +1,65 @@
-import { jsx as r } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { getCommonErrorMessage as l } from "../getCommonErrorCode.js";
+import { jsx as s } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { getCommonErrorMessage as c } from "../getCommonErrorCode.js";
 import n from "../../internal/CopyText/CopyText.js";
-const t = {
-  contactSupportForHelp: "contactSupportForHelp",
-  couldNotLoadOffers: "capital.weCouldNotLoadFinancialOffers",
-  tryRefreshingThePage: "tryRefreshingThePageOrComeBackLater",
-  somethingWentWrong: "somethingWentWrong"
+const o = {
+  contactSupportForHelp: "common.errors.contactSupport",
+  couldNotLoadOffers: "capital.offer.common.errors.unavailable",
+  tryRefreshingThePage: "common.errors.retry",
+  somethingWentWrong: "common.errors.somethingWentWrong"
 }, a = {
-  title: t.somethingWentWrong,
-  message: [t.couldNotLoadOffers, t.tryRefreshingThePage],
+  title: o.somethingWentWrong,
+  message: [o.couldNotLoadOffers, o.tryRefreshingThePage],
   refreshComponent: !0
-}, d = (e, o) => {
+}, g = (e, r) => {
   if (!e) return a;
-  const i = l(e, o);
-  if (i) return i;
-  const s = o ? "theErrorCodeIs" : "contactSupportForHelpAndShareErrorCode";
+  const m = c(e, r);
+  if (m) return m;
+  const t = r ? "common.errors.errorCode" : "common.errors.errorCodeSupport";
   switch (e.errorCode) {
     case void 0:
-      return { ...a, ...o ? { onContactSupport: o } : {} };
+      return { ...a, ...r ? { onContactSupport: r } : {} };
     case "30_016":
       return {
-        title: t.somethingWentWrong,
-        message: [t.couldNotLoadOffers, s],
+        title: o.somethingWentWrong,
+        message: [o.couldNotLoadOffers, t],
         translationValues: {
-          [s]: e.requestId ? /* @__PURE__ */ r(n, { textToCopy: e.requestId }) : null
+          [t]: e.requestId ? /* @__PURE__ */ s(n, { copyButtonAriaLabelKey: "common.actions.copy.labels.errorCode", textToCopy: e.requestId }) : null
         },
-        onContactSupport: o
+        onContactSupport: r
       };
     case "30_011":
       return {
-        title: "capital.accountIsInactive",
-        message: [t.couldNotLoadOffers, s],
+        title: "capital.offer.common.errors.accountInactive",
+        message: [o.couldNotLoadOffers, t],
         translationValues: {
-          [s]: e.requestId ? /* @__PURE__ */ r(n, { textToCopy: e.requestId }) : null
+          [t]: e.requestId ? /* @__PURE__ */ s(n, { copyButtonAriaLabelKey: "common.actions.copy.labels.errorCode", textToCopy: e.requestId }) : null
         },
-        onContactSupport: o
+        onContactSupport: r
       };
     case "30_600":
       return {
-        title: t.somethingWentWrong,
-        message: ["capital.weCouldNotContinueWithTheOffer", s],
+        title: o.somethingWentWrong,
+        message: ["capital.offer.common.errors.cannotContinue", t],
         translationValues: {
-          [s]: e.requestId ? /* @__PURE__ */ r(n, { textToCopy: e.requestId }) : null
+          [t]: e.requestId ? /* @__PURE__ */ s(n, { copyButtonAriaLabelKey: "common.actions.copy.labels.errorCode", textToCopy: e.requestId }) : null
         },
-        onContactSupport: o
+        onContactSupport: r
       };
     case "EMPTY_CONFIG":
       return {
-        title: t.somethingWentWrong,
-        message: ["capital.weCouldNotContinueWithTheOffer", t.contactSupportForHelp]
+        title: o.somethingWentWrong,
+        message: ["capital.offer.common.errors.cannotContinue", o.contactSupportForHelp]
       };
     case "UNSUPPORTED_REGION":
       return {
-        title: "capital.unsupportedRegionTitle",
-        message: "capital.unsupportedRegionDescription"
+        title: "capital.common.errors.unsupportedRegion.title",
+        message: "capital.common.errors.unsupportedRegion"
       };
     default:
       return { ...a, refreshComponent: !0 };
   }
 };
 export {
-  t as COMMON_CAPITAL_ERROR_MESSAGE,
-  d as getCapitalErrorMessage
+  o as COMMON_CAPITAL_ERROR_MESSAGE,
+  g as getCapitalErrorMessage
 };

package/dist/es/components/utils/disputes/constants.js

@@ -1,4 +1,4 @@
-const s = 10, t = {
+const s = 10, e = {
   mc: "Mastercard",
   visa: "Visa",
   ach: "ACH Direct Debit",
@@ -9,37 +9,37 @@ const s = 10, t = {
   pulse: "PULSE",
   sepadirectdebit: "SEPA Direct Debit",
   others: "Others"
-}, e = {
-  FRAUD: "disputes.reasonCategory.fraud",
-  CONSUMER_DISPUTE: "disputes.reasonCategory.consumerDispute",
-  PROCESSING_ERROR: "disputes.reasonCategory.processingError",
-  REQUEST_FOR_INFORMATION: "disputes.reasonCategory.requestForInformation",
-  AUTHORISATION_ERROR: "disputes.reasonCategory.authorisationError",
-  ADJUSTMENT: "disputes.reasonCategory.adjustment",
-  OTHER: "disputes.reasonCategory.other"
-}, r = {
-  CHARGEBACKS: "disputes.statusGroup.chargebacks",
-  FRAUD_ALERTS: "disputes.statusGroup.fraudAlerts",
-  ONGOING_AND_CLOSED: "disputes.statusGroup.ongoingAndClosed"
-}, E = {
-  ACCEPTED: "disputes.status.accepted",
-  EXPIRED: "disputes.status.expired",
-  LOST: "disputes.status.lost",
-  PENDING: "disputes.status.pending",
-  RESPONDED: "disputes.status.responded",
-  UNDEFENDED: "disputes.status.undefended",
-  UNRESPONDED: "disputes.status.unresponded",
-  WON: "disputes.status.won"
 }, o = {
-  CHARGEBACK: "disputes.type.chargeback",
-  NOTIFICATION_OF_FRAUD: "disputes.type.notificationOfFraud",
-  REQUEST_FOR_INFORMATION: "disputes.type.requestForInformation"
+  FRAUD: "disputes.common.reasonCategories.fraud",
+  CONSUMER_DISPUTE: "disputes.common.reasonCategories.consumerDispute",
+  PROCESSING_ERROR: "disputes.common.reasonCategories.processingError",
+  REQUEST_FOR_INFORMATION: "disputes.common.reasonCategories.requestForInformation",
+  AUTHORISATION_ERROR: "disputes.common.reasonCategories.authorisationError",
+  ADJUSTMENT: "disputes.common.reasonCategories.adjustment",
+  OTHER: "disputes.common.reasonCategories.other"
+}, t = {
+  CHARGEBACKS: "disputes.overview.common.statusGroups.chargebacks",
+  FRAUD_ALERTS: "disputes.overview.common.statusGroups.fraudAlerts",
+  ONGOING_AND_CLOSED: "disputes.overview.common.statusGroups.ongoingAndClosed"
+}, n = {
+  ACCEPTED: "disputes.common.statuses.accepted",
+  EXPIRED: "disputes.common.statuses.expired",
+  LOST: "disputes.common.statuses.lost",
+  PENDING: "disputes.common.statuses.pending",
+  RESPONDED: "disputes.common.statuses.responded",
+  UNDEFENDED: "disputes.common.statuses.undefended",
+  UNRESPONDED: "disputes.common.statuses.unresponded",
+  WON: "disputes.common.statuses.won"
+}, i = {
+  CHARGEBACK: "disputes.management.details.types.chargeback",
+  NOTIFICATION_OF_FRAUD: "disputes.management.details.types.notificationOfFraud",
+  REQUEST_FOR_INFORMATION: "disputes.management.details.types.requestForInformation"
 };
 export {
   s as DISPUTE_ACTION_NEEDED_URGENTLY_THRESHOLD_DAYS,
-  t as DISPUTE_PAYMENT_SCHEMES,
-  e as DISPUTE_REASON_CATEGORIES,
-  E as DISPUTE_STATUSES,
-  r as DISPUTE_STATUS_GROUPS,
-  o as DISPUTE_TYPES
+  e as DISPUTE_PAYMENT_SCHEMES,
+  o as DISPUTE_REASON_CATEGORIES,
+  n as DISPUTE_STATUSES,
+  t as DISPUTE_STATUS_GROUPS,
+  i as DISPUTE_TYPES
 };

package/dist/es/components/utils/disputes/getDisputesErrorMessage.js

@@ -1,36 +1,36 @@
 import { jsx as n } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { UNDEFINED_ERROR as o } from "../getCommonErrorCode.js";
-import a from "../../internal/CopyText/CopyText.js";
-const m = (e, r, t) => {
-  if (!e) return o;
+import { UNDEFINED_ERROR as t } from "../getCommonErrorCode.js";
+import m from "../../internal/CopyText/CopyText.js";
+const u = (e, o, r) => {
+  if (!e) return t;
   switch (e.errorCode) {
     case void 0:
       return {
-        title: "somethingWentWrong",
-        message: [r, "tryRefreshingThePageOrComeBackLater"],
+        title: "common.errors.somethingWentWrong",
+        message: [o, "common.errors.retry"],
         refreshComponent: !0
       };
     case "00_500": {
-      const s = t ? "theErrorCodeIs" : "contactSupportForHelpAndShareErrorCode";
+      const s = r ? "common.errors.errorCode" : "common.errors.errorCodeSupport";
       return {
-        title: "somethingWentWrong",
-        message: [r, s],
+        title: "common.errors.somethingWentWrong",
+        message: [o, s],
         translationValues: {
-          [s]: e.requestId ? /* @__PURE__ */ n(a, { textToCopy: e.requestId }) : null
+          [s]: e.requestId ? /* @__PURE__ */ n(m, { copyButtonAriaLabelKey: "common.actions.copy.labels.errorCode", textToCopy: e.requestId }) : null
         },
-        onContactSupport: t
+        onContactSupport: r
       };
     }
     case "30_112":
       return {
-        title: "disputes.error.entityWasNotFound",
-        message: ["disputes.error.entityWasNotFoundDetail"],
-        onContactSupport: t
+        title: "common.errors.notFound",
+        message: ["disputes.management.common.errors.notFound"],
+        onContactSupport: r
       };
     default:
-      return o;
+      return t;
   }
 };
 export {
-  m as getDisputesErrorMessage
+  u as getDisputesErrorMessage
 };

package/dist/es/components/utils/getCommonErrorCode.js

@@ -1,25 +1,28 @@
-const r = { title: "thereWasAnUnexpectedError", message: ["contactSupportForHelp"] }, s = (e, t) => {
+const o = {
+  title: "common.errors.unexpected",
+  message: ["common.errors.contactSupport"]
+}, t = (e, r) => {
   if (!e) return null;
   switch (e.errorCode) {
     case "29_001":
       return {
-        title: "theRequestIsMissingRequiredFieldsOrContainsInvalidData",
-        message: ["contactSupportForHelp"],
-        onContactSupport: t
+        title: "common.errors.requestInvalid",
+        message: ["common.errors.contactSupport"],
+        onContactSupport: r
       };
     case "30_112":
       return {
-        title: "entityWasNotFound",
-        message: ["entityWasNotFoundDetail"],
-        onContactSupport: t
+        title: "common.errors.notFound",
+        message: ["transactions.details.errors.notFound"],
+        onContactSupport: r
       };
     case "00_403":
-      return r;
+      return o;
     default:
       return null;
   }
 };
 export {
-  r as UNDEFINED_ERROR,
-  s as getCommonErrorMessage
+  o as UNDEFINED_ERROR,
+  t as getCommonErrorMessage
 };

package/dist/es/components/utils/getErrorMessage.js

@@ -1,32 +1,32 @@
-import { jsx as m } from "../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { UNDEFINED_ERROR as n, getCommonErrorMessage as a } from "./getCommonErrorCode.js";
-import i from "../internal/CopyText/CopyText.js";
-const d = (e, t, r) => {
-  if (!e) return n;
-  const o = a(e, r);
-  if (o) return o;
-  switch (e.errorCode) {
+import { jsx as n } from "../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { UNDEFINED_ERROR as m, getCommonErrorMessage as c } from "./getCommonErrorCode.js";
+import a from "../internal/CopyText/CopyText.js";
+const l = (r, o, e) => {
+  if (!r) return m;
+  const t = c(r, e);
+  if (t) return t;
+  switch (r.errorCode) {
     case void 0:
       return {
-        title: "somethingWentWrong",
-        message: [t, "tryRefreshingThePageOrComeBackLater"],
+        title: "common.errors.somethingWentWrong",
+        message: [o, "common.errors.retry"],
         refreshComponent: !0
       };
     case "00_500": {
-      const s = r ? "theErrorCodeIs" : "contactSupportForHelpAndShareErrorCode";
+      const s = e ? "common.errors.errorCode" : "common.errors.errorCodeSupport";
       return {
-        title: "somethingWentWrong",
-        message: [t, s],
+        title: "common.errors.somethingWentWrong",
+        message: [o, s],
         translationValues: {
-          [s]: e.requestId ? /* @__PURE__ */ m(i, { textToCopy: e.requestId }) : null
+          [s]: r.requestId ? /* @__PURE__ */ n(a, { copyButtonAriaLabelKey: "common.actions.copy.labels.errorCode", textToCopy: r.requestId }) : null
         },
-        onContactSupport: r
+        onContactSupport: e
       };
     }
     default:
-      return n;
+      return m;
   }
 };
 export {
-  d as getErrorMessage
+  l as getErrorMessage
 };

package/dist/es/components/utils/translation/factory.js

@@ -0,0 +1,13 @@
+import { EMPTY_OBJECT as d } from "../../../utils/value/constants.js";
+const y = (i) => {
+  const { prefix: o = "", suffix: f = "" } = i ?? d;
+  return (r) => r == null ? void 0 : `${o}${r}${f}`;
+}, m = (i, o) => (f, r, c) => {
+  let e;
+  const t = i(r);
+  return t != null && (e = f.get(t, c), e = e === t ? void 0 : e), e ?? (o == null ? void 0 : o(t, r, c));
+};
+export {
+  m as createDynamicTranslationFactory,
+  y as createKeyFactoryFromConfig
+};

package/dist/es/components/utils/translation/getters.js

@@ -0,0 +1,17 @@
+import { createDynamicTranslationFactory as o, createKeyFactoryFromConfig as e } from "./factory.js";
+import { DISPUTE_REASON_CATEGORIES as a, DISPUTE_TYPES as r, DISPUTE_STATUSES as c } from "../disputes/constants.js";
+import { REFUND_REASONS_KEYS as p } from "../../external/TransactionDetails/context/constants.js";
+const s = (t, n) => n, i = e({ prefix: "payouts.details.breakdown.adjustments.types." }), l = o(i, s), y = e({ prefix: "payouts.details.breakdown.fundsCaptured.types." }), _ = o(y, s), u = e({ prefix: "reports.common.types." }), A = o(u, s), d = e({ prefix: "transactions.common.types." }), P = o(d, s), m = e({ prefix: "transactions.common.types.", suffix: ".description" }), U = o(m);
+e({ prefix: "transactions.common.statuses." });
+const f = e({ prefix: "transactions.details.common.refundReasons." }), T = (t) => t && (p[t] ?? f(t)), I = o(T, s), g = e({ prefix: "disputes.common.reasonCategories." }), x = (t) => t && (a[t] ?? g(t)), b = o(x, s), F = e({ prefix: "disputes.common.statuses." }), K = (t) => t && (c[t] ?? F(t)), j = o(K, s), R = e({ prefix: "disputes.management.details.types." }), S = (t) => t && (r[t] ?? R(t)), k = o(S, s);
+export {
+  b as getDisputeReason,
+  j as getDisputeStatus,
+  k as getDisputeType,
+  l as getPayoutAdjustmentType,
+  _ as getPayoutFundsCapturedType,
+  A as getReportType,
+  P as getTransactionCategory,
+  U as getTransactionCategoryDescription,
+  I as getTransactionRefundReason
+};