@saasquatch/mint-components 1.6.2-10 → 1.6.2-11

package/dist/cjs/sqm-portal-footer.cjs.entry.js

@@ -4,13 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-6fe43579.js');
-require('./global-4e52f274.js');
+require('./global-b645d18a.js');
 require('./use-callback-5d15897d.js');
-require('./index.module-7972acac.js');
-require('./extends-08099afd.js');
-require('./JSS-97fd087e.js');
+require('./index.module-93c78ac7.js');
+require('./JSS-8503a151.js');
 const utils = require('./utils-6847bc06.js');
-const sqmPortalFooterView = require('./sqm-portal-footer-view-8eadb31d.js');
+const sqmPortalFooterView = require('./sqm-portal-footer-view-5d6451ad.js');
 
 const PortalFooter = class {
   constructor(hostRef) {

package/dist/cjs/{sqm-portal-forgot-password-view-fed1f563.js → sqm-portal-forgot-password-view-ccaf2bd4.js}

@@ -2,8 +2,8 @@
 
 const index = require('./index-b0129cd6.js');
 const mixins = require('./mixins-fe9d4112.js');
-const JSS = require('./JSS-97fd087e.js');
-const sqmTextSpanView = require('./sqm-text-span-view-2c7d94b5.js');
+const JSS = require('./JSS-8503a151.js');
+const sqmTextSpanView = require('./sqm-text-span-view-b318af73.js');
 
 const style = {
   Wrapper: mixins.AuthWrapper,

package/dist/cjs/sqm-portal-forgot-password.cjs.entry.js

@@ -5,21 +5,20 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-6fe43579.js');
 require('./use-callback-5d15897d.js');
-const index_module = require('./index.module-7972acac.js');
-require('./extends-08099afd.js');
+const index_module = require('./index.module-93c78ac7.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-fe9d4112.js');
-require('./JSS-97fd087e.js');
-require('./sqm-text-span-view-2c7d94b5.js');
-const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-fed1f563.js');
+require('./JSS-8503a151.js');
+require('./sqm-text-span-view-b318af73.js');
+const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-ccaf2bd4.js');
 
 function usePortalForgotPassword(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h;
   const [success, setSuccess] = stencilHooks_module.useState(false);
   const [error, setError] = stencilHooks_module.useState("");
-  const [request, { loading, data, errors }] = index_module.tn();
-  const urlParams = new URLSearchParams(window.location.search);
+  const [request, { loading, data, errors }] = index_module.nn();
+  const urlParams = new URLSearchParams(index_module.fn.location.search);
   const nextPage = urlParams.get("nextPage");
   const submit = async (event) => {
     setError("");
@@ -99,7 +98,7 @@ const PortalForgotPassword = class {
       ? usePortalForgotPasswordDemo(this)
       : usePortalForgotPassword(this);
     const content = {
-      secondaryButton: (index.h("slot", { name: "secondaryButton" }, index.h("sl-button", { type: "text", disabled: states.loading, onClick: () => index_module.vn.push(states.loginPath) }, "Sign In"))),
+      secondaryButton: (index.h("slot", { name: "secondaryButton" }, index.h("sl-button", { type: "text", disabled: states.loading, onClick: () => index_module.fn.push(states.loginPath) }, "Sign In"))),
       messageSlot: (index.h("slot", { name: "messageSlot" }, "Enter your email below to receive a password reset link.")),
       emailLabel: this.emailLabel,
       submitLabel: this.submitLabel,

package/dist/cjs/sqm-portal-logout.cjs.entry.js

@@ -5,12 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-6fe43579.js');
 require('./use-callback-5d15897d.js');
-const index_module = require('./index.module-7972acac.js');
-require('./extends-08099afd.js');
+const index_module = require('./index.module-93c78ac7.js');
 
 function usePortalLogout({ nextPage }) {
   index_module.setUserIdentity(undefined);
-  index_module.vn.push({ pathname: nextPage, search: "" });
+  index_module.fn.push({ pathname: nextPage, search: "" });
 }
 
 const PortalLogout = class {

package/dist/cjs/{sqm-portal-profile-view-730252e8.js → sqm-portal-profile-view-e615e2b2.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const global = require('./global-4e52f274.js');
-const JSS = require('./JSS-97fd087e.js');
-const sqmTextSpanView = require('./sqm-text-span-view-2c7d94b5.js');
-const sqmPortalContainerView = require('./sqm-portal-container-view-840db620.js');
+const global = require('./global-b645d18a.js');
+const JSS = require('./JSS-8503a151.js');
+const sqmTextSpanView = require('./sqm-text-span-view-b318af73.js');
+const sqmPortalContainerView = require('./sqm-portal-container-view-2ddcaa12.js');
 
 function PortalProfileView(props) {
   var _a, _b, _c, _d, _e;

package/dist/cjs/sqm-portal-profile.cjs.entry.js

@@ -4,16 +4,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-6fe43579.js');
-require('./global-4e52f274.js');
+require('./global-b645d18a.js');
 require('./use-callback-5d15897d.js');
-const index_module = require('./index.module-7972acac.js');
-require('./extends-08099afd.js');
+const index_module = require('./index.module-93c78ac7.js');
 const cjs = require('./cjs-1066ec21.js');
-require('./JSS-97fd087e.js');
+require('./JSS-8503a151.js');
 const utils = require('./utils-6847bc06.js');
-require('./sqm-text-span-view-2c7d94b5.js');
-require('./sqm-portal-container-view-840db620.js');
-const sqmPortalProfileView = require('./sqm-portal-profile-view-730252e8.js');
+require('./sqm-text-span-view-b318af73.js');
+require('./sqm-portal-container-view-2ddcaa12.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-e615e2b2.js');
 
 const GET_USER = index_module.dist.gql `
   query {
@@ -59,12 +58,12 @@ const defaultFormState = {
   error: "",
 };
 function usePortalProfile(props) {
-  const userIdent = index_module._();
+  const userIdent = index_module.N();
   const [success, setSuccess] = stencilHooks_module.useState(false);
   const [userData, setUserData] = stencilHooks_module.useState(undefined);
   const [formState, setFormState] = stencilHooks_module.useState(defaultFormState);
   const userDataResponse = index_module.dn(GET_USER, {}, !(userIdent === null || userIdent === void 0 ? void 0 : userIdent.jwt));
-  const [upsertUser, upsertUserResponse] = index_module.Ie(UPSERT_USER);
+  const [upsertUser, upsertUserResponse] = index_module.Pe(UPSERT_USER);
   stencilHooks_module.useEffect(() => {
     if (upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.loading)
       return;

package/dist/cjs/sqm-portal-protected-route.cjs.entry.js

@@ -5,26 +5,25 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-6fe43579.js');
 require('./use-callback-5d15897d.js');
-const index_module = require('./index.module-7972acac.js');
-require('./extends-08099afd.js');
+const index_module = require('./index.module-93c78ac7.js');
 
 function usePortalProtectedRoute({ requireEmailVerification, redirectTo, redirectToUnverified, }) {
   var _a;
-  const userIdent = index_module._();
+  const userIdent = index_module.N();
   const authenticated = !!(userIdent === null || userIdent === void 0 ? void 0 : userIdent.jwt);
   const emailVerified = (_a = userIdent === null || userIdent === void 0 ? void 0 : userIdent.managedIdentity) === null || _a === void 0 ? void 0 : _a.emailVerified;
-  const { pathname, search } = index_module.gn();
+  const { pathname, search } = index_module.cn();
   const nextPageParam = new URLSearchParams();
   nextPageParam.append("nextPage", `${pathname}${search}`);
   stencilHooks_module.useEffect(() => {
     if (!authenticated) {
-      return index_module.vn.push({
+      return index_module.fn.push({
         pathname: redirectTo,
         search: "?" + nextPageParam.toString(),
       });
     }
     if (requireEmailVerification && !emailVerified) {
-      return index_module.vn.push({
+      return index_module.fn.push({
         pathname: redirectToUnverified || redirectTo,
         search: "?" + nextPageParam.toString(),
       });

package/dist/cjs/sqm-portal-registration-form.cjs.entry.js

@@ -5,15 +5,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-6fe43579.js');
 const useCallback = require('./use-callback-5d15897d.js');
-const index_module = require('./index.module-7972acac.js');
-require('./extends-08099afd.js');
+const index_module = require('./index.module-93c78ac7.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
 const mixins = require('./mixins-fe9d4112.js');
-const JSS = require('./JSS-97fd087e.js');
-const sqmTextSpanView = require('./sqm-text-span-view-2c7d94b5.js');
+const JSS = require('./JSS-8503a151.js');
+const sqmTextSpanView = require('./sqm-text-span-view-b318af73.js');
 const AsYouType = require('./AsYouType-6788393a.js');
-const useRegistrationFormState = require('./useRegistrationFormState-b7598d69.js');
+const useRegistrationFormState = require('./useRegistrationFormState-d0e43ca9.js');
 
 const style = {
   Wrapper: { ...mixins.AuthWrapper, "max-width": "600px" },
@@ -111,7 +110,7 @@ function usePortalRegistrationForm(props) {
   const formRef = stencilHooks_module.useRef(null);
   const { registrationFormState, setRegistrationFormState } = useRegistrationFormState.useRegistrationFormState({});
   const { validationState, setValidationState } = useRegistrationFormState.useValidationState({});
-  const [request, { loading, errors, data, formError }] = index_module.Re();
+  const [request, { loading, errors, data, formError }] = index_module.qe();
   const queryResponse = index_module.dn(RegistrationFormQuery, { key: props.formKey });
   const formLoading = loading || queryResponse.loading;
   stencilHooks_module.useEffect(() => {
@@ -199,7 +198,7 @@ function usePortalRegistrationForm(props) {
       managedIdentityResponse.result.results.length &&
       managedIdentityResponse.result.results[0].success &&
       managedIdentityResponse.result.results[0].data.token) {
-      index_module.vn.push(props.nextPage);
+      index_module.fn.push(props.nextPage);
     }
   }, [data === null || data === void 0 ? void 0 : data.submitForm]);
   stencilHooks_module.useEffect(() => {
@@ -324,7 +323,7 @@ const PortalRegistrationForm = class {
       : usePortalRegistrationForm(this);
     const content = {
       formData: index.h("slot", { name: "formData" }),
-      secondaryButton: (index.h("slot", { name: "secondaryButton" }, index.h("sl-button", { type: "text", disabled: states.loading, onClick: () => index_module.vn.push(states.loginPath) }, this.loginLabel))),
+      secondaryButton: (index.h("slot", { name: "secondaryButton" }, index.h("sl-button", { type: "text", disabled: states.loading, onClick: () => index_module.fn.push(states.loginPath) }, this.loginLabel))),
       terms: index.h("slot", { name: "terms" }),
       emailLabel: this.emailLabel,
       passwordLabel: this.passwordLabel,

package/dist/cjs/{sqm-portal-reset-password-view-f8dc0b79.js → sqm-portal-reset-password-view-4d23de69.js}

@@ -2,8 +2,8 @@
 
 const index = require('./index-b0129cd6.js');
 const mixins = require('./mixins-fe9d4112.js');
-const JSS = require('./JSS-97fd087e.js');
-const sqmTextSpanView = require('./sqm-text-span-view-2c7d94b5.js');
+const JSS = require('./JSS-8503a151.js');
+const sqmTextSpanView = require('./sqm-text-span-view-b318af73.js');
 
 const style = {
   Wrapper: mixins.AuthWrapper,

package/dist/cjs/sqm-portal-reset-password.cjs.entry.js

@@ -5,23 +5,22 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-6fe43579.js');
 require('./use-callback-5d15897d.js');
-const index_module = require('./index.module-7972acac.js');
-require('./extends-08099afd.js');
+const index_module = require('./index.module-93c78ac7.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-fe9d4112.js');
-require('./JSS-97fd087e.js');
+require('./JSS-8503a151.js');
 const utils = require('./utils-6847bc06.js');
-require('./sqm-text-span-view-2c7d94b5.js');
-const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-f8dc0b79.js');
+require('./sqm-text-span-view-b318af73.js');
+const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-4d23de69.js');
 
 function usePortalResetPassword(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
   const [reset, setReset] = stencilHooks_module.useState(false);
   const [error, setError] = stencilHooks_module.useState("");
-  const [verifyPasswordResetCode, verifyPasswordResetCodeState] = index_module._e();
-  const [resetPassword, resetPasswordState] = index_module.Ne();
-  const urlParams = new URLSearchParams(window.location.search);
+  const [verifyPasswordResetCode, verifyPasswordResetCodeState] = index_module.Ne();
+  const [resetPassword, resetPasswordState] = index_module.We();
+  const urlParams = new URLSearchParams(index_module.fn.location.search);
   const oobCode = urlParams.get("oobCode");
   urlParams.delete("oobCode");
   const nextPageOverride = urlParams.get("nextPage");
@@ -41,10 +40,10 @@ function usePortalResetPassword(props) {
   const gotoNextPage = () => {
     urlParams.delete("nextPage");
     const url = utils.sanitizeUrlPath(nextPageOverride || props.nextPage);
-    index_module.vn.push(url.href);
+    index_module.fn.push(url.href);
   };
   const failed = () => {
-    index_module.vn.push({
+    index_module.fn.push({
       pathname: props.failedPage,
       search: urlParams.toString() && "?" + urlParams.toString(),
     });

package/dist/cjs/{sqm-portal-section-view-854a3e9c.js → sqm-portal-section-view-1e5bbcb1.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const JSS = require('./JSS-97fd087e.js');
+const JSS = require('./JSS-8503a151.js');
 
 function PortalSectionView(props) {
   // Due to sole usage of props, not feasiable to move out of render function

package/dist/cjs/{sqm-portal-verify-email-view-cc59877c.js → sqm-portal-verify-email-view-96adafc0.js}

@@ -2,8 +2,8 @@
 
 const index = require('./index-b0129cd6.js');
 const mixins = require('./mixins-fe9d4112.js');
-const JSS = require('./JSS-97fd087e.js');
-const sqmTextSpanView = require('./sqm-text-span-view-2c7d94b5.js');
+const JSS = require('./JSS-8503a151.js');
+const sqmTextSpanView = require('./sqm-text-span-view-b318af73.js');
 
 const style = {
   Wrapper: mixins.AuthWrapper,

package/dist/cjs/sqm-portal-verify-email.cjs.entry.js

@@ -5,20 +5,19 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-6fe43579.js');
 require('./use-callback-5d15897d.js');
-const index_module = require('./index.module-7972acac.js');
-require('./extends-08099afd.js');
+const index_module = require('./index.module-93c78ac7.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-fe9d4112.js');
-require('./JSS-97fd087e.js');
+require('./JSS-8503a151.js');
 const utils = require('./utils-6847bc06.js');
-require('./sqm-text-span-view-2c7d94b5.js');
-const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-cc59877c.js');
+require('./sqm-text-span-view-b318af73.js');
+const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-96adafc0.js');
 
 function usePortalVerifyEmail({ nextPage, failedPage }) {
   var _a, _b, _c, _d, _e, _f, _g, _h;
-  const userIdent = index_module._();
-  const [request, { loading, data, errors }] = index_module.en();
-  const urlParams = new URLSearchParams(window.location.search);
+  const userIdent = index_module.N();
+  const [request, { loading, data, errors }] = index_module.Xe();
+  const urlParams = new URLSearchParams(index_module.fn.location.search);
   const oobCode = urlParams.get("oobCode");
   const nextPageOverride = urlParams.get("nextPage");
   // derived from useMutation in component boilerplate initialState
@@ -26,7 +25,7 @@ function usePortalVerifyEmail({ nextPage, failedPage }) {
   // if logged out, userIdent?.managedIdentity?.emailVerified will be falsey, even if verification was successful
   const verified = !!(((_a = userIdent === null || userIdent === void 0 ? void 0 : userIdent.managedIdentity) === null || _a === void 0 ? void 0 : _a.emailVerified) || (data === null || data === void 0 ? void 0 : data.verifyManagedIdentityEmail.success));
   const failed = () => {
-    return index_module.vn.push({
+    return index_module.fn.push({
       pathname: failedPage,
       search: urlParams.toString() && "?" + urlParams.toString(),
     });
@@ -35,7 +34,7 @@ function usePortalVerifyEmail({ nextPage, failedPage }) {
     urlParams.delete("nextPage");
     const url = utils.sanitizeUrlPath(nextPageOverride || nextPage);
     // window.history.pushState(undefined, "", url.href);
-    index_module.vn.push(url.href);
+    index_module.fn.push(url.href);
   };
   const submit = async () => {
     var _a;

package/dist/cjs/sqm-referral-table_11.cjs.entry.js

@@ -4,20 +4,19 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-6fe43579.js');
-const global = require('./global-4e52f274.js');
+const global = require('./global-b645d18a.js');
 require('./use-callback-5d15897d.js');
-const index_module = require('./index.module-7972acac.js');
-require('./extends-08099afd.js');
+const index_module = require('./index.module-93c78ac7.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-fe9d4112.js');
-const JSS = require('./JSS-97fd087e.js');
-const GenericTableView = require('./GenericTableView-47869553.js');
-const reRender = require('./re-render-99b2655c.js');
-const useChildElements = require('./useChildElements-42a97f2a.js');
+const JSS = require('./JSS-8503a151.js');
+const GenericTableView = require('./GenericTableView-9271483b.js');
+const reRender = require('./re-render-afeabe91.js');
+const useChildElements = require('./useChildElements-c0cc8f5d.js');
 const luxon = require('./luxon-479fc825.js');
-const useReferralTable = require('./useReferralTable-a985ce58.js');
+const useReferralTable = require('./useReferralTable-db1b33db.js');
 const utils = require('./utils-6847bc06.js');
-const sqmTextSpanView = require('./sqm-text-span-view-2c7d94b5.js');
+const sqmTextSpanView = require('./sqm-text-span-view-b318af73.js');
 
 const mockReferralData = (count = 4) => {
   const data = [...Array(count)].map(() => getMockData());

package/dist/cjs/sqm-rewards-table-customer-note-cell.cjs.entry.js

@@ -4,9 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-6fe43579.js');
-require('./extends-08099afd.js');
-require('./JSS-97fd087e.js');
-const sqmTextSpanView = require('./sqm-text-span-view-2c7d94b5.js');
+require('./JSS-8503a151.js');
+const sqmTextSpanView = require('./sqm-text-span-view-b318af73.js');
 
 const RewardTableCustomerNoteCell = class {
   constructor(hostRef) {

package/dist/cjs/sqm-rewards-table-customer-note-column.cjs.entry.js

@@ -5,9 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-6fe43579.js');
 require('./use-callback-5d15897d.js');
-require('./index.module-7972acac.js');
-require('./extends-08099afd.js');
-const reRender = require('./re-render-99b2655c.js');
+require('./index.module-93c78ac7.js');
+const reRender = require('./re-render-afeabe91.js');
 
 const RewardTableCustomerNoteColumn = class {
   constructor(hostRef) {

package/dist/cjs/sqm-rewards-table_9.cjs.entry.js

@@ -4,18 +4,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-6fe43579.js');
-const global = require('./global-4e52f274.js');
+const global = require('./global-b645d18a.js');
 require('./use-callback-5d15897d.js');
-const index_module = require('./index.module-7972acac.js');
-require('./extends-08099afd.js');
+const index_module = require('./index.module-93c78ac7.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-fe9d4112.js');
-const JSS = require('./JSS-97fd087e.js');
-const GenericTableView = require('./GenericTableView-47869553.js');
-const reRender = require('./re-render-99b2655c.js');
-const useChildElements = require('./useChildElements-42a97f2a.js');
+const JSS = require('./JSS-8503a151.js');
+const GenericTableView = require('./GenericTableView-9271483b.js');
+const reRender = require('./re-render-afeabe91.js');
+const useChildElements = require('./useChildElements-c0cc8f5d.js');
 const luxon = require('./luxon-479fc825.js');
-const useReferralTable = require('./useReferralTable-a985ce58.js');
+const useReferralTable = require('./useReferralTable-db1b33db.js');
 const utils = require('./utils-6847bc06.js');
 
 const mockRewardData = (count = 4) => {
@@ -218,9 +217,9 @@ const GET_REWARDS = index_module.dist.gql `
 `;
 function useRewardsTable(props, emptyElement, loadingElement) {
   var _a, _b;
-  const user = index_module._();
-  const programIdContext = index_module.W();
-  const locale = index_module.H();
+  const user = index_module.N();
+  const programIdContext = index_module.O();
+  const locale = index_module.x();
   // Default to context, overriden by props
   const programId = (_a = props.programId) !== null && _a !== void 0 ? _a : programIdContext;
   const rewardFilter = {
@@ -242,7 +241,7 @@ function useRewardsTable(props, emptyElement, loadingElement) {
     loading: false,
     page: 0,
   });
-  const { envelope: rewardsData, states, callbacks, } = index_module.hn(GET_REWARDS, (data) => { var _a; return (_a = data === null || data === void 0 ? void 0 : data.viewer) === null || _a === void 0 ? void 0 : _a.rewards; }, {
+  const { envelope: rewardsData, states, callbacks, } = index_module.vn(GET_REWARDS, (data) => { var _a; return (_a = data === null || data === void 0 ? void 0 : data.viewer) === null || _a === void 0 ? void 0 : _a.rewards; }, {
     limit: props.perPage,
     offset: 0,
   }, {