@saasquatch/mint-components 1.6.8-9 → 1.6.9

package/dist/types/components/sqm-dropdown-field/sqm-dropdown-field.d.ts

@@ -11,16 +11,16 @@ export declare class DropdownField {
   ignored: boolean;
   /**
    * This name is used as the key for this form field on submission. The name must be unique within this specific form.
-   * @uiName Dropdown Name Attribute
+   * @uiName Dropdown name attribute
    * @required
    */
   dropdownName: string;
   /**
-   * @uiName Dropdown Label
+   * @uiName Dropdown label
    */
   dropdownLabel: string;
   /**
-   * @uiName Unselected Error Message
+   * @uiName Unselected error message
    */
   errorMessage: string;
   /**

package/dist/types/components/sqm-edit-profile/sqm-edit-profile.d.ts

@@ -12,32 +12,32 @@ export declare class EditProfile {
   /**
    * Enable editing button text
    *
-   * @uiName Edit Profile Text
+   * @uiName Edit profile text
    */
   editprofiletext: string;
   /**
-   * @uiName Cancel Button Text
+   * @uiName Cancel button text
    */
   canceltext: string;
   /**
-   * @uiName Info Button Text
+   * @uiName Info button text
    */
   updatetext: string;
   /**
-   * @uiName First Name Label
+   * @uiName First name label
    */
   firstnametext: string;
   /**
-   * @uiName Last Name Label
+   * @uiName Last name label
    */
   lastnametext: string;
   /**
-   * @uiName Region Field Label
+   * @uiName Region field label
    */
   currentregiontext: string;
   /**
    * Show or hide current region
-   * @uiName Show Region
+   * @uiName Show region
    */
   showregion: boolean;
   /**

package/dist/types/components/sqm-form-message/FormMessage.stories.d.ts

@@ -4,5 +4,6 @@ declare const _default: {
 export default _default;
 export declare const SuccessAlert: () => any;
 export declare const ErrorAlert: () => any;
+export declare const WarningAlert: () => any;
 export declare const InfoAlert: () => any;
 export declare const FullStackSuccess: () => any;

package/dist/types/components/sqm-form-message/sqm-form-message.d.ts

@@ -5,11 +5,13 @@
 export declare class FormMessage {
   ignored: boolean;
   /**
-   * @uiName Alert Type
+   * Options include "success", "info", "warning", and "error"
+   *
+   * @uiName Alert type
    */
   type: string;
   /**
-   * Icon to use in alert
+   * Icon to use in alert. Use icon values from Shoelace (e.g. "star" or "heart") at https://shoelace.style/components/icon
    *
    * @uiName Icon
    */

package/dist/types/components/sqm-header-logo/sqm-header-logo.d.ts

@@ -5,18 +5,18 @@ export declare class HeroImage {
   /**
    * @uiWidget ImageUpload
    * @format url
-   * @uiName Logo Image
+   * @uiName Logo image
    */
   imageUrl: string;
   /**
    * Page participants are navigated to after clicking the header logo.
    *
-   * @uiName Redirect Path
+   * @uiName Redirect path
    * @uiWidget pageSelect
    */
   nextPage: string;
   /**
-   * @uiName Logo Height
+   * @uiName Logo height
    */
   height: number;
   constructor();

package/dist/types/components/sqm-hero/Hero.stories.d.ts

@@ -6,6 +6,7 @@ declare const _default: {
 };
 export default _default;
 export declare const LoginOneColumn: () => any;
+export declare const LoginOneColumnWithMinHeight: () => any;
 export declare const LoginOneColumnWithColor: () => any;
 export declare const LoginOneColumnWithImage: () => any;
 export declare const TwoColumnLoginLargePadding: () => any;
@@ -14,3 +15,4 @@ export declare const TwoColumnLoginSmallPadding: () => any;
 export declare const TwoColumnLoginNoPadding: () => any;
 export declare const TwoColumnLoginReverseWrap: () => any;
 export declare const TwoColumnLoginWithImgElement: () => any;
+export declare const MinHeight: () => any;

package/dist/types/components/sqm-hero/sqm-hero-view.d.ts

@@ -2,6 +2,7 @@ import { VNode } from "../../stencil-public-runtime";
 export interface HeroProps {
   states: {
     columns: 1 | 2;
+    minHeight: number;
     background?: string;
     secondaryBackground?: string;
     paddingSize: "none" | "small" | "medium" | "large";

package/dist/types/components/sqm-hero/sqm-hero.d.ts

@@ -1,26 +1,32 @@
 /**
  * @uiName Hero Layout
  * @slots [{"name":"","title":"Primary Column Content"},{"name":"secondary-column","title":"Secondary Column Content"}]
- * @example Two Column Hero Layout - <sqm-hero background="https://images.unsplash.com/photo-1599676821464-3555954838dc?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&amp;ixlib=rb-1.2.1&amp;auto=format&amp;fit=crop&amp;w=1939&amp;q=80" columns="2" padding-size="large" wrap-direction="wrap" secondary-background="lightgrey"><h1>Primary Column Content</h1><h1 slot="secondary-column">Secondary Column Content</h1></sqm-hero>
+ * @example Two Column Hero Layout - <sqm-hero background="https://images.unsplash.com/photo-1599676821464-3555954838dc?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&amp;ixlib=rb-1.2.1&amp;auto=format&amp;fit=crop&amp;w=1939&amp;q=80" min-height="0" columns="2" padding-size="large" wrap-direction="wrap" secondary-background="lightgrey"><h1>Primary Column Content</h1><h1 slot="secondary-column">Secondary Column Content</h1></sqm-hero>
  * @exampleGroup Layout
  */
 export declare class Hero {
   /**
-   * Number of columns in the layout
    *
    * @uiName Columns
    * @uiEnum [1, 2]
    * @uiEnumNames ["One", "Two"]
    */
   columns: 1 | 2;
+  /**
+   * Minimum height of each column including when they are stacked on mobile
+   *
+   * @uiName Minimum height (in px)
+   */
+  minHeight: number;
   /**
    * Can be an image url, colour or Shoelace variable.
    *
    * @uiName Background
+   * @uiWidget Background
    */
   background?: string;
   /**
-   * @uiName Padding Size
+   * @uiName Padding size
    * @uiEnum ["none", "small", "medium","large"]
    * @uiEnumNames ["None", "Small", "Medium", "Large"]
    */
@@ -28,13 +34,14 @@ export declare class Hero {
   /**
    * Secondary background image or color (for use in the right column)
    *
-   * @uiName Secondary Background
+   * @uiName Secondary background
+   * @uiWidget Background
    */
   secondaryBackground?: string;
   /**
    * Flexbox wrap direction, accepts wrap or wrap-reverse
    *
-   * @uiName Wrap Direction
+   * @uiName Wrap direction
    * @uiEnum ["wrap", "wrap-reverse"]
    * @uiEnumNames ["Wrap", "Wrap Reverse"]
    */

package/dist/types/components/sqm-hero-image/sqm-hero-image.d.ts

@@ -13,48 +13,48 @@ export declare class HeroImage {
    */
   imageUrl: string;
   /**
-   * @uiName Overlay Color
+   * @uiName Overlay color
    * @uiWidget color
    * @format color
    */
   overlayColor?: string;
   /**
-   * @uiName Overlay Opacity
+   * @uiName Overlay opacity
    */
   overlayOpacity: string;
   /**
-   * @uiName Text Color
+   * @uiName Text color
    * @uiWidget color
    * @format color
    */
   textColor?: string;
   /**
-   * @uiName Background Color
+   * @uiName Background color
    * @uiWidget color
    * @format color
    */
   backgroundColor?: string;
   /**
-   * @uiName Image Layout
+   * @uiName Image layout
    * @uiType string
    * @uiEnum ["overlay", "columns"]
    * @uiEnumNames ["Overlay", "Two-column"]
    */
   layout: "overlay" | "columns";
   /**
-   * @uiName Image Percentage
+   * @uiName Image percentage
    * @uiType number
    */
   imagePercentage: number;
   /**
-   * @uiName Image Position
+   * @uiName Image position
    * @uiType string
    * @uiEnum ["left", "center", "right"]
    * @uiEnumNames ["Left", "Center", "Right"]
    */
   imagePos: "left" | "center" | "right";
   /**
-   * @uiName Image Mobile Position
+   * @uiName Image mobile position
    * @uiType string
    * @uiEnum ["top", "bottom"]
    * @uiEnumNames ["Top", "Bottom"]
@@ -70,27 +70,27 @@ export declare class HeroImage {
    */
   description?: string;
   /**
-   * @uiName Button Text
+   * @uiName Button text
    */
   buttonText?: string;
   /**
-   * @uiName Button Link
+   * @uiName Button link
    */
   buttonLink?: string;
   /**
-   * @uiName Open Link in New Tab
+   * @uiName Open link in new tab
    * @default
    */
   buttonNewTab?: boolean;
   /**
-   * @uiName Text Padding
+   * @uiName Text 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"]
    */
   paddingText: Spacing;
   /**
-   * @uiName Image Padding
+   * @uiName Image 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/types/components/sqm-image/sqm-image.d.ts

@@ -8,25 +8,25 @@ export declare class Image {
    * @uiWidget ImageUpload
    * @format url
    * @required
-   * @uiName Image Link
+   * @uiName Image link
    */
   imageUrl: string;
   /**
-   * @uiName Position Alignment
+   * @uiName Position alignment
    * @uiType string
    * @uiEnum ["left", "center", "right"]
    * @uiEnumNames ["Left", "Center", "Right"]
    */
   alignment: "left" | "center" | "right";
   /**
-   * @uiName Background Color
+   * @uiName Background color
    * @uiWidget color
    * @format color
    */
   backgroundColor: string;
   /**
    * (Optional) Helps with constraining the minimum image size. Can be a pixel value or a percentage i.e. "500px", "33%", etc.
-   * @uiName Minimum Height
+   * @uiName Minimum height
    */
   minHeight?: string;
   render(): any;

package/dist/types/components/sqm-input-field/sqm-input-field.d.ts

@@ -11,23 +11,23 @@ export declare class InputField {
   /**
    * This name is used as the key for this form field on submission. The name must be unique within this specific form.
    *
-   * @uiName Input Name Attribute
+   * @uiName Input name attribute
    * @required
    */
   fieldName: string;
   /**
-   * @uiName Input Label
+   * @uiName Input label
    */
   fieldLabel: string;
   /**
-   * @uiName Input Type
+   * @uiName Input type
    * @uiType string
    * @uiEnum ["text", "date", "tel"]
    * @uiEnumNames ["Text", "Date", "Phone Number"]
    */
   fieldType: "text" | "date" | "tel";
   /**
-   * @uiName Required Error Message
+   * @uiName Required error message
    */
   errorMessage: string;
   /**

package/dist/types/components/sqm-instant-access-registration/sqm-instant-access-registration.d.ts

@@ -0,0 +1,111 @@
+import { DemoData } from "../../global/demo";
+import { EmailRegistrationViewProps } from "../views/email-registration-view";
+/**
+ * @uiName Instant Access Registration
+ * @compatibility Built for instant access
+ * @exampleGroup Instant Access
+ * @example Instant Access Registration - <sqm-instant-access-registration></sqm-instant-access-registration>
+ * @slots [{"name":"top","title":"Top Content"},{"name":"bottom","title":"Bottom Content"}]
+ */
+export declare class InstantAccessRegistration {
+  ignored: boolean;
+  /**
+   * @uiName Email field label
+   */
+  emailLabel: string;
+  /**
+   * @uiName First name field label
+   */
+  firstNameLabel: string;
+  /**
+   * @uiName Last name field label
+   */
+  lastNameLabel: string;
+  /**
+   * @uiName Register button text
+   */
+  registerLabel: string;
+  /**
+   * Require your participants to enter their first and last name.
+   *
+   * @uiName Include name fields
+   */
+  includeName: boolean;
+  /**
+   * @uiName Hide border
+   * @uiGroup Card style
+   */
+  hideBorder: boolean;
+  /**
+   * Display this message when a required field has not been filled out.
+   *
+   * @uiName Required field message
+   * @uiWidget textArea
+   * @uiGroup Error messages
+   */
+  requiredFieldErrorMessage: string;
+  /**
+   * Display this message when the given email is invalid.
+   *
+   * @uiName Invalid email message
+   * @uiWidget textArea
+   * @uiGroup Error messages
+   */
+  invalidEmailErrorMessage: string;
+  /**
+   * Display this message when the form submission unexpectedly fails.
+   *
+   * @uiName Network error message
+   * @uiWidget textArea
+   * @uiGroup Error messages
+   */
+  networkErrorMessage: string;
+  /**
+   * @uiName Top padding
+   * @uiGroup Card style
+   * @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"]
+   */
+  paddingTop: string;
+  /**
+   * @uiName Right padding
+   * @uiGroup Card style
+   * @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"]
+   */
+  paddingRight: string;
+  /**
+   * @uiName Bottom padding
+   * @uiGroup Card style
+   * @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"]
+   */
+  paddingBottom: string;
+  /**
+   * @uiName Left padding
+   * @uiGroup Card style
+   * @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"]
+   */
+  paddingLeft: string;
+  /**
+   * @uiName Background color
+   * @uiWidget color
+   * @uiGroup Card style
+   * @uiType string
+   */
+  backgroundColor: string;
+  /**
+   * @undocumented
+   * @uiType boolean
+   */
+  includeCookies?: boolean;
+  /**
+   * @undocumented
+   * @uiType object
+   */
+  demoData?: DemoData<EmailRegistrationViewProps>;
+  constructor();
+  disconnectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/sqm-instant-access-registration/useInstantAccessRegistration.d.ts

@@ -0,0 +1,11 @@
+import { InstantAccessRegistration } from "./sqm-instant-access-registration";
+export declare function useInstantAccessRegistration(props: InstantAccessRegistration): {
+  states: {
+    loading: boolean;
+    error: string;
+    registrationFormState: import("../sqm-portal-registration-form/useRegistrationFormState").RegistrationFormState;
+  };
+  callbacks: {
+    submit: (event: any) => Promise<void>;
+  };
+};

package/dist/types/components/sqm-leaderboard/sqm-leaderboard.d.ts

@@ -14,37 +14,37 @@ export declare class Leaderboard {
    */
   programId?: string;
   /**
-   * @uiName User Column Heading
+   * @uiName User column heading
    */
   usersheading: string;
   /**
-   * @uiName Stats Column Heading
+   * @uiName Stats column heading
    */
   statsheading: string;
   /**
-   * @uiName Rank Column Heading
+   * @uiName Rank column heading
    */
   rankheading?: string;
   /**
-   * @uiName Show Leaderboard Rank
+   * @uiName Show leaderboard rank
    */
   showRank: boolean;
   /**
    * Hide the viewer's leaderboard row if not in the top results.
    *
-   * @uiName Hide Viewing User
+   * @uiName Hide viewing user
    * @default
    */
   hideViewer: boolean;
   /**
-   * @uiName Rank Type
+   * @uiName Rank type
    * @uiType string
    * @uiEnum ["rowNumber", "rank", "denseRank"]
    * @uiEnumNames ["Row Number", "Rank", "Dense Rank"]
    */
   rankType: "rowNumber" | "rank" | "denseRank";
   /**
-   * @uiName Leaderboard Type
+   * @uiName Leaderboard type
    * @uiType string
    * @required
    * @uiEnum ["topStartedReferrers", "topConvertedReferrers", "topPointEarners"]
@@ -53,11 +53,11 @@ export declare class Leaderboard {
   leaderboardType: "topStartedReferrers" | "topConvertedReferrers" | "topPointEarners";
   /**
    * Title displayed for users without names
-   * @uiName Unknown User Text
+   * @uiName Unknown user text
    */
   anonymousUser: string;
   /**
-   * @uiName Leaderboard Time Interval
+   * @uiName Leaderboard time interval
    * @uiWidget dateRange
    * @uiWidgetOptions {"allowPastDates":true, "months": 1}
    */
@@ -65,7 +65,7 @@ export declare class Leaderboard {
   /**
    * Control the maximum amount of rows displayed on the leaderboard.
    *
-   * @uiName Maximum Rows Number
+   * @uiName Maximum rows number
    */
   maxRows: number;
   /**

package/dist/types/components/sqm-leaderboard-rank/sqm-leaderboard-rank.d.ts

@@ -5,19 +5,19 @@ import { DemoData } from "../../global/demo";
  */
 export declare class LeaderboardRank {
   /**
-   * @uiName Default Rank
+   * @uiName Default rank
    * @uiType string
    * @uiEnum ["rowNumber", "rank", "denseRank"]
    * @uiEnumNames ["Row Number", "Rank", "Dense Rank"]
    */
   rankType: "rowNumber" | "rank" | "denseRank";
   /**
-   * @uiName Rank Text
+   * @uiName Rank text
    * @uiWidget textArea
    */
   rankText: string;
   /**
-   * @uiName Leaderboard Type
+   * @uiName Leaderboard type
    * @uiType string
    * @required
    * @uiEnum ["topStartedReferrers", "topConvertedReferrers", "topPointEarners"]
@@ -25,11 +25,11 @@ export declare class LeaderboardRank {
    */
   leaderboardType: "topStartedReferrers" | "topConvertedReferrers" | "topPointEarners";
   /**
-   * @uiName Unranked Text
+   * @uiName Unranked text
    */
   unrankedText: string;
   /**
-   * @uiName Leaderboard Time Interval
+   * @uiName Leaderboard time interval
    * @uiWidget dateRange
    * @uiWidgetOptions {"allowPastDates":true, "months": 1}
    */

package/dist/types/components/sqm-link-button/sqm-link-button-view.d.ts

@@ -1,5 +1,5 @@
 export interface LinkButtonViewProps {
-  link: string;
-  openInNewTab: boolean;
+  buttonText?: string;
+  onClick: (e: Event) => void;
 }
 export declare function LinkButtonView(props: LinkButtonViewProps): any;

package/dist/types/components/sqm-link-button/sqm-link-button.d.ts

@@ -1,17 +1,24 @@
 /**
  * @uiName Link Button
  * @exampleGroup Common Components
- * @example Link Button - <sqm-link-button link="www.example.com" open-in-new-tab="true">Click here</sqm-link-button>
+ * @example Link Button - <sqm-link-button link="https://www.example.com" open-in-new-tab="true">Click here</sqm-link-button>
  */
 export declare class LinkButton {
   /**
+   * Enter the URL where you want your participants redirected. Example: https://www.example.com
+   *
    * @required
-   * @uiName User Identification Text
+   * @uiName Link
    */
   link: string;
   /**
-   * @uiName User Identification Text
+   * @uiName Open link in new tab
    */
   openInNewTab: boolean;
+  /**
+   * @uiName Button text
+   * @uiType string
+   */
+  buttonText?: string;
   render(): any;
 }

package/dist/types/components/sqm-logout-current-user/sqm-logout-current-user-view.d.ts

@@ -0,0 +1,6 @@
+export interface LogoutCurrentUserViewProps {
+  filledInEmailText: string;
+  onSwitchClick: () => void;
+  switchUserText: string;
+}
+export declare function LogoutCurrentUserView(props: LogoutCurrentUserViewProps): any;

package/dist/types/components/sqm-logout-current-user/sqm-logout-current-user.d.ts

@@ -0,0 +1,28 @@
+import { DemoData } from "../../global/demo";
+import { CopyTextViewProps } from "../views/copy-text-view";
+/**
+ * @uiName Sign out current user
+ * @exampleGroup Instant Access
+ * @compatibility Built for instant access
+ * @example Sign out current user - <sqm-logout-current-user user-identification-text="{email}" switch-user-link="#" switch-user-text="not you?"></sqm-logout-current-user>
+ */
+export declare class LogoutCurrentUser {
+  /**
+   * @required
+   * @uiName User identification text
+   */
+  userIdentificationText: string;
+  /**
+   * @required
+   * @uiName Switch user button label
+   */
+  switchUserText: string;
+  /**
+   * @required
+   * @uiName Switch user button link
+   */
+  demoData?: DemoData<CopyTextViewProps>;
+  constructor();
+  disconnectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/sqm-logout-current-user/useLogoutCurrentUser.d.ts

@@ -0,0 +1,3 @@
+import { LogoutCurrentUser } from "./sqm-logout-current-user";
+import { LogoutCurrentUserViewProps } from "./sqm-logout-current-user-view";
+export declare function useLogoutCurrentUser(props: LogoutCurrentUser): LogoutCurrentUserViewProps;

package/dist/types/components/sqm-name-fields/sqm-name-fields.d.ts

@@ -9,11 +9,11 @@ import { NameFieldsViewProps } from "./sqm-name-fields-view";
 export declare class NameFields {
   ignored: boolean;
   /**
-   * @uiName First Name label
+   * @uiName First name label
    */
   firstNameLabel: string;
   /**
-   * @uiName Last Name label
+   * @uiName Last name label
    */
   lastNameLabel: string;
   /**