@adyen/adyen-platform-experience-web 1.4.1 → 1.5.0

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]