@saasquatch/mint-components 1.6.8-21 → 1.6.8-23

package/dist/esm/sqm-close-button.entry.js

@@ -9,6 +9,12 @@ import { C as CloseButtonView } from './sqm-close-button-view-928ee77f.js';
 const CloseButton = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    /**
+     * @uiName Background color
+     * @uiWidget color
+     * @uiType string
+     */
+    this.backgroundColor = "#000000";
     h(this);
   }
   disconnectedCallback() { }

package/dist/esm/sqm-empty_5.entry.js

@@ -58,7 +58,7 @@ const Image = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     /**
-     * @uiName Position Alignment
+     * @uiName Position alignment
      * @uiType string
      * @uiEnum ["left", "center", "right"]
      * @uiEnumNames ["Left", "Center", "Right"]
@@ -171,7 +171,7 @@ const TitledSection = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     /**
-     * @uiName Text Alignment
+     * @uiName Text alignment
      * @uiType string
      * @uiEnum ["left", "center", "right"]
      * @uiEnumNames ["Left", "Center", "Right"]
@@ -180,7 +180,7 @@ const TitledSection = class {
     /**
      * Margin applied to the bottom of the label slot
      *
-     * @uiName Label Bottom Margin
+     * @uiName Label bottom margin
      * @uiType string
      * @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"]
@@ -189,7 +189,7 @@ const TitledSection = class {
     /**
      * Padding applied to all 4 sides of the container
      *
-     * @uiName Section Padding
+     * @uiName Section padding
      * @uiType string
      * @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"]

package/dist/esm/sqm-header-logo.entry.js

@@ -7,12 +7,12 @@ const HeroImage = class {
     /**
      * Page participants are navigated to after clicking the header logo.
      *
-     * @uiName Redirect Path
+     * @uiName Redirect path
      * @uiWidget pageSelect
      */
     this.nextPage = "/";
     /**
-     * @uiName Logo Height
+     * @uiName Logo height
      */
     this.height = 60;
     h(this);

package/dist/esm/sqm-hero.entry.js

@@ -19,7 +19,7 @@ const Hero = class {
     /**
      * Minimum height of each column including when they are stacked on mobile
      *
-     * @uiName Mininum Height (in px)
+     * @uiName Mininum height (in px)
      */
     this.minHeight = 200;
     /**
@@ -29,7 +29,7 @@ const Hero = class {
      */
     this.background = "var(--sl-color-gray-50)";
     /**
-     * @uiName Padding Size
+     * @uiName Padding size
      * @uiEnum ["none", "small", "medium","large"]
      * @uiEnumNames ["None", "Small", "Medium", "Large"]
      */
@@ -37,7 +37,7 @@ const Hero = class {
     /**
      * Flexbox wrap direction, accepts wrap or wrap-reverse
      *
-     * @uiName Wrap Direction
+     * @uiName Wrap direction
      * @uiEnum ["wrap", "wrap-reverse"]
      * @uiEnumNames ["Wrap", "Wrap Reverse"]
      */

package/dist/esm/sqm-instant-access-registration.entry.js

@@ -6,27 +6,28 @@ import './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
 import './JSS-67b5cff8.js';
-import { E as EmailRegistrationView } from './email-registration-view-1ea7bd16.js';
-import { u as useInstantAccessRegistration } from './useInstantAccessRegistration-e3f31ca4.js';
+import { E as EmailRegistrationView } from './email-registration-view-627ac4c6.js';
+import './useRegistrationFormState-ad7d132d.js';
+import { u as useInstantAccessRegistration } from './useInstantAccessRegistration-7d9bd601.js';
 
 const InstantAccessRegistration = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.ignored = true;
     /**
-     * @uiName Email Field Label
+     * @uiName Email field label
      */
     this.emailLabel = "Email";
     /**
-     * @uiName First Name Field Label
+     * @uiName First name field label
      */
     this.firstNameLabel = "First Name";
     /**
-     * @uiName Last Name Field Label
+     * @uiName Last name field label
      */
     this.lastNameLabel = "Last Name";
     /**
-     * @uiName Register Button Text
+     * @uiName Register button text
      */
     this.registerLabel = "Start Referring";
     /**
@@ -36,24 +37,31 @@ const InstantAccessRegistration = class {
      */
     this.includeName = false;
     /**
-     * @uiName Remove the border
+     * @uiName Include border
      * @uiGroup Card style
      */
-    this.removeBorder = false;
+    this.includeBorder = true;
     /**
      * Display this message when a required field has not been filled out.
      *
-     * @uiName Required Field Message
+     * @uiName Required field message
      * @uiWidget textArea
      */
     this.requiredFieldErrorMessage = "Cannot be empty";
     /**
      * Display this message when the given email is invalid or blocked.
      *
-     * @uiName Invalid Email Message
+     * @uiName Invalid email message
      * @uiWidget textArea
      */
     this.invalidEmailErrorMessage = "Must be a valid email address";
+    /**
+     * The message to be displayed when a the form submission fails unexpectedly.
+     *
+     * @uiName Network Error Message
+     * @uiWidget textArea
+     */
+    this.networkErrorMessage = "Network request failed.";
     /**
      * @uiName Top padding
      * @uiGroup Card style
@@ -89,20 +97,25 @@ const InstantAccessRegistration = class {
      * @uiType string
      */
     this.backgroundColor = "#ffffff";
+    /**
+     * @undocumented
+     * @uiType boolean
+     */
+    this.includeCookies = false;
     h(this);
   }
   disconnectedCallback() { }
   render() {
     const { states, callbacks } = isDemo()
       ? useRegistrationDemo(this)
-      : useInstantAccessRegistration();
+      : useInstantAccessRegistration(this);
     const content = {
       emailLabel: this.emailLabel,
       registerLabel: this.registerLabel,
       firstNameLabel: this.firstNameLabel,
       lastNameLabel: this.lastNameLabel,
       includeName: this.includeName,
-      removeBorder: this.removeBorder,
+      includeBorder: this.includeBorder,
       invalidEmailErrorMessage: this.invalidEmailErrorMessage,
       requiredFieldErrorMessage: this.requiredFieldErrorMessage,
       paddingTop: this.paddingTop,
@@ -111,8 +124,8 @@ const InstantAccessRegistration = class {
       paddingRight: this.paddingRight,
       backgroundColor: this.backgroundColor,
       // slots
-      topSlot: h$1("slot", { name: "top-slot" }),
-      bottomSlot: h$1("slot", { name: "bottom-slot" }),
+      topSlot: h$1("slot", { name: "top" }),
+      bottomSlot: h$1("slot", { name: "bottom" }),
     };
     return (h$1(EmailRegistrationView, { states: states, callbacks: callbacks, content: content }));
   }

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

@@ -55,7 +55,7 @@ const LeaderboardRank = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     /**
-     * @uiName Rank Text
+     * @uiName Rank text
      * @uiWidget textArea
      */
     this.rankText = "You are currently in {rank, selectordinal, one {#st} two {#nd} few {#rd} other {#th} } place!";

package/dist/esm/sqm-link-button.entry.js

@@ -7,7 +7,7 @@ const LinkButton = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     /**
-     * @uiName User Identification Text
+     * @uiName Open link in new tab
      */
     this.openInNewTab = false;
   }

package/dist/esm/{sqm-logout-current-user-view-c21af005.js → sqm-logout-current-user-view-e258e45c.js}

@@ -20,12 +20,12 @@ const vanillaStyle = `
 const sheet = createStyleSheet(style);
 const styleString = sheet.toString();
 function LogoutCurrentUserView(props) {
-  const { userIdentificationText, onSwitchClick, switchUserText } = props;
+  const { filledInEmailText, onSwitchClick, switchUserText } = props;
   return (h("span", { class: sheet.classes.Container, part: "sqm-base" },
     h("style", { type: "text/css" },
       styleString,
       vanillaStyle),
-    userIdentificationText,
+    filledInEmailText,
     " (",
     h("a", { class: sheet.classes.Link, onClick: onSwitchClick, part: "sqm-link" }, switchUserText),
     ")"));

package/dist/esm/sqm-logout-current-user.entry.js

@@ -1,21 +1,22 @@
-import { r as registerInstance, h } from './index-17b4da69.js';
-import './stencil-hooks.module-b48b45ec.js';
+import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
+import { m as h } from './stencil-hooks.module-b48b45ec.js';
 import './use-callback-051c06c6.js';
-import { e as setUserIdentity, i as isDemo } from './index.module-72cfa256.js';
+import { L, e as setUserIdentity, i as isDemo } from './index.module-72cfa256.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './JSS-67b5cff8.js';
-import { L as LogoutCurrentUserView } from './sqm-logout-current-user-view-c21af005.js';
+import { L as LogoutCurrentUserView } from './sqm-logout-current-user-view-e258e45c.js';
 
-function useLogoutCurrentUser(
-// @ts-ignore;
-props) {
+function useLogoutCurrentUser(props) {
+  var _a;
+  const user = L();
   const onSwitchClick = () => {
     setUserIdentity(undefined);
   };
+  const filledInEmailText = (_a = props.userIdentificationText) === null || _a === void 0 ? void 0 : _a.replace("{email}", (user === null || user === void 0 ? void 0 : user.id) || "Error fetching email");
   return {
     onSwitchClick,
-    userIdentificationText: "",
-    switchUserText: "",
+    filledInEmailText,
+    ...props,
   };
 }
 
@@ -24,7 +25,7 @@ const LogoutCurrentUser = class {
     registerInstance(this, hostRef);
     /**
      * @required
-     * @uiName User Identification Text
+     * @uiName User identification text
      */
     this.userIdentificationText = "{email}";
     /**
@@ -32,23 +33,24 @@ const LogoutCurrentUser = class {
      * @uiName Switch user button label
      */
     this.switchUserText = "not you?";
-    /**
-     * @required
-     * @uiName Switch user button link
-     */
-    this.switchUserLink = "#";
+    h(this);
   }
+  disconnectedCallback() { }
   render() {
     const props = isDemo()
       ? useDemoLogoutCurrentUser(this)
-      : useLogoutCurrentUser();
-    return h(LogoutCurrentUserView, Object.assign({}, props));
+      : useLogoutCurrentUser(this);
+    const content = {
+      userIdentificationText: this.userIdentificationText,
+      switchUserText: this.switchUserText,
+    };
+    return h$1(LogoutCurrentUserView, Object.assign({}, props, content));
   }
 };
 function useDemoLogoutCurrentUser(props) {
   return cjs({
     onSwitchClick: () => setUserIdentity(undefined),
-    userIdentificationText: props.userIdentificationText,
+    filledInEmailText: "john@example.com",
     switchUserText: props.switchUserText,
   }, props.demoData || {}, { arrayMerge: (_, a) => a });
 }

package/dist/esm/sqm-password-field.entry.js

@@ -534,12 +534,12 @@ const PortalPasswordField = class {
     /**
      * Label for password field
      *
-     * @uiName Password Label
+     * @uiName Password label
      */
     this.fieldLabel = "Password";
     /**
      * Disable live password validation
-     * @uiName Disable Validation
+     * @uiName Disable validation
      */
     this.disableValidation = false;
     h$1(this);

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

@@ -125,30 +125,30 @@ const PortalEmailVerification = class {
     /**
      * Redirect participants to this page from their verification email.
      *
-     * @uiName Email Redirect
+     * @uiName Email redirect
      * @uiWidget pageSelect
      */
     this.redirectPath = "/verifyEmail";
     /**
-     * @uiName Email Verification Header Text
+     * @uiName Email verification header text
      */
     this.emailVerificationHeader = "Verify your email";
     /**
-     * @uiName Re-send Email Button Text
+     * @uiName Re-send email button text
      */
     this.resendEmailButtonText = "Re-send Email";
     /**
-     * @uiName Email Verification Body Text
+     * @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. Resending an email will invalidate the previous email.";
     /**
-     * @uiName Email Verification Status Text
+     * @uiName Email verification status text
      * @uiWidget textArea
      */
     this.verificationStatusMessage = "Checking verification status in {countdown}";
     /**
-     * @uiName Email Verification Checking Text
+     * @uiName Email verification checking text
      * @uiWidget textArea
      */
     this.verificationLoadingMessage = "Checking verification status";

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

@@ -60,30 +60,30 @@ const PortalForgotPassword = class {
     /**
      * Redirect participants to this page after they verify their email.
      *
-     * @uiName Email Redirect
+     * @uiName Email redirect
      * @uiWidget pageSelect
      */
     this.redirectPath = "/resetPassword";
     /**
-     * @uiName Email Field Label
+     * @uiName Email field label
      */
     this.emailLabel = "Email";
     /**
-     * @uiName Password Reset Button Text
+     * @uiName Password reset button text
      */
     this.submitLabel = "Request Password Reset";
     /**
-     * @uiName Login Redirect Path
+     * @uiName Login redirect path
      * @uiWidget pageSelect
      */
     this.loginPath = "/login";
     /**
-     * @uiName Header Text
+     * @uiName Header text
      * @uiWidget textArea
      */
     this.headerText = "Enter your email below to receive a password reset link.";
     /**
-     * Sign In Link Text
+     * Sign in link text
      */
     this.loginText = "Sign In";
     h(this);

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

@@ -15,7 +15,7 @@ const PortalLogout = class {
     /**
      * Redirect participants to this page when they log out.
      *
-     * @uiName Logout Redirect Path
+     * @uiName Logout redirect path
      * @uiWidget pageSelect
      */
     this.nextPage = "/";

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

@@ -161,35 +161,35 @@ const PortalProfile = class {
     registerInstance(this, hostRef);
     this.ignored = true;
     /**
-     * @uiName First Name Label
+     * @uiName First name label
      */
     this.firstnametext = "First Name";
     /**
-     * @uiName Last Name Field Label
+     * @uiName Last name field label
      */
     this.lastnametext = "Last Name";
     /**
-     * @uiName Email Field Label
+     * @uiName Email field label
      */
     this.emailtext = "Email";
     /**
-     * @uiName Country Field Label
+     * @uiName Country field label
      */
     this.countrytext = "Country";
     /**
-     * @uiName Edit Profile Header
+     * @uiName Edit profile header
      */
     this.editProfileHeader = "Edit your profile";
     /**
-     * @uiName Edit Profile Sub Header
+     * @uiName Edit profile sub header
      */
     this.editProfileSubHeader = "Personal Information";
     /**
-     * @uiName Submit Changes Button Text
+     * @uiName Submit changes button text
      */
     this.submitChangeButtonText = "Submit Changes";
     /**
-     * @uiName Hide Country Field
+     * @uiName Hide country field
      */
     this.hideCountry = false;
     h(this);

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

@@ -35,17 +35,17 @@ const PortalProtectedRoute = class {
     /**
      * Redirect participants to this page they are not logged in.
      *
-     * @uiName Unauthenticated Participant Redirect
+     * @uiName Unauthenticated participant redirect
      */
     this.redirectTo = "/";
     /**
-     * @uiName Require Email Verification
+     * @uiName Require email verification
      */
     this.requireEmailVerification = false;
     /**
      * Redirect participants to this page when email verification is required but they have not verified their email.
      *
-     * @uiName Unverified Participant Redirect
+     * @uiName Unverified participant redirect
      */
     this.redirectToUnverified = "/emailVerification";
     h(this);

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

@@ -7,8 +7,8 @@ import { c as cjs } from './cjs-bdfb4486.js';
 import { A as AuthWrapper, a as AuthColumn, H as HostBlock, b as AuthButtonsContainer, E as ErrorStyles } from './mixins-f60a614c.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { T as TextSpanView } from './sqm-text-span-view-8d140661.js';
-import { A as AsYouType } from './AsYouType-46f67d0d.js';
 import { u as useRegistrationFormState } from './useRegistrationFormState-ad7d132d.js';
+import { A as AsYouType } from './AsYouType-46f67d0d.js';
 
 const style = {
   Wrapper: { ...AuthWrapper, "max-width": "600px" },
@@ -296,94 +296,94 @@ const PortalRegistrationForm = class {
     /**
      * Redirect participants to this page after they successfully register.
      *
-     * @uiName Registration Redirect
+     * @uiName Registration redirect
      * @uiWidget pageSelect
      */
     this.nextPage = "/";
     /**
      * Redirect participants to this page from their verification email
      *
-     * @uiName Email Verification Redirect
+     * @uiName Email verification redirect
      * @uiWidget pageSelect
      */
     this.redirectPath = "/verifyEmail";
     /**
-     * @uiName Email Field Label
+     * @uiName Email field label
      */
     this.emailLabel = "Email";
     /**
-     * @uiName Password Field Label
+     * @uiName Password field label
      */
     this.passwordLabel = "Password";
     /**
-     * @uiName Submit Button Text
+     * @uiName Submit button text
      */
     this.submitLabel = "Register";
     /**
-     * @uiName Login Button Text
+     * @uiName Login button text
      */
     this.loginLabel = "Sign in";
     /**
-     * @uiName Confirm Password Field Label
+     * @uiName Confirm password field label
      */
     this.confirmPasswordLabel = "Confirm Password";
     /**
-     * @uiName Show Confirm Password Field
+     * @uiName Show confirm password field
      */
     this.confirmPassword = false;
     /**
-     * @uiName Disable Password Validation
+     * @uiName Disable password validation
      */
     this.disablePasswordValidation = false;
     /**
      * Hides the email and password fields. Note: If you hide default inputs, you must add additional input fields. They must have the input name attributes "email" and "password" for this form to succeed.
      *
-     * @uiName Hide Default Fields
+     * @uiName Hide default fields
      */
     this.hideInputs = false;
     /**
-     * @uiName Header Text
+     * @uiName Header text
      */
     this.pageLabel = "Register";
     /**
      * Redirect participants to this page after clicking the login button.
      *
-     * @uiName Login Redirect
+     * @uiName Login redirect
      * @uiWidget pageSelect
      */
     this.loginPath = "/login";
     /**
      * The message to be displayed when a required field is not filled.
      *
-     * @uiName Required Field Message
+     * @uiName Required field message
      * @uiWidget textArea
      */
     this.requiredFieldErrorMessage = "Cannot be empty";
     /**
      * The message to be displayed when a the form submission fails unexpectedly.
      *
-     * @uiName Network Error Message
+     * @uiName Network error message
      * @uiWidget textArea
      */
     this.networkErrorMessage = "Network request failed.";
     /**
      * The message to be displayed when password inputs do not match.
      *
-     * @uiName Password Mismatch Message
+     * @uiName Password mismatch message
      * @uiWidget textArea
      */
     this.passwordMismatchErrorMessage = "Passwords do not match.";
     /**
      * The message to be displayed when the email used is invalid or blocked.
      *
-     * @uiName Invalid Email Message
+     * @uiName Invalid email message
      * @uiWidget textArea
      */
     this.invalidEmailErrorMessage = "Must be a valid email address";
     /**
      * The message to be displayed when the registration form is disabled.
      *
-     * @uiName Form Disabled Message
+     * @uiName Form disabled message
      * @uiWidget textArea
      */
     this.formDisabledErrorMessage = "The registration form is currently disabled.";

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

@@ -91,48 +91,48 @@ const PortalResetPassword = class {
     /**
      * Redirect participants to this page when they successfully reset their password.
      *
-     * @uiName Successful Reset Redirect
+     * @uiName Successful reset redirect
      * @uiWidget pageSelect
      */
     this.nextPage = "/";
     /**
      * Redirect participants to this page if password reset fails due to an outdated reset attempt.
      *
-     * @uiName Failed Reset Redirect
+     * @uiName Failed reset redirect
      * @uiWidget pageSelect
      */
     this.failedPage = "/";
     /**
-     * @uiName Show Confirm Password Field
+     * @uiName Show confirm password field
      */
     this.confirmPassword = false;
     /**
-     * @uiName Reset Password Header Text
+     * @uiName Reset password header text
      */
     this.resetPasswordHeader = "Reset your password";
     /**
      * Displayed after a successful password reset.
      *
-     * @uiName Successful Password Reset Text
+     * @uiName Successful password reset text
      * @uiWidget textArea
      */
     this.passwordResetHeader = "Password reset";
     /**
-     * @uiName Password Reset Button Text
+     * @uiName Password reset button text
      */
     this.resetPasswordButtonText = "Reset Password";
     /**
      * Button text displayed after a successful password reset.
      *
-     * @uiName Continue Button Text
+     * @uiName Continue button text
      */
     this.continueButtonText = "Continue";
     /**
-     * @uiName Password Confirmation Field Label
+     * @uiName Password confirmation field label
      */
     this.confirmPasswordFieldLabel = "Confirm Password";
     /**
-     * @uiName Password Field Label
+     * @uiName Password field label
      */
     this.passwordFieldLabel = "New Password";
     h(this);