@saasquatch/mint-components 1.6.2-18 → 1.6.2-20

package/dist/cjs/{use-callback-e754042f.js → use-callback-5d15897d.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
+const stencilHooks_module = require('./stencil-hooks.module-6fe43579.js');
 
 const useCallback = (fn, inputs) => stencilHooks_module.useMemo(() => fn, inputs);
 

package/dist/cjs/{useChildElements-b3043b63.js → useChildElements-c0cc8f5d.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
-const index_module = require('./index.module-ff45cbf1.js');
+const stencilHooks_module = require('./stencil-hooks.module-6fe43579.js');
+const index_module = require('./index.module-93c78ac7.js');
 
 function useChildElements() {
-  const host = index_module.P();
+  const host = index_module.R();
   const initialState = host.children.length
     ? Array.from(host.children)
     : [];

package/dist/cjs/{useReferralTable-438d176c.js → useReferralTable-db1b33db.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
-const index_module = require('./index.module-ff45cbf1.js');
-const reRender = require('./re-render-e5491a50.js');
-const useChildElements = require('./useChildElements-b3043b63.js');
+const stencilHooks_module = require('./stencil-hooks.module-6fe43579.js');
+const index_module = require('./index.module-93c78ac7.js');
+const reRender = require('./re-render-afeabe91.js');
+const useChildElements = require('./useChildElements-c0cc8f5d.js');
 
 const debug = stencilHooks_module.browser("sq:useReferralTable");
 const CSS_NAMESPACE = "sqm-referral-table";
@@ -178,8 +178,8 @@ const GET_REFERRAL_DATA = index_module.dist.gql `
 `;
 function useReferralTable(props, emptyElement, loadingElement) {
   var _a, _b, _c;
-  const user = index_module.ae();
-  const programIdContext = index_module.M();
+  const user = index_module.N();
+  const programIdContext = index_module.O();
   // Default to context, overriden by props
   const programId = (_a = props.programId) !== null && _a !== void 0 ? _a : programIdContext;
   // If no program ID, shows all programs
@@ -201,15 +201,15 @@ function useReferralTable(props, emptyElement, loadingElement) {
     loading: false,
     page: 0,
   });
-  const locale = index_module.O();
-  const { data: referrerResponse, loading: referrerLoading, refetch, } = index_module.wn(GET_REFERRER_DATA, {
+  const locale = index_module.x();
+  const { data: referrerResponse, loading: referrerLoading, refetch, } = index_module.dn(GET_REFERRER_DATA, {
     programId: programId === "classic" ? null : programId,
     rewardFilter,
     locale,
   }, !props.showReferrer || !(user === null || user === void 0 ? void 0 : user.jwt));
   const referrerData = (_b = referrerResponse === null || referrerResponse === void 0 ? void 0 : referrerResponse.viewer) === null || _b === void 0 ? void 0 : _b.referredByReferral;
   const showReferrerRow = props.showReferrer && !!(referrerData === null || referrerData === void 0 ? void 0 : referrerData.dateReferralStarted);
-  const { envelope: referralData, states, callbacks, } = index_module.qn(GET_REFERRAL_DATA, (data) => { var _a; return (_a = data === null || data === void 0 ? void 0 : data.viewer) === null || _a === void 0 ? void 0 : _a.referrals; }, {
+  const { envelope: referralData, states, callbacks, } = index_module.vn(GET_REFERRAL_DATA, (data) => { var _a; return (_a = data === null || data === void 0 ? void 0 : data.viewer) === null || _a === void 0 ? void 0 : _a.referrals; }, {
     limit: props.perPage,
     offset: 0,
   }, {

package/dist/cjs/{useRegistrationFormState-793a7958.js → useRegistrationFormState-d0e43ca9.js}

@@ -1,18 +1,18 @@
 'use strict';
 
-const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
-const index_module = require('./index.module-ff45cbf1.js');
+const stencilHooks_module = require('./stencil-hooks.module-6fe43579.js');
+const index_module = require('./index.module-93c78ac7.js');
 
 const FORM_VALIDATION_CONTEXT = "sq:validation-state";
 function useValidationState(formState) {
-  const host = index_module.P();
+  const host = index_module.R();
   const [validationState, setValidationState] = stencilHooks_module.y(host, FORM_VALIDATION_CONTEXT, formState);
   return { validationState, setValidationState };
 }
 
 const REGISTRATION_FORM_STATE_CONTEXT = "sq:registration-form-state";
 function useRegistrationFormState(formState) {
-  const host = index_module.P();
+  const host = index_module.R();
   const [registrationFormState, setRegistrationFormState] = stencilHooks_module.y(host, REGISTRATION_FORM_STATE_CONTEXT, formState);
   return { registrationFormState, setRegistrationFormState };
 }

package/dist/collection/components/sqm-checkbox-field/sqm-checkbox-field.js

@@ -75,6 +75,9 @@ export class CheckboxField {
         "tags": [{
             "text": "Checkbox Name Attribute",
             "name": "uiName"
+          }, {
+            "text": undefined,
+            "name": "required"
           }],
         "text": ""
       },

package/dist/collection/components/sqm-dropdown-field/sqm-dropdown-field.js

@@ -68,6 +68,9 @@ export class DropdownField {
         "tags": [{
             "text": "Dropdown Name Attribute",
             "name": "uiName"
+          }, {
+            "text": undefined,
+            "name": "required"
           }],
         "text": ""
       },

package/dist/collection/components/sqm-input-field/sqm-input-field.js

@@ -66,6 +66,9 @@ export class InputField {
         "tags": [{
             "text": "Input Name Attribute",
             "name": "uiName"
+          }, {
+            "text": undefined,
+            "name": "required"
           }],
         "text": "Used as the key of the inputs value in form data."
       },

package/dist/collection/components/sqm-portal-email-verification/sqm-portal-email-verification.js

@@ -29,7 +29,7 @@ export class PortalEmailVerification {
      * @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.";
+    this.verifyMessage = "A verification email was sent to {email}. Please verify your email to continue to the portal. Resending an email with invalidate the previous email.";
     withHooks(this);
   }
   disconnectedCallback() { }
@@ -130,7 +130,7 @@ export class PortalEmailVerification {
       },
       "attribute": "verify-message",
       "reflect": false,
-      "defaultValue": "\"A verification email was sent to {email}. Please verify your email to continue to the portal.\""
+      "defaultValue": "\"A verification email was sent to {email}. Please verify your email to continue to the portal. Resending an email with invalidate the previous email.\""
     },
     "demoData": {
       "type": "unknown",

package/dist/collection/components/sqm-portal-forgot-password/sqm-portal-forgot-password.js

@@ -11,9 +11,9 @@ export class PortalForgotPassword {
   constructor() {
     this.ignored = true;
     /**
-     * The microsite page that participants are redirected to from the password reset email.
+     * Redirect participants to this page after they verify their email.
      *
-     * @uiName Email Redirection Path
+     * @uiName Email Redirect
      * @uiWidget pageSelect
      */
     this.redirectPath = "/resetPassword";
@@ -70,13 +70,13 @@ export class PortalForgotPassword {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Email Redirection Path",
+            "text": "Email Redirect",
             "name": "uiName"
           }, {
             "text": "pageSelect",
             "name": "uiWidget"
           }],
-        "text": "The microsite page that participants are redirected to from the password reset email."
+        "text": "Redirect participants to this page after they verify their email."
       },
       "attribute": "redirect-path",
       "reflect": false,

package/dist/collection/components/sqm-portal-login/sqm-portal-login.js

@@ -11,9 +11,9 @@ export class PortalLogin {
   constructor() {
     this.ignored = true;
     /**
-     * Page participants are navigated to after login.
+     * Redirect participants to this page after they successfully login.
      *
-     * @uiName Login Redirect Path
+     * @uiName Login Redirect
      * @uiWidget pageSelect
      */
     this.nextPage = "/";
@@ -30,7 +30,8 @@ export class PortalLogin {
      */
     this.submitLabel = "Sign In";
     /**
-     * @uiName Forgot Password Redirect Path
+     * Redirect participants to this page to reset their password
+     * @uiName Forgot Password Redirect
      * @uiWidget pageSelect
      */
     this.forgotPasswordPath = "/forgotPassword";
@@ -43,7 +44,8 @@ export class PortalLogin {
      */
     this.registerLabel = "Register";
     /**
-     * @uiName Register Button Redirect Path
+     * Redirect participants to this page to start registration.
+     * @uiName Register Button Redirect
      * @uiWidget pageSelect
      */
     this.registerPath = "/register";
@@ -86,13 +88,13 @@ export class PortalLogin {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Login Redirect Path",
+            "text": "Login Redirect",
             "name": "uiName"
           }, {
             "text": "pageSelect",
             "name": "uiWidget"
           }],
-        "text": "Page participants are navigated to after login."
+        "text": "Redirect participants to this page after they successfully login."
       },
       "attribute": "next-page",
       "reflect": false,
@@ -173,13 +175,13 @@ export class PortalLogin {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Forgot Password Redirect Path",
+            "text": "Forgot Password Redirect",
             "name": "uiName"
           }, {
             "text": "pageSelect",
             "name": "uiWidget"
           }],
-        "text": ""
+        "text": "Redirect participants to this page to reset their password"
       },
       "attribute": "forgot-password-path",
       "reflect": false,
@@ -239,13 +241,13 @@ export class PortalLogin {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Register Button Redirect Path",
+            "text": "Register Button Redirect",
             "name": "uiName"
           }, {
             "text": "pageSelect",
             "name": "uiWidget"
           }],
-        "text": ""
+        "text": "Redirect participants to this page to start registration."
       },
       "attribute": "register-path",
       "reflect": false,

package/dist/collection/components/sqm-portal-logout/sqm-portal-logout.js

@@ -9,7 +9,7 @@ export class PortalLogout {
   constructor() {
     this.ignored = true;
     /**
-     * Redirect participants to this path when they log out
+     * Redirect participants to this page when they log out.
      *
      * @uiName Logout Redirect Path
      * @uiWidget pageSelect
@@ -42,7 +42,7 @@ export class PortalLogout {
             "text": "pageSelect",
             "name": "uiWidget"
           }],
-        "text": "Redirect participants to this path when they log out"
+        "text": "Redirect participants to this page when they log out."
       },
       "attribute": "next-page",
       "reflect": false,

package/dist/collection/components/sqm-portal-profile/sqm-portal-profile.js

@@ -40,8 +40,6 @@ export class PortalProfile {
      */
     this.submitChangeButtonText = "Submit Changes";
     /**
-     * Show or hide the country field.
-     *
      * @uiName Hide Country Field
      */
     this.hideCountry = false;
@@ -219,7 +217,7 @@ export class PortalProfile {
             "text": "Hide Country Field",
             "name": "uiName"
           }],
-        "text": "Show or hide the country field."
+        "text": ""
       },
       "attribute": "hide-country",
       "reflect": false,

package/dist/collection/components/sqm-portal-protected-route/sqm-portal-protected-route.js

@@ -20,7 +20,7 @@ export class PortalProtectedRoute {
      */
     this.requireEmailVerification = false;
     /**
-     * Redirect participants to this path when email verification is required but they have not verified their email.
+     * Redirect participants to this page when email verification is required but they have not verified their email.
      *
      * @uiName Unverified Participant Redirect Path
      */
@@ -95,7 +95,7 @@ export class PortalProtectedRoute {
             "text": "Unverified Participant Redirect Path",
             "name": "uiName"
           }],
-        "text": "Redirect participants to this path when email verification is required but they have not verified their email."
+        "text": "Redirect participants to this page when email verification is required but they have not verified their email."
       },
       "attribute": "redirect-to-unverified",
       "reflect": false,

package/dist/collection/components/sqm-portal-register/sqm-portal-register.js

@@ -12,16 +12,16 @@ export class PortalRegister {
   constructor() {
     this.ignored = true;
     /**
-     * Page participants are navigated to after registration.
+     * Redirect participants to this page after they successfully register.
      *
-     * @uiName Registration Redirect Path
+     * @uiName Registration Redirect
      * @uiWidget pageSelect
      */
     this.nextPage = "/";
     /**
      * The page that participants are redirected to from the verification email.
      *
-     * @uiName Email Redirection Path
+     * @uiName Email Verification Redirect
      * @uiWidget pageSelect
      */
     this.redirectPath = "/verifyEmail";
@@ -42,12 +42,10 @@ export class PortalRegister {
      */
     this.loginLabel = "Sign in";
     /**
-     * @uiName Confirm Password Label
+     * @uiName Confirm Password Field Label
      */
     this.confirmPasswordLabel = "Confirm Password";
     /**
-     * Show or hide the confirm password input.
-     *
      * @uiName Show Confirm Password Field
      */
     this.confirmPassword = false;
@@ -66,9 +64,9 @@ export class PortalRegister {
      */
     this.pageLabel = "Register";
     /**
-     * Login button redirection path.
+     * Redirect participants to this page after clicking the login button.
      *
-     * @uiName Login Redirect Path
+     * @uiName Login Redirect
      * @uiWidget pageSelect
      */
     this.loginPath = "/login";
@@ -107,13 +105,13 @@ export class PortalRegister {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Registration Redirect Path",
+            "text": "Registration Redirect",
             "name": "uiName"
           }, {
             "text": "pageSelect",
             "name": "uiWidget"
           }],
-        "text": "Page participants are navigated to after registration."
+        "text": "Redirect participants to this page after they successfully register."
       },
       "attribute": "next-page",
       "reflect": false,
@@ -131,7 +129,7 @@ export class PortalRegister {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Email Redirection Path",
+            "text": "Email Verification Redirect",
             "name": "uiName"
           }, {
             "text": "pageSelect",
@@ -239,7 +237,7 @@ export class PortalRegister {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Confirm Password Label",
+            "text": "Confirm Password Field Label",
             "name": "uiName"
           }],
         "text": ""
@@ -263,7 +261,7 @@ export class PortalRegister {
             "text": "Show Confirm Password Field",
             "name": "uiName"
           }],
-        "text": "Show or hide the confirm password input."
+        "text": ""
       },
       "attribute": "confirm-password",
       "reflect": false,
@@ -344,13 +342,13 @@ export class PortalRegister {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Login Redirect Path",
+            "text": "Login Redirect",
             "name": "uiName"
           }, {
             "text": "pageSelect",
             "name": "uiWidget"
           }],
-        "text": "Login button redirection path."
+        "text": "Redirect participants to this page after clicking the login button."
       },
       "attribute": "login-path",
       "reflect": false,

package/dist/collection/components/sqm-portal-registration-form/sqm-portal-registration-form.js

@@ -12,16 +12,16 @@ export class PortalRegistrationForm {
   constructor() {
     this.ignored = true;
     /**
-     * Page participants are navigated to after registration.
+     * Redirect participants to this page after they successfully register.
      *
-     * @uiName Registration Redirect Path
+     * @uiName Registration Redirect
      * @uiWidget pageSelect
      */
     this.nextPage = "/";
     /**
      * The page that participants are redirected to from the verification email.
      *
-     * @uiName Email Redirection Path
+     * @uiName Email Verification Redirect
      * @uiWidget pageSelect
      */
     this.redirectPath = "/verifyEmail";
@@ -42,12 +42,10 @@ export class PortalRegistrationForm {
      */
     this.loginLabel = "Sign in";
     /**
-     * @uiName Confirm Password Label
+     * @uiName Confirm Password Field Label
      */
     this.confirmPasswordLabel = "Confirm Password";
     /**
-     * Show or hide the confirm password input.
-     *
      * @uiName Show Confirm Password Field
      */
     this.confirmPassword = false;
@@ -66,18 +64,12 @@ export class PortalRegistrationForm {
      */
     this.pageLabel = "Register";
     /**
-     * Login button redirection path.
+     * Redirect participants to this page after clicking the login button.
      *
-     * @uiName Login Redirect Path
+     * @uiName Login Redirect
      * @uiWidget pageSelect
      */
     this.loginPath = "/login";
-    /**
-     * Microsite Registration Form Key
-     *
-     * @uiName Form Key
-     */
-    this.formKey = "microsite-registration";
     withHooks(this);
   }
   disconnectedCallback() { }
@@ -113,13 +105,13 @@ export class PortalRegistrationForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Registration Redirect Path",
+            "text": "Registration Redirect",
             "name": "uiName"
           }, {
             "text": "pageSelect",
             "name": "uiWidget"
           }],
-        "text": "Page participants are navigated to after registration."
+        "text": "Redirect participants to this page after they successfully register."
       },
       "attribute": "next-page",
       "reflect": false,
@@ -137,7 +129,7 @@ export class PortalRegistrationForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Email Redirection Path",
+            "text": "Email Verification Redirect",
             "name": "uiName"
           }, {
             "text": "pageSelect",
@@ -245,7 +237,7 @@ export class PortalRegistrationForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Confirm Password Label",
+            "text": "Confirm Password Field Label",
             "name": "uiName"
           }],
         "text": ""
@@ -269,7 +261,7 @@ export class PortalRegistrationForm {
             "text": "Show Confirm Password Field",
             "name": "uiName"
           }],
-        "text": "Show or hide the confirm password input."
+        "text": ""
       },
       "attribute": "confirm-password",
       "reflect": false,
@@ -350,13 +342,13 @@ export class PortalRegistrationForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Login Redirect Path",
+            "text": "Login Redirect",
             "name": "uiName"
           }, {
             "text": "pageSelect",
             "name": "uiWidget"
           }],
-        "text": "Login button redirection path."
+        "text": "Redirect participants to this page after clicking the login button."
       },
       "attribute": "login-path",
       "reflect": false,
@@ -376,12 +368,14 @@ export class PortalRegistrationForm {
         "tags": [{
             "text": "Form Key",
             "name": "uiName"
+          }, {
+            "text": undefined,
+            "name": "required"
           }],
-        "text": "Microsite Registration Form Key"
+        "text": "The key of the registration form used for this microsite."
       },
       "attribute": "form-key",
-      "reflect": false,
-      "defaultValue": "\"microsite-registration\""
+      "reflect": false
     },
     "demoData": {
       "type": "unknown",

package/dist/collection/components/sqm-portal-reset-password/sqm-portal-reset-password.js

@@ -11,23 +11,21 @@ export class PortalResetPassword {
   constructor() {
     this.ignored = true;
     /**
-     * The page that participants are redirected to when the password reset succeeds.
+     * Redirect participants to this page when they successfully reset their password.
      *
-     * @uiName Reset Successful Redirect Path
+     * @uiName Successful Reset Redirect
      * @uiWidget pageSelect
      */
     this.nextPage = "/";
     /**
-     * The page that participants 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 Reset Failed Redirect Path
+     * @uiName Failed Reset Redirect
      * @uiWidget pageSelect
      */
     this.failedPage = "/";
     /**
-     * Show or hide confirm password field.
-     *
-     * @uiName Show Confirm Password
+     * @uiName Show Confirm Password Field
      */
     this.confirmPassword = false;
     /**
@@ -52,11 +50,11 @@ export class PortalResetPassword {
      */
     this.continueButtonText = "Continue";
     /**
-     * @uiName Password Comfirmation Label
+     * @uiName Password Confirmation Field Label
      */
     this.confirmPasswordFieldLabel = "Confirm Password";
     /**
-     * @uiName Password Label
+     * @uiName Password Field Label
      */
     this.passwordFieldLabel = "New Password";
     withHooks(this);
@@ -83,13 +81,13 @@ export class PortalResetPassword {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Reset Successful Redirect Path",
+            "text": "Successful Reset Redirect",
             "name": "uiName"
           }, {
             "text": "pageSelect",
             "name": "uiWidget"
           }],
-        "text": "The page that participants are redirected to when the password reset succeeds."
+        "text": "Redirect participants to this page when they successfully reset their password."
       },
       "attribute": "next-page",
       "reflect": false,
@@ -107,13 +105,13 @@ export class PortalResetPassword {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Reset Failed Redirect Path",
+            "text": "Failed Reset Redirect",
             "name": "uiName"
           }, {
             "text": "pageSelect",
             "name": "uiWidget"
           }],
-        "text": "The page that participants are redirected to if the reset fails due to outdated password reset attempt."
+        "text": "Redirect participants to this page if password reset fails due to an outdated reset attempt."
       },
       "attribute": "failed-page",
       "reflect": false,
@@ -131,10 +129,10 @@ export class PortalResetPassword {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Show Confirm Password",
+            "text": "Show Confirm Password Field",
             "name": "uiName"
           }],
-        "text": "Show or hide confirm password field."
+        "text": ""
       },
       "attribute": "confirm-password",
       "reflect": false,
@@ -239,7 +237,7 @@ export class PortalResetPassword {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Password Comfirmation Label",
+            "text": "Password Confirmation Field Label",
             "name": "uiName"
           }],
         "text": ""
@@ -260,7 +258,7 @@ export class PortalResetPassword {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Password Label",
+            "text": "Password Field Label",
             "name": "uiName"
           }],
         "text": ""