@saasquatch/mint-components 1.6.2-5 → 1.6.2-8

package/dist/cjs/sqm-leaderboard-rank.cjs.entry.js

@@ -4,7 +4,7 @@ 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');
+const global = require('./global-348a8750.js');
 require('./use-callback-e754042f.js');
 const index_module = require('./index.module-ff45cbf1.js');
 require('./extends-08099afd.js');

package/dist/cjs/{sqm-portal-email-verification-view-dd27bba3.js → sqm-portal-email-verification-view-64b5109a.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const global = require('./global-b3587dc9.js');
+const global = require('./global-348a8750.js');
 const mixins = require('./mixins-fe9d4112.js');
 const JSS = require('./JSS-97fd087e.js');
 const sqmTextSpanView = require('./sqm-text-span-view-2c7d94b5.js');

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
-require('./global-b3587dc9.js');
+require('./global-348a8750.js');
 require('./use-callback-e754042f.js');
 const index_module = require('./index.module-ff45cbf1.js');
 require('./extends-08099afd.js');
@@ -12,7 +12,7 @@ const cjs = require('./cjs-1066ec21.js');
 require('./mixins-fe9d4112.js');
 require('./JSS-97fd087e.js');
 require('./sqm-text-span-view-2c7d94b5.js');
-const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-dd27bba3.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-64b5109a.js');
 
 function usePortalEmailVerification(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j;
@@ -68,9 +68,9 @@ const PortalEmailVerification = class {
     index.registerInstance(this, hostRef);
     this.ignored = true;
     /**
-     * The page that users are redirected to from the verification email.
+     * The microsite page that participants are redirected to from the verification email.
      *
-     * @uiName Email Redirection Base Path
+     * @uiName Email Redirection Path
      */
     this.redirectPath = "/verifyEmail";
     /**
@@ -83,6 +83,7 @@ const PortalEmailVerification = class {
     this.resendEmailButtonText = "Re-send Email";
     /**
      * @uiName Email Verification Body Text
+     * @uiWidget textArea
      */
     this.verifyMessage = "A verification email was sent to {email}. Please verify your email to continue to the portal.";
     stencilHooks_module.h$1(this);

package/dist/cjs/{sqm-portal-footer-view-93f8ec0e.js → sqm-portal-footer-view-ab13a649.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const global = require('./global-b3587dc9.js');
+const global = require('./global-348a8750.js');
 const JSS = require('./JSS-97fd087e.js');
 
 function PoweredByImg({ color = "#A6A6A6", width = 190, height = 29, }) {

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

@@ -4,13 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
-require('./global-b3587dc9.js');
+require('./global-348a8750.js');
 require('./use-callback-e754042f.js');
 require('./index.module-ff45cbf1.js');
 require('./extends-08099afd.js');
 require('./JSS-97fd087e.js');
 const utils = require('./utils-6847bc06.js');
-const sqmPortalFooterView = require('./sqm-portal-footer-view-93f8ec0e.js');
+const sqmPortalFooterView = require('./sqm-portal-footer-view-ab13a649.js');
 
 const PortalFooter = class {
   constructor(hostRef) {
@@ -22,6 +22,7 @@ const PortalFooter = class {
     this.supportEmail = "support@example.com";
     /**
      * @uiName Support Text
+     * @uiWidget textArea
      */
     this.supportText = "For program support, contact {email}";
     /**
@@ -34,18 +35,26 @@ const PortalFooter = class {
     this.poweredByLink = "https://saasquatch.com";
     /**
      * @uiName Padding Top
+     * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+     * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
      */
     this.paddingTop = "large";
     /**
      * @uiName Padding Right
+     * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+     * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
      */
     this.paddingRight = "large";
     /**
      * @uiName Padding Bottom
+     * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+     * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
      */
     this.paddingBottom = "large";
     /**
      * @uiName Padding Left
+     * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+     * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
      */
     this.paddingLeft = "large";
     stencilHooks_module.h$1(this);

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

@@ -51,6 +51,8 @@ function usePortalForgotPassword(props) {
         error,
       success,
       loginPath: props.loginPath,
+      headerText: props.headerText,
+      loginText: props.loginText,
     },
     callbacks: {
       submit,
@@ -63,13 +65,13 @@ const PortalForgotPassword = class {
     index.registerInstance(this, hostRef);
     this.ignored = true;
     /**
-     * The page that users are redirected to from the password reset email.
+     * The microsite page that participants are redirected to from the password reset email.
      *
-     * @uiName Email Redirection Base Path
+     * @uiName Email Redirection Path
      */
     this.redirectPath = "/resetPassword";
     /**
-     * @uiName Email Label
+     * @uiName Email Field Label
      */
     this.emailLabel = "Email";
     /**
@@ -77,9 +79,18 @@ const PortalForgotPassword = class {
      */
     this.submitLabel = "Request Password Reset";
     /**
-     * @uiName Login Page Routing Path
+     * @uiName Login Redirect Path
      */
     this.loginPath = "/login";
+    /**
+     * @uiName Header Text
+     * @uiWidget textArea
+     */
+    this.headerText = "Enter your email below to receive a password reset link.";
+    /**
+     * Sign In Link Text
+     */
+    this.loginText = "Sign In";
     stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }

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

@@ -18,7 +18,9 @@ const PortalLogout = class {
     index.registerInstance(this, hostRef);
     this.ignored = true;
     /**
-     * @uiName Next Page Path
+     * Redirect participants to this path when they log out
+     *
+     *  @uiName Logout Redirect Path
      */
     this.nextPage = "/";
     stencilHooks_module.h$1(this);

package/dist/cjs/{sqm-portal-profile-view-f9104d25.js → sqm-portal-profile-view-89995e7b.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const global = require('./global-b3587dc9.js');
+const global = require('./global-348a8750.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');

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
-require('./global-b3587dc9.js');
+require('./global-348a8750.js');
 require('./use-callback-e754042f.js');
 const index_module = require('./index.module-ff45cbf1.js');
 require('./extends-08099afd.js');
@@ -13,7 +13,7 @@ require('./JSS-97fd087e.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-f9104d25.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-89995e7b.js');
 
 const GET_USER = index_module.dist.gql `
   query {
@@ -167,27 +167,19 @@ const PortalProfile = class {
     index.registerInstance(this, hostRef);
     this.ignored = true;
     /**
-     * First name input field label
-     *
      * @uiName First Name Label
      */
     this.firstnametext = "First Name";
     /**
-     * Last name input field label
-     *
-     * @uiName Last Name Label
+     * @uiName Last Name Field Label
      */
     this.lastnametext = "Last Name";
     /**
-     * Email input field label
-     *
-     * @uiName Email Label
+     * @uiName Email Field Label
      */
     this.emailtext = "Email";
     /**
-     * Country input field label
-     *
-     * @uiName Country Label
+     * @uiName Country Field Label
      */
     this.countrytext = "Country";
     /**
@@ -203,7 +195,7 @@ const PortalProfile = class {
      */
     this.submitChangeButtonText = "Submit Changes";
     /**
-     * Show or hide the country field
+     * Show or hide the country field.
      *
      * @uiName Show Country Field
      */

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

@@ -38,16 +38,19 @@ const PortalProtectedRoute = class {
     index.registerInstance(this, hostRef);
     this.ignored = true;
     /**
+     * Redirect participants to this path they are not logged in.
+     *
      * @uiName Redirect Path
      */
     this.redirectTo = "/";
     /**
      * @uiName Require Email Verification
-     * @default
      */
     this.requireEmailVerification = false;
     /**
-     * @uiName Redirect Unverified Users Path
+     * Redirect participants to this path when email verification is required but they have not verified their email.
+     *
+     * @uiName Unverified Participant Redirect Path
      */
     this.redirectToUnverified = "/emailVerification";
     stencilHooks_module.h$1(this);

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

@@ -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;
@@ -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";
     /**

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

@@ -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";
     /**

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

@@ -96,15 +96,15 @@ 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);

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

@@ -4,18 +4,18 @@ 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');
+const global = require('./global-348a8750.js');
 require('./use-callback-e754042f.js');
 const index_module = require('./index.module-ff45cbf1.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 GenericTableView = require('./GenericTableView-47869553.js');
 const reRender = require('./re-render-e5491a50.js');
-const useChildElements = require('./useChildElements-658fefa1.js');
+const useChildElements = require('./useChildElements-b3043b63.js');
 const luxon = require('./luxon-59ca7d19.js');
-const useReferralTable = require('./useReferralTable-ae05b785.js');
+const useReferralTable = require('./useReferralTable-438d176c.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  */
@@ -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_9.cjs.entry.js

@@ -4,18 +4,18 @@ 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');
+const global = require('./global-348a8750.js');
 require('./use-callback-e754042f.js');
 const index_module = require('./index.module-ff45cbf1.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 GenericTableView = require('./GenericTableView-47869553.js');
 const reRender = require('./re-render-e5491a50.js');
-const useChildElements = require('./useChildElements-658fefa1.js');
+const useChildElements = require('./useChildElements-b3043b63.js');
 const luxon = require('./luxon-59ca7d19.js');
-const useReferralTable = require('./useReferralTable-ae05b785.js');
+const useReferralTable = require('./useReferralTable-438d176c.js');
 const utils = require('./utils-6847bc06.js');
 
 const mockRewardData = (count = 4) => {
@@ -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  */
@@ -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,
       },