@saasquatch/mint-components 1.7.0-7 → 1.7.0-9

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

@@ -1,26 +1,34 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { k as useState, e as useEffect, m as h } from './stencil-hooks.module-e39af977.js';
-import './use-callback-697e2ff0.js';
-import { z as ze, Q as Qe, w as wn, L } from './index.module-2b4f1755.js';
-import './extends-c31f1eff.js';
+import { i as useState, f as useEffect, m as h } from './stencil-hooks.module-eefa3570.js';
+import './use-callback-684c8bb7.js';
+import { c as Ne, W as We, f as fn, i as isDemo } from './index.module-877f3231.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-59fd94b7.js';
-import './JSS-418cab16.js';
+import './JSS-506b9295.js';
 import { s as sanitizeUrlPath } from './utils-d7bbb0e2.js';
-import './sqm-text-span-view-020db63f.js';
-import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-e0436989.js';
+import './sqm-text-span-view-20c0f018.js';
+import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-55411ca5.js';
 
 function usePortalResetPassword(props) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
   const [reset, setReset] = useState(false);
   const [error, setError] = useState("");
-  const [verifyPasswordResetCode, verifyPasswordResetCodeState] = ze();
-  const [resetPassword, resetPasswordState] = Qe();
-  const urlParams = new URLSearchParams(window.location.search);
+  const [verifyPasswordResetCode, verifyPasswordResetCodeState] = Ne();
+  const [resetPassword, resetPasswordState] = We();
+  const urlParams = new URLSearchParams(fn.location.search);
   const oobCode = urlParams.get("oobCode");
   urlParams.delete("oobCode");
   const nextPageOverride = urlParams.get("nextPage");
+  const verifyPasswordResetCodeAndHandleResponse = async () => {
+    const result = await verifyPasswordResetCode({ oobCode });
+    if (result instanceof Error) {
+      setError("Network request failed.");
+    }
+  };
+  useEffect(() => {
+    verifyPasswordResetCodeAndHandleResponse();
+  }, []);
   const submit = async (event) => {
     setError("");
     let formData = event.detail.formData;
@@ -32,52 +40,37 @@ function usePortalResetPassword(props) {
       setError("Passwords do not match.");
       return;
     }
-    await resetPassword(variables);
+    const result = await resetPassword(variables);
+    if (result instanceof Error) {
+      return setError("Network request failed.");
+    }
+    if (result.resetManagedIdentityPassword) {
+      setReset(true);
+      setTimeout(() => {
+        gotoNextPage();
+      }, 5000);
+    }
   };
   const gotoNextPage = () => {
     urlParams.delete("nextPage");
     const url = sanitizeUrlPath(nextPageOverride || props.nextPage);
-    wn.push(url.href);
+    fn.push(url.href);
   };
   const failed = () => {
-    wn.push({
+    fn.push({
       pathname: props.failedPage,
       search: urlParams.toString() && "?" + urlParams.toString(),
     });
   };
-  useEffect(() => {
-    var _a;
-    if ((_a = resetPasswordState.data) === null || _a === void 0 ? void 0 : _a.resetManagedIdentityPassword) {
-      setReset(true);
-      setTimeout(() => {
-        gotoNextPage();
-      }, 5000);
-    }
-  }, [(_a = resetPasswordState.data) === null || _a === void 0 ? void 0 : _a.resetManagedIdentityPassword]);
-  useEffect(() => {
-    verifyPasswordResetCode({ oobCode });
-  }, [oobCode]);
-  useEffect(() => {
-    var _a;
-    if ((_a = verifyPasswordResetCodeState === null || verifyPasswordResetCodeState === void 0 ? void 0 : verifyPasswordResetCodeState.errors) === null || _a === void 0 ? void 0 : _a.message) {
-      setError("Network request failed.");
-    }
-  }, [verifyPasswordResetCodeState === null || verifyPasswordResetCodeState === void 0 ? void 0 : verifyPasswordResetCodeState.errors]);
-  useEffect(() => {
-    var _a;
-    if ((_a = resetPasswordState === null || resetPasswordState === void 0 ? void 0 : resetPasswordState.errors) === null || _a === void 0 ? void 0 : _a.message) {
-      setError("Network request failed.");
-    }
-  }, [resetPasswordState === null || resetPasswordState === void 0 ? void 0 : resetPasswordState.errors]);
   return {
     states: {
       loading: resetPasswordState.loading,
       reset,
       confirmPassword: props.confirmPassword,
-      error: ((_f = (_e = (_d = (_c = (_b = resetPasswordState.errors) === null || _b === void 0 ? void 0 : _b.response) === null || _c === void 0 ? void 0 : _c.errors) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.extensions) === null || _f === void 0 ? void 0 : _f.message) || ((_k = (_j = (_h = (_g = resetPasswordState.errors) === null || _g === void 0 ? void 0 : _g.response) === null || _h === void 0 ? void 0 : _h.errors) === null || _j === void 0 ? void 0 : _j[0]) === null || _k === void 0 ? void 0 : _k.message) ||
+      error: ((_e = (_d = (_c = (_b = (_a = resetPasswordState.errors) === null || _a === void 0 ? void 0 : _a.response) === null || _b === void 0 ? void 0 : _b.errors) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.extensions) === null || _e === void 0 ? void 0 : _e.message) || ((_j = (_h = (_g = (_f = resetPasswordState.errors) === null || _f === void 0 ? void 0 : _f.response) === null || _g === void 0 ? void 0 : _g.errors) === null || _h === void 0 ? void 0 : _h[0]) === null || _j === void 0 ? void 0 : _j.message) ||
         error,
       oobCodeValidating: verifyPasswordResetCodeState.loading,
-      oobCodeValid: (_l = verifyPasswordResetCodeState.data) === null || _l === void 0 ? void 0 : _l.verifyManagedIdentityPasswordResetCode.success,
+      oobCodeValid: (_k = verifyPasswordResetCodeState.data) === null || _k === void 0 ? void 0 : _k.verifyManagedIdentityPasswordResetCode.success,
       content: {
         passwordResetHeader: props.passwordResetHeader,
         resetPasswordHeader: props.resetPasswordHeader,
@@ -96,22 +89,21 @@ const PortalResetPassword = class {
     registerInstance(this, hostRef);
     this.ignored = true;
     /**
-     * The page that users are redirected to when the password reset succeeds.
+     * Redirect participants to this page when they successfully reset their password.
      *
-     * @uiName Next Page Path
+     * @uiName Successful Reset Redirect
+     * @uiWidget pageSelect
      */
     this.nextPage = "/";
     /**
-     * The page that users are redirected to if the reset fails due to outdated password reset attempt.
+     * Redirect participants to this page if password reset fails due to an outdated reset attempt.
      *
-     * @uiName Failed Page Path
+     * @uiName Failed Reset Redirect
+     * @uiWidget pageSelect
      */
     this.failedPage = "/";
     /**
-     * Show or hide confirm password field
-     *
-     * @uiName Show Confirm Password
-     * @default
+     * @uiName Show Confirm Password Field
      */
     this.confirmPassword = false;
     /**
@@ -119,9 +111,10 @@ const PortalResetPassword = class {
      */
     this.resetPasswordHeader = "Reset your password";
     /**
-     * Displayed after a successful password reset
+     * Displayed after a successful password reset.
      *
      * @uiName Successful Password Reset Text
+     * @uiWidget textArea
      */
     this.passwordResetHeader = "Password reset";
     /**
@@ -129,24 +122,24 @@ const PortalResetPassword = class {
      */
     this.resetPasswordButtonText = "Reset Password";
     /**
-     * Button text displayed after a successful password reset
+     * Button text displayed after a successful password reset.
      *
      * @uiName Continue Button Text
      */
     this.continueButtonText = "Continue";
     /**
-     * @uiName Confirm Password Label
+     * @uiName Password Confirmation Field Label
      */
     this.confirmPasswordFieldLabel = "Confirm Password";
     /**
-     * @uiName Password Label
+     * @uiName Password Field Label
      */
     this.passwordFieldLabel = "New Password";
     h(this);
   }
   disconnectedCallback() { }
   render() {
-    const { states, callbacks } = L()
+    const { states, callbacks } = isDemo()
       ? usePortalResetPasswordDemo(this)
       : usePortalResetPassword(this);
     return h$1(PortalResetPasswordView, { states: states, callbacks: callbacks });
@@ -158,16 +151,16 @@ function usePortalResetPasswordDemo(props) {
       error: "",
       loading: false,
       reset: false,
-      confirmPassword: true,
+      confirmPassword: props.confirmPassword,
       oobCodeValidating: false,
       oobCodeValid: true,
       content: {
-        passwordResetHeader: "Password reset",
-        resetPasswordHeader: "Reset your password",
-        continueButtonText: "Continue",
-        resetPasswordButtonText: "Reset Password",
-        confirmPasswordFieldLabel: "Confirm Password",
-        passwordFieldLabel: "New Password",
+        passwordResetHeader: props.passwordResetHeader,
+        resetPasswordHeader: props.resetPasswordHeader,
+        continueButtonText: props.continueButtonText,
+        resetPasswordButtonText: props.resetPasswordButtonText,
+        confirmPasswordFieldLabel: props.confirmPasswordFieldLabel,
+        passwordFieldLabel: props.passwordFieldLabel,
       },
     },
     callbacks: {

package/dist/esm/{sqm-portal-section-view-c8d1c727.js → sqm-portal-section-view-d64cd5de.js}

@@ -1,5 +1,5 @@
 import { h } from './index-17b4da69.js';
-import { c as createStyleSheet } from './JSS-418cab16.js';
+import { c as createStyleSheet } from './JSS-506b9295.js';
 
 function PortalSectionView(props) {
   // Due to sole usage of props, not feasiable to move out of render function

package/dist/esm/{sqm-portal-verify-email-view-c489166b.js → sqm-portal-verify-email-view-7ba350f9.js}

@@ -1,7 +1,7 @@
 import { h } from './index-17b4da69.js';
 import { A as AuthWrapper, a as AuthColumn } from './mixins-59fd94b7.js';
-import { c as createStyleSheet } from './JSS-418cab16.js';
-import { T as TextSpanView } from './sqm-text-span-view-020db63f.js';
+import { c as createStyleSheet } from './JSS-506b9295.js';
+import { T as TextSpanView } from './sqm-text-span-view-20c0f018.js';
 
 const style = {
   Wrapper: AuthWrapper,

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

@@ -1,28 +1,27 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { k as useState, e as useEffect, m as h } from './stencil-hooks.module-e39af977.js';
-import './use-callback-697e2ff0.js';
-import { a as ae, o as on, w as wn, L } from './index.module-2b4f1755.js';
-import './extends-c31f1eff.js';
+import { f as useEffect, m as h } from './stencil-hooks.module-eefa3570.js';
+import './use-callback-684c8bb7.js';
+import { N, X as Xe, f as fn, i as isDemo } from './index.module-877f3231.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-59fd94b7.js';
-import './JSS-418cab16.js';
+import './JSS-506b9295.js';
 import { s as sanitizeUrlPath } from './utils-d7bbb0e2.js';
-import './sqm-text-span-view-020db63f.js';
-import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-c489166b.js';
+import './sqm-text-span-view-20c0f018.js';
+import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-7ba350f9.js';
 
 function usePortalVerifyEmail({ nextPage, failedPage }) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-  const [verified, setVerified] = useState(false);
-  const [disableContinue, setDisableContinue] = useState(true);
-  const userIdent = ae();
-  const [request, { loading, data, errors }] = on();
-  const [error, setError] = useState("");
-  const urlParams = new URLSearchParams(window.location.search);
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  const userIdent = N();
+  const [request, { loading, data, errors }] = Xe();
+  const urlParams = new URLSearchParams(fn.location.search);
   const oobCode = urlParams.get("oobCode");
   const nextPageOverride = urlParams.get("nextPage");
-  urlParams.delete("oobCode");
+  // derived from useMutation in component boilerplate initialState
+  const disableContinue = data === undefined && errors === undefined && !!oobCode;
+  // 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 wn.push({
+    return fn.push({
       pathname: failedPage,
       search: urlParams.toString() && "?" + urlParams.toString(),
     });
@@ -30,52 +29,31 @@ function usePortalVerifyEmail({ nextPage, failedPage }) {
   const gotoNextPage = () => {
     urlParams.delete("nextPage");
     const url = sanitizeUrlPath(nextPageOverride || nextPage);
-    wn.push(url.href);
+    fn.push(url.href);
   };
   const submit = async () => {
-    if (oobCode) {
-      setError("");
-      await request({ oobCode });
-    }
-  };
-  useEffect(() => {
     var _a;
-    if ((_a = data === null || data === void 0 ? void 0 : data.verifyManagedIdentityEmail) === null || _a === void 0 ? void 0 : _a.success) {
-      setVerified(true);
-    }
-  }, [(_a = data === null || data === void 0 ? void 0 : data.verifyManagedIdentityEmail) === null || _a === void 0 ? void 0 : _a.success]);
-  useEffect(() => {
-    submit();
-  }, []);
-  useEffect(() => {
-    var _a, _b;
-    if ((_a = userIdent === null || userIdent === void 0 ? void 0 : userIdent.managedIdentity) === null || _a === void 0 ? void 0 : _a.emailVerified) {
-      setDisableContinue(false);
-      setTimeout(() => {
-        gotoNextPage();
-      }, 3000);
-    }
-    else if (!oobCode ||
-      ((_b = data === null || data === void 0 ? void 0 : data.verifyManagedIdentityEmail) === null || _b === void 0 ? void 0 : _b.success) === false) {
-      setDisableContinue(false);
-    }
-    else if (!userIdent) {
-      setDisableContinue(false);
+    if (oobCode) {
+      const result = await request({ oobCode });
+      if ((result instanceof Error ||
+        !result.verifyManagedIdentityEmail.success) &&
+        !((_a = userIdent === null || userIdent === void 0 ? void 0 : userIdent.managedIdentity) === null || _a === void 0 ? void 0 : _a.emailVerified)) {
+        // pause on error if logged out/unverified
+        return;
+      }
       setTimeout(() => {
         gotoNextPage();
       }, 3000);
     }
-  }, [(_b = userIdent === null || userIdent === void 0 ? void 0 : userIdent.managedIdentity) === null || _b === void 0 ? void 0 : _b.emailVerified]);
+  };
   useEffect(() => {
-    if (errors === null || errors === void 0 ? void 0 : errors.message) {
-      setError("Network request failed.");
-    }
-  }, [errors]);
+    submit();
+  }, []);
   return {
     states: {
       loading: loading || disableContinue,
-      error: ((_f = (_e = (_d = (_c = errors === null || errors === void 0 ? void 0 : errors.response) === null || _c === void 0 ? void 0 : _c.errors) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.extensions) === null || _f === void 0 ? void 0 : _f.message) || ((_j = (_h = (_g = errors === null || errors === void 0 ? void 0 : errors.response) === null || _g === void 0 ? void 0 : _g.errors) === null || _h === void 0 ? void 0 : _h[0]) === null || _j === void 0 ? void 0 : _j.message) ||
-        error,
+      error: ((_e = (_d = (_c = (_b = errors === null || errors === void 0 ? void 0 : errors.response) === null || _b === void 0 ? void 0 : _b.errors) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.extensions) === null || _e === void 0 ? void 0 : _e.message) || ((_h = (_g = (_f = errors === null || errors === void 0 ? void 0 : errors.response) === null || _f === void 0 ? void 0 : _f.errors) === null || _g === void 0 ? void 0 : _g[0]) === null || _h === void 0 ? void 0 : _h.message) ||
+        ((errors === null || errors === void 0 ? void 0 : errors.message) && "Network request failed."),
       verified,
     },
     data: {
@@ -93,22 +71,24 @@ const PortalVerifyEmail = class {
     registerInstance(this, hostRef);
     this.ignored = true;
     /**
-     * The page that users are redirected to when the verification succeeds.
+     * Redirect participants to this page when they successfully verify their email.
      *
-     * @uiName Next Page Path
+     * @uiName Successful Verification Redirect
+     * @uiWidget pageSelect
      */
     this.nextPage = "/";
     /**
-     * The page that users are redirected to if verification fails due to outdated verification attempt.
+     * Redirect participants to this page if verification fails due to an outdated verification attempt.
      *
-     * @uiName Failed Page Path
+     * @uiName Failed Verification Redirect
+     * @uiWidget pageSelect
      */
     this.failedPage = "/";
     h(this);
   }
   disconnectedCallback() { }
   render() {
-    const { states, data, callbacks } = L()
+    const { states, data, callbacks } = isDemo()
       ? usePortalVerifyEmailDemo(this)
       : usePortalVerifyEmail(this);
     return (h$1(PortalVerifyEmailView, { states: states, data: data, callbacks: callbacks }));

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

@@ -1,19 +1,18 @@
 import { r as registerInstance, h as h$1, g as getElement, c as Host } from './index-17b4da69.js';
-import { m as h, u as useReducer, j as useMemo, e as useEffect } from './stencil-hooks.module-e39af977.js';
-import { i as intl } from './global-2d97b8c1.js';
-import './use-callback-697e2ff0.js';
-import { L } from './index.module-2b4f1755.js';
-import './extends-c31f1eff.js';
+import { m as h, u as useReducer, k as useMemo, f as useEffect } from './stencil-hooks.module-eefa3570.js';
+import { i as intl } from './global-5f5e66ae.js';
+import './use-callback-684c8bb7.js';
+import { i as isDemo } from './index.module-877f3231.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-59fd94b7.js';
-import { c as createStyleSheet } from './JSS-418cab16.js';
-import { G as GenericTableView } from './GenericTableView-80119630.js';
-import { a as useRequestRerender, u as useRerenderListener } from './re-render-2c1d8030.js';
-import { u as useChildElements } from './useChildElements-0eab9c95.js';
-import { l as luxon } from './luxon-578505e2.js';
-import { u as useReferralTable, t as tryMethod } from './useReferralTable-3513622d.js';
+import { c as createStyleSheet } from './JSS-506b9295.js';
+import { G as GenericTableView } from './GenericTableView-5dd51546.js';
+import { a as useRequestRerender, u as useRerenderListener } from './re-render-9d31cb93.js';
+import { u as useChildElements } from './useChildElements-591435be.js';
+import { l as luxon } from './luxon-5a398612.js';
+import { u as useReferralTable, t as tryMethod } from './useReferralTable-f991c78a.js';
 import { l as luxonLocale } from './utils-d7bbb0e2.js';
-import { T as TextSpanView } from './sqm-text-span-view-020db63f.js';
+import { T as TextSpanView } from './sqm-text-span-view-20c0f018.js';
 
 const mockReferralData = (count = 4) => {
   const data = [...Array(count)].map(() => getMockData());
@@ -194,7 +193,7 @@ const ReferralTable = class {
   render() {
     const empty = h$1(EmptySlot, null);
     const loading = h$1(LoadingSlot, null);
-    const { states, data, callbacks, elements } = L()
+    const { states, data, callbacks, elements } = isDemo()
       ? useReferralTableDemo(this, empty, loading)
       : useReferralTable(this, empty, loading);
     useRequestRerender([this.showReferrer, this.perPage]);

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

@@ -1,8 +1,7 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { m as h } from './stencil-hooks.module-e39af977.js';
-import './extends-c31f1eff.js';
-import './JSS-418cab16.js';
-import { T as TextSpanView } from './sqm-text-span-view-020db63f.js';
+import { m as h } from './stencil-hooks.module-eefa3570.js';
+import './JSS-506b9295.js';
+import { T as TextSpanView } from './sqm-text-span-view-20c0f018.js';
 
 const RewardTableCustomerNoteCell = class {
   constructor(hostRef) {

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

@@ -1,9 +1,8 @@
 import { r as registerInstance, h as h$1, c as Host } from './index-17b4da69.js';
-import { m as h } from './stencil-hooks.module-e39af977.js';
-import './use-callback-697e2ff0.js';
-import './index.module-2b4f1755.js';
-import './extends-c31f1eff.js';
-import { a as useRequestRerender } from './re-render-2c1d8030.js';
+import { m as h } from './stencil-hooks.module-eefa3570.js';
+import './use-callback-684c8bb7.js';
+import './index.module-877f3231.js';
+import { a as useRequestRerender } from './re-render-9d31cb93.js';
 
 const RewardTableCustomerNoteColumn = class {
   constructor(hostRef) {

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

@@ -1,17 +1,16 @@
 import { h, r as registerInstance, c as Host } from './index-17b4da69.js';
-import { b as browser, u as useReducer, e as useEffect, m as h$1, j as useMemo } from './stencil-hooks.module-e39af977.js';
-import { i as intl } from './global-2d97b8c1.js';
-import './use-callback-697e2ff0.js';
-import { d as dist, a as ae, A, O, I as In, L } from './index.module-2b4f1755.js';
-import './extends-c31f1eff.js';
+import { b as browser, u as useReducer, f as useEffect, m as h$1, k as useMemo } from './stencil-hooks.module-eefa3570.js';
+import { i as intl } from './global-5f5e66ae.js';
+import './use-callback-684c8bb7.js';
+import { d as dist, N, O, x, v as vn, i as isDemo } from './index.module-877f3231.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-59fd94b7.js';
-import { c as createStyleSheet } from './JSS-418cab16.js';
-import { G as GenericTableView } from './GenericTableView-80119630.js';
-import { u as useRerenderListener, a as useRequestRerender } from './re-render-2c1d8030.js';
-import { u as useChildElements } from './useChildElements-0eab9c95.js';
-import { l as luxon } from './luxon-578505e2.js';
-import { g as generateUserError } from './useReferralTable-3513622d.js';
+import { c as createStyleSheet } from './JSS-506b9295.js';
+import { G as GenericTableView } from './GenericTableView-5dd51546.js';
+import { u as useRerenderListener, a as useRequestRerender } from './re-render-9d31cb93.js';
+import { u as useChildElements } from './useChildElements-591435be.js';
+import { l as luxon } from './luxon-5a398612.js';
+import { g as generateUserError } from './useReferralTable-f991c78a.js';
 import { l as luxonLocale } from './utils-d7bbb0e2.js';
 
 const mockRewardData = (count = 4) => {
@@ -214,9 +213,9 @@ const GET_REWARDS = dist.gql `
 `;
 function useRewardsTable(props, emptyElement, loadingElement) {
   var _a, _b;
-  const user = ae();
-  const programIdContext = A();
-  const locale = O();
+  const user = N();
+  const programIdContext = O();
+  const locale = x();
   // Default to context, overriden by props
   const programId = (_a = props.programId) !== null && _a !== void 0 ? _a : programIdContext;
   const rewardFilter = {
@@ -238,7 +237,7 @@ function useRewardsTable(props, emptyElement, loadingElement) {
     loading: false,
     page: 0,
   });
-  const { envelope: rewardsData, states, callbacks, } = In(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, } = 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,
   }, {
@@ -365,7 +364,7 @@ const RewardsTable = class {
   render() {
     const empty = h(EmptySlot, null);
     const loading = h(LoadingSlot, null);
-    const { states, data, callbacks, elements } = L()
+    const { states, data, callbacks, elements } = isDemo()
       ? useRewardsTableDemo(this, empty, loading)
       : useRewardsTable(this, empty, loading);
     useRequestRerender([this.perPage]);
@@ -398,26 +397,29 @@ function useRewardsTableDemo(props, emptyElement, loadingElement) {
     let componentData = data;
     componentData = data.slice(0, props.perPage);
     // filter out loading and empty states from columns array
-    const columnComponents = components.filter((component) => component.slot !== "loading" && component.slot !== "empty");
+    const columnComponents = components.filter((component) => {
+      var _a, _b;
+      return component.slot !== "loading" &&
+        component.slot !== "empty" &&
+        ((_a = component === null || component === void 0 ? void 0 : component.firstElementChild) === null || _a === void 0 ? void 0 : _a.getAttribute("slot")) !== "loading" &&
+        ((_b = component === null || component === void 0 ? void 0 : component.firstElementChild) === null || _b === void 0 ? void 0 : _b.getAttribute("slot")) !== "empty";
+    });
     // get the column titles (renderLabel is asynchronous)
     const columnsPromise = columnComponents === null || columnComponents === void 0 ? void 0 : columnComponents.map(async (c, idx) => {
       var _a;
       const slot = (_a = c === null || c === void 0 ? void 0 : c.firstElementChild) === null || _a === void 0 ? void 0 : _a.getAttribute("slot");
       // Custom plop targets
-      try {
-        if (c.tagName === "RAISINS-PLOP-TARGET" &&
-          slot !== "loading" &&
-          slot !== "empty") {
-          c.style.position = "absolute";
-          c.setAttribute("slot", "column-" + idx);
-          // Replace add text with a simple + button
-          const plopTarget = c.firstElementChild.childNodes[1];
-          plopTarget.innerHTML = "＋";
-          plopTarget.style.lineHeight = "20px";
-          return tryMethod(c, () => c.renderLabel(idx));
-        }
+      if (c.tagName === "RAISINS-PLOP-TARGET" &&
+        slot !== "loading" &&
+        slot !== "empty") {
+        c.style.position = "absolute";
+        c.setAttribute("slot", "column-" + idx);
+        // Replace add text with a simple + button
+        const plopTarget = c.firstElementChild.childNodes[1];
+        plopTarget.innerHTML = "＋";
+        plopTarget.style.lineHeight = "20px";
+        return tryMethod(c, () => c.renderLabel(idx));
       }
-      catch { }
       return tryMethod(c, () => c.renderLabel());
     });
     // get the column cells (renderCell is asynchronous)