@saasquatch/mint-components 1.6.8 → 1.6.9

package/dist/types/components/sqm-portal-registration-form/sqm-portal-registration-form.d.ts

@@ -9,101 +9,101 @@ export declare class PortalRegistrationForm {
   /**
    * Redirect participants to this page after they successfully register.
    *
-   * @uiName Registration Redirect
+   * @uiName Registration redirect
    * @uiWidget pageSelect
    */
   nextPage: string;
   /**
    * Redirect participants to this page from their verification email
    *
-   * @uiName Email Verification Redirect
+   * @uiName Email verification redirect
    * @uiWidget pageSelect
    */
   redirectPath: string;
   /**
-   * @uiName Email Field Label
+   * @uiName Email field label
    */
   emailLabel: string;
   /**
-   * @uiName Password Field Label
+   * @uiName Password field label
    */
   passwordLabel: string;
   /**
-   * @uiName Submit Button Text
+   * @uiName Submit button text
    */
   submitLabel: string;
   /**
-   * @uiName Login Button Text
+   * @uiName Login button text
    */
   loginLabel: string;
   /**
-   * @uiName Confirm Password Field Label
+   * @uiName Confirm password field label
    */
   confirmPasswordLabel: string;
   /**
-   * @uiName Show Confirm Password Field
+   * @uiName Show confirm password field
    */
   confirmPassword: boolean;
   /**
-   * @uiName Disable Password Validation
+   * @uiName Disable password validation
    */
   disablePasswordValidation: boolean;
   /**
    * 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
    */
   hideInputs: boolean;
   /**
-   * @uiName Header Text
+   * @uiName Header text
    */
   pageLabel: string;
   /**
    * Redirect participants to this page after clicking the login button.
    *
-   * @uiName Login Redirect
+   * @uiName Login redirect
    * @uiWidget pageSelect
    */
   loginPath: string;
   /**
    * The message to be displayed when a required field is not filled.
    *
-   * @uiName Required Field Message
+   * @uiName Required field message
    * @uiWidget textArea
    */
   requiredFieldErrorMessage: string;
   /**
    * The message to be displayed when a the form submission fails unexpectedly.
    *
-   * @uiName Network Error Message
+   * @uiName Network error message
    * @uiWidget textArea
    */
   networkErrorMessage: string;
   /**
    * The message to be displayed when password inputs do not match.
    *
-   * @uiName Password Mismatch Message
+   * @uiName Password mismatch message
    * @uiWidget textArea
    */
   passwordMismatchErrorMessage: string;
   /**
    * The message to be displayed when the email used is invalid or blocked.
    *
-   * @uiName Invalid Email Message
+   * @uiName Invalid email message
    * @uiWidget textArea
    */
   invalidEmailErrorMessage: string;
   /**
    * The message to be displayed when the registration form is disabled.
    *
-   * @uiName Form Disabled Message
+   * @uiName Form disabled message
    * @uiWidget textArea
    */
   formDisabledErrorMessage: string;
   /**
    * The key of the registration form used for this microsite.
    *
-   * @uiName Form Key
+   * @uiName Form key
    * @required
    */
   formKey: string;

package/dist/types/components/sqm-portal-reset-password/sqm-portal-reset-password.d.ts

@@ -8,48 +8,48 @@ export declare class PortalResetPassword {
   /**
    * Redirect participants to this page when they successfully reset their password.
    *
-   * @uiName Successful Reset Redirect
+   * @uiName Successful reset redirect
    * @uiWidget pageSelect
    */
   nextPage: string;
   /**
    * 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
    */
   failedPage: string;
   /**
-   * @uiName Show Confirm Password Field
+   * @uiName Show confirm password field
    */
   confirmPassword: boolean;
   /**
-   * @uiName Reset Password Header Text
+   * @uiName Reset password header text
    */
   resetPasswordHeader: string;
   /**
    * Displayed after a successful password reset.
    *
-   * @uiName Successful Password Reset Text
+   * @uiName Successful password reset text
    * @uiWidget textArea
    */
   passwordResetHeader: string;
   /**
-   * @uiName Password Reset Button Text
+   * @uiName Password reset button text
    */
   resetPasswordButtonText: string;
   /**
    * Button text displayed after a successful password reset.
    *
-   * @uiName Continue Button Text
+   * @uiName Continue button text
    */
   continueButtonText: string;
   /**
-   * @uiName Password Confirmation Field Label
+   * @uiName Password confirmation field label
    */
   confirmPasswordFieldLabel: string;
   /**
-   * @uiName Password Field Label
+   * @uiName Password field label
    */
   passwordFieldLabel: string;
   /**

package/dist/types/components/sqm-portal-verify-email/sqm-portal-verify-email.d.ts

@@ -8,14 +8,14 @@ export declare class PortalVerifyEmail {
   /**
    * Redirect participants to this page when they successfully verify their email.
    *
-   * @uiName Successful Verification Redirect
+   * @uiName Successful verification redirect
    * @uiWidget pageSelect
    */
   nextPage: string;
   /**
    * Redirect participants to this page if verification fails due to an outdated verification attempt.
    *
-   * @uiName Failed Verification Redirect
+   * @uiName Failed verification redirect
    * @uiWidget pageSelect
    */
   failedPage: string;

package/dist/types/components/sqm-program-explainer/sqm-program-explainer.d.ts

@@ -7,17 +7,17 @@
 export declare class ProgramExplainer {
   ignored: boolean;
   /**
-   * @uiName Header Text
+   * @uiName Header text
    */
   header: string;
   /**
-   * @uiName Header Text Color
+   * @uiName Header text color
    * @uiWidget color
    * @format color
    */
   textColor: string;
   /**
-   * @uiName Header Background Color
+   * @uiName Header background color
    * @uiWidget color
    * @format color
    */

package/dist/types/components/sqm-program-explainer-step/sqm-program-explainer-step.d.ts

@@ -15,13 +15,13 @@ export declare class ProgramExplainerStep {
    */
   description: string;
   /**
-   * @uiName Text Color
+   * @uiName Text color
    * @uiWidget color
    * @format color
    */
   textColor: string;
   /**
-   * @uiName Background Color
+   * @uiName Background color
    * @uiWidget color
    * @format color
    */
@@ -29,7 +29,7 @@ export declare class ProgramExplainerStep {
   /**
    * Displayed in place of an icon
    *
-   * @uiName Image Url
+   * @uiName Image URL
    * @uiWidget imageUpload
    * @format url
    */

package/dist/types/components/sqm-referral-card/ReferralCard.stories.d.ts

@@ -6,9 +6,16 @@ declare const _default: {
 };
 export default _default;
 export declare const ImageAndShareButtons: () => any;
+export declare const LimitWidth: () => any;
 export declare const TimelineAndShareButtons: () => any;
 export declare const StartAlignment: () => any;
 export declare const CenterAlignment: () => any;
 export declare const EndAlignment: () => any;
 export declare const FlippedSlots: () => any;
+export declare const NoLeft: () => any;
+export declare const NoRight: () => any;
+export declare const WithHeader: () => any;
+export declare const WithFooter: () => any;
+export declare const NoBorder: () => any;
+export declare const BackgroundColor: () => any;
 export declare const ReferralCardGeneric: () => any;

package/dist/types/components/sqm-referral-card/sqm-referral-card-view.d.ts

@@ -1,9 +1,20 @@
 import { VNode } from "../../stencil-public-runtime";
 export interface ReferralCardViewProps {
   verticalAlignment: "start" | "center" | "end";
+  hideBorder?: boolean;
+  backgroundColor: string;
   slots: {
     left: VNode;
     right: VNode;
+    header: VNode;
+    footer: VNode;
   };
+  paddingTop?: string;
+  paddingRight?: string;
+  paddingBottom?: string;
+  paddingLeft?: string;
+  limitWidth: boolean;
+  hasHeader: boolean;
+  hasFooter: boolean;
 }
 export declare function ReferralCardView(props: ReferralCardViewProps): any;

package/dist/types/components/sqm-referral-card/sqm-referral-card.d.ts

@@ -1,18 +1,62 @@
 /**
  * @uiName Referral Card
  * @exampleGroup Referrals
- * @slots [{"name":"left", "title":"Left Content"},{"name":"right", "title":"Right Content"}]
+ * @slots [{"name":"left", "title":"Left Content"},{"name":"right", "title":"Right Content"},{"name":"header", "title":"Header Content"},{"name":"footer", "title":"Footer Content"}]
  * @example Referral Card - <sqm-referral-card vertical-alignment="start"> <sqm-portal-container gap="large" slot="left" direction="column" display="grid" max-width="100%" padding="none" > <sqm-text >They’ll get a $50 credit towards a new account and you’ll get: </sqm-text> <sqm-timeline icon="circle"> <sqm-timeline-entry reward="$50" unit="visa giftcard" desc="Your friend purchases a Business plan" icon="circle" > </sqm-timeline-entry> <sqm-timeline-entry reward="$200" unit="visa giftcard" desc="Our sales team qualifies your friend as a good fit for our Enterprise plan" icon="circle" > </sqm-timeline-entry> <sqm-timeline-entry reward="$1000" unit="visa giftcard" desc="Your friend purchases an Enterprise plan" icon="circle" > </sqm-timeline-entry> </sqm-timeline> </sqm-portal-container> <sqm-portal-container gap="large" slot="right" direction="column" display="grid" max-width="100%" padding="none" > <sqm-text>Choose how you want to share: </sqm-text> <sqm-text> <sub>Your unique referral link:</sub> <sqm-share-link tooltip-text="Copied to Clipboard" tooltip-lifespan="1000" > </sqm-share-link> </sqm-text> <sqm-portal-container gap="x-small" direction="column" display="grid" max-width="100%" padding="none" > <sqm-share-button medium="email" icon-slot="prefix" size="medium" type="default" > Share via email </sqm-share-button> <sqm-share-button medium="linkedin" icon-slot="prefix" size="medium" type="default" > Share on LinkedIn </sqm-share-button> <sqm-share-button medium="twitter" icon-slot="prefix" size="medium" type="default" > Share on Twitter </sqm-share-button> </sqm-portal-container> </sqm-portal-container> </sqm-referral-card>
  */
 export declare class ReferralCard {
   ignored: boolean;
   /**
-   * @uiName Vertical Aligment
+   * @uiName Vertical alignment
    * @uiType string
    * @uiEnum ["start", "center", "end"]
    * @uiEnumNames ["Top", "Center", "Bottom"]
    */
   verticalAlignment: "start" | "center" | "end";
+  /**
+   * @uiName Hide border
+   * @uiType boolean
+   */
+  hideBorder: boolean;
+  /**
+   * @uiName Top padding
+   * @uiGroup Padding
+   * @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 Padding
+   * @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 Padding
+   * @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 Padding
+   * @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
+   * @uiType string
+   */
+  backgroundColor: string;
+  /**
+   * @uiName Limit width
+   * @uiType boolean
+   */
+  limitWidth: boolean;
   constructor();
   disconnectedCallback(): void;
   render(): any;

package/dist/types/components/sqm-referral-iframe/sqm-referral-iframe.d.ts

@@ -7,18 +7,18 @@ export declare class SqmReferralIframe {
   ignored: boolean;
   /**
    * URL of iframe to display
-   * @uiName Iframe Source
+   * @uiName IFrame source
    * @required
    */
   iframeSrc: string;
   /**
    * Define the height of the iframe with any valid CSS height value. Example: 100px, 5rem, or auto.
-   * @uiName Iframe Height
+   * @uiName IFrame height
    */
   iframeHeight: string;
   /**
    * Define the width of the iframe with any valid CSS width value. Example: 100px, 5rem, or auto.
-   * @uiName Iframe Width
+   * @uiName IFrame width
    */
   iframeWidth: string;
   /**

package/dist/types/components/sqm-referral-table/columns/sqm-referral-table-column.d.ts

@@ -5,7 +5,7 @@ import { ReferralTableColumn } from "./ReferralTableColumn";
  */
 export declare class ReferralTableGenericColumn implements ReferralTableColumn {
   /**
-   * @uiName Column Title
+   * @uiName Column title
    */
   columnTitle: string;
   constructor();

package/dist/types/components/sqm-referral-table/columns/sqm-referral-table-date-column.d.ts

@@ -8,11 +8,11 @@ import { ReferralTableColumn } from "./ReferralTableColumn";
  */
 export declare class ReferralTableDateColumn implements ReferralTableColumn {
   /**
-   * @uiName Date Column Title
+   * @uiName Date column title
    */
   columnTitle: string;
   /**
-   * @uiName Date Displayed
+   * @uiName Date displayed
    * @uiType string
    * @uiEnum ["dateConverted",
    * "dateReferralStarted",

package/dist/types/components/sqm-referral-table/columns/sqm-referral-table-rewards-column.d.ts

@@ -13,39 +13,39 @@ export declare class ReferralTableRewardsColumn implements ReferralTableColumn {
   /**
    * Text shown in the reward status badge.
    *
-   * @uiName Reward Status Text
+   * @uiName Reward status text
    * @uiWidget textArea
    */
   statusText: string;
   /**
    * Additional status text shown in the details drop down.
    *
-   * @uiName Reward Status Long Text
+   * @uiName Reward status long text
    * @uiWidget textArea
    */
   statusLongText: string;
   /**
    * Shown in the dropdown details when a reward has an associated fuel tank code.
    *
-   * @uiName Fuel Tank Code Text
+   * @uiName Fuel tank code text
    */
   fuelTankText: string;
   /**
    * Shown in the dropdown details when a reward has been received.’
    *
-   * @uiName Reward Received Text
+   * @uiName Reward received text
    */
   rewardReceivedText: string;
   /**
    * Shown in the dropdown details when a reward has an expiry date.
    *
-   * @uiName Reward Expiring Text
+   * @uiName Reward expiring text
    */
   expiringText: string;
   /**
    * Shown in the dropdown details when a reward is pending.
    *
-   * @uiName Reward Pending Text
+   * @uiName Reward pending text
    */
   pendingForText: string;
   /**

package/dist/types/components/sqm-referral-table/columns/sqm-referral-table-status-column.d.ts

@@ -7,15 +7,15 @@ import { ReferralTableColumn } from "./ReferralTableColumn";
  */
 export declare class ReferralTableStatusColumn implements ReferralTableColumn {
   /**
-   * @uiName Column Title
+   * @uiName Column title
    */
   columnTitle: string;
   /**
-   * @uiName Converted Status Text
+   * @uiName Converted status text
    */
   convertedStatusText: string;
   /**
-   * @uiName In Progress Status Text
+   * @uiName In progress status text
    */
   inProgressStatusText: string;
   constructor();

package/dist/types/components/sqm-referral-table/columns/sqm-referral-table-user-column.d.ts

@@ -7,19 +7,19 @@ import { ReferralTableColumn } from "./ReferralTableColumn";
  */
 export declare class ReferralTableUserColumn implements ReferralTableColumn {
   /**
-   * @uiName User Column Title
+   * @uiName User column title
    */
   columnTitle: string;
   /**
    * Name displayed for unknown users
    *
-   * @uiName Anonymous User Text
+   * @uiName Anonymous user text
    */
   anonymousUser: string;
   /**
    * Name displayed for deleted users
    *
-   * @uiName Deleted User Text
+   * @uiName Deleted user text
    */
   deletedUser: string;
   constructor();

package/dist/types/components/sqm-referral-table/sqm-referral-table.d.ts

@@ -19,31 +19,31 @@ export declare class ReferralTable {
   /**
    * Number of referrals displayed per page
    *
-   * @uiName Referrals Per Page
+   * @uiName Referrals per page
    */
   perPage: number;
-  /** @uiName Hide Column Labels */
+  /** @uiName Hide column labels */
   hideLabels?: boolean;
-  /** @uiName Previous Button Text  */
+  /** @uiName Previous button text  */
   prevLabel?: string;
-  /** @uiName View More Button Text  */
+  /** @uiName View More button text  */
   moreLabel?: string;
   /**
    * Show referred by user in table
    *
-   * @uiName Show Referrer
+   * @uiName Show referrer
    * @default
    */
   showReferrer?: boolean;
   /**
    * Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3
    *
-   * @uiName Hidden Mobile Columns
+   * @uiName Hidden mobile columns
    */
   hiddenColumns?: string;
-  /** @uiName Mobile Breakpoint  */
+  /** @uiName Mobile breakpoint  */
   smBreakpoint?: number;
-  /** @uiName Tablet Breakpoint  */
+  /** @uiName Tablet breakpoint  */
   mdBreakpoint?: number;
   /**
    * @undocumented

package/dist/types/components/sqm-referred-registration/sqm-referred-registration.d.ts

@@ -0,0 +1,111 @@
+import { DemoData } from "../../global/demo";
+import { EmailRegistrationViewProps } from "../views/email-registration-view";
+/**
+ * @uiName Instant Access Friend Registration
+ * @compatibility Built for instant access
+ * @exampleGroup Instant Access
+ * @example Instant Access Friend Registration - <sqm-referred-registration></sqm-referred-registration>
+ * @slots [{"name":"top","title":"Top Content"},{"name":"bottom","title":"Bottom Content"}]
+ */
+export declare class ReferredRegistration {
+  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;
+}