@saasquatch/mint-components 1.14.6-2 → 1.14.6-4

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

@@ -6,13 +6,6 @@ import { LeadFormViewProps } from "./sqm-lead-form-view";
  */
 export declare class LeadForm {
   ignored: boolean;
-  /**
-   * Redirect participants to this page from their verification email
-   *
-   * @uiName Submission redirect
-   * @uiWidget pageSelect
-   */
-  nextPage: string;
   /**
    * @uiName Email field label
    */
@@ -29,11 +22,35 @@ export declare class LeadForm {
    * @uiName Submit button text
    */
   submitLabel: string;
+  /**
+   * @uiName Submit another form button label
+   */
+  resubmitFormLabel: string;
   /**
    * @uiName Header text
    */
   pageLabel: string;
   formKey: string;
+  /**
+   * Optional support link for error messages.
+   */
+  supportLink: string;
+  /**
+   * Header text shown on successful submission.
+   */
+  submitSuccessHeader: string;
+  /**
+   * Description text shown on successful submission.
+   */
+  submitSuccessDescription: string;
+  /**
+   * Header text shown when an error occurs.
+   */
+  submitErrorHeader: string;
+  /**
+   * Description text shown when an error occurs.
+   */
+  submitErrorDescription: string;
   /**
    * The message to be displayed when a required field is not filled.
    *

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

@@ -0,0 +1,15 @@
+import { LeadFormState } from "./useLeadFormState";
+export interface LeadInputFieldViewProps {
+  states: {
+    leadFormState?: LeadFormState;
+  };
+  content: {
+    required: boolean;
+    fieldName: string;
+    fieldLabel: string;
+    fieldType: "date" | "tel" | "text";
+    fieldOptional?: boolean;
+    requiredFieldErrorMessage: string;
+  };
+}
+export declare function LeadInputFieldView(props: LeadInputFieldViewProps): any;

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

@@ -0,0 +1,50 @@
+import { DemoData } from "../../global/demo";
+import { LeadInputFieldViewProps } from "./sqm-lead-input-field-view";
+/**
+ * @uiName Lead Form Input Field
+ * @validParents ["sqm-lead-form"]
+ * @exampleGroup Microsite Components
+ * @example Lead Form Input Field - <sqm-input-field input-label="Field Label" field-type="text" error-message="Cannot be empty"></sqm-input-field>
+ */
+export declare class LeadInputField {
+  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 Input name attribute
+   * @required
+   */
+  fieldName: string;
+  /**
+   * @uiName Input label
+   */
+  fieldLabel: string;
+  required: boolean;
+  /**
+   * @uiName Input type
+   * @uiType string
+   * @uiEnum ["text", "date", "tel"]
+   * @uiEnumNames ["Text", "Date", "Phone Number"]
+   */
+  fieldType: "text" | "date" | "tel";
+  /**
+   * The message to be displayed when a required field is not filled.
+   *
+   * @uiName Required field message
+   * @uiWidget textArea
+   */
+  requiredFieldErrorMessage: string;
+  /**
+   * @uiName Optional
+   * @default
+   */
+  fieldOptional?: boolean;
+  /**
+   * @undocumented
+   * @uiType object
+   */
+  demoData?: DemoData<LeadInputFieldViewProps>;
+  constructor();
+  disconnectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/sqm-lead-form/useLeadDropdownField.d.ts

@@ -0,0 +1,6 @@
+import { LeadFormState } from "./useLeadFormState";
+export declare function useLeadDropdownField(): {
+  states: {
+    leadFormState: LeadFormState;
+  };
+};

package/dist/types/components/sqm-lead-form/useLeadForm.d.ts

@@ -1,4 +1,7 @@
 import { LeadForm } from "./sqm-lead-form";
+export declare type LeadFormState = {
+  [key: string]: any;
+};
 export declare type ValidationErrorFunction = (input: {
   control: any;
   key: string;
@@ -8,6 +11,7 @@ export declare function useLeadForm(props: LeadForm): {
   states: {
     loading: boolean;
     error: string;
+    success: boolean;
     leadFormState: import("./useLeadFormState").LeadFormState;
     referralCode: string;
   };

package/dist/types/components/sqm-lead-form/useLeadInputField.d.ts

@@ -0,0 +1,6 @@
+import { LeadFormState } from "./useLeadFormState";
+export declare function useLeadInputField(): {
+  states: {
+    leadFormState: LeadFormState;
+  };
+};

package/dist/types/components.d.ts

@@ -22,7 +22,9 @@ import { UseIndirectTaxFormResult } from "./components/tax-and-cash/sqm-indirect
 import { InputFieldViewProps } from "./components/sqm-input-field/sqm-input-field-view";
 import { EmailRegistrationViewProps } from "./components/views/email-registration-view";
 import { GenericTableViewProps } from "./tables/GenericTableView";
+import { DropdownFieldViewProps as DropdownFieldViewProps1 } from "./components/sqm-lead-form/sqm-lead-dropdown-field-view";
 import { LeadFormViewProps } from "./components/sqm-lead-form/sqm-lead-form-view";
+import { LeadInputFieldViewProps } from "./components/sqm-lead-form/sqm-lead-input-field-view";
 import { LeaderboardViewProps } from "./components/sqm-leaderboard/sqm-leaderboard-view";
 import { LeaderboardRankViewProps } from "./components/sqm-leaderboard-rank/sqm-leaderboard-rank-view";
 import { CopyTextViewProps } from "./components/views/copy-text-view";
@@ -1478,6 +1480,34 @@ export namespace Components {
         "renderCell": (data: Invoice) => Promise<any>;
         "renderLabel": () => Promise<any>;
     }
+    interface SqmLeadDropdownField {
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<DropdownFieldViewProps>;
+        /**
+          * @uiName Dropdown label
+         */
+        "dropdownLabel": string;
+        /**
+          * 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
+          * @required
+         */
+        "dropdownName": string;
+        /**
+          * @uiName Optional
+          * @default
+         */
+        "dropdownOptional"?: boolean;
+        /**
+          * The message to be displayed when a required field is not filled.
+          * @uiName Required field message
+          * @uiWidget textArea
+         */
+        "requiredFieldErrorMessage": string;
+    }
     interface SqmLeadForm {
         /**
           * @undocumented 
@@ -1509,12 +1539,6 @@ export namespace Components {
           * @uiWidget textArea
          */
         "networkErrorMessage": string;
-        /**
-          * Redirect participants to this page from their verification email
-          * @uiName Submission redirect
-          * @uiWidget pageSelect
-         */
-        "nextPage": string;
         /**
           * @uiName Header text
          */
@@ -1525,10 +1549,70 @@ export namespace Components {
           * @uiWidget textArea
          */
         "requiredFieldErrorMessage": string;
+        /**
+          * @uiName Submit another form button label
+         */
+        "resubmitFormLabel": string;
+        /**
+          * Description text shown when an error occurs.
+         */
+        "submitErrorDescription": string;
+        /**
+          * Header text shown when an error occurs.
+         */
+        "submitErrorHeader": string;
         /**
           * @uiName Submit button text
          */
         "submitLabel": string;
+        /**
+          * Description text shown on successful submission.
+         */
+        "submitSuccessDescription": string;
+        /**
+          * Header text shown on successful submission.
+         */
+        "submitSuccessHeader": string;
+        /**
+          * Optional support link for error messages.
+         */
+        "supportLink": string;
+    }
+    interface SqmLeadInputField {
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<LeadInputFieldViewProps>;
+        /**
+          * @uiName Input label
+         */
+        "fieldLabel": string;
+        /**
+          * 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
+          * @required
+         */
+        "fieldName": string;
+        /**
+          * @uiName Optional
+          * @default
+         */
+        "fieldOptional"?: boolean;
+        /**
+          * @uiName Input type
+          * @uiType string
+          * @uiEnum ["text", "date", "tel"]
+          * @uiEnumNames ["Text", "Date", "Phone Number"]
+         */
+        "fieldType": "text" | "date" | "tel";
+        "required": boolean;
+        /**
+          * The message to be displayed when a required field is not filled.
+          * @uiName Required field message
+          * @uiWidget textArea
+         */
+        "requiredFieldErrorMessage": string;
     }
     interface SqmLeaderboard {
         /**
@@ -6276,12 +6360,24 @@ declare global {
         prototype: HTMLSqmInvoiceTableDownloadColumnElement;
         new (): HTMLSqmInvoiceTableDownloadColumnElement;
     };
+    interface HTMLSqmLeadDropdownFieldElement extends Components.SqmLeadDropdownField, HTMLStencilElement {
+    }
+    var HTMLSqmLeadDropdownFieldElement: {
+        prototype: HTMLSqmLeadDropdownFieldElement;
+        new (): HTMLSqmLeadDropdownFieldElement;
+    };
     interface HTMLSqmLeadFormElement extends Components.SqmLeadForm, HTMLStencilElement {
     }
     var HTMLSqmLeadFormElement: {
         prototype: HTMLSqmLeadFormElement;
         new (): HTMLSqmLeadFormElement;
     };
+    interface HTMLSqmLeadInputFieldElement extends Components.SqmLeadInputField, HTMLStencilElement {
+    }
+    var HTMLSqmLeadInputFieldElement: {
+        prototype: HTMLSqmLeadInputFieldElement;
+        new (): HTMLSqmLeadInputFieldElement;
+    };
     interface HTMLSqmLeaderboardElement extends Components.SqmLeaderboard, HTMLStencilElement {
     }
     var HTMLSqmLeaderboardElement: {
@@ -6846,7 +6942,9 @@ declare global {
         "sqm-invoice-table-date-column": HTMLSqmInvoiceTableDateColumnElement;
         "sqm-invoice-table-download-cell": HTMLSqmInvoiceTableDownloadCellElement;
         "sqm-invoice-table-download-column": HTMLSqmInvoiceTableDownloadColumnElement;
+        "sqm-lead-dropdown-field": HTMLSqmLeadDropdownFieldElement;
         "sqm-lead-form": HTMLSqmLeadFormElement;
+        "sqm-lead-input-field": HTMLSqmLeadInputFieldElement;
         "sqm-leaderboard": HTMLSqmLeaderboardElement;
         "sqm-leaderboard-rank": HTMLSqmLeaderboardRankElement;
         "sqm-link-button": HTMLSqmLinkButtonElement;
@@ -8353,6 +8451,34 @@ declare namespace LocalJSX {
     }
     interface SqmInvoiceTableDownloadColumn {
     }
+    interface SqmLeadDropdownField {
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<DropdownFieldViewProps>;
+        /**
+          * @uiName Dropdown label
+         */
+        "dropdownLabel"?: string;
+        /**
+          * 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
+          * @required
+         */
+        "dropdownName"?: string;
+        /**
+          * @uiName Optional
+          * @default
+         */
+        "dropdownOptional"?: boolean;
+        /**
+          * The message to be displayed when a required field is not filled.
+          * @uiName Required field message
+          * @uiWidget textArea
+         */
+        "requiredFieldErrorMessage"?: string;
+    }
     interface SqmLeadForm {
         /**
           * @undocumented 
@@ -8384,12 +8510,6 @@ declare namespace LocalJSX {
           * @uiWidget textArea
          */
         "networkErrorMessage"?: string;
-        /**
-          * Redirect participants to this page from their verification email
-          * @uiName Submission redirect
-          * @uiWidget pageSelect
-         */
-        "nextPage"?: string;
         /**
           * @uiName Header text
          */
@@ -8400,10 +8520,70 @@ declare namespace LocalJSX {
           * @uiWidget textArea
          */
         "requiredFieldErrorMessage"?: string;
+        /**
+          * @uiName Submit another form button label
+         */
+        "resubmitFormLabel"?: string;
+        /**
+          * Description text shown when an error occurs.
+         */
+        "submitErrorDescription"?: string;
+        /**
+          * Header text shown when an error occurs.
+         */
+        "submitErrorHeader"?: string;
         /**
           * @uiName Submit button text
          */
         "submitLabel"?: string;
+        /**
+          * Description text shown on successful submission.
+         */
+        "submitSuccessDescription"?: string;
+        /**
+          * Header text shown on successful submission.
+         */
+        "submitSuccessHeader"?: string;
+        /**
+          * Optional support link for error messages.
+         */
+        "supportLink"?: string;
+    }
+    interface SqmLeadInputField {
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<LeadInputFieldViewProps>;
+        /**
+          * @uiName Input label
+         */
+        "fieldLabel"?: string;
+        /**
+          * 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
+          * @required
+         */
+        "fieldName"?: string;
+        /**
+          * @uiName Optional
+          * @default
+         */
+        "fieldOptional"?: boolean;
+        /**
+          * @uiName Input type
+          * @uiType string
+          * @uiEnum ["text", "date", "tel"]
+          * @uiEnumNames ["Text", "Date", "Phone Number"]
+         */
+        "fieldType"?: "text" | "date" | "tel";
+        "required"?: boolean;
+        /**
+          * The message to be displayed when a required field is not filled.
+          * @uiName Required field message
+          * @uiWidget textArea
+         */
+        "requiredFieldErrorMessage"?: string;
     }
     interface SqmLeaderboard {
         /**
@@ -12950,7 +13130,9 @@ declare namespace LocalJSX {
         "sqm-invoice-table-date-column": SqmInvoiceTableDateColumn;
         "sqm-invoice-table-download-cell": SqmInvoiceTableDownloadCell;
         "sqm-invoice-table-download-column": SqmInvoiceTableDownloadColumn;
+        "sqm-lead-dropdown-field": SqmLeadDropdownField;
         "sqm-lead-form": SqmLeadForm;
+        "sqm-lead-input-field": SqmLeadInputField;
         "sqm-leaderboard": SqmLeaderboard;
         "sqm-leaderboard-rank": SqmLeaderboardRank;
         "sqm-link-button": SqmLinkButton;
@@ -13080,7 +13262,9 @@ declare module "@stencil/core" {
             "sqm-invoice-table-date-column": LocalJSX.SqmInvoiceTableDateColumn & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableDateColumnElement>;
             "sqm-invoice-table-download-cell": LocalJSX.SqmInvoiceTableDownloadCell & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableDownloadCellElement>;
             "sqm-invoice-table-download-column": LocalJSX.SqmInvoiceTableDownloadColumn & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableDownloadColumnElement>;
+            "sqm-lead-dropdown-field": LocalJSX.SqmLeadDropdownField & JSXBase.HTMLAttributes<HTMLSqmLeadDropdownFieldElement>;
             "sqm-lead-form": LocalJSX.SqmLeadForm & JSXBase.HTMLAttributes<HTMLSqmLeadFormElement>;
+            "sqm-lead-input-field": LocalJSX.SqmLeadInputField & JSXBase.HTMLAttributes<HTMLSqmLeadInputFieldElement>;
             "sqm-leaderboard": LocalJSX.SqmLeaderboard & JSXBase.HTMLAttributes<HTMLSqmLeaderboardElement>;
             "sqm-leaderboard-rank": LocalJSX.SqmLeaderboardRank & JSXBase.HTMLAttributes<HTMLSqmLeaderboardRankElement>;
             "sqm-link-button": LocalJSX.SqmLinkButton & JSXBase.HTMLAttributes<HTMLSqmLinkButtonElement>;