@adyen/adyen-platform-experience-web 1.0.0-beta.2 → 1.0.0

package/dist/es/components/internal/Image/Image.js

@@ -2,13 +2,13 @@ import { jsx as t } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.m
 import i from "classnames";
 import { useImageUrl as p } from "../../../hooks/useImageUrl/useImageUrl.js";
 import { useMemo as c } from "../../../external/preact/hooks/dist/hooks.module.js";
-const u = ({ folder: m = "components/", className: r, alt: e, name: s, extension: o }) => {
+const f = ({ folder: m = "components/", className: r, alt: s, name: e, extension: o }) => {
   const a = p({
     options: c(() => ({ imageFolder: m, extension: o }), [o, m]),
-    name: s
+    name: e
   });
-  return /* @__PURE__ */ t("img", { className: i("adyen-pe__image", r), alt: e, src: a });
+  return /* @__PURE__ */ t("img", { className: i("adyen-pe__image", r), alt: s, src: a });
 };
 export {
-  u as Image
+  f as Image
 };

package/dist/es/components/internal/Img/Img.js

@@ -1,19 +1,19 @@
 import { jsx as n } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useState as p, useRef as N, useEffect as h } from "../../../external/preact/hooks/dist/hooks.module.js";
-import y from "classnames";
+import { useState as p, useRef as N, useEffect as y } from "../../../external/preact/hooks/dist/hooks.module.js";
+import E from "classnames";
 import "./Img.scss.js";
 function L(s) {
-  const { backgroundUrl: a = "", className: c = "", classNameModifiers: m = [], src: l = "", alt: d = "", showOnError: f = !1 } = s, [i, o] = p(!1), r = N(null), u = () => {
+  const { backgroundUrl: a = "", className: m = "", classNameModifiers: c = [], src: l = "", alt: d = "", showOnError: f = !1 } = s, [i, o] = p(!1), r = N(null), u = () => {
     o(!0);
   }, g = () => {
     o(f);
-  }, t = y(
-    [c],
+  }, t = E(
+    [m],
     "adyen-pe-image",
     { "adyen-pe-image--loaded": i },
-    ...m.map((e) => `adyen-pe-image--${e}`)
+    ...c.map((e) => `adyen-pe-image--${e}`)
   );
-  return h(() => {
+  return y(() => {
     const e = a ? new Image() : r.current;
     e && (e.src = a || l, e.onload = u), o(!!(e != null && e.complete));
   }, []), a ? /* @__PURE__ */ n("div", { style: { backgroundUrl: a }, ...s, className: t }) : /* @__PURE__ */ n("img", { ...s, alt: d, ref: r, className: t, onError: g });

package/dist/es/components/internal/Modal/Modal.js

@@ -1,42 +1,42 @@
 import { jsx as a } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { ButtonVariant as s } from "../Button/types.js";
+import { ButtonVariant as _ } from "../Button/types.js";
 import v from "../SVGIcons/Close.js";
 import g from "../../../core/Context/useCoreContext.js";
-import { useRef as k, useCallback as i, useEffect as E } from "../../../external/preact/hooks/dist/hooks.module.js";
-import p from "classnames";
+import { useRef as N, useCallback as i, useEffect as k } from "../../../external/preact/hooks/dist/hooks.module.js";
+import c from "classnames";
 import "./Modal.scss.js";
-import N from "../Button/Button.js";
+import E from "../Button/Button.js";
 import { Fragment as x } from "../../../external/preact/dist/preact.module.js";
-function T(r) {
+function B(r) {
   return !(!r || !("nodeType" in r));
 }
-function M({
+function K({
   title: r,
   children: u,
   classNameModifiers: f = [],
   isOpen: e,
-  onClose: n,
+  onClose: t,
   isDismissible: d = !0,
   headerWithBorder: y = !0,
-  size: t = "fluid",
-  ...h
+  size: n = "fluid",
+  ...s
 }) {
-  const l = k(null), { i18n: w } = g(), _ = i(
+  const l = N(null), { i18n: h } = g(), w = i(
     (o) => {
-      var c;
-      d && e && T(o.target) && !((c = l == null ? void 0 : l.current) != null && c.contains(o.target)) && n();
+      var p;
+      d && e && B(o.target) && !((p = l == null ? void 0 : l.current) != null && p.contains(o.target)) && t();
     },
-    [d, e, n]
+    [d, e, t]
   ), m = i(
     (o) => {
-      o.key === "Escape" && e && d && n();
+      o.key === "Escape" && e && d && t();
     },
-    [e, d, n]
+    [e, d, t]
   );
-  return E(() => (e ? window.addEventListener("keydown", m) : window.removeEventListener("keydown", m), () => window.removeEventListener("keydown", m)), [e, m]), /* @__PURE__ */ a(x, { children: e && /* @__PURE__ */ a(
+  return k(() => (e ? window.addEventListener("keydown", m) : window.removeEventListener("keydown", m), () => window.removeEventListener("keydown", m)), [e, m]), /* @__PURE__ */ a(x, { children: e && /* @__PURE__ */ a(
     "div",
     {
-      className: p(
+      className: c(
         "adyen-pe-modal-wrapper",
         f.map((o) => `adyen-pe-modal-wrapper--${o}`),
         { "adyen-pe-modal-wrapper--open": e, "adyen-pe-modal-wrapper--dismissible": d }
@@ -44,36 +44,38 @@ function M({
       role: "dialog",
       "aria-modal": "true",
       "aria-hidden": !open,
-      onClick: _,
-      ...h,
+      onClick: w,
+      ...s,
       children: /* @__PURE__ */ a(
         "div",
         {
-          className: p("adyen-pe-modal", {
-            "adyen-pe-modal--fluid": t === "fluid",
-            "adyen-pe-modal--small": t === "small",
-            "adyen-pe-modal--large": t === "large",
-            "adyen-pe-modal--extra-large": t === "extra-large",
-            "adyen-pe-modal--full-screen": t === "full-screen"
+          className: c("adyen-pe-modal", {
+            "adyen-pe-modal--fluid": n === "fluid",
+            "adyen-pe-modal--small": n === "small",
+            "adyen-pe-modal--large": n === "large",
+            "adyen-pe-modal--extra-large": n === "extra-large",
+            "adyen-pe-modal--full-screen": n === "full-screen"
           }),
           ref: l,
           children: [
             /* @__PURE__ */ a(
               "div",
               {
-                className: p("adyen-pe-modal__header", {
+                className: c("adyen-pe-modal__header", {
                   "adyen-pe-modal__header--with-title": r,
                   "adyen-pe-modal__header--with-border-bottom": y
                 }),
                 children: [
                   r && /* @__PURE__ */ a("div", { className: "adyen-pe-modal__header__title", children: r }),
                   d && /* @__PURE__ */ a(
-                    N,
+                    E,
                     {
-                      onClick: n,
-                      variant: s.TERTIARY,
+                      onClick: t,
+                      variant: _.TERTIARY,
+                      iconButton: !0,
+                      classNameModifiers: ["circle"],
                       className: "adyen-pe-modal__header-icon",
-                      "aria-label": w.get("dismiss"),
+                      "aria-label": h.get("dismiss"),
                       children: /* @__PURE__ */ a(v, {})
                     }
                   )
@@ -88,5 +90,5 @@ function M({
   ) });
 }
 export {
-  M as default
+  K as default
 };

package/dist/es/components/internal/Modal/ModalContent/ModalContent.js

@@ -0,0 +1,16 @@
+import { jsx as e } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useMemo as i } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import s from "../../DataOverviewDetails/DataOverviewDetails.js";
+import "./ModalContent.scss.js";
+import { Fragment as n } from "../../../../external/preact/dist/preact.module.js";
+import { hasOwnProperty as m } from "../../../../utils/struct/property.js";
+const a = {
+  base: "adyen-pe-modal-content"
+}, l = (o) => m(o, "id");
+function v({ type: o, data: r }) {
+  const t = i(() => o === "payout" ? { ...r, type: "payout" } : l(r) ? { data: r, type: o } : { id: r, type: o }, [r, o]);
+  return /* @__PURE__ */ e(n, { children: t && /* @__PURE__ */ e("div", { className: a.base, children: /* @__PURE__ */ e(s, { ...t }) }) });
+}
+export {
+  v as default
+};

package/dist/es/components/internal/Pagination/Pagination.js

@@ -1,28 +1,29 @@
 import { jsx as a } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { ButtonVariant as d } from "../Button/types.js";
+import { ButtonVariant as s } from "../Button/types.js";
 import b from "../../../core/Context/useCoreContext.js";
-import v from "classnames";
-import { useMemo as h, useCallback as C } from "../../../external/preact/hooks/dist/hooks.module.js";
+import h from "classnames";
+import { useMemo as v, useCallback as C } from "../../../external/preact/hooks/dist/hooks.module.js";
 import "./Pagination.scss.js";
 import _ from "../SVGIcons/ChevronLeft.js";
-import T from "../SVGIcons/ChevronRight.js";
+import N from "../SVGIcons/ChevronRight.js";
 import R from "../FormFields/Select/Select.js";
-import s from "../Button/Button.js";
-import { EMPTY_ARRAY as c } from "../../../utils/common/constants.js";
-function I({ next: m, hasNext: r, hasPrev: o, page: p, prev: f, limit: u, limitOptions: t, onLimitSelection: i }) {
-  const { i18n: n } = b(), l = h(
+import d from "../Button/Button.js";
+import { isNullish as T } from "../../../utils/value/is.js";
+import { EMPTY_ARRAY as c } from "../../../utils/value/constants.js";
+function q({ next: m, hasNext: n, hasPrev: o, page: p, prev: f, limit: u, limitOptions: t, onLimitSelection: i }) {
+  const { i18n: r } = b(), l = v(
     () => t && Object.freeze(t.map((e) => ({ id: `${e}`, name: `${e}` }))),
     [t]
   ), g = C(
     ({ target: e }) => {
-      (e == null ? void 0 : e.value) != null && (i == null || i(+e.value));
+      T(e == null ? void 0 : e.value) || i == null || i(+e.value);
     },
     [i]
   );
-  return /* @__PURE__ */ a("div", { "aria-label": n.get("paginatedNavigation"), className: `adyen-pe-pagination ${v({})}`, children: [
+  return /* @__PURE__ */ a("div", { "aria-label": r.get("paginatedNavigation"), className: `adyen-pe-pagination ${h({})}`, children: [
     /* @__PURE__ */ a("div", { className: "adyen-pe-pagination__context", children: [
       /* @__PURE__ */ a("span", { children: [
-        n.get("pagination.page"),
+        r.get("pagination.showing"),
         " ",
         p
       ] }),
@@ -40,10 +41,10 @@ function I({ next: m, hasNext: r, hasPrev: o, page: p, prev: f, limit: u, limitO
     ] }),
     /* @__PURE__ */ a("div", { className: "adyen-pe-pagination__controls", children: [
       /* @__PURE__ */ a(
-        s,
+        d,
         {
-          "aria-label": n.get("pagination.previousPage"),
-          variant: d.TERTIARY,
+          "aria-label": r.get("pagination.previousPage"),
+          variant: s.TERTIARY,
           disabled: !o,
           iconButton: !0,
           classNameModifiers: ["circle"].concat(o ? c : "disabled"),
@@ -52,20 +53,20 @@ function I({ next: m, hasNext: r, hasPrev: o, page: p, prev: f, limit: u, limitO
         }
       ),
       /* @__PURE__ */ a(
-        s,
+        d,
         {
-          "aria-label": n.get("pagination.nextPage"),
-          variant: d.TERTIARY,
-          disabled: !r,
+          "aria-label": r.get("pagination.nextPage"),
+          variant: s.TERTIARY,
+          disabled: !n,
           iconButton: !0,
-          classNameModifiers: ["circle"].concat(r ? c : "disabled"),
+          classNameModifiers: ["circle"].concat(n ? c : "disabled"),
           onClick: m,
-          children: /* @__PURE__ */ a(T, { disabled: !r })
+          children: /* @__PURE__ */ a(N, { disabled: !n })
         }
       )
     ] })
   ] });
 }
 export {
-  I as default
+  q as default
 };

package/dist/es/components/internal/Pagination/hooks/useCursorPagination.js

@@ -1,22 +1,22 @@
 import { useMemo as m } from "../../../../external/preact/hooks/dist/hooks.module.js";
-import { isString as i } from "../../../../utils/validator-utils.js";
 import d from "./usePagination.js";
-const f = (e) => i(e.next), C = (e) => i(e.prev), h = (e, u) => {
+import { isString as i, isUndefined as f } from "../../../../utils/value/is.js";
+const C = (e) => i(e.next), h = (e) => i(e.prev), l = (e, u) => {
   const c = m(() => {
     const o = [], P = () => o.length, a = () => {
       o.length = 0;
-    }, g = (t) => ({ cursor: o[t - 1] }), s = (t, r) => {
-      const n = o[r - 1];
-      (r === 1 || r === (o.length || 1) + 1) && n === void 0 && (o[r - 1] = t ? decodeURIComponent(t) : void 0);
+    }, g = (t) => ({ cursor: o[t - 1] }), r = (t, s) => {
+      const n = o[s - 1];
+      (s === 1 || s === (o.length || 1) + 1) && f(n) && (o[s - 1] = t ? decodeURIComponent(t) : void 0);
     };
-    return { getPageCount: P, getPageParams: g, resetPageCount: a, updatePagination: (t, r, n) => {
-      f(n) && s(n.next, t + 1), C(n) && s(n.prev, t - 1);
+    return { getPageCount: P, getPageParams: g, resetPageCount: a, updatePagination: (t, s, n) => {
+      C(n) && r(n.next, t + 1), h(n) && r(n.prev, t - 1);
     } };
   }, []);
   return d(c, e, u);
-}, S = h;
+}, U = l;
 export {
-  S as default,
-  f as hasNextPage,
-  C as hasPrevPage
+  U as default,
+  C as hasNextPage,
+  h as hasPrevPage
 };

package/dist/es/components/internal/Pagination/hooks/usePageLimit.js

@@ -1,7 +1,8 @@
-import { useRef as f, useMemo as a } from "../../../../external/preact/hooks/dist/hooks.module.js";
-import { DEFAULT_PAGE_LIMIT as l } from "../constants.js";
-import { getClampedPageLimit as m } from "../utils.js";
-import { isNumber as d, mid as p } from "../../../../utils/common/index.js";
+import { useRef as f, useMemo as m } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import { DEFAULT_PAGE_LIMIT as a } from "../constants.js";
+import { getClampedPageLimit as l } from "../utils.js";
+import { isNumber as d } from "../../../../utils/value/is.js";
+import { mid as p } from "../../../../utils/value/number.js";
 const h = (r, o) => {
   const n = r.length - 1;
   if (n < 0)
@@ -18,22 +19,22 @@ const h = (r, o) => {
     o > e ? c = i + 1 : s = i - 1;
   }
 }, b = ({
-  preferredLimit: r = l,
+  preferredLimit: r = a,
   preferredLimitOptions: o
 }) => {
-  const n = f(), i = f(), c = a(() => {
+  const n = f(), i = f(), c = m(() => {
     try {
       const e = /* @__PURE__ */ new Set();
       for (const t of o) {
-        const u = m(t);
+        const u = l(t);
         u > 0 && e.add(u);
       }
       return Object.freeze([...e].sort((t, u) => t - u));
     } catch {
     }
   }, [o]);
-  return { limit: a(() => {
-    let e = m(r) || l;
+  return { limit: m(() => {
+    let e = l(r) || a;
     e:
       try {
         if (n.current === c)

package/dist/es/components/internal/Pagination/hooks/usePaginatedRecords.js

@@ -1,82 +1,81 @@
-import { useState as D, useRef as y, useMemo as T, useCallback as F, useEffect as O } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import { useState as D, useRef as _, useMemo as E, useCallback as b, useEffect as O } from "../../../../external/preact/hooks/dist/hooks.module.js";
 import W from "./usePageLimit.js";
 import Z from "./useCursorPagination.js";
 import C from "./useOffsetPagination.js";
 import z from "./usePaginatedRecordsFilters.js";
-import { PageNeighbour as f, PaginationType as ee } from "../types.js";
-import te from "../../../../hooks/useBooleanState/useBooleanState.js";
-import re from "../../../../hooks/useMounted/useMounted.js";
-import { EMPTY_OBJECT as _ } from "../../../../utils/common/constants.js";
-const se = [f.NEXT, f.PREV], oe = ["hasNext", "hasPrevious"], h = (e) => {
-  const t = Object.getOwnPropertyNames(e);
-  return !oe.some((r) => t.includes(r));
-}, ae = (e, t = "data") => {
-  const r = e[t];
-  if (h(e)) {
+import { PaginationType as ee, PageNeighbour as w } from "../types.js";
+import re from "../../../../hooks/useBooleanState/useBooleanState.js";
+import te from "../../../../hooks/useMounted/useMounted.js";
+import { EMPTY_OBJECT as se } from "../../../../utils/value/constants.js";
+import { boolOrFalse as y } from "../../../../utils/value/bool.js";
+const oe = ["hasNext", "hasPrevious"], $ = (e) => {
+  const r = Object.getOwnPropertyNames(e);
+  return !oe.some((t) => r.includes(t));
+}, ae = (e, r = "data") => {
+  const t = e[r];
+  if ($(e)) {
     const n = Object.fromEntries(
-      Object.entries(e || _).filter(
-        ([s, o]) => se.includes(s) && o
-      )
+      Object.entries(e._links).map(([s, o]) => [s, o.cursor])
     );
-    return { records: r, paginationData: n };
+    return { records: t, paginationData: n };
   }
   throw new TypeError("MALFORMED_PAGINATED_DATA");
-}, ne = (e, t = "data") => {
-  const r = e[t];
-  if (!h(e)) {
+}, ne = (e, r = "data") => {
+  const t = e[r];
+  if (!$(e)) {
     const { hasNext: n, hasPrevious: s } = e, o = {
-      [f.NEXT]: n === !0,
-      [f.PREV]: s === !0
+      [w.NEXT]: y(n),
+      [w.PREV]: y(s)
     };
-    return { records: r, paginationData: o };
+    return { records: t, paginationData: o };
   }
   throw new TypeError("MALFORMED_PAGINATED_DATA");
 }, ce = ({
   dataField: e = "data",
-  fetchRecords: t,
-  filterParams: r = _,
+  fetchRecords: r,
+  filterParams: t = se,
   initialFiltersSameAsDefault: n = !0,
   initialize: s,
   onFiltersChanged: o,
-  onLimitChanged: P,
-  pagination: $,
-  preferredLimit: j,
-  preferredLimitOptions: v,
-  enabled: A
+  onLimitChanged: f,
+  pagination: x,
+  preferredLimit: h,
+  preferredLimitOptions: j,
+  enabled: l
 }) => {
-  const [x, I] = D([]), [L, m] = te(!0), [S, l] = D(), [B, G] = D(j), N = re(), d = y(!0), g = y(1), M = z(r, n), { limit: c, limitOptions: V } = W({ preferredLimit: B, preferredLimitOptions: v }), { defaultFilters: ue, filters: a, updateFilters: X, ...k } = M, [q, J] = T(
-    () => $ === ee.CURSOR ? [ae, Z] : [ne, C],
+  const [v, I] = D([]), [L, P] = re(!0), [S, A] = D(), [k, q] = D(h), T = te(), m = _(!0), d = _(1), F = z(t, n), { limit: c, limitOptions: B } = W({ preferredLimit: k, preferredLimitOptions: j }), { defaultFilters: ue, filters: a, updateFilters: G, ...J } = F, [U, V] = E(
+    () => x === ee.CURSOR ? [ae, Z] : [ne, C],
     []
-  ), U = F((E) => G(E), []), { goto: R, page: Y, pages: H, resetPagination: b, ...K } = J(
-    F(
-      async ({ page: E, ...Q }, i) => {
+  ), X = b((R) => q(R), []), { goto: g, page: Y, pages: H, resetPagination: M, ...K } = V(
+    b(
+      async ({ page: R, ...Q }, i) => {
         try {
-          if (l(void 0), g.current = E, !N.current || m(!0))
+          if (A(void 0), d.current = R, !T.current || P(!0))
             return;
-          const p = await t({ ...Q, ...a }, i), { records: u, paginationData: w } = q(p, e);
-          return d.current && (s == null || s([u, w], M), d.current = !1), N.current && (I(u), m(!1)), { ...w, size: u == null ? void 0 : u.length };
+          const p = await r({ ...Q, ...a }, i), { records: u, paginationData: N } = U(p, e);
+          return m.current && (s == null || s([u, N], F), m.current = !1), T.current && (I(u), P(!1)), { ...N, size: u == null ? void 0 : u.length };
         } catch (p) {
           if (i != null && i.aborted)
             return;
-          m(!1), l(p), console.error(p);
+          P(!1), A(p), console.error(p);
         }
       },
-      [t, a, c]
+      [r, a, c]
     ),
     c
   );
-  return T(() => {
-    d.current = !0;
-  }, [r]), T(() => {
-    b(), g.current = 1;
-  }, [a, c, b]), O(() => {
-    A && R(g.current);
-  }, [R, A]), O(() => {
+  return E(() => {
+    m.current = !0;
+  }, [t]), E(() => {
+    M(), d.current = 1;
+  }, [a, c, M]), O(() => {
+    l && g(d.current);
+  }, [g, l]), O(() => {
     o == null || o(a);
   }, [a]), O(() => {
-    P == null || P(c);
-  }, [c]), { error: S, fetching: L, filters: a, goto: R, limitOptions: V, page: Y, pages: H, records: x, updateFilters: X, updateLimit: U, ...k, ...K };
-}, De = ce;
+    f == null || f(c);
+  }, [c]), { error: S, fetching: L, filters: a, goto: g, limitOptions: B, page: Y, pages: H, records: v, updateFilters: G, updateLimit: X, ...J, ...K };
+}, Oe = ce;
 export {
-  De as default
+  Oe as default
 };

package/dist/es/components/internal/Pagination/hooks/usePaginatedRecordsFilters.js

@@ -1,5 +1,5 @@
 import o from "../../../../hooks/useReactiveState/useReactiveState.js";
-import { EMPTY_OBJECT as d } from "../../../../utils/common/constants.js";
+import { EMPTY_OBJECT as d } from "../../../../utils/value/constants.js";
 const u = (t = d, e) => {
   const {
     canResetState: s,

package/dist/es/components/internal/Pagination/hooks/usePagination.js

@@ -1,15 +1,15 @@
-import { useRef as p, useCallback as P, useState as G, useMemo as s, useEffect as T } from "../../../../external/preact/hooks/dist/hooks.module.js";
-import { getClampedPageLimit as _ } from "../utils.js";
-import { noop as j } from "../../../../utils/common/index.js";
+import { useRef as p, useCallback as P, useState as G, useMemo as s, useEffect as _ } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import { getClampedPageLimit as j } from "../utils.js";
 import H from "../../../../hooks/useMounted/useMounted.js";
 import J from "../../../../hooks/useBooleanState/useBooleanState.js";
-const K = (V, l, M) => {
+import { noop as K } from "../../../../utils/common.js";
+const L = (V, l, M) => {
   const u = p(), c = p(), h = p(), r = p(), i = H(
     P(() => {
       var o;
       (o = u.current) == null || o.abort(), u.current = void 0;
     }, [])
-  ), [t, x] = G(r.current), [g, $] = J(!1), e = s(() => _(M), [M]), { getPageCount: v, getPageParams: I, resetPageCount: z, updatePagination: R } = V, n = s(() => l ? (o) => {
+  ), [t, x] = G(r.current), [g, $] = J(!1), e = s(() => j(M), [M]), { getPageCount: v, getPageParams: I, resetPageCount: z, updatePagination: R } = V, n = s(() => l ? (o) => {
     var S;
     if (!(e && Number.isInteger(o)))
       return;
@@ -28,20 +28,20 @@ const K = (V, l, M) => {
         console.error(d);
       }
     })()));
-  } : j, [e, l]), w = P(() => {
+  } : K, [e, l]), q = P(() => {
     t && n(Math.min(t + 1, v()));
-  }, [n, t]), A = P(() => {
+  }, [n, t]), w = P(() => {
     t && n(Math.max(t - 1, 1));
-  }, [n, t]), m = s(() => v() || t || void 0, [n, g]), E = s(() => !!(t && m) && t < m, [t, m]), N = s(() => !!t && t > 1, [t]), C = s(
+  }, [n, t]), m = s(() => v() || t || void 0, [n, g]), A = s(() => !!(t && m) && t < m, [t, m]), E = s(() => !!t && t > 1, [t]), C = s(
     () => c.current ? (c.current - 1) * e + (h.current || 0) : 0,
     [n, g]
-  ), q = s(() => e && Math.min(e, C || 1 / 0) % e, [e, C]), B = P(() => {
+  ), N = s(() => e && Math.min(e, C || 1 / 0) % e, [e, C]), B = P(() => {
     z(), c.current = h.current = r.current = void 0, i.current && x(r.current);
   }, [z]);
-  return T(() => {
+  return _(() => {
     i.current && g && $(!1);
-  }, [g]), { goto: n, hasNext: E, hasPrev: N, limit: e, next: w, page: t, pages: m, pageSize: q, prev: A, resetPagination: B, size: C };
-}, Y = K;
+  }, [g]), { goto: n, hasNext: A, hasPrev: E, limit: e, next: q, page: t, pages: m, pageSize: N, prev: w, resetPagination: B, size: C };
+}, Y = L;
 export {
   Y as default
 };