@adyen/adyen-platform-experience-web 1.0.1 → 1.0.3

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

@@ -1,4 +1,3 @@
-import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import v from "../AmountSkeleton/AmountSkeleton.js";
 import { BASE_CLASS as y, BODY_CLASS as T, PLACEHOLDER_CLASS as E, LABEL_CLASS as N, AMOUNT_CLASS as _ } from "./constants.js";
 import { SummaryItemLabel as h } from "./SummaryItemLabel.js";
@@ -10,6 +9,7 @@ import n from "classnames";
 import { useEffect as x, useCallback as H } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 import "./SummaryItem.scss.js";
 import { useResponsiveViewport as I, mediaQueries as w } from "../../hooks/useResponsiveViewport.js";
+import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 const X = ({
   columnConfigs: i,
   isHeader: u = !1,
@@ -20,7 +20,9 @@ const X = ({
   onWidthsSet: L,
   isEmpty: A
 }) => {
-  const { i18n: s } = O();
+  const {
+    i18n: s
+  } = O();
   x(() => {
     const e = i.map((r) => {
       var a, o;
@@ -28,24 +30,49 @@ const X = ({
     });
     L(e);
   }, [L]);
-  const d = (e) => ({ width: m && m[e] ? m[e] : "auto" }), S = I(w.only.xs), f = H(
-    (e, r) => e.valueHasLabelStyle ? p.CAPTION : r && !S ? p.BODY : p.TITLE,
-    [S]
-  );
-  return /* @__PURE__ */ t("div", { className: n(y, { [T]: !u }), children: i.map((e, r) => {
-    const a = e.getValue(), o = !!a && a.length > 12;
-    return /* @__PURE__ */ t("div", { children: [
-      u && (e.tooltipLabel ? /* @__PURE__ */ t(b, { content: s.get(`${e.tooltipLabel}`), isContainerHovered: c, children: /* @__PURE__ */ t(h, { config: e, i18n: s, isSkeletonVisible: l }) }) : /* @__PURE__ */ t(h, { config: e, i18n: s, isSkeletonVisible: l })),
-      l ? /* @__PURE__ */ t(v, { isLoading: C, hasMargin: e.hasSkeletonMargin, width: e.skeletonWidth + "px" }) : A ? /* @__PURE__ */ t("span", { className: n([y, E]) }) : /* @__PURE__ */ t("div", { ref: e.ref, style: d(r), children: /* @__PURE__ */ t(
-        B,
-        {
-          variant: f(e, o),
-          className: n({ [N]: e.valueHasLabelStyle, [_]: !e.valueHasLabelStyle }),
-          children: a
-        }
-      ) })
-    ] }, r);
-  }) });
+  const d = (e) => ({
+    width: m && m[e] ? m[e] : "auto"
+  }), S = I(w.only.xs), f = H((e, r) => e.valueHasLabelStyle ? p.CAPTION : r && !S ? p.BODY : p.TITLE, [S]);
+  return t("div", {
+    className: n(y, {
+      [T]: !u
+    }),
+    children: i.map((e, r) => {
+      const a = e.getValue(), o = !!a && a.length > 12;
+      return t("div", {
+        children: [u && (e.tooltipLabel ? t(b, {
+          content: s.get(`${e.tooltipLabel}`),
+          isContainerHovered: c,
+          children: t(h, {
+            config: e,
+            i18n: s,
+            isSkeletonVisible: l
+          })
+        }) : t(h, {
+          config: e,
+          i18n: s,
+          isSkeletonVisible: l
+        })), l ? t(v, {
+          isLoading: C,
+          hasMargin: e.hasSkeletonMargin,
+          width: e.skeletonWidth + "px"
+        }) : A ? t("span", {
+          className: n([y, E])
+        }) : t("div", {
+          ref: e.ref,
+          style: d(r),
+          children: t(B, {
+            variant: f(e, o),
+            className: n({
+              [N]: e.valueHasLabelStyle,
+              [_]: !e.valueHasLabelStyle
+            }),
+            children: a
+          })
+        })]
+      }, r);
+    })
+  });
 };
 export {
   X as SummaryItem

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

@@ -1,21 +1,30 @@
-import { jsx as a } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { LABEL_CONTAINER_CLASS as l, LABEL_CONTAINER_CLASS_LOADING as p, LABEL_CLASS as L } from "./constants.js";
 import { TypographyVariant as i } from "../../../../internal/Typography/types.js";
 import A from "../../../../internal/Typography/Typography.js";
 import N from "classnames";
+import { jsx as a } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { fixedForwardRef as f } from "../../../../../utils/preact/fixedForwardRef.js";
-const d = f(
-  ({ config: r, i18n: e, isSkeletonVisible: m, className: o, ...t }, s) => /* @__PURE__ */ a(
-    "span",
-    {
-      className: N(l, o, { [p]: m }),
-      style: { cursor: "default" },
-      ref: s,
-      ...t,
-      children: r.labelKey && /* @__PURE__ */ a(A, { variant: i.CAPTION, className: L, children: e.get(r.labelKey) })
-    }
-  )
-);
+const d = f(({
+  config: r,
+  i18n: e,
+  isSkeletonVisible: m,
+  className: o,
+  ...t
+}, s) => a("span", {
+  className: N(l, o, {
+    [p]: m
+  }),
+  style: {
+    cursor: "default"
+  },
+  ref: s,
+  ...t,
+  children: r.labelKey && a(A, {
+    variant: i.CAPTION,
+    className: L,
+    children: e.get(r.labelKey)
+  })
+}));
 export {
   d as SummaryItemLabel
 };

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

@@ -1,7 +1,7 @@
-import { jsx as x } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import b from "../../../../../core/Context/useCoreContext.js";
-import { useRef as s, useMemo as C } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import { SummaryItem as k } from "../SummaryItem/SummaryItem.js";
+import x from "../../../../../core/Context/useCoreContext.js";
+import { useRef as s, useMemo as b } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { SummaryItem as C } from "../SummaryItem/SummaryItem.js";
+import { jsx as k } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 const S = ({
   total: e,
   hiddenField: n,
@@ -12,7 +12,9 @@ const S = ({
   widths: u,
   onWidthsSet: l
 }) => {
-  const { i18n: o } = b(), m = s(null), f = s(null), g = s(null), a = C(() => {
+  const {
+    i18n: o
+  } = x(), m = s(null), f = s(null), g = s(null), a = b(() => {
     const p = {
       labelKey: "totalIncoming",
       ref: m,
@@ -26,30 +28,23 @@ const S = ({
       getValue: () => e && o.amount(e.expenses, e.currency),
       tooltipLabel: "tooltip.totalOutgoing"
     };
-    return [
-      ...n !== "incomings" ? [p] : [],
-      ...n !== "expenses" ? [y] : [],
-      {
-        ref: g,
-        skeletonWidth: 40,
-        valueHasLabelStyle: !0,
-        getValue: () => e == null ? void 0 : e.currency
-      }
-    ];
+    return [...n !== "incomings" ? [p] : [], ...n !== "expenses" ? [y] : [], {
+      ref: g,
+      skeletonWidth: 40,
+      valueHasLabelStyle: !0,
+      getValue: () => e == null ? void 0 : e.currency
+    }];
   }, [e, n, o]);
-  return /* @__PURE__ */ x(
-    k,
-    {
-      isHovered: i,
-      isEmpty: !e,
-      columnConfigs: a,
-      isHeader: t,
-      isSkeletonVisible: r,
-      isLoading: c,
-      widths: u,
-      onWidthsSet: l
-    }
-  );
+  return k(C, {
+    isHovered: i,
+    isEmpty: !e,
+    columnConfigs: a,
+    isHeader: t,
+    isSkeletonVisible: r,
+    isLoading: c,
+    widths: u,
+    onWidthsSet: l
+  });
 };
 export {
   S as TransactionTotalItem

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

@@ -1,4 +1,3 @@
-import { jsx as r } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { useState as f, useMemo as c } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 import h from "../../../../internal/ExpandableCard/ExpandableCard.js";
 import { memo as x } from "../../../../../external/preact/compat/dist/compat.module.js";
@@ -6,41 +5,42 @@ import { TransactionTotalItem as d } from "../TransactionTotalItem/TransactionTo
 import { BaseList as M } from "../../../../internal/BaseList/BaseList.js";
 import { useMaxWidthsState as S } from "../../hooks/useMaxWidths.js";
 import "./TransactionTotals.scss.js";
-const C = x(({ totals: s, isLoading: o, hiddenField: a, fullWidth: l }) => {
+import { jsx as r } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+const C = x(({
+  totals: s,
+  isLoading: o,
+  hiddenField: a,
+  fullWidth: l
+}) => {
   const [m, n] = S(), [i, t] = f(!1), [p, ...u] = c(() => s.map((e) => (e.key = `${e.currency}-${Math.random()}`, e)), [s]);
-  return /* @__PURE__ */ r(
-    h,
-    {
-      renderHeader: /* @__PURE__ */ r(
-        d,
-        {
-          isHovered: i,
-          total: p,
-          hiddenField: a,
-          widths: m,
-          isHeader: !0,
-          isSkeleton: o,
-          isLoading: o,
-          onWidthsSet: n
-        }
-      ),
-      fullWidth: l,
-      onMouseEnter: () => t(!0),
-      onFocus: () => t(!0),
-      onMouseLeave: () => t(!1),
-      onBlur: () => t(!1),
-      children: !o && u.length && /* @__PURE__ */ r(M, { children: u.map((e) => /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r(
-        d,
-        {
+  return r(h, {
+    renderHeader: r(d, {
+      isHovered: i,
+      total: p,
+      hiddenField: a,
+      widths: m,
+      isHeader: !0,
+      isSkeleton: o,
+      isLoading: o,
+      onWidthsSet: n
+    }),
+    fullWidth: l,
+    onMouseEnter: () => t(!0),
+    onFocus: () => t(!0),
+    onMouseLeave: () => t(!1),
+    onBlur: () => t(!1),
+    children: !o && u.length && r(M, {
+      children: u.map((e) => r("li", {
+        children: r(d, {
           isHovered: i,
           total: e,
           hiddenField: a,
           widths: m,
           onWidthsSet: n
-        }
-      ) }, e.key)) })
-    }
-  );
+        })
+      }, e.key))
+    })
+  });
 });
 export {
   C as TotalsCard

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

@@ -1,4 +1,3 @@
-import { jsx as s } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { useCallback as x, useMemo as q } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 import { useFetch as w } from "../../../../../hooks/useFetch/useFetch.js";
 import { BASE_CLASS as L, ITEM_CLASS as y } from "./constants.js";
@@ -6,49 +5,81 @@ import { memo as M } from "../../../../../external/preact/compat/dist/compat.mod
 import { useResponsiveViewport as N, mediaQueries as _ } from "../../hooks/useResponsiveViewport.js";
 import "./TransactionTotals.scss.js";
 import { TotalsCard as p } from "./TotalsCard.js";
+import { jsx as s } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { Fragment as k } from "../../../../../external/preact/dist/preact.module.js";
 import { useAuthContext as v } from "../../../../../core/Auth/context.js";
 import { EMPTY_OBJECT as B } from "../../../../../utils/value/constants.js";
-const $ = M(
-  ({
-    availableCurrencies: i,
-    isAvailableCurrenciesFetching: F,
-    balanceAccountId: r,
-    createdSince: f,
-    createdUntil: d,
-    categories: c,
-    statuses: l,
-    maxAmount: h,
-    minAmount: T,
-    currencies: u,
-    fullWidth: n
-  }) => {
-    const { getTransactionTotals: t } = v().endpoints, g = x(async () => t == null ? void 0 : t(B, {
-      query: {
-        createdSince: f,
-        createdUntil: d,
-        categories: c,
-        statuses: l,
-        maxAmount: h,
-        minAmount: T,
-        currencies: u,
-        balanceAccountId: r
-      }
-    }), [r, c, f, d, u, t, h, T, l]), { data: o, isFetching: S } = w({
-      fetchOptions: q(() => ({ enabled: !!r && !!t }), [r, t]),
-      queryFn: g
-    }), m = !r || S || F, a = x(() => {
-      if (!i || !o)
-        return o == null ? void 0 : o.data;
-      const C = i.map((e) => o.data.find((O) => O.currency === e) || { currency: e, incomings: 0, expenses: 0 });
-      return C.concat(o.data.filter((e) => !C.includes(e)));
-    }, [i, o])() ?? [], E = N(_.only.xs);
-    return /* @__PURE__ */ s("div", { className: L, children: E ? /* @__PURE__ */ s(k, { children: [
-      /* @__PURE__ */ s("div", { className: y, children: /* @__PURE__ */ s(p, { totals: a, isLoading: m, hiddenField: "expenses", fullWidth: n }) }),
-      /* @__PURE__ */ s("div", { className: y, children: /* @__PURE__ */ s(p, { totals: a, isLoading: m, hiddenField: "incomings", fullWidth: n }) })
-    ] }) : /* @__PURE__ */ s(p, { totals: a, isLoading: m, fullWidth: n }) });
-  }
-), Z = $;
+const $ = M(({
+  availableCurrencies: i,
+  isAvailableCurrenciesFetching: F,
+  balanceAccountId: r,
+  createdSince: f,
+  createdUntil: d,
+  categories: c,
+  statuses: l,
+  maxAmount: h,
+  minAmount: T,
+  currencies: u,
+  fullWidth: n
+}) => {
+  const {
+    getTransactionTotals: t
+  } = v().endpoints, g = x(async () => t == null ? void 0 : t(B, {
+    query: {
+      createdSince: f,
+      createdUntil: d,
+      categories: c,
+      statuses: l,
+      maxAmount: h,
+      minAmount: T,
+      currencies: u,
+      balanceAccountId: r
+    }
+  }), [r, c, f, d, u, t, h, T, l]), {
+    data: o,
+    isFetching: S
+  } = w({
+    fetchOptions: q(() => ({
+      enabled: !!r && !!t
+    }), [r, t]),
+    queryFn: g
+  }), m = !r || S || F, a = x(() => {
+    if (!i || !o)
+      return o == null ? void 0 : o.data;
+    const C = i.map((e) => o.data.find((O) => O.currency === e) || {
+      currency: e,
+      incomings: 0,
+      expenses: 0
+    });
+    return C.concat(o.data.filter((e) => !C.includes(e)));
+  }, [i, o])() ?? [], E = N(_.only.xs);
+  return s("div", {
+    className: L,
+    children: E ? s(k, {
+      children: [s("div", {
+        className: y,
+        children: s(p, {
+          totals: a,
+          isLoading: m,
+          hiddenField: "expenses",
+          fullWidth: n
+        })
+      }), s("div", {
+        className: y,
+        children: s(p, {
+          totals: a,
+          isLoading: m,
+          hiddenField: "incomings",
+          fullWidth: n
+        })
+      })]
+    }) : s(p, {
+      totals: a,
+      isLoading: m,
+      fullWidth: n
+    })
+  });
+}), Z = $;
 export {
   Z as default
 };