@adyen/adyen-platform-experience-web 0.1.1 → 0.1.2

package/dist/ModalContent-e2777391.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index-0c9f4def.js");require("classnames");const r=t=>n.hasOwnProperty(t,"id");function e({data:t}){const o=r(t)?{transaction:t}:{transactionId:t};return n.o(n.k,{children:o&&n.o(n.TransactionDetails,{...o})})}exports.default=e;
+//# sourceMappingURL=ModalContent-e2777391.js.map

package/dist/{ModalContent-83a84ba5.js.map → ModalContent-e2777391.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ModalContent-83a84ba5.js","sources":["../src/components/external/Transactions/components/ModalContent.tsx"],"sourcesContent":["import { SelectedDetail, TransactionDetailData } from '@src/components';\nimport TransactionDetails from '@src/components/external/TransactionDetails/components/TransactionDetails';\nimport { hasOwnProperty } from '@src/utils/common';\n\nconst isTransactionWithoutId = (data: string | TransactionDetailData): data is TransactionDetailData => hasOwnProperty(data, 'id');\nfunction ModalContent({ data }: SelectedDetail) {\n    const transactionProps = isTransactionWithoutId(data) ? { transaction: data } : { transactionId: data };\n\n    return <>{transactionProps && <TransactionDetails {...transactionProps} />}</>;\n}\nexport default ModalContent;\n"],"names":["isTransactionWithoutId","data","hasOwnProperty","ModalContent","transactionProps","jsx","TransactionDetails"],"mappings":"iKAIA,MAAMA,EAA0BC,GAAwEC,EAAA,eAAeD,EAAM,IAAI,EACjI,SAASE,EAAa,CAAE,KAAAF,GAAwB,CACtC,MAAAG,EAAmBJ,EAAuBC,CAAI,EAAI,CAAE,YAAaA,GAAS,CAAE,cAAeA,GAEjG,uBAAU,SAAoBG,GAAAC,IAACC,EAAAA,mBAAoB,CAAA,GAAGF,CAAkB,CAAA,CAAG,CAAA,CAC/E"}
+{"version":3,"file":"ModalContent-e2777391.js","sources":["../src/components/external/Transactions/components/ModalContent.tsx"],"sourcesContent":["import { SelectedDetail, TransactionDetailData } from '@src/components';\nimport TransactionDetails from '@src/components/external/TransactionDetails/components/TransactionDetails';\nimport { hasOwnProperty } from '@src/utils/common';\n\nconst isTransactionWithoutId = (data: string | TransactionDetailData): data is TransactionDetailData => hasOwnProperty(data, 'id');\nfunction ModalContent({ data }: SelectedDetail) {\n    const transactionProps = isTransactionWithoutId(data) ? { transaction: data } : { transactionId: data };\n\n    return <>{transactionProps && <TransactionDetails {...transactionProps} />}</>;\n}\nexport default ModalContent;\n"],"names":["isTransactionWithoutId","data","hasOwnProperty","ModalContent","transactionProps","jsx","TransactionDetails"],"mappings":"6IAIA,MAAMA,EAA0BC,GAAwEC,EAAA,eAAeD,EAAM,IAAI,EACjI,SAASE,EAAa,CAAE,KAAAF,GAAwB,CACtC,MAAAG,EAAmBJ,EAAuBC,CAAI,EAAI,CAAE,YAAaA,GAAS,CAAE,cAAeA,GAEjG,gBAAU,SAAoBG,GAAAC,IAACC,EAAAA,mBAAoB,CAAA,GAAGF,CAAkB,CAAA,CAAG,CAAA,CAC/E"}

package/dist/cjs/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("../index-ff45d757.js");require("preact");require("classnames");exports.AdyenFP=_.AdyenFP;exports.Core=_.Core;exports.TransactionFilterParam=_.TransactionFilterParam;exports.TransactionsComponent=_.TransactionsElement;exports.TransactionsDetailsComponent=_.TransactionsElement$1;exports.all_locales=_.all_locales;exports.ar=_.ar;exports.cs_CZ=_.cs_CZ;exports.da_DK=_.da_DK;exports.de_DE=_.de_DE;exports.el_GR=_.el_GR;exports.en_US=_.en_US;exports.es_ES=_.es_ES;exports.fi_FI=_.fi_FI;exports.fr_FR=_.fr_FR;exports.hr_HR=_.hr_HR;exports.hu_HU=_.hu_HU;exports.it_IT=_.it_IT;exports.ja_JP=_.ja_JP;exports.ko_KR=_.ko_KR;exports.nl_NL=_.nl_NL;exports.no_NO=_.no_NO;exports.pl_PL=_.pl_PL;exports.pt_BR=_.pt_BR;exports.pt_PT=_.pt_PT;exports.ro_RO=_.ro_RO;exports.ru_RU=_.ru_RU;exports.sk_SK=_.sk_SK;exports.sl_SI=_.sl_SI;exports.sv_SE=_.sv_SE;exports.zh_CN=_.zh_CN;exports.zh_TW=_.zh_TW;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("../index-0c9f4def.js");require("classnames");exports.AdyenFP=_.AdyenFP;exports.Core=_.Core;exports.TransactionFilterParam=_.TransactionFilterParam;exports.TransactionsComponent=_.TransactionsElement;exports.TransactionsDetails=_.TransactionsElement$1;exports.all_locales=_.all_locales;exports.ar=_.ar;exports.cs_CZ=_.cs_CZ;exports.da_DK=_.da_DK;exports.de_DE=_.de_DE;exports.el_GR=_.el_GR;exports.en_US=_.en_US;exports.es_ES=_.es_ES;exports.fi_FI=_.fi_FI;exports.fr_FR=_.fr_FR;exports.hr_HR=_.hr_HR;exports.hu_HU=_.hu_HU;exports.it_IT=_.it_IT;exports.ja_JP=_.ja_JP;exports.ko_KR=_.ko_KR;exports.nl_NL=_.nl_NL;exports.no_NO=_.no_NO;exports.pl_PL=_.pl_PL;exports.pt_BR=_.pt_BR;exports.pt_PT=_.pt_PT;exports.ro_RO=_.ro_RO;exports.ru_RU=_.ru_RU;exports.sk_SK=_.sk_SK;exports.sl_SI=_.sl_SI;exports.sv_SE=_.sv_SE;exports.zh_CN=_.zh_CN;exports.zh_TW=_.zh_TW;
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 var a = Object.defineProperty;
 var c = (e, t, s) => t in e ? a(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
 var o = (e, t, s) => (c(e, typeof t != "symbol" ? t + "" : t, s), s);
-import { render as n } from "preact";
+import { render as n } from "../../external/preact/dist/preact.module.js";
 import u from "./EventEmitter.js";
 import m from "../../utils/uuid.js";
 import { isString as d } from "../../utils/validator-utils.js";

package/dist/es/components/external/TransactionDetails/components/TransactionData.js

@@ -6,8 +6,8 @@ import { Tag as p } from "../../../internal/Tag/Tag.js";
 import { TagVariant as a } from "../../../internal/Tag/types.js";
 import h from "../../../../core/Context/useCoreContext.js";
 import { useMemo as r } from "../../../../external/preact/hooks/dist/hooks.module.js";
-import { Fragment as g } from "preact";
-const k = ({ transaction: e, isFetching: y }) => {
+import { Fragment as g } from "../../../../external/preact/dist/preact.module.js";
+const T = ({ transaction: e, isFetching: y }) => {
   var l;
   const { i18n: m } = h(), o = r(
     () => e ? m.date(new Date(e.creationDate), {
@@ -66,5 +66,5 @@ const k = ({ transaction: e, isFetching: y }) => {
   ] }) : /* @__PURE__ */ d(u, { isLoading: y, skeletonRowNumber: 6 }) });
 };
 export {
-  k as TransactionData
+  T as TransactionData
 };

package/dist/es/components/external/TransactionDetails/components/TransactionDataSkeleton.js

@@ -1,7 +1,7 @@
 import { jsx as n } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import s from "classnames";
 import { useMemo as m } from "../../../../external/preact/hooks/dist/hooks.module.js";
-import { Fragment as c } from "preact";
+import { Fragment as c } from "../../../../external/preact/dist/preact.module.js";
 const f = ({ isLoading: o, skeletonRowNumber: a = 0 }) => {
   const e = m(() => Array.from({ length: a }, (t, r) => r), [a]);
   return /* @__PURE__ */ n(c, { children: e.map((t) => /* @__PURE__ */ n(

package/dist/es/components/external/Transactions/components/Balances/Balances.js

@@ -1,50 +1,49 @@
-import { jsx as s } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useSetupEndpoint as u } from "../../../../../hooks/useSetupEndpoint/useSetupEndpoint.js";
-import { useCallback as x, useMemo as E, useEffect as g } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useSetupEndpoint as x } from "../../../../../hooks/useSetupEndpoint/useSetupEndpoint.js";
+import { useCallback as E, useMemo as y, useEffect as g } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 import { useFetch as W } from "../../../../../hooks/useFetch/useFetch.js";
-import { memo as b } from "../../../../../external/preact/compat/dist/compat.module.js";
-import { BASE_CLASS as y } from "./constants.js";
-import C from "../../../../internal/ExpandableCard/ExpandableCard.js";
-import { BaseList as F } from "../../../../internal/BaseList/BaseList.js";
-import { BalanceItem as c } from "../BalanceItem/BalanceItem.js";
-import { useMaxWidthsState as M } from "../../hooks/useMaxWidths.js";
-import { EMPTY_OBJECT as k } from "../../../../../utils/common/constants.js";
-const P = b(
+import { memo as C } from "../../../../../external/preact/compat/dist/compat.module.js";
+import { BASE_CLASS as F } from "./constants.js";
+import M from "../../../../internal/ExpandableCard/ExpandableCard.js";
+import { BaseList as k } from "../../../../internal/BaseList/BaseList.js";
+import { BalanceItem as h } from "../BalanceItem/BalanceItem.js";
+import { useMaxWidthsState as L } from "../../hooks/useMaxWidths.js";
+import { EMPTY_OBJECT as O } from "../../../../../utils/common/constants.js";
+const Y = C(
   ({
-    balanceAccountId: t,
-    updateBalanceAccountCurrencies: o
+    balanceAccountId: s,
+    onCurrenciesChange: n
   }) => {
-    const i = u("getBalances"), p = x(async () => i(k, {
-      path: { balanceAccountId: t }
-    }), [t, i]), { data: e, error: f, isFetching: h } = W({
-      fetchOptions: E(() => ({ enabled: !!t }), [t]),
-      queryFn: p
-    });
-    g(() => {
-      e && o(e == null ? void 0 : e.balances.map(({ currency: r }) => r).sort());
-    }, [e, o]);
-    const m = !t || h, d = !!f || !(e != null && e.balances.length), B = e == null ? void 0 : e.balances, [S, ...n] = B ?? [], [a, l] = M();
-    return /* @__PURE__ */ s("div", { className: y, children: /* @__PURE__ */ s(
-      C,
+    const a = x("getBalances"), d = E(async () => a(O, {
+      path: { balanceAccountId: s }
+    }), [s, a]), { data: e, error: u, isFetching: i } = W({
+      fetchOptions: y(() => ({ enabled: !!s }), [s]),
+      queryFn: d
+    }), c = !s || i, B = !!u || !(e != null && e.balances.length), o = e == null ? void 0 : e.balances.sort((r, m) => r.currency.localeCompare(m.currency)), [S, ...l] = o ?? [], [p, f] = L();
+    return g(() => {
+      const r = o == null ? void 0 : o.map(({ currency: m }) => m);
+      n(r, i);
+    }, [o, i, n]), /* @__PURE__ */ t("div", { className: F, children: /* @__PURE__ */ t(
+      M,
       {
-        renderHeader: /* @__PURE__ */ s(
-          c,
+        renderHeader: /* @__PURE__ */ t(
+          h,
           {
-            isEmpty: d,
+            isEmpty: B,
             balance: S,
-            widths: a,
+            widths: p,
             isHeader: !0,
-            isSkeleton: m,
-            isLoading: m,
-            onWidthsSet: l
+            isSkeleton: c,
+            isLoading: c,
+            onWidthsSet: f
           }
         ),
         filled: !0,
-        children: n.length && /* @__PURE__ */ s(F, { children: n.map((r) => /* @__PURE__ */ s("li", { children: /* @__PURE__ */ s(c, { balance: r, widths: a, onWidthsSet: l }) }, r.currency)) })
+        children: l.length && /* @__PURE__ */ t(k, { children: l.map((r) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(h, { balance: r, widths: p, onWidthsSet: f }) }, r.currency)) })
       }
     ) });
   }
 );
 export {
-  P as Balances
+  Y as Balances
 };

package/dist/es/components/external/Transactions/components/ModalContent.js

@@ -1,7 +1,7 @@
 import { jsx as r } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import n from "../../TransactionDetails/components/TransactionDetails.js";
 import { hasOwnProperty as i } from "../../../../utils/common/index.js";
-import { Fragment as s } from "preact";
+import { Fragment as s } from "../../../../external/preact/dist/preact.module.js";
 const a = (o) => i(o, "id");
 function f({ data: o }) {
   const t = a(o) ? { transaction: o } : { transactionId: o };

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

@@ -6,15 +6,15 @@ import { TypographyVariant as m } from "../../../../internal/Typography/types.js
 import "./SummaryItem.scss.js";
 import { AmountSkeleton as f } from "../AmountSkeleton/AmountSkeleton.js";
 import { useEffect as v } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import { BASE_CLASS as h, BODY_CLASS as E, LABEL_CLASS as u, PLACEHOLDER_CLASS as N } from "./constants.js";
+import { BASE_CLASS as A, BODY_CLASS as N, LABEL_CLASS as L, PLACEHOLDER_CLASS as T, AMOUNT_CLASS as E } from "./constants.js";
 const w = ({
   columnConfigs: o,
   isHeader: s = !1,
-  isSkeletonVisible: y = !1,
-  isLoading: L = !1,
+  isSkeletonVisible: h = !1,
+  isLoading: u = !1,
   widths: r,
   onWidthsSet: p,
-  isEmpty: A
+  isEmpty: y
 }) => {
   const { i18n: C } = d();
   v(() => {
@@ -25,13 +25,13 @@ const w = ({
     p(e);
   }, [p]);
   const c = (e) => ({ width: r && r[e] ? r[e] : "auto" });
-  return /* @__PURE__ */ t("div", { className: l(h, { [E]: !s }), children: o.map((e, a) => /* @__PURE__ */ t("div", { children: [
-    s && e.labelKey && /* @__PURE__ */ t(S, { variant: m.CAPTION, className: u, children: C.get(e.labelKey) }),
-    y ? /* @__PURE__ */ t(f, { isLoading: L, hasMargin: e.hasSkeletonMargin, width: e.skeletonWidth + "px" }) : A ? /* @__PURE__ */ t("span", { className: l([h, N]) }) : /* @__PURE__ */ t("div", { ref: e.ref, style: c(a), children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ t("div", { className: l(A, { [N]: !s }), children: o.map((e, a) => /* @__PURE__ */ t("div", { children: [
+    s && e.labelKey && /* @__PURE__ */ t(S, { variant: m.CAPTION, className: L, children: C.get(e.labelKey) }),
+    h ? /* @__PURE__ */ t(f, { isLoading: u, hasMargin: e.hasSkeletonMargin, width: e.skeletonWidth + "px" }) : y ? /* @__PURE__ */ t("span", { className: l([A, T]) }) : /* @__PURE__ */ t("div", { ref: e.ref, style: c(a), children: /* @__PURE__ */ t(
       S,
       {
         variant: e.valueHasLabelStyle ? m.CAPTION : m.TITLE,
-        className: l({ [u]: e.valueHasLabelStyle }),
+        className: l(E, { [L]: e.valueHasLabelStyle }),
         children: e.getValue()
       }
     ) })

package/dist/es/components/external/Transactions/components/SummaryItem/constants.js

@@ -1,7 +1,8 @@
-const S = "adyen-fp-summary-item", L = S + "--body", _ = S + "__label", o = S + "__placeholder";
+const S = "adyen-fp-summary-item", _ = S + "--body", o = S + "__label", A = S + "__amount", L = S + "__placeholder";
 export {
+  A as AMOUNT_CLASS,
   S as BASE_CLASS,
-  L as BODY_CLASS,
-  _ as LABEL_CLASS,
-  o as PLACEHOLDER_CLASS
+  _ as BODY_CLASS,
+  o as LABEL_CLASS,
+  L as PLACEHOLDER_CLASS
 };

package/dist/es/components/external/Transactions/components/TransactionList.js

@@ -1,78 +1,78 @@
-import { jsx as o } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import L from "../../../internal/Modal/Modal.js";
-import N from "../../../internal/Spinner/Spinner.js";
-import x from "../../../../core/Context/useCoreContext.js";
-import P from "../../../../hooks/useModalDetails/useModalDetails.js";
+import { jsx as a } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import S from "../../../internal/Modal/Modal.js";
+import A from "../../../internal/Spinner/Spinner.js";
+import L from "../../../../core/Context/useCoreContext.js";
+import x from "../../../../hooks/useModalDetails/useModalDetails.js";
 import z from "classnames";
-import { Suspense as D, lazy as I } from "../../../../external/preact/compat/dist/compat.module.js";
-import { useMemo as m, useCallback as $ } from "../../../../external/preact/hooks/dist/hooks.module.js";
-import { getLabel as B, parsePaymentMethodType as G } from "./utils.js";
+import { Suspense as P, lazy as I } from "../../../../external/preact/compat/dist/compat.module.js";
+import { useMemo as s, useCallback as $ } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import { getLabel as w, parsePaymentMethodType as B } from "./utils.js";
 import "./TransactionList.scss.js";
-import { Tag as p } from "../../../internal/Tag/Tag.js";
+import { Tag as c } from "../../../internal/Tag/Tag.js";
 import { TagVariant as i } from "../../../internal/Tag/types.js";
-import { CellTextPosition as O } from "../../../internal/DataGrid/types.js";
-import { Image as U } from "../../../internal/Image/Image.js";
-import H from "./TransactionListError/TransactionListError.js";
-import { getCurrencyCode as W } from "../../../../core/Localization/amount/amount-util.js";
-import h from "../../../internal/DataGrid/DataGrid.js";
-import j from "../../../internal/Pagination/Pagination.js";
-import { Fragment as M } from "preact";
-const q = I(() => import("./ModalContent.js")), V = ["creationDate", "status", "paymentMethod", "type", "currency", "amount"];
+import { CellTextPosition as G } from "../../../internal/DataGrid/types.js";
+import { Image as O } from "../../../internal/Image/Image.js";
+import U from "./TransactionListError/TransactionListError.js";
+import { getCurrencyCode as H } from "../../../../core/Localization/amount/amount-util.js";
+import g from "../../../internal/DataGrid/DataGrid.js";
+import { Fragment as M } from "../../../../external/preact/dist/preact.module.js";
+import W from "../../../internal/Pagination/Pagination.js";
+const j = I(() => import("./ModalContent.js")), q = ["creationDate", "status", "paymentMethod", "type", "currency", "amount"];
 function pt({
-  balanceAccountDescription: d,
+  balanceAccountDescription: p,
   loading: T,
   transactions: b,
-  onTransactionSelected: u,
-  showPagination: E,
-  showDetails: e,
-  error: c,
+  onTransactionSelected: d,
+  showPagination: D,
+  showDetails: u,
+  error: m,
   onContactSupport: y,
-  availableCurrencies: s,
-  ...S
+  availableCurrencies: r,
+  ..._
 }) {
-  const { i18n: n } = x(), l = s && s.length > 1, _ = m(
-    () => V.map((t) => {
-      const r = n.get(B(t));
+  const { i18n: n } = L(), l = r && r.length > 1, E = s(
+    () => q.map((t) => {
+      const e = n.get(w(t));
       return t === "amount" ? {
         key: t,
-        label: l ? r : `${r} ${s && s[0] ? `(${W(s[0])})` : ""}`,
-        position: t === "amount" ? O.RIGHT : void 0
-      } : { key: t, label: r };
+        label: l ? e : `${e} ${r && r[0] ? `(${H(r[0])})` : ""}`,
+        position: t === "amount" ? G.RIGHT : void 0
+      } : { key: t, label: e };
     }),
-    [s, l, n]
-  ), f = m(
+    [r, l, n]
+  ), f = s(
     () => ({
-      showDetails: [e == null ? void 0 : e.transaction],
-      callback: u
+      showDetails: u ?? !0,
+      callback: d
     }),
-    [e == null ? void 0 : e.transaction, u]
-  ), k = m(() => ({ transaction: f }), [f]), { updateDetails: g, resetDetails: C, selectedDetail: a } = P(k), F = $(
+    [u, d]
+  ), k = s(() => ({ transaction: f }), [f]), { updateDetails: h, resetDetails: C, selectedDetail: o } = x(k), F = $(
     (t) => {
-      g({
-        selection: { type: "transaction", data: { ...t, balanceAccountDescription: d } },
+      h({
+        selection: { type: "transaction", data: { ...t, balanceAccountDescription: p } },
         modalSize: "small"
       }).callback({ id: t.id });
     },
-    [g, d]
-  ), R = {
+    [h, p]
+  ), N = {
     title: "weDidNotFindAnyTransaction",
     message: ["thereAreNoTransactionsForThisRequirements", "tryAgainPlease"]
-  }, A = m(() => () => /* @__PURE__ */ o(H, { error: c, onContactSupport: y }), [c, y]);
-  return /* @__PURE__ */ o(M, { children: [
-    /* @__PURE__ */ o(
-      h,
+  }, R = s(() => () => /* @__PURE__ */ a(U, { error: m, onContactSupport: y }), [m, y]);
+  return /* @__PURE__ */ a(M, { children: [
+    /* @__PURE__ */ a(
+      g,
       {
-        errorDisplay: A,
-        error: c,
-        columns: _,
+        errorDisplay: R,
+        error: m,
+        columns: E,
         data: b,
         loading: T,
         outline: !1,
         onRowClick: { callback: F },
-        emptyTableMessage: R,
+        emptyTableMessage: N,
         customCells: {
-          status: ({ value: t }) => /* @__PURE__ */ o(
-            p,
+          status: ({ value: t }) => /* @__PURE__ */ a(
+            c,
             {
               label: n.get(t),
               variant: t === "Booked" ? i.SUCCESS : t === "Reversed" ? i.ERROR : i.DEFAULT
@@ -81,17 +81,14 @@ function pt({
           type: ({ item: t }) => t.category ? n.get(`txType.${t.category}`) : null,
           creationDate: ({ value: t }) => n.fullDate(t),
           amount: ({ value: t }) => {
-            const r = n.amount(t.value, t.currency, {
-              showSign: t.value < 0,
-              hideSymbol: !l
-            });
-            return /* @__PURE__ */ o("span", { className: z("adyen-fp-transactions__amount"), children: r });
+            const e = n.amount(t.value, t.currency, { hideCurrency: !l });
+            return /* @__PURE__ */ a("span", { className: z("adyen-fp-transactions__amount"), children: e });
           },
           paymentMethod: ({ item: t }) => {
-            var r;
-            return /* @__PURE__ */ o(M, { children: t.paymentMethod || t.bankAccount ? /* @__PURE__ */ o("div", { className: "adyen-fp-transactions__payment-method", children: [
-              /* @__PURE__ */ o("div", { className: "adyen-fp-transactions__payment-method-logo-container", children: /* @__PURE__ */ o(
-                U,
+            var e;
+            return /* @__PURE__ */ a(M, { children: t.paymentMethod || t.bankAccount ? /* @__PURE__ */ a("div", { className: "adyen-fp-transactions__payment-method", children: [
+              /* @__PURE__ */ a("div", { className: "adyen-fp-transactions__payment-method-logo-container", children: /* @__PURE__ */ a(
+                O,
                 {
                   name: t.paymentMethod ? t.paymentMethod.type : "bankTransfer",
                   alt: t.paymentMethod ? t.paymentMethod.type : "bankTransfer",
@@ -99,25 +96,31 @@ function pt({
                   className: "adyen-fp-transactions__payment-method-logo"
                 }
               ) }),
-              t.paymentMethod ? G(t.paymentMethod) : (r = t.bankAccount) == null ? void 0 : r.accountNumberLastFourDigits
-            ] }) : /* @__PURE__ */ o(p, { label: n.get("noData"), variant: i.WHITE }) });
+              t.paymentMethod ? B(t.paymentMethod) : (e = t.bankAccount) == null ? void 0 : e.accountNumberLastFourDigits
+            ] }) : /* @__PURE__ */ a(c, { label: n.get("noData"), variant: i.WHITE }) });
           },
-          currency: ({ item: t }) => /* @__PURE__ */ o(p, { label: t.amount.currency })
+          currency: ({ item: t }) => /* @__PURE__ */ a(c, { label: t.amount.currency })
         },
-        children: E && /* @__PURE__ */ o(h.Footer, { children: /* @__PURE__ */ o(j, { ...S }) })
+        children: D && /* @__PURE__ */ a(g.Footer, { children: /* @__PURE__ */ a(W, { ..._ }) })
       }
     ),
-    /* @__PURE__ */ o(
-      L,
+    /* @__PURE__ */ a(
+      S,
       {
-        title: a != null && a.title ? n.get(a.title) : void 0,
-        isOpen: !!a,
+        title: o != null && o.title ? n.get(o.title) : void 0,
+        isOpen: !!o,
         "aria-label": n.get("transactionDetails"),
         onClose: C,
         isDismissible: !0,
         headerWithBorder: !1,
-        size: (a == null ? void 0 : a.modalSize) ?? "large",
-        children: a && /* @__PURE__ */ o(D, { fallback: /* @__PURE__ */ o(N, {}), children: /* @__PURE__ */ o(q, { data: a.selection.data }) })
+        size: (o == null ? void 0 : o.modalSize) ?? "large",
+        children: o && /* @__PURE__ */ a(
+          P,
+          {
+            fallback: /* @__PURE__ */ a("span", { className: "adyen-fp-transactions__spinner-container", children: /* @__PURE__ */ a(A, { size: "medium" }) }),
+            children: /* @__PURE__ */ a(j, { data: o.selection.data })
+          }
+        )
       }
     )
   ] });

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

@@ -1,60 +1,66 @@
-import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useSetupEndpoint as W } from "../../../../../hooks/useSetupEndpoint/useSetupEndpoint.js";
-import { useCallback as g, useMemo as y } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import { useFetch as F } from "../../../../../hooks/useFetch/useFetch.js";
-import M from "../../../../internal/ExpandableCard/ExpandableCard.js";
-import { BASE_CLASS as k } from "./constants.js";
-import { memo as B } from "../../../../../external/preact/compat/dist/compat.module.js";
-import { TransactionTotalItem as S } from "../TransactionTotalItem/TransactionTotalItem.js";
-import { BaseList as L } from "../../../../internal/BaseList/BaseList.js";
-import { useMaxWidthsState as O } from "../../hooks/useMaxWidths.js";
-import { EMPTY_OBJECT as q } from "../../../../../utils/common/constants.js";
-const K = B(
+import { jsx as o } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useSetupEndpoint as M } from "../../../../../hooks/useSetupEndpoint/useSetupEndpoint.js";
+import { useCallback as S, useMemo as k } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { useFetch as B } from "../../../../../hooks/useFetch/useFetch.js";
+import L from "../../../../internal/ExpandableCard/ExpandableCard.js";
+import { BASE_CLASS as q } from "./constants.js";
+import { memo as w } from "../../../../../external/preact/compat/dist/compat.module.js";
+import { TransactionTotalItem as g } from "../TransactionTotalItem/TransactionTotalItem.js";
+import { BaseList as H } from "../../../../internal/BaseList/BaseList.js";
+import { useMaxWidthsState as _ } from "../../hooks/useMaxWidths.js";
+import { EMPTY_OBJECT as j } from "../../../../../utils/common/constants.js";
+const Z = w(
   ({
-    balanceAccountId: r,
-    createdSince: s,
-    createdUntil: e,
-    categories: i,
-    statuses: a,
-    maxAmount: m,
-    minAmount: n,
-    currencies: l,
-    availableCurrencies: v
+    availableCurrencies: i,
+    isAvailableCurrenciesFetching: y,
+    balanceAccountId: s,
+    createdSince: a,
+    createdUntil: m,
+    categories: l,
+    statuses: f,
+    maxAmount: p,
+    minAmount: d,
+    currencies: h
   }) => {
-    const p = W("getTransactionTotals"), u = g(async () => p(q, {
+    const T = M("getTransactionTotals"), C = S(async () => T(j, {
       query: {
-        createdSince: s,
-        createdUntil: e,
-        categories: i,
-        statuses: a,
-        maxAmount: m,
-        minAmount: n,
-        currencies: l,
-        balanceAccountId: r
+        createdSince: a,
+        createdUntil: m,
+        categories: l,
+        statuses: f,
+        maxAmount: p,
+        minAmount: d,
+        currencies: h,
+        balanceAccountId: s
       }
-    }), [r, i, s, e, l, p, m, n, a]), { data: o, error: w, isFetching: x } = F({
-      fetchOptions: y(() => ({ enabled: !!r }), [r]),
-      queryFn: u
-    }), f = !r || x, C = o == null ? void 0 : o.totals, [E, ...h] = C ?? [], [d, T] = O();
-    return /* @__PURE__ */ t("div", { className: k, children: /* @__PURE__ */ t(
-      M,
+    }), [s, l, a, m, h, T, p, d, f]), { data: t, isFetching: E } = B({
+      fetchOptions: k(() => ({ enabled: !!s }), [s]),
+      queryFn: C
+    }), n = !s || E || y, O = S(() => {
+      if (!i || !t)
+        return t == null ? void 0 : t.totals;
+      const r = i.map((e) => t.totals.find((F) => F.currency === e) || { currency: e, incomings: 0, expenses: 0 });
+      return r.concat(t.totals.filter((e) => !r.includes(e)));
+    }, [i, t]), [W, ...c] = O() ?? [], [u, x] = _();
+    return /* @__PURE__ */ o("div", { className: q, children: /* @__PURE__ */ o(
+      L,
       {
-        renderHeader: /* @__PURE__ */ t(
-          S,
+        renderHeader: /* @__PURE__ */ o(
+          g,
           {
-            total: E,
-            widths: d,
+            total: W,
+            widths: u,
             isHeader: !0,
-            isSkeleton: f,
-            isLoading: f,
-            onWidthsSet: T
+            isSkeleton: n,
+            isLoading: n,
+            onWidthsSet: x
           }
         ),
-        children: h.length && /* @__PURE__ */ t(L, { children: h.map((c) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(S, { total: c, widths: d, onWidthsSet: T }) }, c.currency)) })
+        children: !n && c.length && /* @__PURE__ */ o(H, { children: c.map((r) => /* @__PURE__ */ o("li", { children: /* @__PURE__ */ o(g, { total: r, widths: u, onWidthsSet: x }) }, r.currency)) })
       }
     ) });
   }
 );
 export {
-  K as default
+  Z as default
 };