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

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

@@ -1,366 +1,385 @@
-import { jsx as n } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { DEFAULT_PAYMENT_LINK_STATUS_GROUP as re, PAYMENT_LINK_STATUS_GROUPS_FILTER_MAPPING as lt, PAYMENT_LINK_STATUSES as Le, PAYMENT_LINK_TYPES as rt, TABS_CONTAINER_CLASS as ct, PAYMENT_LINK_STATUS_GROUPS_TABS as x, FILTERS_CONTAINER_CLASS as pt, ACTION_BUTTONS_CONTAINER_CLASS as Tt, ACTION_BUTTON_CLASS as ce, FILTERS_ALERT_CONTAINER_CLASS as pe, BASE_CLASS as mt, BASE_XS_CLASS as ut, EARLIEST_PAYMENT_LINK_DATE as dt } from "./constants.js";
+import { jsx as e } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { DEFAULT_PAYMENT_LINK_STATUS_GROUP as ce, PAYMENT_LINK_STATUS_GROUPS_FILTER_MAPPING as at, PAYMENT_LINK_STATUSES as Le, PAYMENT_LINK_TYPES as ot, BASE_ACTIONS_CLASS as st, TABS_CONTAINER_CLASS as rt, PAYMENT_LINK_STATUS_GROUPS_TABS as j, FILTERS_CONTAINER_CLASS as lt, ACTION_BUTTONS_CONTAINER_CLASS as ct, ACTION_BUTTON_CLASS as me, FILTERS_ALERT_CONTAINER_CLASS as pe, BASE_CLASS as mt, BASE_XS_CLASS as pt, EARLIEST_PAYMENT_LINK_DATE as Tt, ACTION_BUTTON_MOBILE_CLASS as Te } from "./constants.js";
 import { FilterParam as i } from "../../../types.js";
-import St from "../../../../hooks/useDefaultOverviewFilterParams.js";
-import { useState as S, useCallback as c, useMemo as m, useEffect as C, useRef as Et } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import ut from "../../../../hooks/useDefaultOverviewFilterParams.js";
+import { useState as S, useCallback as r, useMemo as p, useEffect as I, useRef as dt } from "../../../../external/preact/hooks/dist/hooks.module.js";
 import Ne from "../../../../core/Context/useCoreContext.js";
-import { LIMIT_OPTIONS as _t, DEFAULT_PAGE_LIMIT as At } from "../../../internal/Pagination/constants.js";
-import { PaymentLinksTable as yt } from "./PaymentLinksTable.js";
-import Lt from "../../../internal/Tabs/Tabs.js";
+import { LIMIT_OPTIONS as St, DEFAULT_PAGE_LIMIT as Et } from "../../../internal/Pagination/constants.js";
+import { PaymentLinksTable as _t } from "./PaymentLinksTable.js";
+import At from "../../../internal/Tabs/Tabs.js";
 /* empty css                          */
-import P from "classnames";
-import { useResponsiveContainer as Nt, containerQueries as vt } from "../../../../hooks/useResponsiveContainer.js";
-import { PopoverContainerSize as Te } from "../../../internal/Popover/types.js";
-import { PaymentLinkDetailsModal as It } from "./PaymentLinkDetailsModal/PaymentLinkDetailsModal.js";
-import { ButtonVariant as me } from "../../../internal/Button/types.js";
-import { PaymentLinksOverviewModal as Ct } from "./PaymentLinksOverviewModal.js";
-import { Alert as ue } from "../../../internal/Alert/Alert.js";
-import { AlertVariantOption as de, AlertTypeOption as Se } from "../../../internal/Alert/types.js";
-import Rt from "../../../internal/Pagination/hooks/useCursorPaginatedRecords.js";
-import { useMultiSelectionFilter as U } from "../../TransactionsOverview/components/MultiSelectionFilter/useMultiSelectionFilter/useMultiSelectionFilter.js";
-import Ft from "../../../../hooks/useModalDetails/useModalDetails.js";
-import kt from "../../../internal/Calendar/calendar/timerange/presets/lastNDays.js";
-import { Fragment as Mt } from "../../../../external/preact/dist/preact.module.js";
-import Y from "../../TransactionsOverview/components/MultiSelectionFilter/MultiSelectionFilter.js";
-import ft from "../../../internal/FilterBar/filters/DateFilter/DateFilter.js";
-import Ee from "../../../internal/FilterBar/filters/TextFilter/TextFilter.js";
-import _e from "../../../internal/Button/Button.js";
-import { Icon as gt } from "../../../internal/Icon/Icon.js";
-import ht from "../../../internal/FormFields/Select/Select.js";
-import { useConfigContext as Dt } from "../../../../core/ConfigContext/context.js";
-import { getTimeRangeSelectionDefaultPresetOptions as Ot, TIME_RANGE_SELECTION_PRESET_OPTION_KEYS as wt } from "../../../internal/DatePicker/components/TimeRangeSelector/useTimeRangeSelection.js";
-import { listFrom as g } from "../../../../utils/collection/main.js";
-import { useFilterBarState as bt, FilterBarMobileSwitch as Bt, FilterBar as Pt } from "../../../internal/FilterBar/FilterBar.js";
-import { isFunction as Ut } from "../../../../utils/value/is.js";
-import { Header as Yt } from "../../../internal/Header/Header.js";
-const Ae = "linkTypes", K = "statuses", ye = "storeIds", G = "_t", Kt = Object.keys(Le), Gt = ({
+import Y from "classnames";
+import { useResponsiveContainer as yt, containerQueries as Lt } from "../../../../hooks/useResponsiveContainer.js";
+import { PopoverContainerSize as ue } from "../../../internal/Popover/types.js";
+import { PaymentLinkDetailsModal as Nt } from "./PaymentLinkDetailsModal/PaymentLinkDetailsModal.js";
+import { ButtonVariant as K } from "../../../internal/Button/types.js";
+import { PaymentLinksOverviewModal as ft } from "./PaymentLinksOverviewModal.js";
+import { Alert as de } from "../../../internal/Alert/Alert.js";
+import { AlertVariantOption as Se, AlertTypeOption as Ee } from "../../../internal/Alert/types.js";
+import vt from "../../../internal/Pagination/hooks/useCursorPaginatedRecords.js";
+import { useMultiSelectionFilter as G } from "../../TransactionsOverview/components/MultiSelectionFilter/useMultiSelectionFilter/useMultiSelectionFilter.js";
+import It from "../../../../hooks/useModalDetails/useModalDetails.js";
+import Ct from "../../../internal/Calendar/calendar/timerange/presets/lastNDays.js";
+import { Fragment as Pt } from "../../../../external/preact/dist/preact.module.js";
+import x from "../../TransactionsOverview/components/MultiSelectionFilter/MultiSelectionFilter.js";
+import Rt from "../../../internal/FilterBar/filters/DateFilter/DateFilter.js";
+import _e from "../../../internal/FilterBar/filters/TextFilter/TextFilter.js";
+import F from "../../../internal/Button/Button.js";
+import { Icon as V } from "../../../internal/Icon/Icon.js";
+import kt from "../../../internal/FormFields/Select/Select.js";
+import { useConfigContext as Ft } from "../../../../core/ConfigContext/context.js";
+import { getTimeRangeSelectionDefaultPresetOptions as Mt, TIME_RANGE_SELECTION_PRESET_OPTION_KEYS as gt } from "../../../internal/DatePicker/components/TimeRangeSelector/useTimeRangeSelection.js";
+import { listFrom as M } from "../../../../utils/collection/main.js";
+import { useFilterBarState as ht, FilterBarMobileSwitch as Dt, FilterBar as Ot } from "../../../internal/FilterBar/FilterBar.js";
+import { isFunction as bt } from "../../../../utils/value/is.js";
+import { Header as wt } from "../../../internal/Header/Header.js";
+const Ae = "linkTypes", H = "statuses", ye = "storeIds", z = "_t", Bt = Object.keys(Le), Ut = ({
   ["aria-label"]: L,
   activeTab: E,
-  onChange: R
+  onChange: C
 }) => {
-  const { i18n: N } = Ne(), [_, A] = S(E), h = m(() => x.map(({ id: p, label: t }) => ({ id: p, name: N.get(t) })), [N]);
-  return C(() => {
-    const p = x.find((t) => t.id === _);
-    p && R(p);
-  }, [R, _]), C(() => A(E), [E]), /* @__PURE__ */ n(
-    ht,
+  const { i18n: N } = Ne(), [_, A] = S(E), g = p(() => j.map(({ id: c, label: l }) => ({ id: c, name: N.get(l) })), [N]);
+  return I(() => {
+    const c = j.find((l) => l.id === _);
+    c && C(c);
+  }, [C, _]), I(() => A(E), [E]), /* @__PURE__ */ e(
+    kt,
     {
       "aria-label": L,
-      items: h,
+      items: g,
       selected: _,
-      onChange: ({ target: p }) => A(p.value),
+      onChange: ({ target: c }) => A(c.value),
       showOverlay: !0,
       multiSelect: !1,
       filterable: !1
     }
   );
-}, Rn = ({
+}, Ni = ({
   onFiltersChanged: L,
   allowLimitSelection: E = !0,
-  preferredLimit: R = At,
+  preferredLimit: C = Et,
   onRecordSelection: N,
   showDetails: _,
   onContactSupport: A,
-  hideTitle: h,
-  isFiltersLoading: p,
-  filterParams: t,
-  stores: r,
-  allStores: ve,
-  paymentLinkCreation: Ie,
-  paymentLinkSettings: Ce,
-  storeIds: v,
-  filterError: u,
+  hideTitle: g,
+  isFiltersLoading: c,
+  filterParams: l,
+  stores: m,
+  allStores: Q,
+  paymentLinkCreation: fe,
+  paymentLinkSettings: ve,
+  storeIds: f,
+  filterError: T,
   storeError: y
 }) => {
-  var ie, oe, ae, se, le;
-  const { i18n: o } = Ne(), { getPaymentLinks: D, createPBLPaymentLink: V, getPayByLinkSettings: H } = Dt().endpoints, Re = Ot({ exclude: [wt.YEAR_TO_DATE] }), { defaultParams: d, nowTimestamp: Fe, refreshNowTimestamp: O } = St(
+  const { i18n: n } = Ne(), { getPaymentLinks: h, createPBLPaymentLink: D, savePayByLinkSettings: O } = Ft().endpoints, Ie = Mt({ exclude: [gt.YEAR_TO_DATE] }), { defaultParams: u, nowTimestamp: Ce, refreshNowTimestamp: b } = ut(
     "paymentLinks",
     void 0,
     void 0,
-    Re
-  ), [I, ke] = S(re), [z, Me] = S(I), [fe, j] = S(!1), F = Nt(vt.down.xs), [Q, w] = S(!1), ge = c(
-    async ({ [G]: e, ...s }, T) => {
-      const B = { signal: T, errorLevel: "error" }, f = g(s[i.STORE_IDS]), st = v ? g(v) : void 0;
-      return D(B, {
+    Ie
+  ), [v, Pe] = S(ce), [X, Re] = S(v), [ke, J] = S(!1), d = yt(Lt.down.xs), [W, w] = S(!1), Fe = r(
+    async ({ [z]: t, ...o }, k) => {
+      const U = { signal: k, errorLevel: "error" }, le = M(o[i.STORE_IDS]), nt = f ? M(f) : void 0;
+      return h(U, {
         query: {
-          ...s,
-          storeIds: f != null && f.length ? f : st,
-          statuses: g(s[i.STATUSES]),
-          linkTypes: g(s[i.LINK_TYPES]),
-          createdSince: s[i.CREATED_SINCE] ?? d.current.defaultFilterParams[i.CREATED_SINCE],
-          createdUntil: s[i.CREATED_UNTIL] ?? d.current.defaultFilterParams[i.CREATED_UNTIL],
-          merchantReference: s[i.MERCHANT_REFERENCE] ?? d.current.defaultFilterParams[i.MERCHANT_REFERENCE],
-          paymentLinkId: s[i.PAYMENT_LINK_ID] ?? d.current.defaultFilterParams[i.PAYMENT_LINK_ID]
+          ...o,
+          storeIds: le?.length ? le : nt,
+          statuses: M(o[i.STATUSES]),
+          linkTypes: M(o[i.LINK_TYPES]),
+          createdSince: o[i.CREATED_SINCE] ?? u.current.defaultFilterParams[i.CREATED_SINCE],
+          createdUntil: o[i.CREATED_UNTIL] ?? u.current.defaultFilterParams[i.CREATED_UNTIL],
+          merchantReference: o[i.MERCHANT_REFERENCE] ?? u.current.defaultFilterParams[i.MERCHANT_REFERENCE],
+          paymentLinkId: o[i.PAYMENT_LINK_ID] ?? u.current.defaultFilterParams[i.PAYMENT_LINK_ID]
         }
       });
     },
-    [d, D, v]
-  ), X = bt(), he = m(() => Ut(L) ? L : void 0, [L]), De = m(() => E ? _t : void 0, [E]), k = Object.assign(d.current.defaultFilterParams, {
+    [u, h, f]
+  ), Z = ht(), Me = p(() => bt(L) ? L : void 0, [L]), ge = p(() => E ? St : void 0, [E]), P = Object.assign(u.current.defaultFilterParams, {
     [Ae]: void 0,
-    [K]: void 0,
-    statusGroup: re,
+    [H]: void 0,
+    statusGroup: ce,
     [ye]: void 0,
-    [G]: performance.now()
-  }), { canResetFilters: Oe, error: we, fetching: be, filters: a, limit: Be, limitOptions: Pe, records: Ue, resetFilters: xt, updateFilters: l, updateLimit: Ye, ...Ke } = Rt({
-    fetchRecords: ge,
+    [z]: performance.now()
+  }), { canResetFilters: he, error: De, fetching: Oe, filters: s, limit: be, limitOptions: we, records: Be, resetFilters: Yt, updateFilters: a, updateLimit: Ue, ...Ye } = vt({
+    fetchRecords: Fe,
     dataField: "data",
-    filterParams: k,
+    filterParams: P,
     initialFiltersSameAsDefault: !0,
-    onFiltersChanged: he,
-    preferredLimit: R,
-    preferredLimitOptions: De,
-    enabled: !!D
-  }), Ge = U({
-    mapFilterOptionName: c((e) => o.get(Le[e]), [o]),
-    filterParam: K,
-    filterValues: ((ie = t == null ? void 0 : t.statuses) == null ? void 0 : ie[lt[I]]) ?? Kt,
-    defaultFilters: k,
-    updateFilters: l,
-    filters: a
-  }), xe = U({
-    mapFilterOptionName: c((e) => o.get(rt[e]), [o]),
+    onFiltersChanged: Me,
+    preferredLimit: C,
+    preferredLimitOptions: ge,
+    enabled: !!h && !!Q?.length
+  }), Ke = G({
+    mapFilterOptionName: r((t) => n.get(Le[t]), [n]),
+    filterParam: H,
+    filterValues: l?.statuses?.[at[v]] ?? Bt,
+    defaultFilters: P,
+    updateFilters: a,
+    filters: s
+  }), Ge = G({
+    mapFilterOptionName: r((t) => n.get(ot[t]), [n]),
     filterParam: Ae,
-    filterValues: t == null ? void 0 : t.linkTypes,
-    defaultFilters: k,
-    updateFilters: l,
-    filters: a
-  }), Ve = U({
-    mapFilterOptionName: c((e) => {
-      var s;
-      return ((s = r == null ? void 0 : r.find((T) => T.id === e)) == null ? void 0 : s.storeCode) ?? e;
-    }, [r]),
+    filterValues: l?.linkTypes,
+    defaultFilters: P,
+    updateFilters: a,
+    filters: s
+  }), xe = G({
+    mapFilterOptionName: r((t) => m?.find((o) => o.id === t)?.storeCode ?? t, [m]),
     filterParam: ye,
-    filterValues: m(() => r && r.length > 0 ? r.filter((e) => e.id).map((e) => e.id) : void 0, [r]),
-    defaultFilters: k,
-    updateFilters: l,
-    filters: a
+    filterValues: p(() => m && m.length > 0 ? m.filter((t) => t.id).map((t) => t.id) : void 0, [m]),
+    defaultFilters: P,
+    updateFilters: a,
+    filters: s
   });
-  C(() => {
-    l({
+  I(() => {
+    a({
       [i.CURRENCIES]: void 0
     });
-  }, [l]), C(() => {
-    O();
-  }, [a, O]);
-  const J = m(
+  }, [a]), I(() => {
+    b();
+  }, [s, b]);
+  const $ = p(
     () => ({
       showDetails: _ ?? !0,
       callback: N
     }),
     [_, N]
-  ), He = m(() => ({ paymentLink: J }), [J]), { updateDetails: W, resetDetails: ze, selectedDetail: je } = Ft(He), Qe = c(
-    ({ paymentLinkId: e }) => {
-      W({
+  ), Ve = p(() => ({ paymentLink: $ }), [$]), { updateDetails: q, resetDetails: He, selectedDetail: ze } = It(Ve), je = r(
+    ({ paymentLinkId: t }) => {
+      q({
         selection: {
           type: "paymentLink",
-          data: e
+          data: t
         },
         modalSize: "small"
-      }).callback({ id: e });
+      }).callback({ id: t });
     },
-    [W]
-  ), Xe = c(
-    (e) => {
-      e || (e = void 0), l({ merchantReference: e });
+    [q]
+  ), Qe = r(
+    (t) => {
+      t || (t = void 0), a({ merchantReference: t });
     },
-    [l]
-  ), Je = c(
-    (e) => {
-      e || (e = void 0), l({ paymentLinkId: e });
+    [a]
+  ), Xe = r(
+    (t) => {
+      t || (t = void 0), a({ paymentLinkId: t });
     },
-    [l]
-  ), M = Et(null), Z = c(
-    ({ id: e }) => {
-      M.current && clearTimeout(M.current), M.current = setTimeout(() => {
-        requestAnimationFrame(() => j(!1));
-        const T = { statusGroup: e, [K]: void 0 };
-        l(T), M.current = null;
-      }, 500), ke(e), j(!0), Me(void 0);
+    [a]
+  ), R = dt(null), ee = r(
+    ({ id: t }) => {
+      R.current && clearTimeout(R.current), R.current = setTimeout(() => {
+        requestAnimationFrame(() => J(!1));
+        const k = { statusGroup: t, [H]: void 0 };
+        a(k), R.current = null;
+      }, 500), Pe(t), J(!0), Re(void 0);
     },
-    [l]
-  ), $ = m(() => o.get("payByLink.overview.list.filters.types.statusGroup"), [o]), We = (t == null ? void 0 : t.linkTypes) && ((oe = t == null ? void 0 : t.linkTypes) == null ? void 0 : oe.length) > 0 || !!u, Ze = (t == null ? void 0 : t.statuses) && ((ae = t == null ? void 0 : t.statuses) == null ? void 0 : ae[I]) && ((le = (se = t == null ? void 0 : t.statuses) == null ? void 0 : se[I]) == null ? void 0 : le.length) > 0 || !!u, $e = r && (r == null ? void 0 : r.length) > 1 || !!y, qe = m(() => new Date(kt(dt).from).toString(), []), [et, b] = S(!1), [tt, q] = S(void 0), nt = c(() => {
-    q("Creation"), b(!0);
-  }, []), it = c(() => {
-    q("Settings"), b(!0);
-  }, []), ot = c(() => {
-    b(!1);
-  }, []), ee = c(() => {
-    const e = /* @__PURE__ */ new Date(), s = a == null ? void 0 : a[i.CREATED_UNTIL], T = s ? new Date(s) : null, B = (T == null ? void 0 : T.toDateString()) === e.toDateString();
-    l({
-      ...B && { [i.CREATED_UNTIL]: e.toISOString() },
-      [G]: performance.now()
+    [a]
+  ), te = p(() => n.get("payByLink.overview.list.filters.types.statusGroup"), [n]), Je = l?.linkTypes && l?.linkTypes?.length > 0 || !!T, We = l?.statuses && l?.statuses?.[v] && l?.statuses?.[v]?.length > 0 || !!T, Ze = m && m?.length > 1 || !!y, $e = p(() => new Date(Ct(Tt).from).toString(), []), [qe, B] = S(!1), [et, ie] = S(void 0), ne = r(() => {
+    ie("Creation"), B(!0);
+  }, []), ae = r(() => {
+    ie("Settings"), B(!0);
+  }, []), tt = r(() => {
+    B(!1);
+  }, []), oe = r(() => {
+    const t = /* @__PURE__ */ new Date(), o = s?.[i.CREATED_UNTIL], U = (o ? new Date(o) : null)?.toDateString() === t.toDateString();
+    a({
+      ...U && { [i.CREATED_UNTIL]: t.toISOString() },
+      [z]: performance.now()
     });
-  }, [a, l]), te = m(() => ({
+  }, [s, a]), se = p(() => ({
     onContactSupport: A,
-    storeIds: v
-  }), [A, v]);
-  C(() => {
-    w(!!y || !!u);
-  }, [y, u]);
-  const ne = c(() => {
+    storeIds: f
+  }), [A, f]);
+  I(() => {
+    w(!!y || !!T);
+  }, [y, T]);
+  const re = r(() => {
     w(!1);
-  }, [w]), at = !!(H || V);
-  return /* @__PURE__ */ n("div", { className: P(mt, { [ut]: F }), children: [
-    /* @__PURE__ */ n(Yt, { hideTitle: h, titleKey: "payByLink.overview.title", children: /* @__PURE__ */ n(Bt, { ...X }) }),
-    /* @__PURE__ */ n("div", { className: ct, children: F ? /* @__PURE__ */ n(
-      Gt,
+  }, [w]), it = !!(O || D);
+  return /* @__PURE__ */ e("div", { className: Y(mt, { [pt]: d }), children: [
+    /* @__PURE__ */ e(wt, { hideTitle: g, titleKey: "payByLink.overview.title", children: /* @__PURE__ */ e("div", { className: st, children: [
+      d && D && /* @__PURE__ */ e(
+        F,
+        {
+          iconButton: !0,
+          "aria-label": n.get("payByLink.overview.list.actions.createPaymentLink"),
+          className: Te,
+          onClick: ne,
+          children: /* @__PURE__ */ e(V, { name: "plus" })
+        }
+      ),
+      /* @__PURE__ */ e(Dt, { ...Z }),
+      d && O && /* @__PURE__ */ e(
+        F,
+        {
+          iconButton: !0,
+          "aria-label": n.get("payByLink.overview.actions.settings.a11y.label"),
+          variant: K.SECONDARY,
+          className: Te,
+          onClick: ae,
+          children: /* @__PURE__ */ e(V, { name: "cog" })
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ e("div", { className: rt, children: d ? /* @__PURE__ */ e(
+      Ut,
       {
-        "aria-label": $,
-        activeTab: z ?? I,
-        onChange: Z
+        "aria-label": te,
+        activeTab: X ?? v,
+        onChange: ee
       }
-    ) : /* @__PURE__ */ n(
-      Lt,
+    ) : /* @__PURE__ */ e(
+      At,
       {
-        "aria-label": $,
-        tabs: x,
-        activeTab: z,
-        onChange: Z
+        "aria-label": te,
+        tabs: j,
+        activeTab: X,
+        onChange: ee
       }
     ) }),
-    /* @__PURE__ */ n(Mt, { children: [
-      !p && /* @__PURE__ */ n("div", { className: pt, children: [
-        /* @__PURE__ */ n(Pt, { ...X, ariaLabelKey: "payByLink.overview.filters.label", children: [
-          $e && /* @__PURE__ */ n(
-            Y,
+    /* @__PURE__ */ e(Pt, { children: [
+      !c && /* @__PURE__ */ e("div", { className: lt, children: [
+        /* @__PURE__ */ e(Ot, { ...Z, ariaLabelKey: "payByLink.overview.filters.label", children: [
+          Ze && /* @__PURE__ */ e(
+            x,
             {
-              ...Ve,
+              ...xe,
               isInvalid: !!y,
               readonly: !!y,
-              placeholder: o.get("payByLink.overview.filters.types.stores.label")
+              placeholder: n.get("payByLink.overview.filters.types.stores.label")
             }
           ),
-          /* @__PURE__ */ n(
-            ft,
+          /* @__PURE__ */ e(
+            Rt,
             {
-              canResetFilters: Oe,
-              defaultParams: d,
-              filters: a,
-              sinceDate: qe,
-              nowTimestamp: Fe,
-              refreshNowTimestamp: O,
-              updateFilters: l
+              canResetFilters: he,
+              defaultParams: u,
+              filters: s,
+              sinceDate: $e,
+              nowTimestamp: Ce,
+              refreshNowTimestamp: b,
+              updateFilters: a
             }
           ),
-          We && /* @__PURE__ */ n(
-            Y,
+          Je && /* @__PURE__ */ e(
+            x,
             {
-              ...xe,
-              isInvalid: !!u,
-              readonly: !!u,
-              placeholder: o.get("payByLink.overview.filters.types.linkTypes.label")
+              ...Ge,
+              isInvalid: !!T,
+              readonly: !!T,
+              placeholder: n.get("payByLink.overview.filters.types.linkTypes.label")
             }
           ),
-          Ze && /* @__PURE__ */ n(
-            Y,
+          We && /* @__PURE__ */ e(
+            x,
             {
-              ...Ge,
-              isInvalid: !!u,
-              readonly: !!u,
-              placeholder: o.get("payByLink.overview.filters.types.status.label")
+              ...Ke,
+              isInvalid: !!T,
+              readonly: !!T,
+              placeholder: n.get("payByLink.overview.filters.types.status.label")
             }
           ),
-          /* @__PURE__ */ n(
-            Ee,
+          /* @__PURE__ */ e(
+            _e,
             {
-              name: o.get("payByLink.overview.filters.types.merchantReference.label"),
-              label: a[i.MERCHANT_REFERENCE] ? a[i.MERCHANT_REFERENCE] : o.get("payByLink.overview.filters.types.merchantReference.label"),
-              value: a[i.MERCHANT_REFERENCE],
-              onChange: Xe,
+              name: n.get("payByLink.overview.filters.types.merchantReference.label"),
+              label: s[i.MERCHANT_REFERENCE] ? s[i.MERCHANT_REFERENCE] : n.get("payByLink.overview.filters.types.merchantReference.label"),
+              value: s[i.MERCHANT_REFERENCE],
+              onChange: Qe,
               type: "text",
-              containerSize: Te.MEDIUM
+              containerSize: ue.MEDIUM
             }
           ),
-          /* @__PURE__ */ n(
-            Ee,
+          /* @__PURE__ */ e(
+            _e,
             {
-              name: o.get("payByLink.overview.filters.types.paymentLinkID.label"),
-              label: a[i.PAYMENT_LINK_ID] ? a[i.PAYMENT_LINK_ID] : o.get("payByLink.overview.filters.types.paymentLinkID.label"),
-              value: a[i.PAYMENT_LINK_ID],
-              onChange: Je,
+              name: n.get("payByLink.overview.filters.types.paymentLinkID.label"),
+              label: s[i.PAYMENT_LINK_ID] ? s[i.PAYMENT_LINK_ID] : n.get("payByLink.overview.filters.types.paymentLinkID.label"),
+              value: s[i.PAYMENT_LINK_ID],
+              onChange: Xe,
               type: "text",
-              containerSize: Te.MEDIUM
+              containerSize: ue.MEDIUM
             }
           ),
-          F && Q && /* @__PURE__ */ n(
-            ue,
+          d && W && /* @__PURE__ */ e(
+            de,
             {
-              className: P(pe),
-              type: Se.CRITICAL,
-              variant: de.TIP,
+              className: Y(pe),
+              type: Ee.CRITICAL,
+              variant: Se.TIP,
               closeButton: !0,
-              onClose: ne,
-              description: o.get("payByLink.overview.filters.errors.networkError")
+              onClose: re,
+              description: n.get("payByLink.overview.filters.errors.networkError")
             }
           )
         ] }),
-        at && /* @__PURE__ */ n("div", { className: Tt, children: [
-          V && /* @__PURE__ */ n(_e, { variant: me.PRIMARY, className: ce, onClick: nt, children: o.get("payByLink.overview.list.actions.createPaymentLink") }),
-          H && /* @__PURE__ */ n(
-            _e,
+        it && !d && /* @__PURE__ */ e("div", { className: ct, children: [
+          D && /* @__PURE__ */ e(F, { variant: K.PRIMARY, className: me, onClick: ne, children: n.get("payByLink.overview.list.actions.createPaymentLink") }),
+          O && /* @__PURE__ */ e(
+            F,
             {
-              "aria-label": o.get("payByLink.overview.actions.settings.a11y.label"),
-              variant: me.SECONDARY,
-              className: ce,
-              onClick: it,
-              children: /* @__PURE__ */ n(gt, { name: "cog" })
+              "aria-label": n.get("payByLink.overview.actions.settings.a11y.label"),
+              variant: K.SECONDARY,
+              className: me,
+              onClick: ae,
+              children: /* @__PURE__ */ e(V, { name: "cog" })
             }
           )
         ] })
       ] }),
-      !F && Q && /* @__PURE__ */ n(
-        ue,
+      !d && W && /* @__PURE__ */ e(
+        de,
         {
-          className: P(pe),
-          type: Se.CRITICAL,
-          variant: de.TIP,
+          className: Y(pe),
+          type: Ee.CRITICAL,
+          variant: Se.TIP,
           closeButton: !0,
-          onClose: ne,
-          description: o.get("payByLink.overview.filters.errors.networkError")
+          onClose: re,
+          description: n.get("payByLink.overview.filters.errors.networkError")
         }
       )
     ] }),
-    /* @__PURE__ */ n(
-      It,
+    /* @__PURE__ */ e(
+      Nt,
       {
-        selectedDetail: je,
-        resetDetails: ze,
-        onUpdate: ee,
-        children: /* @__PURE__ */ n(
-          yt,
+        selectedDetail: ze,
+        resetDetails: He,
+        onUpdate: oe,
+        children: /* @__PURE__ */ e(
+          _t,
           {
-            stores: r,
+            stores: m,
             storeError: y,
-            error: we,
-            limit: Be,
-            allStores: ve,
-            limitOptions: Pe,
-            loading: fe || be || p,
+            error: De,
+            limit: be,
+            allStores: Q,
+            limitOptions: we,
+            loading: ke || Oe || c,
             onContactSupport: A,
-            onLimitSelection: Ye,
-            onRowClick: Qe,
+            onLimitSelection: Ue,
+            onRowClick: je,
             showPagination: !0,
-            paymentLinks: Ue,
-            ...Ke
+            paymentLinks: Be,
+            ...Ye
           }
         )
       }
     ),
-    /* @__PURE__ */ n(
-      Ct,
+    /* @__PURE__ */ e(
+      ft,
       {
-        modalType: tt,
-        isModalVisible: et,
-        onCloseModal: ot,
-        paymentLinkSettings: Ce,
-        paymentLinkCreation: Ie,
-        storeIds: te.storeIds,
-        onContactSupport: te.onContactSupport,
-        refreshPaymentLinkList: ee
+        modalType: et,
+        isModalVisible: qe,
+        onCloseModal: tt,
+        paymentLinkSettings: ve,
+        paymentLinkCreation: fe,
+        storeIds: se.storeIds,
+        onContactSupport: se.onContactSupport,
+        refreshPaymentLinkList: oe
       }
     )
   ] });
 };
 export {
-  Rn as PaymentLinksOverview
+  Ni as PaymentLinksOverview
 };