@adyen/adyen-platform-experience-web 1.9.0 → 1.10.1

package/dist/es/components/external/PaymentLinksOverview/components/constants.js

@@ -0,0 +1,41 @@
+const n = "adyen-pe-payment-links-overview", t = "adyen-pe-payment-link-table", i = `${n}--xs`, c = `${n}__actions-container`, S = `${n}__tabs-container`, s = `${t}__mobile-cell`, A = `${t}__mobile-amount-cell`, a = `${t}__mobile-expire-date-cell`, T = `${n}__filters-container`, L = `${n}__action-buttons-container`, E = `${n}__filters-alert-container`, N = `${n}__action-button`, l = `${n}__action-button--xs`, p = 90, I = "active", o = {
+  active: "payByLink.overview.list.statusGroups.active",
+  inactive: "payByLink.overview.list.statusGroups.inactive"
+}, y = Object.entries(o).map(([_, e]) => ({
+  id: _,
+  label: e,
+  content: null
+})), C = {
+  active: "active",
+  inactive: "inactive"
+}, m = {
+  active: "payByLink.common.status.active",
+  expired: "payByLink.common.status.expired",
+  completed: "payByLink.common.status.completed",
+  paymentPending: "payByLink.common.status.paymentPending"
+}, B = {
+  open: "payByLink.common.linkType.open",
+  singleUse: "payByLink.common.linkType.singleUse"
+};
+export {
+  L as ACTION_BUTTONS_CONTAINER_CLASS,
+  N as ACTION_BUTTON_CLASS,
+  l as ACTION_BUTTON_MOBILE_CLASS,
+  c as BASE_ACTIONS_CLASS,
+  n as BASE_CLASS,
+  t as BASE_TABLE_GRID_CLASS,
+  i as BASE_XS_CLASS,
+  I as DEFAULT_PAYMENT_LINK_STATUS_GROUP,
+  p as EARLIEST_PAYMENT_LINK_DATE,
+  E as FILTERS_ALERT_CONTAINER_CLASS,
+  T as FILTERS_CONTAINER_CLASS,
+  A as MOBILE_AMOUNT_CELL_CLASS,
+  a as MOBILE_EXPIRE_DATE_CELL_CLASS,
+  s as MOBILE_TABLE_CELL_CLASS,
+  m as PAYMENT_LINK_STATUSES,
+  o as PAYMENT_LINK_STATUS_GROUPS,
+  C as PAYMENT_LINK_STATUS_GROUPS_FILTER_MAPPING,
+  y as PAYMENT_LINK_STATUS_GROUPS_TABS,
+  B as PAYMENT_LINK_TYPES,
+  S as TABS_CONTAINER_CLASS
+};

package/dist/es/components/external/PaymentLinksOverview/utils/getPaymentLinksErrorMessage.js

@@ -0,0 +1,59 @@
+import { jsx as i } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { UNDEFINED_ERROR as a } from "../../../utils/getCommonErrorCode.js";
+import c from "../../../internal/CopyText/CopyText.js";
+const l = "ACCOUNT_MISCONFIGURATION", u = "WRONG_STORE_IDS", p = (e, t, r, n) => {
+  if (!e) return a;
+  const s = r ? "common.errors.errorCode" : "common.errors.errorCodeSupport", o = {
+    [s]: e.requestId ? /* @__PURE__ */ i(c, { copyButtonAriaLabelKey: "common.actions.copy.labels.errorCode", textToCopy: e.requestId }) : null
+  };
+  switch (e.errorCode) {
+    case l:
+      return {
+        title: "common.errors.somethingWentWrong",
+        message: ["payByLink.common.errors.accountConfiguration", "common.errors.contactSupport"],
+        translationValues: o,
+        onContactSupport: r
+      };
+    case u:
+      return {
+        title: "common.errors.somethingWentWrong",
+        message: ["payByLink.common.errors.storeID", "common.errors.contactSupport"],
+        translationValues: o,
+        onContactSupport: r
+      };
+    case "29_001":
+      return e.invalidFields?.some((m) => m.name === "paymentLinkId") ? {
+        title: "payByLink.overview.errors.listEmpty",
+        message: ["payByLink.overview.errors.listEmpty.message"],
+        images: {
+          desktop: n?.({ name: "no-results-found" }),
+          mobile: n?.({ name: "no-results-found", subFolder: "images/small" })
+        }
+      } : {
+        title: "common.errors.somethingWentWrong",
+        message: ["payByLink.overview.errors.couldNotLoadLinks", "common.errors.retry"],
+        onContactSupport: r
+      };
+    case "00_500":
+    case void 0:
+      return {
+        title: "common.errors.somethingWentWrong",
+        message: ["payByLink.overview.errors.couldNotLoadLinks", s],
+        translationValues: o,
+        refreshComponent: !0
+      };
+    default:
+      return {
+        title: "common.errors.somethingWentWrong",
+        message: [t, s],
+        translationValues: o,
+        onContactSupport: r,
+        refreshComponent: !0
+      };
+  }
+};
+export {
+  l as ACCOUNT_MISCONFIGURATION,
+  u as WRONG_STORE_IDS,
+  p as getPaymentLinksErrorMessage
+};

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

@@ -1,18 +1,14 @@
-var s = Object.defineProperty;
-var n = (e, t, o) => t in e ? s(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o;
-var r = (e, t, o) => n(e, typeof t != "symbol" ? t + "" : t, o);
-import { jsx as p } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { UIElement as i } from "../UIElement/UIElement.js";
-import a from "../../internal/DataOverviewDetails/DataOverviewDetails.js";
-class m extends i {
-  constructor(o) {
-    super(o);
-    r(this, "componentToRender", () => /* @__PURE__ */ p(a, { ...this.props, type: "payout" }));
-    this.componentToRender = this.componentToRender.bind(this);
+import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { UIElement as o } from "../UIElement/UIElement.js";
+import r from "../../internal/DataOverviewDetails/DataOverviewDetails.js";
+class i extends o {
+  static type = "payoutDetails";
+  constructor(t) {
+    super(t), this.componentToRender = this.componentToRender.bind(this);
   }
+  componentToRender = () => /* @__PURE__ */ e(r, { ...this.props, type: "payout" });
 }
-r(m, "type", "payoutDetails");
 export {
-  m as PayoutElement,
-  m as default
+  i as PayoutElement,
+  i as default
 };

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

@@ -1,185 +1,175 @@
 import { jsx as e } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import A from "classnames";
-import { useMemo as N } from "../../../../external/preact/hooks/dist/hooks.module.js";
-import x from "../../../../core/Context/useCoreContext.js";
-import I from "../../../internal/Accordion/Accordion.js";
-import S from "../../../internal/Card/Card.js";
-import { TypographyVariant as o, TypographyElement as b } from "../../../internal/Typography/types.js";
-import c from "../../../internal/Typography/Typography.js";
-import F from "../../../internal/DataOverviewDetails/DataOverviewDetailsSkeleton.js";
-import X from "../../../../hooks/useTimezoneAwareDateFormatting.js";
+import m from "classnames";
+import { useMemo as h } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import I from "../../../../core/Context/useCoreContext.js";
+import D from "../../../internal/Accordion/Accordion.js";
+import N from "../../../internal/Card/Card.js";
+import { TypographyVariant as i, TypographyElement as L } from "../../../internal/Typography/types.js";
+import o from "../../../internal/Typography/Typography.js";
+import j from "../../../internal/DataOverviewDetails/DataOverviewDetailsSkeleton.js";
+import Y from "../../../../hooks/useTimezoneAwareDateFormatting.js";
 /* empty css                */
-import { PD_BASE_CLASS as $, PD_TITLE_CONTAINER_CLASS as H, PD_SECTION_CLASS as p, PD_TITLE_BA_CLASS as j, PD_TITLE_CLASS as z, PD_TITLE_CLASS_WITH_EXTRA_DETAILS as G, PD_EXTRA_DETAILS_CLASS as J, PD_EXTRA_DETAILS_ICON as V, PD_EXTRA_DETAILS_LABEL as W, PD_CONTENT_CLASS as q, PD_CARD_CLASS as L, PD_SECTION_AMOUNT_CLASS as P, PD_SECTION_GROSS_AMOUNT_CLASS as Y, PD_CARD_TITLE_CLASS as R, PD_SECTION_NET_AMOUNT_CLASS as K, PD_UNPAID_AMOUNT as Q, PD_BUTTON_ACTIONS as Z } from "./constants.js";
-import { Tag as w } from "../../../internal/Tag/Tag.js";
-import { TagVariant as ee } from "../../../internal/Tag/types.js";
-import re from "../../../internal/Link/Link.js";
-import te from "../../../internal/DataGrid/components/Icon.js";
-import { isCustomDataObject as g } from "../../../internal/DataGrid/components/TableCells.js";
-import { ButtonVariant as ne } from "../../../internal/Button/types.js";
-import { ButtonActionsLayoutBasic as ae } from "../../../internal/Button/ButtonActions/types.js";
-import ie from "../../../internal/Button/ButtonActions/ButtonActions.js";
-import { getPayoutFundsCapturedType as se, getPayoutAdjustmentType as oe } from "../../../utils/translation/getters.js";
-import { DATE_FORMAT_PAYOUT_DETAILS as ce } from "../../../../constants/dateFormats.js";
-import _ from "../../../internal/StructuredList/StructuredList.js";
-import { Fragment as ue } from "../../../../external/preact/dist/preact.module.js";
-import { EMPTY_OBJECT as le } from "../../../../utils/value/constants.js";
-const Ue = ({
-  balanceAccountId: k,
-  balanceAccountDescription: B,
-  payout: d,
-  extraFields: T
+import { PD_BASE_CLASS as R, PD_TITLE_CONTAINER_CLASS as w, PD_SECTION_CLASS as p, PD_TITLE_BA_CLASS as U, PD_TITLE_CLASS as M, PD_TITLE_CLASS_WITH_EXTRA_DETAILS as x, PD_EXTRA_DETAILS_CLASS as F, PD_EXTRA_DETAILS_ICON as X, PD_EXTRA_DETAILS_LABEL as $, PD_CONTENT_CLASS as H, PD_CARD_CLASS as _, PD_SECTION_AMOUNT_CLASS as C, PD_SECTION_GROSS_AMOUNT_CLASS as b, PD_CARD_TITLE_CLASS as P, PD_SECTION_NET_AMOUNT_CLASS as z, PD_UNPAID_AMOUNT as G, PD_BUTTON_ACTIONS as J } from "./constants.js";
+import { Tag as V } from "../../../internal/Tag/Tag.js";
+import { TagVariant as W } from "../../../internal/Tag/types.js";
+import q from "../../../internal/Link/Link.js";
+import K from "../../../internal/DataGrid/components/Icon.js";
+import { isCustomDataObject as O } from "../../../internal/DataGrid/components/TableCells.js";
+import { ButtonVariant as Q } from "../../../internal/Button/types.js";
+import { ButtonActionsLayoutBasic as Z } from "../../../internal/Button/ButtonActions/types.js";
+import ee from "../../../internal/Button/ButtonActions/ButtonActions.js";
+import { getPayoutFundsCapturedType as te, getPayoutAdjustmentType as re } from "../../../utils/translation/getters.js";
+import { DATE_FORMAT_PAYOUT_DETAILS as ae } from "../../../../constants/dateFormats.js";
+import T from "../../../internal/StructuredList/StructuredList.js";
+import { Fragment as ne } from "../../../../external/preact/dist/preact.module.js";
+import { EMPTY_OBJECT as ie } from "../../../../utils/value/constants.js";
+const ke = ({
+  balanceAccountId: B,
+  balanceAccountDescription: f,
+  payout: c,
+  extraFields: y
 }) => {
-  var f;
-  const { payout: i } = d ?? le, { dateFormat: U } = X("UTC"), { i18n: s } = x(), n = N(() => {
-    var l, u;
-    const a = (u = (l = d == null ? void 0 : d.amountBreakdowns) == null ? void 0 : l.adjustmentBreakdown) == null ? void 0 : u.reduce(
+  const { payout: s } = c ?? ie, { dateFormat: E } = Y("UTC"), { i18n: a } = I(), u = h(() => {
+    const n = c?.amountBreakdowns?.adjustmentBreakdown?.reduce(
       (r, t) => {
-        var m;
-        if (t.category && ((m = t.amount) != null && m.value)) {
-          const { currency: v, value: h } = t.amount;
-          r[h && h < 0 ? "subtractions" : "additions"].push({
+        if (t.category && t.amount?.value) {
+          const { currency: d, value: l } = t.amount;
+          r[l && l < 0 ? "subtractions" : "additions"].push({
             key: t.category,
-            value: s.amount(h, v, { hideCurrency: !0 })
+            value: a.amount(l, d, { hideCurrency: !0 })
           });
         }
         return r;
       },
       { subtractions: [], additions: [] }
     );
-    return a == null || a.subtractions.sort((r, t) => r.key.localeCompare(t.key)), a == null || a.additions.sort((r, t) => r.key.localeCompare(t.key)), a;
-  }, [s, d]), C = N(() => {
-    var l, u;
-    const a = (u = (l = d == null ? void 0 : d.amountBreakdowns) == null ? void 0 : l.fundsCapturedBreakdown) == null ? void 0 : u.reduce(
-      (r, t) => {
-        var m, v, h, O;
-        return ((m = t == null ? void 0 : t.amount) == null ? void 0 : m.value) === 0 || (v = t == null ? void 0 : t.amount) != null && v.value && t.category && r.push({
-          key: t.category,
-          value: s.amount((h = t == null ? void 0 : t.amount) == null ? void 0 : h.value, (O = t == null ? void 0 : t.amount) == null ? void 0 : O.currency, { hideCurrency: !0 })
-        }), r;
-      },
+    return n?.subtractions.sort((r, t) => r.key.localeCompare(t.key)), n?.additions.sort((r, t) => r.key.localeCompare(t.key)), n;
+  }, [a, c]), v = h(() => {
+    const n = c?.amountBreakdowns?.fundsCapturedBreakdown?.reduce(
+      (r, t) => (t?.amount?.value === 0 || t?.amount?.value && t.category && r.push({
+        key: t.category,
+        value: a.amount(t?.amount?.value, t?.amount?.currency, { hideCurrency: !0 })
+      }), r),
       []
     );
-    return a == null || a.sort((r, t) => {
-      const m = "capture";
-      return r.key === m ? -1 : t.key === m ? 1 : r.key.localeCompare(t.key);
-    }), a;
-  }, [d, s]), { payoutAdjustmentTypeLabelRenderer: D, payoutFundsCapturedTypeLabelRenderer: M } = N(() => {
-    const a = (l) => (u, r) => /* @__PURE__ */ e(c, { el: b.SPAN, variant: o.BODY, children: l(s, r) });
-    return {
-      payoutAdjustmentTypeLabelRenderer: a(oe),
-      payoutFundsCapturedTypeLabelRenderer: a(se)
-    };
-  }, [s]), y = Object.entries(T || {}).filter(([, a]) => a.type !== "button" && a.visibility !== "hidden").map(([a, l]) => ({
-    key: a,
-    value: g(l) ? l.value : l,
-    type: g(l) ? l.type : "text",
-    config: g(l) ? l.config : void 0
-  })) || [], E = N(() => [...T ? Object.values(T).filter((u) => u.type === "button").map((u) => {
-    var r, t, m;
+    return n?.sort((r, t) => {
+      const d = "capture";
+      return r.key === d ? -1 : t.key === d ? 1 : r.key.localeCompare(t.key);
+    }), n;
+  }, [c, a]), { payoutAdjustmentTypeLabelRenderer: S, payoutFundsCapturedTypeLabelRenderer: k } = h(() => {
+    const n = (r) => (t, d) => /* @__PURE__ */ e(o, { el: L.SPAN, variant: i.BODY, children: r(a, d) });
     return {
-      title: u.value,
-      variant: ne.SECONDARY,
-      event: (r = u.config) == null ? void 0 : r.action,
-      classNames: (t = u == null ? void 0 : u.config) != null && t.className ? [(m = u == null ? void 0 : u.config) == null ? void 0 : m.className] : []
+      payoutAdjustmentTypeLabelRenderer: n(re),
+      payoutFundsCapturedTypeLabelRenderer: n(te)
     };
-  }) : []].filter(Boolean), [T]);
-  return /* @__PURE__ */ e(ue, { children: i ? /* @__PURE__ */ e("div", { className: $, children: [
+  }, [a]), A = Object.entries(y || {}).filter(([, n]) => n.type !== "button" && n.visibility !== "hidden").map(([n, r]) => ({
+    key: n,
+    value: O(r) ? r.value : r,
+    type: O(r) ? r.type : "text",
+    config: O(r) ? r.config : void 0
+  })) || [], g = h(() => [...y ? Object.values(y).filter((t) => t.type === "button").map((t) => ({
+    title: t.value,
+    variant: Q.SECONDARY,
+    event: t.config?.action,
+    classNames: t?.config?.className ? [t?.config?.className] : []
+  })) : []].filter(Boolean), [y]);
+  return /* @__PURE__ */ e(ne, { children: s ? /* @__PURE__ */ e("div", { className: R, children: [
     /* @__PURE__ */ e(
       "div",
       {
-        className: A(z, {
-          [G]: y.length
+        className: m(M, {
+          [x]: A.length
         }),
         children: [
-          /* @__PURE__ */ e("div", { className: H, children: [
-            /* @__PURE__ */ e(c, { variant: o.SUBTITLE, stronger: !0, children: s.get("payouts.details.tags.netPayout") }),
-            i.isSumOfSameDayPayouts && /* @__PURE__ */ e(w, { variant: ee.BLUE, label: s.get("payouts.details.tags.sameDaySum") })
+          /* @__PURE__ */ e("div", { className: w, children: [
+            /* @__PURE__ */ e(o, { variant: i.SUBTITLE, stronger: !0, children: a.get("payouts.details.tags.netPayout") }),
+            s.isSumOfSameDayPayouts && /* @__PURE__ */ e(V, { variant: W.BLUE, label: a.get("payouts.details.tags.sameDaySum") })
           ] }),
-          /* @__PURE__ */ e(c, { variant: o.TITLE, large: !0, children: `${s.amount(i.payoutAmount.value, i.payoutAmount.currency, {
+          /* @__PURE__ */ e(o, { variant: i.TITLE, large: !0, children: `${a.amount(s.payoutAmount.value, s.payoutAmount.currency, {
             hideCurrency: !0
-          })} ${i.payoutAmount.currency}` }),
-          (i == null ? void 0 : i.createdAt) && /* @__PURE__ */ e("time", { dateTime: i.createdAt, children: /* @__PURE__ */ e(c, { el: b.SPAN, variant: o.BODY, children: U(i.createdAt, ce) }) }),
+          })} ${s.payoutAmount.currency}` }),
+          s?.createdAt && /* @__PURE__ */ e("time", { dateTime: s.createdAt, children: /* @__PURE__ */ e(o, { el: L.SPAN, variant: i.BODY, children: E(s.createdAt, ae) }) }),
           /* @__PURE__ */ e("div", { className: p, children: [
-            B && /* @__PURE__ */ e(c, { variant: o.CAPTION, stronger: !0, wide: !0, children: `${B}` }),
-            /* @__PURE__ */ e(c, { variant: o.CAPTION, className: j, children: `${k}` })
+            f && /* @__PURE__ */ e(o, { variant: i.CAPTION, stronger: !0, wide: !0, children: `${f}` }),
+            /* @__PURE__ */ e(o, { variant: i.CAPTION, className: U, children: `${B}` })
           ] })
         ]
       }
     ),
-    y && y.length > 0 ? /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-      _,
+    A && A.length > 0 ? /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+      T,
       {
-        classNames: J,
-        items: y,
+        classNames: F,
+        items: A,
         align: "start",
-        layout: "5-7",
-        renderLabel: (a) => /* @__PURE__ */ e("div", { className: W, children: a }),
-        renderValue: (a, l, u, r) => {
-          if (u === "link" && r)
-            return /* @__PURE__ */ e(re, { classNames: [A(r == null ? void 0 : r.className)], href: r.href, target: r.target || "_blank", children: a });
-          if (u === "icon" && r) {
-            const t = { url: r.src, alt: r.alt || a };
-            return /* @__PURE__ */ e("div", { className: A(V, r == null ? void 0 : r.className), children: [
-              /* @__PURE__ */ e(te, { ...t }),
-              /* @__PURE__ */ e(c, { variant: o.BODY, children: a })
+        layout: "4-8",
+        renderLabel: (n) => /* @__PURE__ */ e("div", { className: $, children: n }),
+        renderValue: (n, r, t, d) => {
+          if (t === "link" && d)
+            return /* @__PURE__ */ e(q, { classNames: [m(d?.className)], href: d.href, target: d.target || "_blank", children: n });
+          if (t === "icon" && d) {
+            const l = { url: d.src, alt: d.alt || n };
+            return /* @__PURE__ */ e("div", { className: m(X, d?.className), children: [
+              /* @__PURE__ */ e(K, { ...l }),
+              /* @__PURE__ */ e(o, { variant: i.BODY, children: n })
             ] });
           }
-          return /* @__PURE__ */ e(c, { className: A(r == null ? void 0 : r.className), variant: o.BODY, children: a });
+          return /* @__PURE__ */ e(o, { className: m(d?.className), variant: i.BODY, children: n });
         }
       }
     ) }) : null,
-    /* @__PURE__ */ e("div", { className: q, children: [
-      /* @__PURE__ */ e("div", { className: p, children: (i == null ? void 0 : i.fundsCapturedAmount) && (C && Object.keys(C).length > 0 ? /* @__PURE__ */ e(
-        I,
+    /* @__PURE__ */ e("div", { className: H, children: [
+      /* @__PURE__ */ e("div", { className: p, children: s?.fundsCapturedAmount && (v && Object.keys(v).length > 0 ? /* @__PURE__ */ e(
+        D,
         {
-          header: /* @__PURE__ */ e(c, { variant: o.BODY, children: s.get("payouts.details.breakdown.fields.fundsCaptured") }),
-          headerInformation: /* @__PURE__ */ e(c, { variant: o.BODY, children: s.amount(i.fundsCapturedAmount.value, i.fundsCapturedAmount.currency) }),
-          children: /* @__PURE__ */ e("div", { className: p, children: /* @__PURE__ */ e("div", { className: L, children: /* @__PURE__ */ e(S, { noPadding: !0, children: /* @__PURE__ */ e(_, { items: C, renderLabel: M }) }) }) })
+          header: /* @__PURE__ */ e(o, { variant: i.BODY, children: a.get("payouts.details.breakdown.fields.fundsCaptured") }),
+          headerInformation: /* @__PURE__ */ e(o, { variant: i.BODY, children: a.amount(s.fundsCapturedAmount.value, s.fundsCapturedAmount.currency) }),
+          children: /* @__PURE__ */ e("div", { className: p, children: /* @__PURE__ */ e("div", { className: _, children: /* @__PURE__ */ e(N, { noPadding: !0, children: /* @__PURE__ */ e(T, { items: v, renderLabel: k }) }) }) })
         }
-      ) : /* @__PURE__ */ e("div", { className: A(P, Y), children: [
-        /* @__PURE__ */ e(c, { variant: o.BODY, children: s.get("payouts.details.breakdown.fields.fundsCaptured") }),
-        /* @__PURE__ */ e(c, { variant: o.BODY, children: s.amount(i.fundsCapturedAmount.value, i.fundsCapturedAmount.currency) })
+      ) : /* @__PURE__ */ e("div", { className: m(C, b), children: [
+        /* @__PURE__ */ e(o, { variant: i.BODY, children: a.get("payouts.details.breakdown.fields.fundsCaptured") }),
+        /* @__PURE__ */ e(o, { variant: i.BODY, children: a.amount(s.fundsCapturedAmount.value, s.fundsCapturedAmount.currency) })
       ] })) }),
-      /* @__PURE__ */ e("div", { className: p, children: n != null && n.subtractions && Object.keys(n == null ? void 0 : n.subtractions).length > 0 || n != null && n.additions && Object.keys(n == null ? void 0 : n.additions).length > 0 ? /* @__PURE__ */ e(
-        I,
+      /* @__PURE__ */ e("div", { className: p, children: u?.subtractions && Object.keys(u?.subtractions).length > 0 || u?.additions && Object.keys(u?.additions).length > 0 ? /* @__PURE__ */ e(
+        D,
         {
-          header: /* @__PURE__ */ e(c, { variant: o.BODY, children: s.get("payouts.details.breakdown.fields.adjustments") }),
-          headerInformation: /* @__PURE__ */ e(c, { variant: o.BODY, children: s.amount(i.adjustmentAmount.value, i.adjustmentAmount.currency) }),
+          header: /* @__PURE__ */ e(o, { variant: i.BODY, children: a.get("payouts.details.breakdown.fields.adjustments") }),
+          headerInformation: /* @__PURE__ */ e(o, { variant: i.BODY, children: a.amount(s.adjustmentAmount.value, s.adjustmentAmount.currency) }),
           children: [
-            (n == null ? void 0 : n.additions) && Object.keys(n == null ? void 0 : n.additions).length > 0 && /* @__PURE__ */ e("div", { className: L, children: /* @__PURE__ */ e(
-              S,
+            u?.additions && Object.keys(u?.additions).length > 0 && /* @__PURE__ */ e("div", { className: _, children: /* @__PURE__ */ e(
+              N,
               {
                 noPadding: !0,
-                renderHeader: /* @__PURE__ */ e(c, { className: R, variant: o.CAPTION, stronger: !0, children: s.get("payouts.details.breakdown.fields.additions") }),
-                children: /* @__PURE__ */ e(_, { items: n == null ? void 0 : n.additions, renderLabel: D })
+                renderHeader: /* @__PURE__ */ e(o, { className: P, variant: i.CAPTION, stronger: !0, children: a.get("payouts.details.breakdown.fields.additions") }),
+                children: /* @__PURE__ */ e(T, { items: u?.additions, renderLabel: S })
               }
             ) }),
-            (n == null ? void 0 : n.subtractions) && Object.keys(n == null ? void 0 : n.subtractions).length > 0 && /* @__PURE__ */ e("div", { className: L, children: /* @__PURE__ */ e(
-              S,
+            u?.subtractions && Object.keys(u?.subtractions).length > 0 && /* @__PURE__ */ e("div", { className: _, children: /* @__PURE__ */ e(
+              N,
               {
                 noPadding: !0,
-                renderHeader: /* @__PURE__ */ e(c, { className: R, variant: o.CAPTION, stronger: !0, children: s.get("payouts.details.breakdown.fields.subtractions") }),
-                children: /* @__PURE__ */ e(_, { items: n == null ? void 0 : n.subtractions, renderLabel: D })
+                renderHeader: /* @__PURE__ */ e(o, { className: P, variant: i.CAPTION, stronger: !0, children: a.get("payouts.details.breakdown.fields.subtractions") }),
+                children: /* @__PURE__ */ e(T, { items: u?.subtractions, renderLabel: S })
               }
             ) })
           ]
         }
-      ) : /* @__PURE__ */ e("div", { className: A(P, Y), children: [
-        /* @__PURE__ */ e(c, { variant: o.BODY, children: s.get("payouts.details.breakdown.fields.adjustments") }),
-        /* @__PURE__ */ e(c, { variant: o.BODY, children: s.amount(i.adjustmentAmount.value, i.adjustmentAmount.currency) })
+      ) : /* @__PURE__ */ e("div", { className: m(C, b), children: [
+        /* @__PURE__ */ e(o, { variant: i.BODY, children: a.get("payouts.details.breakdown.fields.adjustments") }),
+        /* @__PURE__ */ e(o, { variant: i.BODY, children: a.amount(s.adjustmentAmount.value, s.adjustmentAmount.currency) })
       ] }) }),
-      /* @__PURE__ */ e("div", { className: A(p), children: /* @__PURE__ */ e("div", { className: A(P, K), children: [
-        /* @__PURE__ */ e(c, { variant: o.BODY, stronger: !0, children: s.get("payouts.details.breakdown.fields.netPayout") }),
-        /* @__PURE__ */ e(c, { variant: o.BODY, stronger: !0, children: s.amount(i.payoutAmount.value, i.payoutAmount.currency) })
+      /* @__PURE__ */ e("div", { className: m(p), children: /* @__PURE__ */ e("div", { className: m(C, z), children: [
+        /* @__PURE__ */ e(o, { variant: i.BODY, stronger: !0, children: a.get("payouts.details.breakdown.fields.netPayout") }),
+        /* @__PURE__ */ e(o, { variant: i.BODY, stronger: !0, children: a.amount(s.payoutAmount.value, s.payoutAmount.currency) })
       ] }) })
     ] }),
-    ((f = d == null ? void 0 : d.payout) == null ? void 0 : f.unpaidAmount) && /* @__PURE__ */ e("div", { className: Q, children: [
-      /* @__PURE__ */ e(c, { variant: o.BODY, children: s.get("payouts.details.breakdown.fields.remainingAmount") }),
-      /* @__PURE__ */ e(c, { variant: o.BODY, children: s.amount(d.payout.unpaidAmount.value, d.payout.unpaidAmount.currency) })
+    c?.payout?.unpaidAmount && /* @__PURE__ */ e("div", { className: G, children: [
+      /* @__PURE__ */ e(o, { variant: i.BODY, children: a.get("payouts.details.breakdown.fields.remainingAmount") }),
+      /* @__PURE__ */ e(o, { variant: i.BODY, children: a.amount(c.payout.unpaidAmount.value, c.payout.unpaidAmount.currency) })
     ] }),
-    E.length ? /* @__PURE__ */ e("div", { className: Z, children: /* @__PURE__ */ e(ie, { actions: E, layout: ae.BUTTONS_END }) }) : null
-  ] }) : /* @__PURE__ */ e(F, { skeletonRowNumber: 6 }) });
+    g.length ? /* @__PURE__ */ e("div", { className: J, children: /* @__PURE__ */ e(ee, { actions: g, layout: Z.BUTTONS_END }) }) : null
+  ] }) : /* @__PURE__ */ e(j, { skeletonRowNumber: 6 }) });
 };
 export {
-  Ue as PayoutData
+  ke as PayoutData
 };

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

@@ -1,18 +1,14 @@
-var n = Object.defineProperty;
-var s = (o, t, e) => t in o ? n(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
-var r = (o, t, e) => s(o, typeof t != "symbol" ? t + "" : t, e);
-import { jsx as p } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import i from "./components/PayoutsOverviewContainer/PayoutsOverviewContainer.js";
-import { UIElement as m } from "../UIElement/UIElement.js";
-class a extends m {
-  constructor(e) {
-    super(e);
-    r(this, "componentToRender", () => /* @__PURE__ */ p(i, { ...this.props }));
-    this.componentToRender = this.componentToRender.bind(this);
+import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import o from "./components/PayoutsOverviewContainer/PayoutsOverviewContainer.js";
+import { UIElement as r } from "../UIElement/UIElement.js";
+class m extends r {
+  static type = "payouts";
+  constructor(t) {
+    super(t), this.componentToRender = this.componentToRender.bind(this);
   }
+  componentToRender = () => /* @__PURE__ */ e(o, { ...this.props });
 }
-r(a, "type", "payouts");
 export {
-  a as PayoutsElement,
-  a as default
+  m as PayoutsElement,
+  m as default
 };