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

package/dist/da-DK-a148e492.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=JSON.parse('{"account":"Konto","accountBalance":"Kontosaldo","additions":"Tilføjelser","adjustments":"Justeringer","amount":"Beløb","apply":"Anvend","balanceAccount":"Saldokonto","balanceAccountId":"Id for saldokonto","Booked":"Reserveret","button.clearAll":"Ryd alt","calendar.controls":"Kontrolelementer til kalendernavigation","calendar.nextMonth":"Næste måned","calendar.previousMonth":"Forrige måned","calendar.timezone":"Tidszone er indstillet til: GMT%{offset} (%{time})","capture":"Indsamlet","category":"Kategori","chargeback":"Chargebacks","closeIconLabel":"Luk","contactSupportForHelpAndShareErrorCode":"Kontakt support for at få hjælp, og del fejlkode %{requestId}","correction":"Rettelser","currency":"Valuta","date":"Dato","dateRange":"Datointerval","default":"Standard","description":"Beskrivelse","dismiss":"Afvis","download":"Download","downloading":"Downloader","email":"E-mail","entityWasNotFound":"Enhed blev ikke fundet","entityWasNotFoundDetail":"Transaktion blev ikke fundet for den angivne kontoindehaver","error.pleaseTryAgainLater":"Prøv igen senere.","error.somethingWentWrongWithDownload":"Noget gik galt under download","expandableCard.collapse":"Skjul","expandableCard.expand":"Udvid","export":"Eksporter","fee":"Gebyrer","file":"Fil","filter.date.since":"Siden %{date}","filter.date.until":"Indtil %{date}","filterBar":"Filterbjælke","filterPlaceholder.category":"Type","filterPlaceholder.currency":"Valuta","filterPlaceholder.status":"Status","from":"Fra","fundsCaptured":"Indsamlede midler","grantIssued":"Bevilliget tilskud","grantRepayment":"Tilbagebetaling af tilskud","hideContent":"Skjul indhold","id":"ID","incompleteField":"Ufuldstændigt felt","mobile":"Mobil","netPayout":"Nettoudbetaling","nextPayouts":"Næste udbetalinger","noData":"Ingen data","noNegativeNumbersAllowed":"Ingen negative tal er tilladt","noPayoutsFound":"Ingen udbetalinger er fundet","noReportsFound":"Ingen rapporter fundet","noTransactionsFound":"Ingen transaktioner er fundet","other":"Andet","paginatedNavigation":"Pagineret navigation","pagination.nextPage":"Næste side","pagination.previousPage":"Forrige side","pagination.showing":"Viser","paymentId":"Betalings-id","paymentMethod":"Betalingsmetode","payoutDetails":"Oplysninger om udbetaling","payoutsTitle":"Udbetalinger","Pending":"Afventer","pleaseReachOutToSupportForAssistance":"Kontakt support for at få hjælp.","rangePreset.custom":"Tilpas","rangePreset.last30Days":"Sidste 30 dage","rangePreset.last7Days":"Sidste 7 dage","rangePreset.lastMonth":"Sidste måned","rangePreset.lastWeek":"Sidste uge","rangePreset.thisMonth":"Denne måned","rangePreset.thisWeek":"Denne uge","rangePreset.yearToDate":"År til dato","reachOutToSupport":"Ræk ud efter støtte","referenceID":"Reference-id","refresh":"Opdater","refund":"Refunderinger","remainingAmount":"Resterende beløb","report":"Rapport","reportsError.tooManyDownloads":"Vi kunne ikke downloade alle filerne. Prøv igen senere.","reportsNotice":"Rapporter genereres hver dag ved midnat, UTC-tid.","reportsTitle":"Rapporter","reportType.payout":"Udbetaling","reset":"Nulstil","Reversed":"Tilbageført","select.filter.placeholder":"Pladsholder","select.noOptionsFound":"Ingen muligheder stemmer ikke overens med denne søgning","somethingWentWrong":"Noget gik galt.","status":"Status","structuredList":"Struktureret liste","subtractions":"Subtraktioner","tabs":"Faner","theErrorCodeIs":"Fejlkoden er %{requestId}","thereAreNoResults":"Der er ingen resultater","theRequestIsMissingRequiredFieldsOrContainsInvalidData":"Anmodningen mangler påkrævede felter eller indeholder ugyldige data.","thereWasAnUnexpectedError":"Der opstod en uventet fejl","theSelectedBalanceAccountIsIncorrect":"Den valgte saldokonto er forkert","timezone":"Tidszone","to":"Til","tooltip.ATM":"Penge hævet i en pengeautomat","tooltip.Capital":"Penge fra et indgående lånetilskud eller udgående tilbagebetaling af lån","tooltip.Chargeback":"Penge tilbage til en kunde efter en bestridt transaktion","tooltip.Correction":"Justeringer af dine midler, herunder tilbageførsler af transaktioner og korrektioner af indbetalinger","tooltip.Fee":"Transaktionsomkostninger og gebyrer for betalingsmetoder","tooltip.Other":"Transaktioner, der ikke er i en anden kategori, normalt en justering","tooltip.Payment":"Penge modtaget på din konto fra en salgstransaktion","tooltip.Refund":"Penge sendt tilbage til en kunde fra en refunderet transaktion","tooltip.totalIncoming":"Alle penge modtaget på din konto baseret på de valgte filtre","tooltip.totalOutgoing":"Alle gebyrer, tilbagebetalinger, udbetalinger og andre afgifter baseret på de valgte filtre","tooltip.Transfer":"Penge flyttet mellem din konto og en anden konto","totalIncoming":"Indgående i alt","totalOutgoing":"Udgående i alt","toValueShouldBeGreaterThanTheFromValue":"Værdien \\"til\\" skal være lig med eller større end værdien \\"fra\\"","transactionDetails":"Transaktionsoplysninger","transactions":"Transaktioner","transactionsOverviewTitle":"Oversigt over transaktioner","transactionType":"Transaktionstype","transfer":"Overførsler","tryDifferentSearchOrResetYourFiltersAndWeWillTryAgain":"Prøv en anden søgning, eller nulstil dine filtre, så vi kan prøve igen.","tryRefreshingThePageOrComeBackLater":"Prøv at opdatere siden, eller kom tilbage senere.","txAmount":"Beløb","txType.ATM":"Pengeautomat","txType.Capital":"Kapital","txType.Chargeback":"Chargeback","txType.Correction":"Rettelse","txType.Fee":"Gebyr","txType.Other":"Andet","txType.Payment":"Betaling","txType.Refund":"Refunderinger","txType.Transfer":"Overfør","type":"Type","value":"Værdi","weCouldNotLoadThePayoutsOverview":"Vi kunne ikke indlæse oversigten over udbetalinger.","weCouldNotLoadTheReportsOverview":"Vi kunne ikke indlæse oversigten over rapporter.","weCouldNotLoadTheTransactionsOverview":"Vi kunne ikke indlæse transaktionsoversigten.","weCouldNotLoadYourBalanceAccounts":"Vi kunne ikke indlæse dine saldokonti.","weCouldNotLoadYourPayouts":"Vi kunne ikke indlæse dine udbetalinger.","weCouldNotLoadYourReports":"Vi kunne ikke indlæse dine rapporter.","weCouldNotLoadYourTransactions":"Vi kunne ikke indlæse dine transaktioner."}');exports.default=e;
+//# sourceMappingURL=da-DK-a148e492.cjs.map

package/dist/da-DK-a148e492.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"da-DK-a148e492.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/de-DE-a39a50e8.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=JSON.parse('{"account":"Konto","accountBalance":"Kontostand","additions":"Aufschläge","adjustments":"Anpassungen","amount":"Betrag","apply":"Anwenden","balanceAccount":"Guthabenkonto","balanceAccountId":"Guthabenkonto-ID","Booked":"Gebucht","button.clearAll":"Alles löschen","calendar.controls":"Steuerelemente für die Kalendernavigation","calendar.nextMonth":"Nächster Monat","calendar.previousMonth":"Vorheriger Monat","calendar.timezone":"Die Zeitzone ist eingestellt auf: GMT%{offset} (%{time})","capture":"Erfasst","category":"Kategorie","chargeback":"Chargebacks","closeIconLabel":"Schließen","contactSupportForHelpAndShareErrorCode":"Kontaktieren Sie den Support, um Hilfe zu erhalten, und geben Sie den Fehlercode %{requestId} an.","correction":"Korrekturen","currency":"Währung","date":"Datum","dateRange":"Datumsbereich","default":"Standard","description":"Beschreibung","dismiss":"OK","download":"Herunterladen","downloading":"Wird heruntergeladen","email":"E-Mail","entityWasNotFound":"Entität wurde nicht gefunden","entityWasNotFoundDetail":"Transaktion für den angegebenen Kontoinhaber nicht gefunden","error.pleaseTryAgainLater":"Bitte versuchen Sie es später erneut.","error.somethingWentWrongWithDownload":"Beim Herunterladen ist ein Fehler aufgetreten","expandableCard.collapse":"Zuklappen","expandableCard.expand":"Aufklappen","export":"Exportieren","fee":"Gebühren","file":"Datei","filter.date.since":"Seit %{date}","filter.date.until":"Bis %{date}","filterBar":"Filterleiste","filterPlaceholder.category":"Typ","filterPlaceholder.currency":"Währung","filterPlaceholder.status":"Status","from":"Von","fundsCaptured":"Erfasste Geldmittel","grantIssued":"Zuschuss gewährt","grantRepayment":"Rückzahlungen von Zuschüssen","hideContent":"Inhalt ausblenden","id":"ID","incompleteField":"Unvollständiges Feld","mobile":"Mobil","netPayout":"Netto-Auszahlung","nextPayouts":"Nächste Auszahlungen","noData":"Keine Daten","noNegativeNumbersAllowed":"Keine negativen Zahlen erlaubt","noPayoutsFound":"Keine Auszahlungen gefunden","noReportsFound":"Keine Berichte gefunden","noTransactionsFound":"Keine Transaktionen gefunden","other":"Andere","paginatedNavigation":"Paginierte Navigation","pagination.nextPage":"Nächste Seite","pagination.previousPage":"Vorherige Seite","pagination.showing":"Wird angezeigt","paymentId":"Zahlungs-ID","paymentMethod":"Zahlungsart","payoutDetails":"Auszahlungsdetails","payoutsTitle":"Auszahlungen","Pending":"Ausstehend","pleaseReachOutToSupportForAssistance":"Bitte wenden Sie sich an den Support, wenn Sie Hilfe benötigen.","rangePreset.custom":"Benutzerdefiniert","rangePreset.last30Days":"Letzte 30 Tage","rangePreset.last7Days":"Letzte 7 Tage","rangePreset.lastMonth":"Letzter Monat","rangePreset.lastWeek":"Letzte Woche","rangePreset.thisMonth":"Diesen Monat","rangePreset.thisWeek":"Diese Woche","rangePreset.yearToDate":"Laufendes Jahr","reachOutToSupport":"Wenden Sie sich an den Support","referenceID":"Referenz-ID","refresh":"Aktualisieren","refund":"Rückerstattungen","remainingAmount":"Restbetrag","report":"Bericht","reportsError.tooManyDownloads":"Wir konnten nicht alle Dateien herunterladen. Bitte versuchen Sie es später erneut.","reportsNotice":"Die Berichte werden täglich um Mitternacht (UTC-Zeit) generiert.","reportsTitle":"Berichte","reportType.payout":"Auszahlung","reset":"Zurücksetzen","Reversed":"Rückgängig gemacht","select.filter.placeholder":"Platzhalter","select.noOptionsFound":"Keine Optionen für diese Suche vorhanden","somethingWentWrong":"Etwas ist schiefgelaufen.","status":"Status","structuredList":"Strukturierte Liste","subtractions":"Abzüge","tabs":"Registerkarten","theErrorCodeIs":"Der Fehlercode lautet %{requestId}","thereAreNoResults":"Es sind keine Ergebnisse vorhanden.","theRequestIsMissingRequiredFieldsOrContainsInvalidData":"In der Anfrage fehlen Pflichtfelder oder sie enthält ungültige Daten.","thereWasAnUnexpectedError":"Es ist ein unerwarteter Fehler aufgetreten.","theSelectedBalanceAccountIsIncorrect":"Das gewählte Guthabenkonto ist falsch.","timezone":"Zeitzone","to":"An","tooltip.ATM":"Geld, das an einem Geldautomaten abgehoben wird","tooltip.Capital":"Geld aus einem eingehenden Darlehenszuschuss oder einer ausgehenden Darlehensrückzahlung","tooltip.Chargeback":"Geld wurde einem Kunden nach einer angefochtenen Transaktion zurückerstattet","tooltip.Correction":"Anpassungen Ihrer Gelder, einschließlich Transaktionsstornierungen und Einzahlungskorrekturen","tooltip.Fee":"Transaktionskosten und Gebühren für Zahlungsmethoden","tooltip.Other":"Transaktionen, die nicht in eine andere Kategorie fallen, in der Regel eine Anpassung","tooltip.Payment":"Geld, das Sie durch eine Verkaufstransaktion auf Ihrem Konto erhalten haben","tooltip.Refund":"Geld, das von einer erstatteten Transaktion an einen Kunden zurückgeschickt wurde","tooltip.totalIncoming":"Alle auf Ihrem Konto eingegangenen Gelder basierend auf den ausgewählten Filtern","tooltip.totalOutgoing":"Alle Gebühren, Erstattungen, Auszahlungen und andere Abbuchungen basierend auf den ausgewählten Filtern","tooltip.Transfer":"Geld wurde zwischen Ihrem Konto und einem anderen Konto transferiert","totalIncoming":"Gesamte Eingänge","totalOutgoing":"Gesamte Ausgänge","toValueShouldBeGreaterThanTheFromValue":"Der An-Wert sollte gleich oder größer sein als der Von-Wert","transactionDetails":"Details zur Transaktion","transactions":"Transaktionen","transactionsOverviewTitle":"Übersicht über Transaktionen","transactionType":"Transaktionsart","transfer":"Überweisungen","tryDifferentSearchOrResetYourFiltersAndWeWillTryAgain":"Versuchen Sie es mit einer anderen Suchanfrage oder setzen Sie Ihre Filter zurück und wir versuchen es erneut.","tryRefreshingThePageOrComeBackLater":"Versuchen Sie, die Seite zu aktualisieren, oder schauen Sie später noch einmal vorbei.","txAmount":"Betrag","txType.ATM":"Geldautomat","txType.Capital":"Capital","txType.Chargeback":"Chargeback","txType.Correction":"Korrektur","txType.Fee":"Gebühr","txType.Other":"Andere","txType.Payment":"Zahlung","txType.Refund":"Rückerstattung","txType.Transfer":"Überweisung","type":"Typ","value":"Wert","weCouldNotLoadThePayoutsOverview":"Die Auszahlungsübersicht konnte nicht geladen werden.","weCouldNotLoadTheReportsOverview":"Die Berichtsübersicht konnte nicht geladen werden.","weCouldNotLoadTheTransactionsOverview":"Die Transaktionsübersicht konnte nicht geladen werden.","weCouldNotLoadYourBalanceAccounts":"Ihre Guthabenkonten konnten nicht geladen werden.","weCouldNotLoadYourPayouts":"Ihre Auszahlungen konnten nicht geladen werden.","weCouldNotLoadYourReports":"Ihre Berichte konnten nicht geladen werden.","weCouldNotLoadYourTransactions":"Ihre Transaktionen konnten nicht geladen werden."}');exports.default=e;
+//# sourceMappingURL=de-DE-a39a50e8.cjs.map

package/dist/de-DE-a39a50e8.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"de-DE-a39a50e8.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/es/components/external/PayoutDetails/components/PayoutData.js

@@ -2,34 +2,34 @@ import O from "classnames";
 import { useMemo as N } from "../../../../external/preact/hooks/dist/hooks.module.js";
 import u from "../../../../core/Context/useCoreContext.js";
 import R from "../../../internal/Accordion/Accordion.js";
-import S from "../../../internal/Card/Card.js";
-import { DATE_FORMAT_PAYOUTS_DETAILS as z } from "../../../internal/DataOverviewDisplay/constants.js";
+import _ from "../../../internal/Card/Card.js";
+import { DATE_FORMAT_PAYOUT_DETAILS as z } from "../../../internal/DataOverviewDisplay/constants.js";
 import { TypographyVariant as e } from "../../../internal/Typography/types.js";
-import s from "../../../internal/Typography/Typography.js";
+import m from "../../../internal/Typography/Typography.js";
 import G from "../../TransactionDetails/components/TransactionDataSkeleton.js";
 import J from "../../../hooks/useTimezoneAwareDateFormatting.js";
 import "./PayoutData.scss.js";
-import { PD_BASE_CLASS as K, PD_TITLE_CLASS as k, PD_SECTION_CLASS as l, PD_TITLE_BA_CLASS as Q, PD_CONTENT_CLASS as W, PD_CARD_CLASS as _, PD_SECTION_AMOUNT_CLASS as f, PD_SECTION_GROSS_AMOUNT_CLASS as $, PD_CARD_TITLE_CLASS as F, PD_SECTION_NET_AMOUNT_CLASS as X, PD_UNPAID_AMOUNT as Z } from "./constants.js";
+import { PD_BASE_CLASS as K, PD_TITLE_CLASS as k, PD_SECTION_CLASS as l, PD_TITLE_BA_CLASS as Q, PD_CONTENT_CLASS as W, PD_CARD_CLASS as S, PD_SECTION_AMOUNT_CLASS as f, PD_SECTION_GROSS_AMOUNT_CLASS as $, PD_CARD_TITLE_CLASS as x, PD_SECTION_NET_AMOUNT_CLASS as X, PD_UNPAID_AMOUNT as Z } from "./constants.js";
 import { jsx as n } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import y from "../../../internal/StructuredList/StructuredList.js";
 import { Fragment as j } from "../../../../external/preact/dist/preact.module.js";
 import { EMPTY_OBJECT as b } from "../../../../utils/value/constants.js";
 const gi = ({
-  balanceAccountId: x,
+  balanceAccountId: F,
   balanceAccountDescription: p,
-  payout: m,
+  payout: s,
   isFetching: H
 }) => {
   var P;
   const {
     payout: t
-  } = m ?? b, {
+  } = s ?? b, {
     i18n: r
   } = u(), {
     dateFormat: B
   } = J("UTC"), o = N(() => {
     var a, h;
-    const c = (h = (a = m == null ? void 0 : m.amountBreakdowns) == null ? void 0 : a.adjustmentBreakdown) == null ? void 0 : h.reduce((d, i) => {
+    const c = (h = (a = s == null ? void 0 : s.amountBreakdowns) == null ? void 0 : a.adjustmentBreakdown) == null ? void 0 : h.reduce((d, i) => {
       var L, I, E, Y, D, U, M;
       const v = (L = i == null ? void 0 : i.amount) != null && L.value && ((I = i == null ? void 0 : i.amount) != null && I.currency) ? r.amount((E = i == null ? void 0 : i.amount) == null ? void 0 : E.value, (Y = i == null ? void 0 : i.amount) == null ? void 0 : Y.currency, {
         hideCurrency: !0
@@ -43,9 +43,9 @@ const gi = ({
       additions: []
     });
     return c == null || c.subtractions.sort((d, i) => d.key.localeCompare(i.key)), c == null || c.additions.sort((d, i) => d.key.localeCompare(i.key)), c;
-  }, [r, m]), T = N(() => {
+  }, [r, s]), T = N(() => {
     var a, h;
-    const c = (h = (a = m == null ? void 0 : m.amountBreakdowns) == null ? void 0 : a.fundsCapturedBreakdown) == null ? void 0 : h.reduce((d, i) => {
+    const c = (h = (a = s == null ? void 0 : s.amountBreakdowns) == null ? void 0 : a.fundsCapturedBreakdown) == null ? void 0 : h.reduce((d, i) => {
       var v, A, C, g;
       return ((v = i == null ? void 0 : i.amount) == null ? void 0 : v.value) === 0 || (A = i == null ? void 0 : i.amount) != null && A.value && i.category && d.push({
         key: i.category,
@@ -55,36 +55,36 @@ const gi = ({
       }), d;
     }, []);
     return c == null || c.sort((d, i) => d.key === "capture" ? -1 : i.key === "capture" ? 1 : d.key.localeCompare(i.key)), c;
-  }, [m, r]), q = N(() => t != null && t.createdAt ? B(new Date(t == null ? void 0 : t.createdAt), z) : "", [t, B]);
+  }, [s, r]), q = N(() => t != null && t.createdAt ? B(new Date(t == null ? void 0 : t.createdAt), z) : "", [t, B]);
   return n(j, {
     children: t ? n("div", {
       className: K,
       children: [n("div", {
         className: k,
-        children: [n(s, {
+        children: [n(m, {
           variant: e.SUBTITLE,
           stronger: !0,
           children: r.get("netPayout")
-        }), n(s, {
+        }), n(m, {
           variant: e.TITLE,
           large: !0,
           children: `${r.amount(t.payoutAmount.value, t.payoutAmount.currency, {
             hideCurrency: !0
           })} ${t.payoutAmount.currency}`
-        }), n(s, {
+        }), n(m, {
           variant: e.BODY,
           children: q
         }), n("div", {
           className: l,
-          children: [p && n(s, {
+          children: [p && n(m, {
             variant: e.CAPTION,
             stronger: !0,
             wide: !0,
             children: `${p}`
-          }), n(s, {
+          }), n(m, {
             variant: e.CAPTION,
             className: Q,
-            children: `${x}`
+            children: `${F}`
           })]
         })]
       }), n("div", {
@@ -92,19 +92,19 @@ const gi = ({
         children: [n("div", {
           className: l,
           children: (t == null ? void 0 : t.fundsCapturedAmount) && (T && Object.keys(T).length > 0 ? n(R, {
-            header: n(s, {
+            header: n(m, {
               variant: e.BODY,
               children: r.get("fundsCaptured")
             }),
-            headerInformation: n(s, {
+            headerInformation: n(m, {
               variant: e.BODY,
               children: r.amount(t.fundsCapturedAmount.value, t.fundsCapturedAmount.currency)
             }),
             children: n("div", {
               className: l,
               children: n("div", {
-                className: _,
-                children: n(S, {
+                className: S,
+                children: n(_, {
                   children: n(y, {
                     items: T
                   })
@@ -113,10 +113,10 @@ const gi = ({
             })
           }) : n("div", {
             className: O(f, $),
-            children: [n(s, {
+            children: [n(m, {
               variant: e.BODY,
               children: r.get("fundsCaptured")
-            }), n(s, {
+            }), n(m, {
               variant: e.BODY,
               children: r.amount(t.fundsCapturedAmount.value, t.fundsCapturedAmount.currency)
             })]
@@ -124,19 +124,19 @@ const gi = ({
         }), n("div", {
           className: l,
           children: o != null && o.subtractions && Object.keys(o == null ? void 0 : o.subtractions).length > 0 || o != null && o.additions && Object.keys(o == null ? void 0 : o.additions).length > 0 ? n(R, {
-            header: n(s, {
+            header: n(m, {
               variant: e.BODY,
               children: r.get("adjustments")
             }),
-            headerInformation: n(s, {
+            headerInformation: n(m, {
               variant: e.BODY,
               children: r.amount(t.adjustmentAmount.value, t.adjustmentAmount.currency)
             }),
             children: [(o == null ? void 0 : o.additions) && Object.keys(o == null ? void 0 : o.additions).length > 0 && n("div", {
-              className: _,
-              children: n(S, {
-                renderHeader: n(s, {
-                  className: F,
+              className: S,
+              children: n(_, {
+                renderHeader: n(m, {
+                  className: x,
                   variant: e.CAPTION,
                   stronger: !0,
                   children: r.get("additions")
@@ -146,10 +146,10 @@ const gi = ({
                 })
               })
             }), (o == null ? void 0 : o.subtractions) && Object.keys(o == null ? void 0 : o.subtractions).length > 0 && n("div", {
-              className: _,
-              children: n(S, {
-                renderHeader: n(s, {
-                  className: F,
+              className: S,
+              children: n(_, {
+                renderHeader: n(m, {
+                  className: x,
                   variant: e.CAPTION,
                   stronger: !0,
                   children: r.get("subtractions")
@@ -161,10 +161,10 @@ const gi = ({
             })]
           }) : n("div", {
             className: O(f, $),
-            children: [n(s, {
+            children: [n(m, {
               variant: e.BODY,
               children: r.get("adjustments")
-            }), n(s, {
+            }), n(m, {
               variant: e.BODY,
               children: r.amount(t.adjustmentAmount.value, t.adjustmentAmount.currency)
             })]
@@ -173,25 +173,25 @@ const gi = ({
           className: O(l),
           children: n("div", {
             className: O(f, X),
-            children: [n(s, {
+            children: [n(m, {
               variant: e.BODY,
               stronger: !0,
               children: r.get("netPayout")
-            }), n(s, {
+            }), n(m, {
               variant: e.BODY,
               stronger: !0,
               children: r.amount(t.payoutAmount.value, t.payoutAmount.currency)
             })]
           })
         })]
-      }), ((P = m == null ? void 0 : m.payout) == null ? void 0 : P.unpaidAmount) && n("div", {
+      }), ((P = s == null ? void 0 : s.payout) == null ? void 0 : P.unpaidAmount) && n("div", {
         className: Z,
-        children: [n(s, {
+        children: [n(m, {
           variant: e.BODY,
           children: r.get("remainingAmount")
-        }), n(s, {
+        }), n(m, {
           variant: e.BODY,
-          children: r.amount(m.payout.unpaidAmount.value, m.payout.unpaidAmount.currency)
+          children: r.amount(s.payout.unpaidAmount.value, s.payout.unpaidAmount.currency)
         })]
       })]
     }) : n(G, {

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

@@ -1,143 +1,142 @@
-import { BASE_CLASS as V, EARLIEST_PAYOUT_SINCE_DATE as Y, BASE_CLASS_DETAILS as H } from "./constants.js";
+import { BASE_CLASS as H, EARLIEST_PAYOUT_SINCE_DATE as K, BASE_CLASS_DETAILS as Y } from "./constants.js";
 import { PayoutsTable as J } from "../PayoutsTable/PayoutsTable.js";
-import { LIMIT_OPTIONS as K, DEFAULT_PAGE_LIMIT as Q } from "../../../../internal/Pagination/constants.js";
-import { TypographyVariant as W } from "../../../../internal/Typography/types.js";
-import X from "../../../../internal/Typography/Typography.js";
-import Z from "../../../../hooks/useBalanceAccountSelection.js";
-import $ from "../../../../internal/FilterBar/filters/DateFilter/DateFilter.js";
-import v from "../../../../../hooks/useModalDetails/useModalDetails.js";
-import B from "../../../../hooks/useDefaultOverviewFilterParams.js";
-import { FilterParam as i } from "../../../../types.js";
-import tt from "../../../../../core/Context/useCoreContext.js";
-import { useCallback as D, useMemo as s, useEffect as rt } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import { DataDetailsModal as et } from "../../../../internal/DataOverviewDisplay/DataDetailsModal.js";
+import { LIMIT_OPTIONS as Q, DEFAULT_PAGE_LIMIT as V } from "../../../../internal/Pagination/constants.js";
+import W from "../../../../hooks/useBalanceAccountSelection.js";
+import X from "../../../../internal/FilterBar/filters/DateFilter/DateFilter.js";
+import Z from "../../../../../hooks/useModalDetails/useModalDetails.js";
+import $ from "../../../../hooks/useDefaultOverviewFilterParams.js";
+import { FilterParam as o } from "../../../../types.js";
+import { useCallback as T, useMemo as s, useEffect as v } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { DataDetailsModal as B } from "../../../../internal/DataOverviewDisplay/DataDetailsModal.js";
 import "./PayoutsOverview.scss.js";
-import { jsx as r } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import ot from "../../../../internal/Pagination/hooks/useCursorPaginatedRecords.js";
-import it from "../../../../internal/FilterBar/FilterBar.js";
-import st from "../../../../internal/FormFields/Select/BalanceAccountSelector/BalanceAccountSelector.js";
-import { useAuthContext as at } from "../../../../../core/Auth/context.js";
-import { isFunction as mt } from "../../../../../utils/value/is.js";
+import { jsx as e } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import tt from "../../../../internal/Pagination/hooks/useCursorPaginatedRecords.js";
+import et, { useFilterBarState as rt, FilterBarMobileSwitch as it } from "../../../../internal/FilterBar/FilterBar.js";
+import ot from "../../../../internal/FormFields/Select/BalanceAccountSelector/BalanceAccountSelector.js";
+import { useAuthContext as st } from "../../../../../core/Auth/context.js";
+import { isFunction as at } from "../../../../../utils/value/is.js";
+import { DataOverviewHeader as lt } from "../../../../internal/DataOverviewDisplay/DataOverviewHeader/DataOverviewHeader.js";
 const bt = ({
   onFiltersChanged: a,
-  balanceAccounts: d,
+  balanceAccounts: n,
   allowLimitSelection: p,
-  preferredLimit: y = Q,
+  preferredLimit: F = V,
   onRecordSelection: u,
-  showDetails: m,
-  isLoadingBalanceAccount: S,
+  showDetails: l,
+  isLoadingBalanceAccount: P,
   onContactSupport: f,
-  hideTitle: C
+  hideTitle: _
 }) => {
   const {
-    i18n: I
-  } = tt(), {
-    getPayouts: l
-  } = at().endpoints, {
+    getPayouts: m
+  } = st().endpoints, {
     activeBalanceAccount: t,
-    balanceAccountSelectionOptions: P,
-    onBalanceAccountSelection: _
-  } = Z(d), {
-    defaultParams: o,
-    nowTimestamp: F,
-    refreshNowTimestamp: n
-  } = B("payouts", t), A = D(async (e, G) => l({
+    balanceAccountSelectionOptions: y,
+    onBalanceAccountSelection: C
+  } = W(n), {
+    defaultParams: i,
+    nowTimestamp: I,
+    refreshNowTimestamp: d
+  } = $("payouts", t), A = T(async (r, G) => m({
     signal: G,
     errorLevel: "error"
   }, {
     query: {
-      ...e,
-      createdSince: e[i.CREATED_SINCE] ?? o.current.defaultFilterParams[i.CREATED_SINCE],
-      createdUntil: e[i.CREATED_UNTIL] ?? o.current.defaultFilterParams[i.CREATED_UNTIL],
+      ...r,
+      createdSince: r[o.CREATED_SINCE] ?? i.current.defaultFilterParams[o.CREATED_SINCE],
+      createdUntil: r[o.CREATED_UNTIL] ?? i.current.defaultFilterParams[o.CREATED_UNTIL],
       balanceAccountId: (t == null ? void 0 : t.id) ?? ""
     }
-  }), [t == null ? void 0 : t.id, o, l]), L = s(() => mt(a) ? a : void 0, [a]), O = s(() => p ? K : void 0, [p]), {
-    canResetFilters: h,
-    error: N,
-    fetching: b,
-    filters: c,
-    limit: g,
-    limitOptions: R,
-    records: U,
-    resetFilters: lt,
-    updateFilters: x,
-    updateLimit: M,
+  }), [t == null ? void 0 : t.id, i, m]), c = rt(), L = s(() => at(a) ? a : void 0, [a]), O = s(() => p ? Q : void 0, [p]), {
+    canResetFilters: b,
+    error: h,
+    fetching: N,
+    filters: E,
+    limit: w,
+    limitOptions: M,
+    records: R,
+    resetFilters: mt,
+    updateFilters: U,
+    updateLimit: g,
     ...k
-  } = ot({
+  } = tt({
     fetchRecords: A,
     dataField: "data",
-    filterParams: o.current.defaultFilterParams,
+    filterParams: i.current.defaultFilterParams,
     initialFiltersSameAsDefault: !0,
     onFiltersChanged: L,
-    preferredLimit: y,
+    preferredLimit: F,
     preferredLimitOptions: O,
-    enabled: !!(t != null && t.id) && !!l
+    enabled: !!(t != null && t.id) && !!m
   });
-  rt(() => {
-    n();
-  }, [c, n]);
-  const T = s(() => ({
-    showDetails: m ?? !0,
+  v(() => {
+    d();
+  }, [E, d]);
+  const S = s(() => ({
+    showDetails: l ?? !0,
     callback: u
-  }), [m, u]), w = s(() => ({
-    payout: T
-  }), [T]), {
-    updateDetails: E,
+  }), [l, u]), x = s(() => ({
+    payout: S
+  }), [S]), {
+    updateDetails: D,
     resetDetails: q,
     selectedDetail: z
-  } = v(w), j = D((e) => {
-    E({
+  } = Z(x), j = T((r) => {
+    D({
       selection: {
         type: "payout",
         data: {
           id: t == null ? void 0 : t.id,
           balanceAccountDescription: (t == null ? void 0 : t.description) || "",
-          date: e.createdAt
+          date: r.createdAt
         }
       },
       modalSize: "small"
     }).callback({
       balanceAccountId: (t == null ? void 0 : t.id) || "",
-      date: e.createdAt
+      date: r.createdAt
     });
-  }, [E, t]);
-  return r("div", {
-    className: V,
-    children: [!C && r(X, {
-      variant: W.TITLE,
-      medium: !0,
-      children: I.get("payoutsTitle")
-    }), r(it, {
-      children: [r(st, {
+  }, [D, t]);
+  return e("div", {
+    className: H,
+    children: [e(lt, {
+      hideTitle: _,
+      titleKey: "payoutsTitle",
+      children: e(it, {
+        ...c
+      })
+    }), e(et, {
+      ...c,
+      children: [e(ot, {
         activeBalanceAccount: t,
-        balanceAccountSelectionOptions: P,
-        onBalanceAccountSelection: _
-      }), r($, {
-        canResetFilters: h,
-        defaultParams: o,
-        filters: c,
-        nowTimestamp: F,
-        refreshNowTimestamp: n,
-        sinceDate: Y,
+        balanceAccountSelectionOptions: y,
+        onBalanceAccountSelection: C
+      }), e(X, {
+        canResetFilters: b,
+        defaultParams: i,
+        filters: E,
+        nowTimestamp: I,
+        refreshNowTimestamp: d,
+        sinceDate: K,
         timezone: "UTC",
-        updateFilters: x
+        updateFilters: U
       })]
-    }), r(et, {
-      className: H,
+    }), e(B, {
+      className: Y,
       onContactSupport: f,
       selectedDetail: z,
       resetDetails: q,
-      children: r(J, {
-        loading: b || S || !d,
-        data: U,
+      children: e(J, {
+        loading: N || P || !n,
+        data: R,
         showPagination: !0,
         onRowClick: j,
-        showDetails: m,
-        limit: g,
-        limitOptions: R,
+        showDetails: l,
+        limit: w,
+        limitOptions: M,
         onContactSupport: f,
-        onLimitSelection: M,
-        error: N,
+        onLimitSelection: g,
+        error: h,
         ...k
       })
     })]