@adyen/adyen-platform-experience-web 1.1.1 → 1.3.0

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

@@ -1,16 +1,16 @@
-import v from "../AmountSkeleton/AmountSkeleton.js";
-import { BASE_CLASS as y, BODY_CLASS as T, PLACEHOLDER_CLASS as E, LABEL_CLASS as _, AMOUNT_CLASS as b } from "./constants.js";
+import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { AmountSkeleton as v } from "../AmountSkeleton/AmountSkeleton.js";
+import { BASE_CLASS as y, BODY_CLASS as T, PLACEHOLDER_CLASS as E, LABEL_CLASS as b, AMOUNT_CLASS as B } from "./constants.js";
 import { SummaryItemLabel as h } from "./SummaryItemLabel.js";
-import { Tooltip as x } from "../../../../internal/Tooltip/Tooltip.js";
+import { Tooltip as N } from "../../../../internal/Tooltip/Tooltip.js";
 import { TypographyVariant as p } from "../../../../internal/Typography/types.js";
-import B from "../../../../internal/Typography/Typography.js";
-import N from "../../../../../core/Context/useCoreContext.js";
+import O from "../../../../internal/Typography/Typography.js";
+import _ from "../../../../../core/Context/useCoreContext.js";
 import n from "classnames";
-import { useEffect as O, 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 = ({
+import { useEffect as x, useCallback as H } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+/* empty css                 */
+import { useResponsiveViewport as I, mediaQueries as w } from "../../../../../hooks/useResponsiveViewport.js";
+const W = ({
   columnConfigs: i,
   isHeader: u = !1,
   isHovered: c = !1,
@@ -20,60 +20,33 @@ const X = ({
   onWidthsSet: L,
   isEmpty: A
 }) => {
-  const {
-    i18n: s
-  } = N();
-  O(() => {
+  const { i18n: s } = _();
+  x(() => {
     const e = i.map((r) => {
       var a, o;
       return ((o = (a = r.ref) == null ? void 0 : a.current) == null ? void 0 : o.getBoundingClientRect().width) ?? 0;
     });
     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 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(x, {
-          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({
-              [_]: e.valueHasLabelStyle,
-              [b]: !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 /* @__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(N, { 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(
+        O,
+        {
+          variant: f(e, o),
+          className: n({ [b]: e.valueHasLabelStyle, [B]: !e.valueHasLabelStyle }),
+          children: a
+        }
+      ) })
+    ] }, r);
+  }) });
 };
 export {
-  X as SummaryItem
+  W as SummaryItem
 };

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

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

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

@@ -1,7 +1,7 @@
-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";
+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";
 const S = ({
   total: e,
   hiddenField: n,
@@ -12,9 +12,7 @@ const S = ({
   widths: u,
   onWidthsSet: l
 }) => {
-  const {
-    i18n: o
-  } = x(), m = s(null), f = s(null), g = s(null), a = b(() => {
+  const { i18n: o } = b(), m = s(null), f = s(null), g = s(null), a = C(() => {
     const p = {
       labelKey: "totalIncoming",
       ref: m,
@@ -28,23 +26,30 @@ 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 k(C, {
-    isHovered: i,
-    isEmpty: !e,
-    columnConfigs: a,
-    isHeader: t,
-    isSkeletonVisible: r,
-    isLoading: c,
-    widths: u,
-    onWidthsSet: l
-  });
+  return /* @__PURE__ */ x(
+    k,
+    {
+      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,46 +1,46 @@
-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";
-import { TransactionTotalItem as d } from "../TransactionTotalItem/TransactionTotalItem.js";
-import { BaseList as M } from "../../../../internal/BaseList/BaseList.js";
-import { useMaxWidthsState as S } from "../../hooks/useMaxWidths.js";
-import "./TransactionTotals.scss.js";
 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 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, {
+import { useState as h, useMemo as p } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import c from "../../../../internal/ExpandableCard/ExpandableCard.js";
+import { memo as M } from "../../../../../external/preact/compat/dist/compat.module.js";
+import { TransactionTotalItem as d } from "../TransactionTotalItem/TransactionTotalItem.js";
+import { BaseList as x } from "../../../../internal/BaseList/BaseList.js";
+import { useMaxWidthsState as T } from "../../hooks/useMaxWidths.js";
+/* empty css                       */
+const C = M(({ totals: s, isLoading: o, hiddenField: a, fullWidth: l }) => {
+  const [m, n] = T(), [i, t] = h(!1), [f, ...u] = p(() => s.map((e) => (e.key = `${e.currency}-${Math.random()}`, e)), [s]);
+  return /* @__PURE__ */ r(
+    c,
+    {
+      renderHeader: /* @__PURE__ */ r(
+        d,
+        {
+          isHovered: i,
+          total: f,
+          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(x, { children: u.map((e) => /* @__PURE__ */ r("li", { children: /* @__PURE__ */ 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,85 +1,54 @@
-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";
-import { memo as M } from "../../../../../external/preact/compat/dist/compat.module.js";
-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 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 = $;
+import { useCallback as u, useMemo as O } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { useFetch as k } from "../../../../../hooks/useFetch.js";
+import { BASE_CLASS as q, ITEM_CLASS as y } from "./constants.js";
+import { memo as L } from "../../../../../external/preact/compat/dist/compat.module.js";
+import { useResponsiveViewport as N, mediaQueries as _ } from "../../../../../hooks/useResponsiveViewport.js";
+/* empty css                       */
+import { TotalsCard as a } from "./TotalsCard.js";
+import { Fragment as v } from "../../../../../external/preact/dist/preact.module.js";
+import { useConfigContext as B } from "../../../../../core/ConfigContext/context.js";
+import { EMPTY_OBJECT as j } from "../../../../../utils/value/constants.js";
+const Z = L(
+  ({
+    availableCurrencies: i,
+    isAvailableCurrenciesFetching: F,
+    balanceAccountId: t,
+    createdSince: f,
+    createdUntil: d,
+    categories: l,
+    statuses: c,
+    maxAmount: h,
+    minAmount: C,
+    currencies: T,
+    fullWidth: n
+  }) => {
+    const { getTransactionTotals: r } = B().endpoints, x = u(async () => r == null ? void 0 : r(j, {
+      query: {
+        createdSince: f,
+        createdUntil: d,
+        categories: l,
+        statuses: c,
+        maxAmount: h,
+        minAmount: C,
+        currencies: T,
+        balanceAccountId: t
+      }
+    }), [t, l, f, d, T, r, h, C, c]), { data: o, isFetching: S } = k({
+      fetchOptions: O(() => ({ enabled: !!t && !!r }), [t, r]),
+      queryFn: x
+    }), m = !t || S || F, p = u(() => {
+      if (!i || !o)
+        return o == null ? void 0 : o.data;
+      const g = i.map((e) => o.data.find((M) => M.currency === e) || { currency: e, incomings: 0, expenses: 0 });
+      return g.concat(o.data.filter((e) => !g.includes(e)));
+    }, [i, o])() ?? [], E = N(_.only.xs);
+    return /* @__PURE__ */ s("div", { className: q, children: E ? /* @__PURE__ */ s(v, { children: [
+      /* @__PURE__ */ s("div", { className: y, children: /* @__PURE__ */ s(a, { totals: p, isLoading: m, hiddenField: "expenses", fullWidth: n }) }),
+      /* @__PURE__ */ s("div", { className: y, children: /* @__PURE__ */ s(a, { totals: p, isLoading: m, hiddenField: "incomings", fullWidth: n }) })
+    ] }) : /* @__PURE__ */ s(a, { totals: p, isLoading: m, fullWidth: n }) });
+  }
+);
 export {
   Z as default
 };