@adyen/adyen-platform-experience-web 1.4.2 → 1.5.1

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

@@ -1,21 +1,21 @@
 import { jsx as s } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { DataDetailsModal as Te } from "../../../../internal/DataOverviewDisplay/DataDetailsModal.js";
+import { DataDetailsModal as ue } from "../../../../internal/DataOverviewDisplay/DataDetailsModal.js";
 import { TransactionsTable as Ee, TRANSACTION_FIELDS as Ne } from "../TransactionsTable/TransactionsTable.js";
-import he from "../../../../../hooks/useBalanceAccountSelection.js";
-import Fe from "../../../../internal/FilterBar/filters/DateFilter/DateFilter.js";
+import Fe from "../../../../../hooks/useBalanceAccountSelection.js";
+import he from "../../../../internal/FilterBar/filters/DateFilter/DateFilter.js";
 import { FilterParam as t } from "../../../../types.js";
 import Ce from "../../../../../hooks/useModalDetails/useModalDetails.js";
 import Me from "../../../../../core/Context/useCoreContext.js";
-import { useCallback as f, useMemo as c, useState as P, useEffect as h } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { useCallback as f, useMemo as c, useState as P, useEffect as F } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 import { LIMIT_OPTIONS as De, DEFAULT_PAGE_LIMIT as _e } from "../../../../internal/Pagination/constants.js";
 import Ie from "../TransactionTotals/TransactionTotals.js";
 import { Balances as Oe } from "../Balances/Balances.js";
 import Ue from "../../../../../hooks/useDefaultOverviewFilterParams.js";
 import ge from "../../hooks/useTransactionsOverviewMultiSelectionFilters.js";
 import { AmountFilter as Re } from "../../../../internal/FilterBar/filters/AmountFilter/AmountFilter.js";
-import { MAX_TRANSACTIONS_DATE_RANGE_MONTHS as be, BASE_CLASS as Le, SUMMARY_CLASS as we, SUMMARY_ITEM_CLASS as X, BASE_CLASS_DETAILS as xe } from "./constants.js";
-import { useResponsiveContainer as ye, containerQueries as ke } from "../../../../../hooks/useResponsiveContainer.js";
-import { useCustomColumnsData as ve } from "../../../../../hooks/useCustomColumnsData.js";
+import { MAX_TRANSACTIONS_DATE_RANGE_MONTHS as be, BASE_CLASS as Le, SUMMARY_CLASS as ve, SUMMARY_ITEM_CLASS as X, BASE_CLASS_DETAILS as we } from "./constants.js";
+import { useResponsiveContainer as xe, containerQueries as ye } from "../../../../../hooks/useResponsiveContainer.js";
+import { useCustomColumnsData as ke } from "../../../../../hooks/useCustomColumnsData.js";
 import { hasCustomField as Pe } from "../../../../utils/customData/hasCustomField.js";
 import { mergeRecords as Xe } from "../../../../utils/customData/mergeRecords.js";
 /* empty css                          */
@@ -25,11 +25,11 @@ import { useFilterBarState as We, FilterBarMobileSwitch as Ye, FilterBar as je }
 import Ke from "../../../../internal/FormFields/Select/BalanceAccountSelector/BalanceAccountSelector.js";
 import G from "../MultiSelectionFilter/MultiSelectionFilter.js";
 import { useConfigContext as Qe } from "../../../../../core/ConfigContext/context.js";
-import { listFrom as u } from "../../../../../utils/collection/main.js";
+import { listFrom as a } from "../../../../../utils/collection/main.js";
 import { isUndefined as H, isFunction as Ze } from "../../../../../utils/value/is.js";
 const Dr = ({
-  onFiltersChanged: a,
-  balanceAccounts: F,
+  onFiltersChanged: p,
+  balanceAccounts: h,
   allowLimitSelection: C,
   preferredLimit: W = _e,
   onRecordSelection: M,
@@ -39,14 +39,14 @@ const Dr = ({
   hideTitle: K,
   dataCustomization: r
 }) => {
-  var w, x, y, k;
-  const { i18n: p } = Me(), { getTransactions: A } = Qe().endpoints, { activeBalanceAccount: e, balanceAccountSelectionOptions: Q, onBalanceAccountSelection: Z } = he(F), { defaultParams: d, nowTimestamp: S, refreshNowTimestamp: T } = Ue("transactions", e), J = f(
-    async ({ balanceAccount: n, ...i }, N) => A({ signal: N, errorLevel: "error" }, {
+  var v, w, x, y;
+  const { i18n: A } = Me(), { getTransactions: S } = Qe().endpoints, { activeBalanceAccount: e, balanceAccountSelectionOptions: Q, onBalanceAccountSelection: Z } = Fe(h), { defaultParams: d, nowTimestamp: T, refreshNowTimestamp: u } = Ue("transactions", e), J = f(
+    async ({ balanceAccount: o, ...i }, N) => S({ signal: N, errorLevel: "error" }, {
       query: {
         ...i,
-        statuses: u(i[t.STATUSES]),
-        categories: u(i[t.CATEGORIES]),
-        currencies: u(i[t.CURRENCIES]),
+        statuses: a(i[t.STATUSES]),
+        categories: a(i[t.CATEGORIES]),
+        currencies: a(i[t.CURRENCIES]),
         createdSince: i[t.CREATED_SINCE] ?? d.current.defaultFilterParams[t.CREATED_SINCE],
         createdUntil: i[t.CREATED_UNTIL] ?? d.current.defaultFilterParams[t.CREATED_UNTIL],
         sortDirection: "desc",
@@ -55,8 +55,8 @@ const Dr = ({
         maxAmount: H(i.maxAmount) ? void 0 : parseFloat(i.maxAmount)
       }
     }),
-    [e == null ? void 0 : e.id, d, A]
-  ), _ = We(), V = c(() => Ze(a) ? a : void 0, [a]), $ = c(() => C ? De : void 0, [C]), { canResetFilters: q, error: B, fetching: z, filters: o, limit: ee, limitOptions: re, records: I, resetFilters: Je, updateFilters: l, updateLimit: te, ...se } = Ge({
+    [e == null ? void 0 : e.id, d, S]
+  ), _ = We(), V = c(() => Ze(p) ? p : void 0, [p]), $ = c(() => C ? De : void 0, [C]), { canResetFilters: q, error: B, fetching: z, filters: n, limit: ee, limitOptions: re, records: I, resetFilters: Je, updateFilters: l, updateLimit: te, ...se } = Ge({
     fetchRecords: J,
     dataField: "data",
     filterParams: d.current.defaultFilterParams,
@@ -64,59 +64,59 @@ const Dr = ({
     onFiltersChanged: V,
     preferredLimit: W,
     preferredLimitOptions: $,
-    enabled: !!(e != null && e.id) && !!A
-  }), [m, O] = P([]), [ne, ie] = P(!1), oe = f((n, i) => {
-    O(n), ie(i);
+    enabled: !!(e != null && e.id) && !!S
+  }), [m, O] = P([]), [oe, ie] = P(!1), ne = f((o, i) => {
+    O(o), ie(i);
   }, []), { categoriesFilter: U, currenciesFilter: g, statusesFilter: E } = ge(
     {
-      filters: o,
+      filters: n,
       updateFilters: l
     },
     m
   );
-  h(() => {
+  F(() => {
     O(void 0), l({
       [t.BALANCE_ACCOUNT]: e == null ? void 0 : e.id,
       [t.CURRENCIES]: void 0
     });
-  }, [l, e == null ? void 0 : e.id]), h(() => {
-    T();
-  }, [o, T]), h(() => {
+  }, [l, e == null ? void 0 : e.id]), F(() => {
+    u();
+  }, [n, u]), F(() => {
     E.updateSelection({ target: { value: "Booked", name: "status" } });
   }, [E]);
-  const R = ye(ke.down.sm), le = !!m && m.length > 1, b = c(
+  const R = xe(ye.down.sm), le = !!m && m.length > 1, b = c(
     () => ({
       showDetails: D ?? !0,
       callback: M
     }),
     [D, M]
   ), me = c(() => ({ transaction: b }), [b]), ce = f(
-    ({ records: n, retrievedData: i }) => Xe(n, i, (N, v) => N.id === v.id),
+    ({ records: o, retrievedData: i }) => Xe(o, i, (N, k) => N.id === k.id),
     []
   ), de = c(() => {
-    var n;
-    return Pe((n = r == null ? void 0 : r.list) == null ? void 0 : n.fields, Ne);
-  }, [(w = r == null ? void 0 : r.list) == null ? void 0 : w.fields]), { customRecords: fe, loadingCustomRecords: ue } = ve({
+    var o;
+    return Pe((o = r == null ? void 0 : r.list) == null ? void 0 : o.fields, Ne);
+  }, [(v = r == null ? void 0 : r.list) == null ? void 0 : v.fields]), { customRecords: fe, loadingCustomRecords: ae } = ke({
     records: I,
     hasCustomColumn: de,
-    onDataRetrieve: (x = r == null ? void 0 : r.list) == null ? void 0 : x.onDataRetrieve,
+    onDataRetrieve: (w = r == null ? void 0 : r.list) == null ? void 0 : w.onDataRetrieve,
     mergeCustomData: ce
-  }), { updateDetails: L, resetDetails: ae, selectedDetail: pe } = Ce(me), Ae = f(
-    ({ id: n }) => {
+  }), { updateDetails: L, resetDetails: pe, selectedDetail: Ae } = Ce(me), Se = f(
+    ({ id: o }) => {
       L({
         selection: {
           type: "transaction",
-          data: n,
+          data: o,
           balanceAccount: e || ""
         },
         modalSize: "small"
-      }).callback({ id: n });
+      }).callback({ id: o });
     },
     [e, L]
-  ), Se = c(() => {
-    const n = new Date(S);
-    return n.setMonth(n.getMonth() - be), n.toString();
-  }, [S]);
+  ), Te = c(() => {
+    const o = new Date(T);
+    return o.setMonth(o.getMonth() - be), o.toString();
+  }, [T]);
   return /* @__PURE__ */ s("div", { className: Le, children: [
     /* @__PURE__ */ s(He, { hideTitle: K, titleKey: "transactionsOverviewTitle", children: /* @__PURE__ */ s(Ye, { ..._ }) }),
     /* @__PURE__ */ s(je, { ..._, children: [
@@ -129,48 +129,48 @@ const Dr = ({
         }
       ),
       /* @__PURE__ */ s(
-        Fe,
+        he,
         {
           canResetFilters: q,
           defaultParams: d,
-          filters: o,
-          nowTimestamp: S,
-          refreshNowTimestamp: T,
-          sinceDate: Se,
+          filters: n,
+          nowTimestamp: T,
+          refreshNowTimestamp: u,
+          sinceDate: Te,
           timezone: e == null ? void 0 : e.timeZone,
           updateFilters: l
         }
       ),
-      /* @__PURE__ */ s(G, { ...U, placeholder: p.get("filterPlaceholder.category") }),
+      /* @__PURE__ */ s(G, { ...U, placeholder: A.get("filterPlaceholder.category") }),
       /* @__PURE__ */ s(
         Re,
         {
           availableCurrencies: m,
-          selectedCurrencies: u(o[t.CURRENCIES]),
+          selectedCurrencies: a(n[t.CURRENCIES]),
           name: "range",
-          label: p.get("amount"),
-          minAmount: o[t.MIN_AMOUNT],
-          maxAmount: o[t.MAX_AMOUNT],
+          label: A.get("amount"),
+          minAmount: n[t.MIN_AMOUNT],
+          maxAmount: n[t.MAX_AMOUNT],
           updateFilters: l,
           onChange: l
         }
       ),
-      /* @__PURE__ */ s(G, { ...g, placeholder: p.get("filterPlaceholder.currency") })
+      /* @__PURE__ */ s(G, { ...g, placeholder: A.get("filterPlaceholder.currency") })
     ] }),
-    /* @__PURE__ */ s("div", { className: we, children: [
+    /* @__PURE__ */ s("div", { className: ve, children: [
       /* @__PURE__ */ s("div", { className: X, children: /* @__PURE__ */ s(
         Ie,
         {
           availableCurrencies: m,
-          isAvailableCurrenciesFetching: ne,
+          isAvailableCurrenciesFetching: oe,
           balanceAccountId: e == null ? void 0 : e.id,
           statuses: E.selection,
           categories: U.selection,
-          createdUntil: o[t.CREATED_UNTIL],
-          createdSince: o[t.CREATED_SINCE],
+          createdUntil: n[t.CREATED_UNTIL],
+          createdSince: n[t.CREATED_SINCE],
           currencies: g.selection,
-          minAmount: o[t.MIN_AMOUNT] ? parseFloat(o[t.MIN_AMOUNT]) : void 0,
-          maxAmount: o[t.MAX_AMOUNT] ? parseFloat(o[t.MAX_AMOUNT]) : void 0,
+          minAmount: n[t.MIN_AMOUNT] ? parseFloat(n[t.MIN_AMOUNT]) : void 0,
+          maxAmount: n[t.MAX_AMOUNT] ? parseFloat(n[t.MAX_AMOUNT]) : void 0,
           fullWidth: R
         }
       ) }),
@@ -178,19 +178,19 @@ const Dr = ({
         Oe,
         {
           balanceAccountId: e == null ? void 0 : e.id,
-          onCurrenciesChange: oe,
+          onCurrenciesChange: ne,
           defaultCurrencyCode: e == null ? void 0 : e.defaultCurrencyCode,
           fullWidth: R
         }
       ) })
     ] }),
     /* @__PURE__ */ s(
-      Te,
+      ue,
       {
         dataCustomization: r == null ? void 0 : r.details,
-        selectedDetail: pe,
-        resetDetails: ae,
-        className: xe,
+        selectedDetail: Ae,
+        resetDetails: pe,
+        className: we,
         children: /* @__PURE__ */ s(
           Ee,
           {
@@ -200,13 +200,13 @@ const Dr = ({
             hasMultipleCurrencies: le,
             limit: ee,
             limitOptions: re,
-            loading: z || Y || !F || ue,
+            loading: z || Y || !h || ae,
             onContactSupport: j,
             onLimitSelection: te,
-            onRowClick: Ae,
+            onRowClick: Se,
             showPagination: !0,
-            transactions: (y = r == null ? void 0 : r.list) != null && y.onDataRetrieve ? fe : I,
-            customColumns: (k = r == null ? void 0 : r.list) == null ? void 0 : k.fields,
+            transactions: (x = r == null ? void 0 : r.list) != null && x.onDataRetrieve ? fe : I,
+            customColumns: (y = r == null ? void 0 : r.list) == null ? void 0 : y.fields,
             ...se
           }
         )

package/dist/es/components/external/TransactionsOverview/components/TransactionsTable/TransactionsTable.js

@@ -8,19 +8,19 @@ import P from "../../../../../hooks/useTimezoneAwareDateFormatting.js";
 import { TypographyVariant as n } from "../../../../internal/Typography/types.js";
 import a from "../../../../internal/Typography/Typography.js";
 import { useResponsiveContainer as d, containerQueries as c } from "../../../../../hooks/useResponsiveContainer.js";
-import { BASE_CLASS as B, AMOUNT_CLASS as U, DATE_AND_PAYMENT_METHOD_CLASS as G, DATE_METHOD_CLASS as W } from "./constants.js";
+import { BASE_CLASS as B, DATE_AND_PAYMENT_METHOD_CLASS as U, DATE_METHOD_CLASS as G, AMOUNT_CLASS as W } from "./constants.js";
 /* empty css                      */
 import A from "./PaymentMethodCell.js";
 import { useTableColumns as j } from "../../../../../hooks/useTableColumns.js";
-import f from "../../../../internal/DataGrid/DataGrid.js";
-import { DATE_FORMAT_TRANSACTIONS_MOBILE as q, DATE_FORMAT_TRANSACTIONS as z } from "../../../../../constants/dateFormats.js";
-import K from "../../../../internal/Pagination/Pagination.js";
+import h from "../../../../internal/DataGrid/DataGrid.js";
+import q from "../../../../internal/Pagination/Pagination.js";
+import { DATE_FORMAT_TRANSACTIONS_MOBILE as z, DATE_FORMAT_TRANSACTIONS as K } from "../../../../../constants/dateFormats.js";
 const Q = ["createdAt", "paymentMethod", "transactionType", "amount"], yo = ({
   activeBalanceAccount: s,
   availableCurrencies: i,
   error: m,
   hasMultipleCurrencies: p,
-  loading: h,
+  loading: f,
   onContactSupport: l,
   onRowClick: C,
   showDetails: V,
@@ -29,42 +29,42 @@ const Q = ["createdAt", "paymentMethod", "transactionType", "amount"], yo = ({
   customColumns: D,
   ...S
 }) => {
-  const { i18n: e } = H(), { dateFormat: u } = P(s == null ? void 0 : s.timeZone), [_, T] = F(), y = d(c.up.sm), E = d(c.up.md), O = d(c.down.xs), N = e.get("amount"), b = j({
+  const { i18n: e } = H(), { dateFormat: T } = P(s == null ? void 0 : s.timeZone), [_, u] = F(), y = d(c.up.sm), E = d(c.up.md), O = d(c.down.xs), v = e.get("amount"), N = j({
     fields: Q,
     customColumns: D,
     columnConfig: {
       amount: {
-        label: p ? void 0 : `${N} ${i && i[0] ? `(${I(i[0])})` : ""}`,
+        label: p ? void 0 : `${v} ${i && i[0] ? `(${I(i[0])})` : ""}`,
         position: "right",
         flex: y ? 1.5 : void 0
       },
       transactionType: { visible: E },
       paymentMethod: { visible: y }
     }
-  }), v = {
+  }), b = {
     title: "noTransactionsFound",
     message: ["tryDifferentSearchOrResetYourFiltersAndWeWillTryAgain"]
   }, R = Y(
     (o) => {
-      T(o ?? void 0);
+      u(o ?? void 0);
     },
-    [T]
+    [u]
   ), w = k(
     () => () => /* @__PURE__ */ t($, { error: m, onContactSupport: l, errorMessage: "weCouldNotLoadYourTransactions" }),
     [m, l]
   );
   return /* @__PURE__ */ t("div", { className: B, children: /* @__PURE__ */ t(
-    f,
+    h,
     {
       errorDisplay: w,
       error: m,
-      columns: b,
+      columns: N,
       data: M,
-      loading: h,
+      loading: f,
       outline: !1,
       onRowClick: { callback: C },
       onRowHover: R,
-      emptyTableMessage: v,
+      emptyTableMessage: b,
       customCells: {
         // Remove status column temporarily
         /* status: ({ value }) => {
@@ -81,15 +81,15 @@ const Q = ["createdAt", "paymentMethod", "transactionType", "amount"], yo = ({
         },
         amount: ({ value: o }) => {
           const r = e.amount(o.value, o.currency, { hideCurrency: !p });
-          return /* @__PURE__ */ t(a, { variant: n.BODY, className: U, children: r });
+          return /* @__PURE__ */ t(a, { variant: n.BODY, className: W, children: r });
         },
-        createdAt: ({ item: o, value: r }) => O ? /* @__PURE__ */ t("div", { className: G, children: [
+        createdAt: ({ item: o, value: r }) => O ? /* @__PURE__ */ t("div", { className: U, children: [
           /* @__PURE__ */ t(A, { paymentMethod: o.paymentMethod, bankAccount: o.bankAccount }),
-          /* @__PURE__ */ t(a, { variant: n.BODY, className: W, children: u(o.createdAt, q) })
-        ] }) : /* @__PURE__ */ t(a, { variant: n.BODY, children: u(r, z) }),
+          /* @__PURE__ */ t(a, { variant: n.BODY, className: G, children: T(o.createdAt, z) })
+        ] }) : /* @__PURE__ */ t(a, { variant: n.BODY, children: T(r, K) }),
         paymentMethod: ({ item: o }) => /* @__PURE__ */ t(A, { paymentMethod: o.paymentMethod, bankAccount: o.bankAccount })
       },
-      children: g && /* @__PURE__ */ t(f.Footer, { children: /* @__PURE__ */ t(K, { ...S }) })
+      children: g && /* @__PURE__ */ t(h.Footer, { children: /* @__PURE__ */ t(q, { ...S }) })
     }
   ) });
 };

package/dist/es/components/external/TransactionsOverview/hooks/useTransactionsOverviewMultiSelectionFilters.js

@@ -1,15 +1,15 @@
 import { FilterParam as t } from "../../../types.js";
 import { useMultiSelectionFilter as r } from "../components/MultiSelectionFilter/useMultiSelectionFilter/useMultiSelectionFilter.js";
-import { TRANSACTION_CATEGORIES as T, DEFAULT_TRANSACTIONS_OVERVIEW_MULTI_SELECTION_FILTER_PARAMS as l, TRANSACTION_STATUSES as u } from "../components/MultiSelectionFilter/useMultiSelectionFilter/constants.js";
+import { TRANSACTION_STATUSES as T, DEFAULT_TRANSACTIONS_OVERVIEW_MULTI_SELECTION_FILTER_PARAMS as l, TRANSACTION_CATEGORIES as u } from "../components/MultiSelectionFilter/useMultiSelectionFilter/constants.js";
 const F = (e, i) => {
   const a = r({
     filterParam: t.CATEGORIES,
-    filterValues: T,
+    filterValues: u,
     defaultFilters: l,
     ...e
   }), s = r({
     filterParam: t.STATUSES,
-    filterValues: u,
+    filterValues: T,
     defaultFilters: l,
     ...e
   }), S = r({

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

@@ -1,28 +1,28 @@
 import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import d from "classnames";
-import { useState as C, useRef as m, useCallback as h } from "../../../external/preact/hooks/dist/hooks.module.js";
-import A from "../SVGIcons/ChevronDown.js";
+import { useState as C, useRef as m, useCallback as A } from "../../../external/preact/hooks/dist/hooks.module.js";
+import h from "../SVGIcons/ChevronDown.js";
 import N from "../SVGIcons/ChevronUp.js";
-import { ACCORDION_BASE_CLASS as O, ACCORDION_HEADER_CLASS as p, ACCORDION_HEADER_CONTAINER_CLASS as E, ACCORDION_HEADER_CONTROLLER_CLASS as S, ACCORDION_CONTENT_CLASS as _ } from "./constants.js";
+import { ACCORDION_HEADER_CLASS as O, ACCORDION_HEADER_CONTAINER_CLASS as p, ACCORDION_HEADER_CONTROLLER_CLASS as E, ACCORDION_CONTENT_CLASS as S, ACCORDION_BASE_CLASS as _ } from "./constants.js";
 /* empty css               */
 function L({ children: a, classNames: c, header: n, headerInformation: i }) {
   var t;
-  const [o, l] = C(!1), r = m(null), s = h(() => {
+  const [o, l] = C(!1), r = m(null), s = A(() => {
     l(!o);
   }, [o]);
-  return /* @__PURE__ */ e("div", { className: d(O, c), children: [
-    /* @__PURE__ */ e("h3", { className: p, children: [
+  return /* @__PURE__ */ e("div", { className: d(_, c), children: [
+    /* @__PURE__ */ e("h3", { className: O, children: [
       /* @__PURE__ */ e(
         "button",
         {
           id: "accordion-controller",
           "aria-controls": "accordion-content",
-          className: E,
+          className: p,
           onClick: s,
           "aria-expanded": o,
-          children: /* @__PURE__ */ e("div", { className: S, children: [
+          children: /* @__PURE__ */ e("div", { className: E, children: [
             n,
-            o ? /* @__PURE__ */ e(N, { height: 8, width: 15 }) : /* @__PURE__ */ e(A, { height: 8, width: 15 })
+            o ? /* @__PURE__ */ e(N, { height: 8, width: 15 }) : /* @__PURE__ */ e(h, { height: 8, width: 15 })
           ] })
         }
       ),
@@ -35,7 +35,7 @@ function L({ children: a, classNames: c, header: n, headerInformation: i }) {
         id: "accordion-content",
         "aria-labelledby": "accordion-controller",
         style: { maxHeight: o ? (t = r == null ? void 0 : r.current) == null ? void 0 : t.offsetHeight : 0 },
-        className: _,
+        className: S,
         children: /* @__PURE__ */ e("div", { ref: r, children: a })
       }
     )

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

@@ -1,7 +1,7 @@
 import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import s from "classnames";
 import { ButtonVariant as y } from "../Button/types.js";
-import { TypographyElement as m, TypographyVariant as a } from "../Typography/types.js";
+import { TypographyVariant as a, TypographyElement as m } from "../Typography/types.js";
 import p from "../Typography/Typography.js";
 import { AlertIcon as f } from "./AlertIcon.js";
 import { AlertVariantOption as t } from "./types.js";

package/dist/es/components/internal/Button/DownloadButton/DownloadButton.js

@@ -3,7 +3,7 @@ import _ from "classnames";
 import { useState as g, useEffect as m } from "../../../../external/preact/hooks/dist/hooks.module.js";
 import k from "../../../../core/Context/useCoreContext.js";
 import { useResponsiveContainer as x, containerQueries as B } from "../../../../hooks/useResponsiveContainer.js";
-import w from "../../SVGIcons/Download.js";
+import h from "../../SVGIcons/Download.js";
 import v from "../Button.js";
 import { ButtonVariant as b } from "../types.js";
 import y from "./useDownload.js";
@@ -28,18 +28,18 @@ function D({ className: r, disabled: c, endpointName: t, params: a, setError: n,
   }, [l]), m(() => {
     n && i && n(i);
   }, [i, n]);
-  const h = () => {
+  const w = () => {
     p(!0), d == null || d();
   };
   return /* @__PURE__ */ o("div", { className: "adyen-pe-download", children: [
-    L ? /* @__PURE__ */ o(v, { iconButton: !0, variant: b.TERTIARY, onClick: h, children: e ? /* @__PURE__ */ o(C, { size: "small" }) : /* @__PURE__ */ o(w, {}) }) : /* @__PURE__ */ o(
+    L ? /* @__PURE__ */ o(v, { iconButton: !0, variant: b.TERTIARY, onClick: w, children: e ? /* @__PURE__ */ o(C, { size: "small" }) : /* @__PURE__ */ o(h, {}) }) : /* @__PURE__ */ o(
       v,
       {
         className: _("adyen-pe-download__button", { "adyen-pe-download__button--loading": e }, r),
         disabled: c || e,
         variant: b.SECONDARY,
-        onClick: h,
-        iconLeft: e ? /* @__PURE__ */ o(C, { size: "small" }) : /* @__PURE__ */ o(w, {}),
+        onClick: w,
+        iconLeft: e ? /* @__PURE__ */ o(C, { size: "small" }) : /* @__PURE__ */ o(h, {}),
         children: e ? `${u.get("downloading")}..` : u.get("download")
       }
     ),

package/dist/es/components/internal/Button/hooks/useButton.js

@@ -1,9 +1,9 @@
 import { jsx as r } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { useCallback as E, useMemo as _ } from "../../../../external/preact/hooks/dist/hooks.module.js";
 import B from "classnames";
-import { ICON_BUTTON_CLASSNAME as h, BUTTON_CONDENSED_CLASSNAME as C, BUTTON_FULL_WIDTH_CLASSNAME as g, BUTTON_LOADING_CLASSNAME as u, ICON_BUTTON_CONTENT_CLASSNAME as M, BUTTON_ICON_LEFT_CLASSNAME as U, BUTTON_LABEL_CLASSNAME as d, BUTTON_ICON_RIGHT_CLASSNAME as I } from "../constants.js";
+import { BUTTON_LOADING_CLASSNAME as h, BUTTON_FULL_WIDTH_CLASSNAME as C, BUTTON_CONDENSED_CLASSNAME as g, ICON_BUTTON_CLASSNAME as u, ICON_BUTTON_CONTENT_CLASSNAME as M, BUTTON_ICON_LEFT_CLASSNAME as U, BUTTON_LABEL_CLASSNAME as d, BUTTON_ICON_RIGHT_CLASSNAME as I } from "../constants.js";
 import y from "../../Typography/Typography.js";
-import { TypographyElement as D, TypographyVariant as x } from "../../Typography/types.js";
+import { TypographyVariant as D, TypographyElement as x } from "../../Typography/types.js";
 import { getModifierClasses as v } from "../../../../utils/preact/className.js";
 import F from "../../Spinner/Spinner.js";
 import { Fragment as G } from "../../../../external/preact/dist/preact.module.js";
@@ -20,10 +20,10 @@ const $ = (l, A, e, o, n, a) => {
     () => ({
       ...n,
       className: B(i, {
-        [h]: N,
-        [C]: c,
-        [g]: S,
-        [u]: t === "loading"
+        [u]: N,
+        [g]: c,
+        [C]: S,
+        [h]: t === "loading"
       }),
       disabled: o || t === "loading"
     }),
@@ -32,7 +32,7 @@ const $ = (l, A, e, o, n, a) => {
     () => N ? /* @__PURE__ */ r("div", { className: `${M}`, children: s }) : /* @__PURE__ */ r(G, { children: [
       t === "loading" && /* @__PURE__ */ r(F, { size: "x-small" }),
       T && /* @__PURE__ */ r("span", { className: U, children: T }),
-      /* @__PURE__ */ r(y, { className: d, el: D.SPAN, variant: x.BODY, children: s }),
+      /* @__PURE__ */ r(y, { className: d, el: x.SPAN, variant: D.BODY, children: s }),
       m && /* @__PURE__ */ r("span", { className: I, children: m })
     ] }),
     [s, N, T, m, t]