@saasquatch/mint-components 1.6.2-6 → 1.6.2-9

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
-const useCallback = require('./use-callback-e754042f.js');
-const index_module = require('./index.module-ff45cbf1.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 jsonpointer = require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
@@ -13,7 +13,7 @@ const mixins = require('./mixins-fe9d4112.js');
 const JSS = require('./JSS-97fd087e.js');
 const sqmTextSpanView = require('./sqm-text-span-view-2c7d94b5.js');
 const AsYouType = require('./AsYouType-6788393a.js');
-const useRegistrationFormState = require('./useRegistrationFormState-793a7958.js');
+const useRegistrationFormState = require('./useRegistrationFormState-b7598d69.js');
 
 const style = {
   Wrapper: { ...mixins.AuthWrapper, "max-width": "600px" },
@@ -111,8 +111,8 @@ 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.We();
-  const queryResponse = index_module.wn(RegistrationFormQuery, { key: props.formKey });
+  const [request, { loading, errors, data, formError }] = index_module.Re();
+  const queryResponse = index_module.dn(RegistrationFormQuery, { key: props.formKey });
   const formLoading = loading || queryResponse.loading;
   stencilHooks_module.useEffect(() => {
     var _a, _b, _c;
@@ -133,7 +133,6 @@ function usePortalRegistrationForm(props) {
     let formData = {};
     let validationErrors = {};
     formControls === null || formControls === void 0 ? void 0 : formControls.forEach((control) => {
-      console.log({ control }, control.name);
       if (!control.name)
         return;
       const key = control.name;
@@ -200,7 +199,7 @@ function usePortalRegistrationForm(props) {
       managedIdentityResponse.result.results.length &&
       managedIdentityResponse.result.results[0].success &&
       managedIdentityResponse.result.results[0].data.token) {
-      index_module.In.push(props.nextPage);
+      index_module.vn.push(props.nextPage);
     }
   }, [data === null || data === void 0 ? void 0 : data.submitForm]);
   stencilHooks_module.useEffect(() => {
@@ -253,23 +252,23 @@ const PortalRegistrationForm = class {
     index.registerInstance(this, hostRef);
     this.ignored = true;
     /**
-     * Page navigated to after registration
+     * Page participants are navigated to after registration.
      *
-     * @uiName Next Page
+     * @uiName Registration Redirect Path
      */
     this.nextPage = "/";
     /**
-     * The page that users are redirected to from the verification email.
+     * The page that participants are redirected to from the verification email.
      *
-     * @uiName Email Redirection Base Path
+     * @uiName Email Redirection Path
      */
     this.redirectPath = "/verifyEmail";
     /**
-     * @uiName Email Label
+     * @uiName Email Field Label
      */
     this.emailLabel = "Email";
     /**
-     * @uiName Password Label
+     * @uiName Password Field Label
      */
     this.passwordLabel = "Password";
     /**
@@ -285,10 +284,9 @@ const PortalRegistrationForm = class {
      */
     this.confirmPasswordLabel = "Confirm Password";
     /**
-     * Show or hide the confirm password input
+     * Show or hide the confirm password input.
      *
      * @uiName Show Confirm Password Field
-     * @default
      */
     this.confirmPassword = false;
     /**
@@ -296,20 +294,19 @@ const PortalRegistrationForm = class {
      */
     this.enablePasswordValidation = true;
     /**
-     * Hide default input fields to use custom fields
+     * Hide default input fields to use custom fields.
      *
      * @uiName Hide Default Inputs
-     * @default
      */
     this.hideInputs = false;
     /**
-     * @uiName Heading Label
+     * @uiName Header Text
      */
     this.pageLabel = "Register";
     /**
-     * Login button redirection path
+     * Login button redirection path.
      *
-     * @uiName Login Path
+     * @uiName Login Redirect Path
      */
     this.loginPath = "/login";
     /**
@@ -322,12 +319,12 @@ const PortalRegistrationForm = class {
   }
   disconnectedCallback() { }
   render() {
-    const { states, callbacks, refs } = index_module.L()
+    const { states, callbacks, refs } = index_module.isDemo()
       ? useRegisterDemo(this)
       : 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.In.push(states.loginPath) }, this.loginLabel))),
+      secondaryButton: (index.h("slot", { name: "secondaryButton" }, index.h("sl-button", { type: "text", disabled: states.loading, onClick: () => index_module.vn.push(states.loginPath) }, this.loginLabel))),
       terms: index.h("slot", { name: "terms" }),
       emailLabel: this.emailLabel,
       passwordLabel: this.passwordLabel,

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
-require('./use-callback-e754042f.js');
-const index_module = require('./index.module-ff45cbf1.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 jsonpointer = require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
@@ -19,8 +19,8 @@ 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.Ke();
-  const [resetPassword, resetPasswordState] = index_module.Ge();
+  const [verifyPasswordResetCode, verifyPasswordResetCodeState] = index_module._e();
+  const [resetPassword, resetPasswordState] = index_module.Ne();
   const urlParams = new URLSearchParams(window.location.search);
   const oobCode = urlParams.get("oobCode");
   urlParams.delete("oobCode");
@@ -41,10 +41,10 @@ function usePortalResetPassword(props) {
   const gotoNextPage = () => {
     urlParams.delete("nextPage");
     const url = utils.sanitizeUrlPath(nextPageOverride || props.nextPage);
-    index_module.In.push(url.href);
+    index_module.vn.push(url.href);
   };
   const failed = () => {
-    index_module.In.push({
+    index_module.vn.push({
       pathname: props.failedPage,
       search: urlParams.toString() && "?" + urlParams.toString(),
     });
@@ -100,22 +100,21 @@ const PortalResetPassword = class {
     index.registerInstance(this, hostRef);
     this.ignored = true;
     /**
-     * The page that users are redirected to when the password reset succeeds.
+     * The page that participants are redirected to when the password reset succeeds.
      *
-     * @uiName Next Page Path
+     * @uiName Reset Successful Redirect Path
      */
     this.nextPage = "/";
     /**
-     * The page that users are redirected to if the reset fails due to outdated password reset attempt.
+     * The page that participants are redirected to if the reset fails due to outdated password reset attempt.
      *
-     * @uiName Failed Page Path
+     * @uiName Reset Failed Redirect Path
      */
     this.failedPage = "/";
     /**
-     * Show or hide confirm password field
+     * Show or hide confirm password field.
      *
      * @uiName Show Confirm Password
-     * @default
      */
     this.confirmPassword = false;
     /**
@@ -123,9 +122,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";
     /**
@@ -133,13 +133,13 @@ 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 Comfirmation Label
      */
     this.confirmPasswordFieldLabel = "Confirm Password";
     /**
@@ -150,7 +150,7 @@ const PortalResetPassword = class {
   }
   disconnectedCallback() { }
   render() {
-    const { states, callbacks } = index_module.L()
+    const { states, callbacks } = index_module.isDemo()
       ? usePortalResetPasswordDemo(this)
       : usePortalResetPassword(this);
     return index.h(sqmPortalResetPasswordView.PortalResetPasswordView, { states: states, callbacks: callbacks });

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
-require('./use-callback-e754042f.js');
-const index_module = require('./index.module-ff45cbf1.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 cjs = require('./cjs-1066ec21.js');
 require('./mixins-fe9d4112.js');
@@ -15,17 +15,18 @@ require('./sqm-text-span-view-2c7d94b5.js');
 const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-cc59877c.js');
 
 function usePortalVerifyEmail({ nextPage, failedPage }) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-  const [verified, setVerified] = stencilHooks_module.useState(false);
-  const [disableContinue, setDisableContinue] = stencilHooks_module.useState(true);
-  const userIdent = index_module.ae();
-  const [request, { loading, data, errors }] = index_module.dn();
-  const [error, setError] = stencilHooks_module.useState("");
+  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 oobCode = urlParams.get("oobCode");
   const nextPageOverride = urlParams.get("nextPage");
+  // 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 index_module.In.push({
+    return index_module.vn.push({
       pathname: failedPage,
       search: urlParams.toString() && "?" + urlParams.toString(),
     });
@@ -33,52 +34,32 @@ function usePortalVerifyEmail({ nextPage, failedPage }) {
   const gotoNextPage = () => {
     urlParams.delete("nextPage");
     const url = utils.sanitizeUrlPath(nextPageOverride || nextPage);
-    index_module.In.push(url.href);
+    window.history.pushState(undefined, "", url.href);
   };
   const submit = async () => {
-    if (oobCode) {
-      setError("");
-      await request({ oobCode });
-    }
-  };
-  stencilHooks_module.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]);
-  stencilHooks_module.useEffect(() => {
-    submit();
-  }, []);
-  stencilHooks_module.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 });
+      console.log({ result });
+      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]);
+  };
   stencilHooks_module.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: {
@@ -96,22 +77,22 @@ const PortalVerifyEmail = class {
     index.registerInstance(this, hostRef);
     this.ignored = true;
     /**
-     * The page that users are redirected to when the verification succeeds.
+     * The page that participants are redirected to when the verification succeeds.
      *
-     * @uiName Next Page Path
+     * @uiName Verification Redirect Path
      */
     this.nextPage = "/";
     /**
-     * The page that users are redirected to if verification fails due to outdated verification attempt.
+     * The page that participants are redirected to if verification fails due to outdated verification attempt.
      *
-     * @uiName Failed Page Path
+     * @uiName Verification Failed Redirect Path
      */
     this.failedPage = "/";
     stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
-    const { states, data, callbacks } = index_module.L()
+    const { states, data, callbacks } = index_module.isDemo()
       ? usePortalVerifyEmailDemo(this)
       : usePortalVerifyEmail(this);
     return (index.h(sqmPortalVerifyEmailView.PortalVerifyEmailView, { states: states, data: data, callbacks: callbacks }));

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

@@ -3,19 +3,19 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
-const global = require('./global-b3587dc9.js');
-require('./use-callback-e754042f.js');
-const index_module = require('./index.module-ff45cbf1.js');
+const stencilHooks_module = require('./stencil-hooks.module-6fe43579.js');
+const global = require('./global-4e52f274.js');
+require('./use-callback-5d15897d.js');
+const index_module = require('./index.module-7972acac.js');
 require('./extends-08099afd.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-fe9d4112.js');
 const JSS = require('./JSS-97fd087e.js');
-const GenericTableView = require('./GenericTableView-4921be4b.js');
-const reRender = require('./re-render-e5491a50.js');
-const useChildElements = require('./useChildElements-658fefa1.js');
-const luxon = require('./luxon-59ca7d19.js');
-const useReferralTable = require('./useReferralTable-ae05b785.js');
+const GenericTableView = require('./GenericTableView-47869553.js');
+const reRender = require('./re-render-99b2655c.js');
+const useChildElements = require('./useChildElements-42a97f2a.js');
+const luxon = require('./luxon-479fc825.js');
+const useReferralTable = require('./useReferralTable-a985ce58.js');
 const utils = require('./utils-6847bc06.js');
 const sqmTextSpanView = require('./sqm-text-span-view-2c7d94b5.js');
 
@@ -169,8 +169,8 @@ const ReferralTable = class {
      * @uiName Referrals Per Page
      */
     this.perPage = 4;
-    /** @uiName Show Column Labels */
-    this.showLabels = true;
+    /** @uiName Hide Column Labels */
+    this.hideLabels = false;
     /** @uiName Previous Button Text  */
     this.prevLabel = "Prev";
     /** @uiName View More Button Text  */
@@ -198,7 +198,7 @@ const ReferralTable = class {
   render() {
     const empty = index.h(EmptySlot, null);
     const loading = index.h(LoadingSlot, null);
-    const { states, data, callbacks, elements } = index_module.L()
+    const { states, data, callbacks, elements } = index_module.isDemo()
       ? useReferralTableDemo(this, empty, loading)
       : useReferralTable.useReferralTable(this, empty, loading);
     reRender.useRequestRerender([this.showReferrer, this.perPage]);
@@ -305,7 +305,7 @@ function useReferralTableDemo(props, emptyElement, loadingElement) {
     },
     data: {
       textOverrides: {
-        showLabels: props.showLabels,
+        showLabels: !props.hideLabels,
         prevLabel: props.prevLabel,
         moreLabel: props.moreLabel,
       },

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.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');

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
-require('./use-callback-e754042f.js');
-require('./index.module-ff45cbf1.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-e5491a50.js');
+const reRender = require('./re-render-99b2655c.js');
 
 const RewardTableCustomerNoteColumn = class {
   constructor(hostRef) {

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

@@ -3,19 +3,19 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
-const global = require('./global-b3587dc9.js');
-require('./use-callback-e754042f.js');
-const index_module = require('./index.module-ff45cbf1.js');
+const stencilHooks_module = require('./stencil-hooks.module-6fe43579.js');
+const global = require('./global-4e52f274.js');
+require('./use-callback-5d15897d.js');
+const index_module = require('./index.module-7972acac.js');
 require('./extends-08099afd.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-fe9d4112.js');
 const JSS = require('./JSS-97fd087e.js');
-const GenericTableView = require('./GenericTableView-4921be4b.js');
-const reRender = require('./re-render-e5491a50.js');
-const useChildElements = require('./useChildElements-658fefa1.js');
-const luxon = require('./luxon-59ca7d19.js');
-const useReferralTable = require('./useReferralTable-ae05b785.js');
+const GenericTableView = require('./GenericTableView-47869553.js');
+const reRender = require('./re-render-99b2655c.js');
+const useChildElements = require('./useChildElements-42a97f2a.js');
+const luxon = require('./luxon-479fc825.js');
+const useReferralTable = require('./useReferralTable-a985ce58.js');
 const utils = require('./utils-6847bc06.js');
 
 const mockRewardData = (count = 4) => {
@@ -218,9 +218,9 @@ const GET_REWARDS = index_module.dist.gql `
 `;
 function useRewardsTable(props, emptyElement, loadingElement) {
   var _a, _b;
-  const user = index_module.ae();
-  const programIdContext = index_module.M();
-  const locale = index_module.O();
+  const user = index_module._();
+  const programIdContext = index_module.W();
+  const locale = index_module.H();
   // Default to context, overriden by props
   const programId = (_a = props.programId) !== null && _a !== void 0 ? _a : programIdContext;
   const rewardFilter = {
@@ -242,7 +242,7 @@ function useRewardsTable(props, emptyElement, loadingElement) {
     loading: false,
     page: 0,
   });
-  const { envelope: rewardsData, states, callbacks, } = index_module.qn(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.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; }, {
     limit: props.perPage,
     offset: 0,
   }, {
@@ -292,7 +292,7 @@ function useRewardsTable(props, emptyElement, loadingElement) {
     },
     data: {
       textOverrides: {
-        showLabels: props.showLabels,
+        showLabels: !props.hideLabels,
         prevLabel: props.prevLabel,
         moreLabel: props.moreLabel,
       },
@@ -348,8 +348,8 @@ const RewardsTable = class {
     index.registerInstance(this, hostRef);
     /** @uiName Number of rewards per page */
     this.perPage = 4;
-    /** @uiName Show column labels */
-    this.showLabels = true;
+    /** @uiName Hide Column Labels */
+    this.hideLabels = false;
     /** @uiName Previous button text  */
     this.prevLabel = "Prev";
     /** @uiName View More button text  */
@@ -369,7 +369,7 @@ const RewardsTable = class {
   render() {
     const empty = index.h(EmptySlot, null);
     const loading = index.h(LoadingSlot, null);
-    const { states, data, callbacks, elements } = index_module.L()
+    const { states, data, callbacks, elements } = index_module.isDemo()
       ? useRewardsTableDemo(this, empty, loading)
       : useRewardsTable(this, empty, loading);
     reRender.useRequestRerender([this.perPage]);
@@ -402,7 +402,13 @@ 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;
@@ -451,7 +457,7 @@ function useRewardsTableDemo(props, emptyElement, loadingElement) {
     },
     data: {
       textOverrides: {
-        showLabels: props.showLabels,
+        showLabels: !props.hideLabels,
         prevLabel: props.prevLabel,
         moreLabel: props.moreLabel,
       },