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

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

@@ -3,47 +3,47 @@ import { useMemo as m, useCallback as d, useState as U } from "../../../../../ex
 import { isCapitalRegionSupported as w } from "../../../../internal/CapitalHeader/helpers.js";
 import { CapitalErrorMessageDisplay as O } from "../../../CapitalOffer/components/utils/CapitalErrorMessageDisplay.js";
 import { CAPITAL_OVERVIEW_CLASS_NAMES as s } from "../../constants.js";
-import { useFetch as F } from "../../../../../hooks/useFetch.js";
+import { useFetch as x } from "../../../../../hooks/useFetch.js";
 /* empty css                     */
 import k from "../Unqualified.js";
 import { PreQualified as _ } from "../PreQualified/PreQualified.js";
 import { GrantList as D } from "../GrantList/GrantList.js";
 import { ErrorMessageDisplay as I } from "../../../../internal/ErrorMessageDisplay/ErrorMessageDisplay.js";
 import { getCapitalErrorMessage as L } from "../../../../utils/capital/getCapitalErrorMessage.js";
-import { useConfigContext as G } from "../../../../../core/ConfigContext/context.js";
-import { EMPTY_OBJECT as x } from "../../../../../utils/value/constants.js";
-import { CapitalHeader as N } from "../../../../internal/CapitalHeader/CapitalHeader.js";
+import { useConfigContext as N } from "../../../../../core/ConfigContext/context.js";
+import { EMPTY_OBJECT as P } from "../../../../../utils/value/constants.js";
+import { CapitalHeader as R } from "../../../../internal/CapitalHeader/CapitalHeader.js";
 const te = ({
   hideTitle: u,
   onContactSupport: g,
   onFundsRequest: c,
   onOfferDismiss: h,
-  onOfferOptionsRequest: P,
-  skipPreQualifiedIntro: R
+  onOfferOptionsRequest: b,
+  skipPreQualifiedIntro: F
 }) => {
-  var v, A, b;
-  const C = (A = (v = G()) == null ? void 0 : v.extraConfig) == null ? void 0 : A.legalEntity, f = m(() => w(C), [C]), { getGrants: n, getDynamicGrantOffersConfiguration: a } = G().endpoints, i = F({
-    fetchOptions: { enabled: !!n && f },
-    queryFn: d(async () => n == null ? void 0 : n(x), [n])
-  }), o = F({
+  var v, A, q;
+  const C = (A = (v = N()) == null ? void 0 : v.extraConfig) == null ? void 0 : A.legalEntity, f = m(() => w(C), [C]), { getGrants: a, getDynamicGrantOffersConfiguration: o } = N().endpoints, n = x({
     fetchOptions: { enabled: !!a && f },
-    queryFn: d(async () => a == null ? void 0 : a(x), [a])
-  }), e = o.data, [p, y] = U(), r = m(
+    queryFn: d(async () => a == null ? void 0 : a(P), [a])
+  }), i = x({
+    fetchOptions: { enabled: !!o && f },
+    queryFn: d(async () => o == null ? void 0 : o(P), [o])
+  }), e = i.data, [p, y] = U(), r = m(
     () => {
-      var l, q;
-      return p ? [p, ...((l = i.data) == null ? void 0 : l.data) || []] : (q = i.data) == null ? void 0 : q.data;
+      var l, G;
+      return p ? [p, ...((l = n.data) == null ? void 0 : l.data) || []] : (G = n.data) == null ? void 0 : G.data;
     },
-    [(b = i.data) == null ? void 0 : b.data, p]
+    [(q = n.data) == null ? void 0 : q.data, p]
   ), M = d(
     (l) => {
       c ? c(l) : y(l);
     },
     [c]
-  ), E = m(() => !!(o.error && i.error || o.error && !(r != null && r.length)), [o.error, r == null ? void 0 : r.length, i.error]), Q = m(() => {
+  ), E = m(() => !!(i.error && n.error || i.error && !(r != null && r.length)), [i.error, r == null ? void 0 : r.length, n.error]), Q = m(() => {
     if (f) {
       if (E)
         return "Error";
-      if (!n && !a || !e && !r || i.isFetching || o.isFetching)
+      if (!a && !o || !e && !r || n.isFetching || i.isFetching)
         return "Loading";
       if (r != null && r.length)
         return "GrantList";
@@ -52,12 +52,12 @@ const te = ({
     } else return "UnsupportedRegion";
     return "Unqualified";
   }, [
-    a,
+    o,
     e,
-    o.isFetching,
-    r,
-    n,
     i.isFetching,
+    r,
+    a,
+    n.isFetching,
     E,
     f
   ]), S = m(() => !!(e && e.minAmount && e.maxAmount), [e]);
@@ -70,7 +70,7 @@ const te = ({
         ] });
       case "Error":
         return /* @__PURE__ */ t("div", { className: s.errorContainer, children: [
-          /* @__PURE__ */ t(N, { hideTitle: u, titleKey: "capital.businessFinancing" }),
+          /* @__PURE__ */ t(R, { hideTitle: u, titleKey: "capital.common.title" }),
           /* @__PURE__ */ t(
             I,
             {
@@ -78,7 +78,7 @@ const te = ({
               outlined: !1,
               withImage: !0,
               onContactSupport: g,
-              ...L(o.error, g)
+              ...L(i.error, g)
             }
           )
         ] });
@@ -100,8 +100,8 @@ const te = ({
           _,
           {
             onOfferDismiss: h,
-            onOfferOptionsRequest: P,
-            skipPreQualifiedIntro: R,
+            onOfferOptionsRequest: b,
+            skipPreQualifiedIntro: F,
             hideTitle: u,
             dynamicOffer: e,
             onFundsRequest: M
@@ -111,7 +111,7 @@ const te = ({
         return /* @__PURE__ */ t(k, { hideTitle: u });
       case "UnsupportedRegion":
         return /* @__PURE__ */ t("div", { className: s.errorContainer, children: [
-          /* @__PURE__ */ t(N, { hideTitle: u, titleKey: "capital.businessFinancing" }),
+          /* @__PURE__ */ t(R, { hideTitle: u, titleKey: "capital.common.title" }),
           /* @__PURE__ */ t(O, { unsupportedRegion: !0 })
         ] });
       default:

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

@@ -1,133 +1,137 @@
 import { jsx as o } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useMemo as h, useState as L, useCallback as R } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import S from "../../../../../core/Context/useCoreContext.js";
-import B from "../../../../../hooks/useTimezoneAwareDateFormatting.js";
-import { GRANT_ACTION_CLASS_NAMES as n } from "./constants.js";
+import { useMemo as C, useState as L, useCallback as S } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import R from "../../../../../core/Context/useCoreContext.js";
+import k from "../../../../../hooks/useTimezoneAwareDateFormatting.js";
+import { GRANT_ACTION_CLASS_NAMES as i } from "./constants.js";
 /* empty css                  */
-import { Alert as T } from "../../../../internal/Alert/Alert.js";
-import { AlertTypeOption as g } from "../../../../internal/Alert/types.js";
-import { setTopWindowHref as M, getTopWindowHref as k } from "./utils.js";
+import { Alert as y } from "../../../../internal/Alert/Alert.js";
+import { AlertTypeOption as v } from "../../../../internal/Alert/types.js";
+import { setTopWindowHref as E, getTopWindowHref as M } from "./utils.js";
 import { ButtonVariant as N } from "../../../../internal/Button/types.js";
-import E from "../../../../../hooks/useMutation/useMutation.js";
-import F from "../../../../internal/Typography/Typography.js";
-import { TypographyVariant as P, TypographyElement as _ } from "../../../../internal/Typography/types.js";
-import { DATE_FORMAT_MISSING_ACTION as w } from "../../../../../constants/dateFormats.js";
-import f from "../../../../internal/Button/Button.js";
-import { useConfigContext as Y } from "../../../../../core/ConfigContext/context.js";
-import { EMPTY_OBJECT as G } from "../../../../../utils/value/constants.js";
-const oe = ({
+import O from "../../../../../hooks/useMutation/useMutation.js";
+import _ from "../../../../internal/Typography/Typography.js";
+import { TypographyVariant as B, TypographyElement as G } from "../../../../internal/Typography/types.js";
+import { DATE_FORMAT_MISSING_ACTION as K } from "../../../../../constants/dateFormats.js";
+import b from "../../../../internal/Button/Button.js";
+import { useConfigContext as W } from "../../../../../core/ConfigContext/context.js";
+import { EMPTY_OBJECT as F } from "../../../../../utils/value/constants.js";
+const ot = ({
   missingActions: a = [],
   offerExpiresAt: c,
-  className: p
+  className: m
 }) => {
-  const { i18n: t, updateCore: I } = S(), { dateFormat: y } = B(), { endpoints: A } = Y(), C = h(
+  const { i18n: e, updateCore: h } = R(), { dateFormat: T } = k(), { endpoints: f } = W(), A = C(
     () => ({
       signToS: {
-        getTitle: (e) => `${t.get("capital.signTermsAndConditionsToReceiveFunds")}${e ? ` ${t.get("capital.thisOfferExpiresOn", { values: { date: e } })}` : ""}`,
-        buttonLabelKey: "capital.goToTermsAndConditions"
+        getTitle: (t) => t ? e.get("capital.overview.grants.item.alerts.signTermsAndConditionsBy", {
+          values: { date: t }
+        }) : e.get("capital.overview.grants.item.alerts.signTermsAndConditions"),
+        buttonLabelKey: "capital.overview.grants.item.actions.viewTermsAndConditions"
       },
       AnaCredit: {
-        getTitle: (e) => e ? t.get("capital.weNeedABitMoreInformationToProcessYourFundsPleaseCompleteThisActionBy", {
-          values: { date: e }
-        }) : t.get("capital.weNeedABitMoreInformationToProcessYourFundsPleaseCompleteThisAction"),
-        buttonLabelKey: "capital.submitInformation"
+        getTitle: (t) => t ? e.get("capital.overview.grants.item.alerts.actionNeededBy", {
+          values: { date: t }
+        }) : e.get("capital.overview.grants.item.alerts.actionNeeded"),
+        buttonLabelKey: "capital.overview.grants.item.actions.submitInformation"
       }
     }),
-    [t]
-  ), [m, s] = L(null), v = R((e) => {
-    e != null && e.url ? M(e.url) : s(null);
-  }, []), l = E({
-    queryFn: (e) => {
-      let r = null;
-      switch (e) {
+    [e]
+  ), [p, l] = L(null), w = S((t) => {
+    t != null && t.url ? E(t.url) : l(null);
+  }, []), s = O({
+    queryFn: (t) => {
+      let n = null;
+      switch (t) {
         case "signToS":
-          r = A.signToSActionDetails;
+          n = f.signToSActionDetails;
           break;
         case "AnaCredit":
-          r = A.anaCreditActionDetails;
+          n = f.anaCreditActionDetails;
           break;
         default:
           break;
       }
-      const i = r, O = {
-        query: { redirectUrl: k(), locale: t.locale }
+      const r = n, I = {
+        query: { redirectUrl: M(), locale: e.locale }
       };
-      return i == null ? void 0 : i(G, O);
+      return r == null ? void 0 : r(F, I);
     },
     options: {
-      onSuccess: v,
+      onSuccess: w,
       // Reset the loading state when the mutation finishes (success or error)
       onError: () => {
-        s(null);
+        l(null);
       }
     }
-  }), u = h(
-    () => c ? y(c, w) : void 0,
-    [y, c]
+  }), u = C(
+    () => c ? T(c, K) : void 0,
+    [T, c]
   );
-  if (l.error)
+  if (s.error)
     return /* @__PURE__ */ o(
-      T,
+      y,
       {
-        className: p,
-        type: g.CRITICAL,
-        title: t.get("somethingWentWrongTryRefreshingOrComeBackLater"),
-        description: /* @__PURE__ */ o(f, { className: n.button, onClick: I, children: t.get("refresh") })
+        className: m,
+        type: v.CRITICAL,
+        title: e.get("capital.overview.grants.item.alerts.somethingWentWrong"),
+        description: /* @__PURE__ */ o(b, { className: i.button, onClick: h, children: e.get("common.actions.refresh.labels.default") })
       }
     );
   if (!a.length)
     return null;
   if (a.length > 1)
     return /* @__PURE__ */ o(
-      T,
+      y,
       {
-        className: p,
-        type: g.WARNING,
-        title: t.get("capital.weNeedABitMoreInformationToProcessYourFundsPleaseCompleteTheseActions"),
-        description: /* @__PURE__ */ o("div", { className: n.actionsInformation, children: [
-          /* @__PURE__ */ o("ol", { className: n.actionsContainer, children: a.map((e) => {
-            const r = C[e.type], i = m === e.type;
+        className: m,
+        type: v.WARNING,
+        title: e.get("capital.overview.grants.item.alerts.actionNeededMany"),
+        description: /* @__PURE__ */ o("div", { className: i.actionsInformation, children: [
+          /* @__PURE__ */ o("ol", { className: i.actionsContainer, children: a.map((t) => {
+            const n = A[t.type], r = p === t.type;
             return /* @__PURE__ */ o("li", { children: /* @__PURE__ */ o(
-              f,
+              b,
               {
-                className: n.button,
+                className: i.button,
                 onClick: () => {
-                  s(e.type), l.mutate(e.type);
+                  l(t.type), s.mutate(t.type);
                 },
-                disabled: i || l.isLoading,
-                state: i ? "loading" : void 0,
+                disabled: r || s.isLoading,
+                state: r ? "loading" : void 0,
                 variant: N.TERTIARY,
-                children: /* @__PURE__ */ o("span", { className: n.buttonLabel, children: t.get(r.buttonLabelKey) })
+                "aria-label": e.get(n.buttonLabelKey),
+                children: /* @__PURE__ */ o("span", { className: i.buttonLabel, children: e.get(n.buttonLabelKey) })
               }
-            ) }, e.type);
+            ) }, t.type);
           }) }),
-          u ? /* @__PURE__ */ o(F, { el: _.SPAN, variant: P.BODY, strongest: !0, children: t.get("capital.thisOfferExpiresOn", { values: { date: u } }) }) : null
+          u ? /* @__PURE__ */ o(_, { el: G.SPAN, variant: B.BODY, strongest: !0, children: e.get("capital.overview.grants.item.alerts.offerExpiration", { values: { date: u } }) }) : null
         ] })
       }
     );
-  const d = a[0], b = C[d.type];
+  const d = a[0], g = A[d.type];
   return /* @__PURE__ */ o(
-    T,
+    y,
     {
-      className: p,
-      type: g.WARNING,
-      title: b.getTitle(u),
+      className: m,
+      type: v.WARNING,
+      title: g.getTitle(u),
       description: /* @__PURE__ */ o(
-        f,
+        b,
         {
-          className: n.button,
+          className: i.button,
           onClick: () => {
-            s(d.type), l.mutate(d.type);
+            l(d.type), s.mutate(d.type);
           },
-          disabled: !!m,
-          state: m ? "loading" : void 0,
+          disabled: !!p,
+          state: p ? "loading" : void 0,
           variant: N.TERTIARY,
-          children: /* @__PURE__ */ o("span", { className: n.buttonLabel, children: t.get(b.buttonLabelKey) })
+          "aria-label": e.get(g.buttonLabelKey),
+          children: /* @__PURE__ */ o("span", { className: i.buttonLabel, children: e.get(g.buttonLabelKey) })
         }
       )
     }
   );
 };
 export {
-  oe as GrantActions
+  ot as GrantActions
 };

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

@@ -1,28 +1,28 @@
 import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import a from "classnames";
+import n from "classnames";
 /* empty css                            */
-import s from "../../../../internal/Button/Button.js";
+import a from "../../../../internal/Button/Button.js";
 import { ButtonVariant as c } from "../../../../internal/Button/types.js";
 import l from "../../../../../core/Context/useCoreContext.js";
 import { Icon as d } from "../../../../internal/Icon/Icon.js";
 import { Header as p } from "../../../../internal/Header/Header.js";
-const b = ({
+const C = ({
   children: r,
-  className: e,
-  headerTitleKey: o,
-  headerSubtitleKey: i,
-  onDetailsClose: n
+  className: o,
+  headerTitleKey: i,
+  headerSubtitleKey: e,
+  onDetailsClose: s
 }) => {
   const { i18n: m } = l();
-  return /* @__PURE__ */ t("div", { className: a("adyen-pe-grant-adjustment-details", e), children: [
-    /* @__PURE__ */ t(p, { titleKey: o, subtitleKey: i, children: /* @__PURE__ */ t(
-      s,
+  return /* @__PURE__ */ t("div", { className: n("adyen-pe-grant-adjustment-details", o), children: [
+    /* @__PURE__ */ t(p, { titleKey: i, subtitleKey: e, children: /* @__PURE__ */ t(
+      a,
       {
-        onClick: n,
+        onClick: s,
         variant: c.TERTIARY,
         iconButton: !0,
         classNameModifiers: ["circle"],
-        "aria-label": m.get("dismiss"),
+        "aria-label": m.get("common.actions.dismiss.labels.dismiss"),
         children: /* @__PURE__ */ t(d, { name: "cross" })
       }
     ) }),
@@ -30,5 +30,5 @@ const b = ({
   ] });
 };
 export {
-  b as GrantAdjustmentDetails
+  C as GrantAdjustmentDetails
 };

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

@@ -1,83 +1,89 @@
 import { jsx as a } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useCallback as s, useMemo as p } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import y from "../../../../../core/Context/useCoreContext.js";
-import r from "../../../../internal/Typography/Typography.js";
-import { TypographyVariant as o, TypographyElement as m } from "../../../../internal/Typography/types.js";
-import { GRANT_DETAILS_CLASS_NAMES as l } from "./constants.js";
+import { useCallback as u, useMemo as p } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import d from "../../../../../core/Context/useCoreContext.js";
+import i from "../../../../internal/Typography/Typography.js";
+import { TypographyVariant as n, TypographyElement as l } from "../../../../internal/Typography/types.js";
+import { GRANT_DETAILS_CLASS_NAMES as r } from "./constants.js";
 /* empty css                  */
-import { getPercentage as d } from "../../../CapitalOffer/components/utils/utils.js";
-import { Tooltip as A } from "../../../../internal/Tooltip/Tooltip.js";
+import { getPercentage as y } from "../../../CapitalOffer/components/utils/utils.js";
+import { Tooltip as f } from "../../../../internal/Tooltip/Tooltip.js";
 import { CAPITAL_REPAYMENT_FREQUENCY as v } from "../../../../constants.js";
+import { Translation as A } from "../../../../internal/Translation/Translation.js";
 import h from "../../../../internal/StructuredList/StructuredList.js";
-const F = ({ grant: e }) => {
-  const { i18n: t } = y(), n = s((i) => t.amount(i.value, i.currency), [t]), u = p(() => {
-    const i = e.maximumRepaymentPeriodDays ? Math.ceil(e.maximumRepaymentPeriodDays / 30) : null, c = [
+const E = ({ grant: e }) => {
+  const { i18n: o } = d(), m = u((t) => o.amount(t.value, t.currency), [o]), s = p(() => {
+    const t = e.maximumRepaymentPeriodDays ? Math.ceil(e.maximumRepaymentPeriodDays / 30) : null, c = [
       {
-        key: "capital.remainingAmount",
-        value: t.amount(e.remainingGrantAmount.value, e.remainingGrantAmount.currency)
+        key: "capital.common.fields.remainingAmount",
+        value: o.amount(e.remainingGrantAmount.value, e.remainingGrantAmount.currency)
       },
-      { key: "capital.remainingFees", value: n(e.remainingFeesAmount) },
-      { key: "capital.repaidAmount", value: n(e.repaidGrantAmount) },
-      { key: "capital.repaidFees", value: n(e.repaidFeesAmount) },
+      { key: "capital.common.fields.remainingFees", value: m(e.remainingFeesAmount) },
+      { key: "capital.common.fields.repaidAmount", value: m(e.repaidGrantAmount) },
+      { key: "capital.common.fields.repaidFees", value: m(e.repaidFeesAmount) },
       {
-        key: "capital.dailyRepaymentRate",
-        value: `${t.get("capital.xPercent", {
-          values: { percentage: d(e.repaymentRate) }
+        key: "capital.common.fields.dailyRepaymentRate",
+        value: `${o.get("capital.common.values.percentage", {
+          values: { percentage: y(e.repaymentRate) }
         })}`
       },
       {
-        key: "capital.expectedRepaymentPeriod",
-        value: t.get("capital.daysAndDaysLeft", {
+        key: "capital.common.fields.expectedRepaymentPeriod",
+        value: o.get("capital.common.values.daysWithDaysLeft", {
           values: {
             days: e.expectedRepaymentPeriodDays,
             daysLeft: e.repaymentPeriodLeft
           }
         })
       },
-      { key: "capital.totalFees", value: n(e.feesAmount) },
-      { key: "capital.totalRepaymentAmount", value: n(e.totalAmount) },
-      { key: "capital.repaymentThreshold", value: n(e.thresholdAmount) },
-      { key: "capital.grantID", value: e.id },
-      { key: "accountDescription", value: e.balanceAccountDescription },
-      { key: "accountID", value: e.balanceAccountCode }
+      { key: "capital.common.fields.totalFees", value: m(e.feesAmount) },
+      { key: "capital.common.fields.totalRepaymentAmount", value: m(e.totalAmount) },
+      { key: "capital.common.fields.repaymentThreshold", value: m(e.thresholdAmount) },
+      { key: "capital.common.fields.grantID", value: e.id },
+      { key: "capital.common.fields.accountDescription", value: e.balanceAccountDescription },
+      { key: "capital.common.fields.accountID", value: e.balanceAccountCode }
     ];
-    return i && c.splice(5, 0, {
-      key: "capital.maximumRepaymentPeriod",
-      value: t.get("capital.xMonths", { values: { months: i } })
+    return t && c.splice(5, 0, {
+      key: "capital.common.fields.maximumRepaymentPeriod",
+      value: o.get("capital.common.values.numberOfMonths", { values: { months: t } })
     }), c;
-  }, [e, n, t]);
-  return /* @__PURE__ */ a("div", { className: l.base, children: /* @__PURE__ */ a("div", { className: l.content, children: [
-    /* @__PURE__ */ a("div", { className: l.header, children: [
-      /* @__PURE__ */ a(r, { el: m.SPAN, variant: o.BODY, children: t.get("capital.yourRequestedFundsWere") }),
-      /* @__PURE__ */ a(r, { el: m.SPAN, variant: o.BODY, strongest: !0, children: t.amount(e.grantAmount.value, e.grantAmount.currency) })
-    ] }),
+  }, [e, m, o]);
+  return /* @__PURE__ */ a("div", { className: r.base, children: /* @__PURE__ */ a("div", { className: r.content, children: [
+    /* @__PURE__ */ a("div", { className: r.header, children: /* @__PURE__ */ a(i, { el: l.SPAN, variant: n.BODY, children: /* @__PURE__ */ a(i, { el: l.PARAGRAPH, variant: n.BODY, children: /* @__PURE__ */ a(
+      A,
+      {
+        translationKey: "capital.overview.grants.item.details.requestedFunds",
+        fills: {
+          amount: /* @__PURE__ */ a(i, { el: l.SPAN, variant: n.BODY, strongest: !0, children: o.amount(e.grantAmount.value, e.grantAmount.currency) })
+        }
+      }
+    ) }) }) }),
     /* @__PURE__ */ a(
       h,
       {
-        renderLabel: (i, c) => c === "capital.repaymentThreshold" ? /* @__PURE__ */ a(
-          A,
+        renderLabel: (t, c) => c === "capital.common.fields.repaymentThreshold" ? /* @__PURE__ */ a(
+          f,
           {
             isContainerHovered: !0,
-            content: t.get("capital.minimumRepaymentToRepayTheFinancingOnTime", {
+            content: o.get("capital.common.fields.repaymentThreshold.description", {
               values: { days: v }
             }),
             children: /* @__PURE__ */ a("span", { children: /* @__PURE__ */ a(
-              r,
+              i,
               {
-                className: l.label,
-                el: m.SPAN,
-                variant: o.CAPTION,
-                children: i
+                className: r.label,
+                el: l.SPAN,
+                variant: n.CAPTION,
+                children: t
               }
             ) })
           }
-        ) : /* @__PURE__ */ a(r, { className: l.label, el: m.SPAN, variant: o.CAPTION, children: i }),
-        renderValue: (i) => /* @__PURE__ */ a(r, { el: m.SPAN, stronger: !0, variant: o.CAPTION, children: i }),
-        items: u
+        ) : /* @__PURE__ */ a(i, { className: r.label, el: l.SPAN, variant: n.CAPTION, children: t }),
+        renderValue: (t) => /* @__PURE__ */ a(i, { el: l.SPAN, stronger: !0, variant: n.CAPTION, children: t }),
+        items: s
       }
     )
   ] }) });
 };
 export {
-  F as GrantDetails
+  E as GrantDetails
 };