@saasquatch/mint-components 2.2.0-1 → 2.2.0-10

package/dist/types/components.d.ts

@@ -55,8 +55,10 @@ import { ReferralIframeViewProps } from "./components/sqm-referral-iframe/sqm-re
 import { ReferralDates } from "./components/sqm-referral-table/useReferralTable";
 import { RewardExchangeViewProps } from "./components/sqm-reward-exchange-list/sqm-reward-exchange-list-view";
 import { ShareButtonViewProps } from "./components/sqm-share-button/sqm-share-button-view";
+import { ShareLinkViewProps } from "./components/sqm-share-link/sqm-share-link-view";
 import { TaskCardViewProps } from "./components/sqm-task-card/sqm-task-card-view";
 import { UseTaxAndCashDashboardResult } from "./components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard";
+import { UserAttributeViewProps } from "./components/sqm-user-attribute/sqm-user-attribute-view";
 import { UseUserInfoFormResult } from "./components/tax-and-cash/sqm-user-info-form/useUserInfoForm";
 import { UserNameViewProps } from "./components/sqm-user-name/sqm-user-name-view";
 export namespace Components {
@@ -184,6 +186,10 @@ export namespace Components {
           * @uiWidget textArea
          */
         "branchNameError": string;
+        /**
+          * @uiName Branch name field label
+         */
+        "branchNameLabel": string;
         /**
           * One of three options listed for the classification field
           * @uiName Business classification option
@@ -203,6 +209,10 @@ export namespace Components {
           * @uiWidget textArea
          */
         "classificationCodeError": string;
+        /**
+          * @uiName Classification code field label
+         */
+        "classificationCodeLabel": string;
         /**
           * @uiName Classification entity field label
          */
@@ -576,7 +586,7 @@ export namespace Components {
          */
         "checkboxLabelLink"?: string;
         /**
-          * @uiName Checkbox label link lext
+          * @uiName Checkbox label link text
          */
         "checkboxLabelLinkText"?: string;
         /**
@@ -2383,9 +2393,9 @@ export namespace Components {
         "searchCurrencyPlaceholder": string;
         /**
           * @undocumented 
+          * @componentState { "title": "Connected (hidden)", "default": true, "props": { "states": { "open": false } } }
           * @componentState { "title": "New partner", "props": { "states": { "open": true, "isExistingPartner": false } } }
           * @componentState { "title": "Existing partner", "props": { "states": { "open": true, "isExistingPartner": true, "countryCode": "US", "currency": "USD" } } }
-          * @componentState { "title": "Connected (hidden)", "props": { "states": { "open": false } } }
          */
         "stateController": string;
         /**
@@ -2398,6 +2408,11 @@ export namespace Components {
           * @uiWidget textArea
          */
         "supportDescriptionExistingPartner": string;
+        /**
+          * Support description for existing partner confirmation
+          * @uiName Existing partner support description
+         */
+        "supportLink": string;
         /**
           * The link text that appears in the terms and conditions checkbox
           * @uiName Terms and conditions text
@@ -4099,6 +4114,11 @@ export namespace Components {
         "titleText"?: string;
     }
     interface SqmReferralIframe {
+        /**
+          * Override the default parameter name used in the iframe
+          * @uiName Referral code parameter name
+         */
+        "codeParam": string;
         /**
           * @undocumented 
           * @uiType object
@@ -5108,6 +5128,15 @@ export namespace Components {
         "tooltiptext": string;
     }
     interface SqmShareLink {
+        /**
+          * Let advocates customize their share links up to 5 times.
+          * @uiName Allow customization
+          * @uiType boolean
+          * @uiGroup Customizable Vanity Link
+          * @uiWidget CustomLinkSwitch
+          * @requiredFlavor impact
+         */
+        "allowCustomization"?: boolean;
         /**
           * Background color of share link container
           * @uiName Background color
@@ -5149,21 +5178,177 @@ export namespace Components {
           * @uiGroup Style
          */
         "buttonType"?: "primary" | "secondary";
+        /**
+          * Text for the cancel button in editing mode
+          * @uiName Cancel button label
+          * @uiType string
+          * @uiGroup Customizable Vanity Link
+          * @requiredFlavor impact
+         */
+        "cancelLabelText"?: string;
+        /**
+          * Text shown when nearing the character limit. Use {charactersRemaining} as a placeholder for the count.
+          * @uiName Characters remaining text
+          * @uiType string
+          * @uiGroup Customizable Vanity Link
+          * @requiredFlavor impact
+         */
+        "charactersRemainingText"?: string;
         /**
           * @uiName Copy button label
          */
         "copyButtonLabel": string;
+        /**
+          * Tooltip text shown when link customization is disabled
+          * @uiName Customize disabled tooltip
+          * @uiType string
+          * @uiGroup Customizable Vanity Link
+          * @requiredFlavor impact
+         */
+        "customizeDisabledTooltip"?: string;
+        /**
+          * Displayed below the share link.
+          * @uiName Customize link button label
+          * @uiType string
+          * @uiGroup Customizable Vanity Link
+          * @requiredFlavor impact
+         */
+        "customizeLinkButtonLabel"?: string;
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<CopyTextViewProps>;
+        "demoData"?: DemoData<ShareLinkViewProps>;
+        /**
+          * Label shown above the link input while editing
+          * @uiName Edit input label
+          * @uiType string
+          * @uiGroup Customizable Vanity Link
+          * @requiredFlavor impact
+         */
+        "editLabelText"?: string;
+        /**
+          * Message shown when the URL has been edited 5 times. To display a clickable link, use {supportLink} as a placeholder.
+          * @uiName Edit limit reached text
+          * @uiType string
+          * @uiWidget textarea
+          * @uiGroup Customizable Vanity Link
+          * @requiredFlavor impact
+         */
+        "editLimitReachedText"?: string;
+        /**
+          * Subtext shown while the user is customizing their URL.
+          * @uiName Edit limit text
+          * @uiType string
+          * @uiGroup Customizable Vanity Link
+          * @requiredFlavor impact
+         */
+        "editLimitText"?: string;
+        /**
+          * Description text shown when the link contains invalid special characters.
+          * @uiName Invalid characters error description
+          * @uiType string
+          * @uiWidget textarea
+          * @uiGroup Customizable Vanity Link
+          * @requiredFlavor impact
+         */
+        "invalidCharactersErrorDescription"?: string;
+        /**
+          * Title of the error message shown when the link contains invalid special characters.
+          * @uiName Invalid characters error title
+          * @uiType string
+          * @uiGroup Customizable Vanity Link
+          * @requiredFlavor impact
+         */
+        "invalidCharactersErrorTitle"?: string;
+        /**
+          * Description text shown when the link has already been taken
+          * @uiName Link taken error message
+          * @uiType string
+          * @uiWidget textarea
+          * @uiGroup Customizable Vanity Link
+          * @requiredFlavor impact
+         */
+        "linkTakenErrorDescription"?: string;
+        /**
+          * Title of the error message shown when the link has already been taken
+          * @uiName Link taken error title
+          * @uiType string
+          * @uiGroup Customizable Vanity Link
+          * @requiredFlavor impact
+         */
+        "linkTakenErrorTitle"?: string;
+        /**
+          * @uiName Min characters text
+          * @uiType string
+          * @uiGroup Customizable Vanity Link
+          * @requiredFlavor impact
+         */
+        "minCharactersText"?: string;
         /**
           * The ID of the program that should generate the link. Defaults to the program ID in context where this widget is loaded.
           * @uiName Program ID
           * @uiWidget programSelector
          */
         "programId"?: string;
+        /**
+          * Description text shown when the link contains profanity or brand names.
+          * @uiName Restricted words error description
+          * @uiType string
+          * @uiWidget textarea
+          * @uiGroup Customizable Vanity Link
+          * @requiredFlavor impact
+         */
+        "restrictedWordsErrorDescription"?: string;
+        /**
+          * Title of the error message shown when the link contains profanity or brand names.
+          * @uiName Restricted words error title
+          * @uiType string
+          * @uiGroup Customizable Vanity Link
+          * @requiredFlavor impact
+         */
+        "restrictedWordsErrorTitle"?: string;
+        /**
+          * Description shown when saving fails with an unknown error
+          * @uiName Save error description
+          * @uiType string
+          * @uiWidget textarea
+          * @uiGroup Customizable Vanity Link
+          * @requiredFlavor impact
+         */
+        "saveErrorDescription"?: string;
+        /**
+          * Title shown when saving fails with an unknown error
+          * @uiName Save error title
+          * @uiType string
+          * @uiGroup Customizable Vanity Link
+          * @requiredFlavor impact
+         */
+        "saveErrorTitle"?: string;
+        /**
+          * Text for the save button in editing mode
+          * @uiName Save button label
+          * @uiType string
+          * @uiGroup Customizable Vanity Link
+          * @requiredFlavor impact
+         */
+        "saveLabelText"?: string;
+        /**
+          * Text for the save button while saving is in progress
+          * @uiName Saving button label
+          * @uiType string
+          * @uiGroup Customizable Vanity Link
+          * @requiredFlavor impact
+         */
+        "savingLabelText"?: string;
+        /**
+          * Display text for the support link in the edit limit reached message
+          * @uiName Support link text
+          * @uiType string
+          * @uiGroup Customizable Vanity Link
+          * @requiredFlavor impact
+         */
+        "supportLinkText"?: string;
         /**
           * Change the text alignment
           * @uiName Share link alignment
@@ -5191,6 +5376,14 @@ export namespace Components {
           * @uiName Tooltip text
          */
         "tooltiptext": string;
+        /**
+          * Text shown while the link is being validated
+          * @uiName Validating label
+          * @uiType string
+          * @uiGroup Customizable Vanity Link
+          * @requiredFlavor impact
+         */
+        "validatingLabelText"?: string;
     }
     interface SqmSkeleton {
         /**
@@ -6320,6 +6513,11 @@ export namespace Components {
           * @uiGroup Step 4 Properties
          */
         "step4_branchCodeLabel": string;
+        /**
+          * @uiName Branch name field label
+          * @uiGroup Step 4 Properties
+         */
+        "step4_branchNameLabel": string;
         /**
           * One of three options listed for the classification field
           * @uiName Business classification option
@@ -6336,6 +6534,11 @@ export namespace Components {
           * @uiGroup Step 4 Properties
          */
         "step4_classificationCPFLabel": string;
+        /**
+          * @uiName Classification code field label
+          * @uiGroup Step 4 Properties
+         */
+        "step4_classificationCodeLabel": string;
         /**
           * @uiName Classification entity field label
           * @uiGroup Step 4 Properties
@@ -7022,6 +7225,40 @@ export namespace Components {
          */
         "textAlign": "left" | "center" | "right";
     }
+    interface SqmUserAttribute {
+        /**
+          * @uiName Color
+          * @uiWidget color
+          * @format color
+          * @uiGroup Style
+         */
+        "color"?: string;
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<UserAttributeViewProps>;
+        /**
+          * Number in pixels.
+          * @uiName Font size
+          * @uiGroup Style
+         */
+        "fontSize"?: number;
+        /**
+          * Font weight
+          * @uiName Font weight
+          * @uiGroup Style
+          * @uiEnum [100, 200, 300, 400, 500, 600, 700, 800, 900]
+          * @uiEnumNames ["Thin", "Extra Light", "Light", "Normal", "Medium", "Semi Bold", "Bold", "Extra Bold", "Heavy"]
+         */
+        "fontWeight"?: number;
+        /**
+          * The custom field key to display.
+          * @uiName Custom field key
+          * @uiWidget customFieldSelector
+         */
+        "value": string | number;
+    }
     interface SqmUserInfoForm {
         /**
           * @uiName Address field label
@@ -8112,6 +8349,12 @@ declare global {
         prototype: HTMLSqmTitledSectionElement;
         new (): HTMLSqmTitledSectionElement;
     };
+    interface HTMLSqmUserAttributeElement extends Components.SqmUserAttribute, HTMLStencilElement {
+    }
+    var HTMLSqmUserAttributeElement: {
+        prototype: HTMLSqmUserAttributeElement;
+        new (): HTMLSqmUserAttributeElement;
+    };
     interface HTMLSqmUserInfoFormElement extends Components.SqmUserInfoForm, HTMLStencilElement {
     }
     var HTMLSqmUserInfoFormElement: {
@@ -8262,6 +8505,7 @@ declare global {
         "sqm-timeline": HTMLSqmTimelineElement;
         "sqm-timeline-entry": HTMLSqmTimelineEntryElement;
         "sqm-titled-section": HTMLSqmTitledSectionElement;
+        "sqm-user-attribute": HTMLSqmUserAttributeElement;
         "sqm-user-info-form": HTMLSqmUserInfoFormElement;
         "sqm-user-name": HTMLSqmUserNameElement;
         "sqm-widget-verification": HTMLSqmWidgetVerificationElement;
@@ -8391,6 +8635,10 @@ declare namespace LocalJSX {
           * @uiWidget textArea
          */
         "branchNameError"?: string;
+        /**
+          * @uiName Branch name field label
+         */
+        "branchNameLabel"?: string;
         /**
           * One of three options listed for the classification field
           * @uiName Business classification option
@@ -8410,6 +8658,10 @@ declare namespace LocalJSX {
           * @uiWidget textArea
          */
         "classificationCodeError"?: string;
+        /**
+          * @uiName Classification code field label
+         */
+        "classificationCodeLabel"?: string;
         /**
           * @uiName Classification entity field label
          */
@@ -8783,7 +9035,7 @@ declare namespace LocalJSX {
          */
         "checkboxLabelLink"?: string;
         /**
-          * @uiName Checkbox label link lext
+          * @uiName Checkbox label link text
          */
         "checkboxLabelLinkText"?: string;
         /**
@@ -10585,9 +10837,9 @@ declare namespace LocalJSX {
         "searchCurrencyPlaceholder"?: string;
         /**
           * @undocumented 
+          * @componentState { "title": "Connected (hidden)", "default": true, "props": { "states": { "open": false } } }
           * @componentState { "title": "New partner", "props": { "states": { "open": true, "isExistingPartner": false } } }
           * @componentState { "title": "Existing partner", "props": { "states": { "open": true, "isExistingPartner": true, "countryCode": "US", "currency": "USD" } } }
-          * @componentState { "title": "Connected (hidden)", "props": { "states": { "open": false } } }
          */
         "stateController"?: string;
         /**
@@ -10600,6 +10852,11 @@ declare namespace LocalJSX {
           * @uiWidget textArea
          */
         "supportDescriptionExistingPartner"?: string;
+        /**
+          * Support description for existing partner confirmation
+          * @uiName Existing partner support description
+         */
+        "supportLink"?: string;
         /**
           * The link text that appears in the terms and conditions checkbox
           * @uiName Terms and conditions text
@@ -12301,6 +12558,11 @@ declare namespace LocalJSX {
         "titleText"?: string;
     }
     interface SqmReferralIframe {
+        /**
+          * Override the default parameter name used in the iframe
+          * @uiName Referral code parameter name
+         */
+        "codeParam"?: string;
         /**
           * @undocumented 
           * @uiType object
@@ -13286,6 +13548,15 @@ declare namespace LocalJSX {
         "tooltiptext"?: string;
     }
     interface SqmShareLink {
+        /**
+          * Let advocates customize their share links up to 5 times.
+          * @uiName Allow customization
+          * @uiType boolean
+          * @uiGroup Customizable Vanity Link
+          * @uiWidget CustomLinkSwitch
+          * @requiredFlavor impact
+         */
+        "allowCustomization"?: boolean;
         /**
           * Background color of share link container
           * @uiName Background color
@@ -13327,21 +13598,177 @@ declare namespace LocalJSX {
           * @uiGroup Style
          */
         "buttonType"?: "primary" | "secondary";
+        /**
+          * Text for the cancel button in editing mode
+          * @uiName Cancel button label
+          * @uiType string
+          * @uiGroup Customizable Vanity Link
+          * @requiredFlavor impact
+         */
+        "cancelLabelText"?: string;
+        /**
+          * Text shown when nearing the character limit. Use {charactersRemaining} as a placeholder for the count.
+          * @uiName Characters remaining text
+          * @uiType string
+          * @uiGroup Customizable Vanity Link
+          * @requiredFlavor impact
+         */
+        "charactersRemainingText"?: string;
         /**
           * @uiName Copy button label
          */
         "copyButtonLabel"?: string;
+        /**
+          * Tooltip text shown when link customization is disabled
+          * @uiName Customize disabled tooltip
+          * @uiType string
+          * @uiGroup Customizable Vanity Link
+          * @requiredFlavor impact
+         */
+        "customizeDisabledTooltip"?: string;
+        /**
+          * Displayed below the share link.
+          * @uiName Customize link button label
+          * @uiType string
+          * @uiGroup Customizable Vanity Link
+          * @requiredFlavor impact
+         */
+        "customizeLinkButtonLabel"?: string;
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<CopyTextViewProps>;
+        "demoData"?: DemoData<ShareLinkViewProps>;
+        /**
+          * Label shown above the link input while editing
+          * @uiName Edit input label
+          * @uiType string
+          * @uiGroup Customizable Vanity Link
+          * @requiredFlavor impact
+         */
+        "editLabelText"?: string;
+        /**
+          * Message shown when the URL has been edited 5 times. To display a clickable link, use {supportLink} as a placeholder.
+          * @uiName Edit limit reached text
+          * @uiType string
+          * @uiWidget textarea
+          * @uiGroup Customizable Vanity Link
+          * @requiredFlavor impact
+         */
+        "editLimitReachedText"?: string;
+        /**
+          * Subtext shown while the user is customizing their URL.
+          * @uiName Edit limit text
+          * @uiType string
+          * @uiGroup Customizable Vanity Link
+          * @requiredFlavor impact
+         */
+        "editLimitText"?: string;
+        /**
+          * Description text shown when the link contains invalid special characters.
+          * @uiName Invalid characters error description
+          * @uiType string
+          * @uiWidget textarea
+          * @uiGroup Customizable Vanity Link
+          * @requiredFlavor impact
+         */
+        "invalidCharactersErrorDescription"?: string;
+        /**
+          * Title of the error message shown when the link contains invalid special characters.
+          * @uiName Invalid characters error title
+          * @uiType string
+          * @uiGroup Customizable Vanity Link
+          * @requiredFlavor impact
+         */
+        "invalidCharactersErrorTitle"?: string;
+        /**
+          * Description text shown when the link has already been taken
+          * @uiName Link taken error message
+          * @uiType string
+          * @uiWidget textarea
+          * @uiGroup Customizable Vanity Link
+          * @requiredFlavor impact
+         */
+        "linkTakenErrorDescription"?: string;
+        /**
+          * Title of the error message shown when the link has already been taken
+          * @uiName Link taken error title
+          * @uiType string
+          * @uiGroup Customizable Vanity Link
+          * @requiredFlavor impact
+         */
+        "linkTakenErrorTitle"?: string;
+        /**
+          * @uiName Min characters text
+          * @uiType string
+          * @uiGroup Customizable Vanity Link
+          * @requiredFlavor impact
+         */
+        "minCharactersText"?: string;
         /**
           * The ID of the program that should generate the link. Defaults to the program ID in context where this widget is loaded.
           * @uiName Program ID
           * @uiWidget programSelector
          */
         "programId"?: string;
+        /**
+          * Description text shown when the link contains profanity or brand names.
+          * @uiName Restricted words error description
+          * @uiType string
+          * @uiWidget textarea
+          * @uiGroup Customizable Vanity Link
+          * @requiredFlavor impact
+         */
+        "restrictedWordsErrorDescription"?: string;
+        /**
+          * Title of the error message shown when the link contains profanity or brand names.
+          * @uiName Restricted words error title
+          * @uiType string
+          * @uiGroup Customizable Vanity Link
+          * @requiredFlavor impact
+         */
+        "restrictedWordsErrorTitle"?: string;
+        /**
+          * Description shown when saving fails with an unknown error
+          * @uiName Save error description
+          * @uiType string
+          * @uiWidget textarea
+          * @uiGroup Customizable Vanity Link
+          * @requiredFlavor impact
+         */
+        "saveErrorDescription"?: string;
+        /**
+          * Title shown when saving fails with an unknown error
+          * @uiName Save error title
+          * @uiType string
+          * @uiGroup Customizable Vanity Link
+          * @requiredFlavor impact
+         */
+        "saveErrorTitle"?: string;
+        /**
+          * Text for the save button in editing mode
+          * @uiName Save button label
+          * @uiType string
+          * @uiGroup Customizable Vanity Link
+          * @requiredFlavor impact
+         */
+        "saveLabelText"?: string;
+        /**
+          * Text for the save button while saving is in progress
+          * @uiName Saving button label
+          * @uiType string
+          * @uiGroup Customizable Vanity Link
+          * @requiredFlavor impact
+         */
+        "savingLabelText"?: string;
+        /**
+          * Display text for the support link in the edit limit reached message
+          * @uiName Support link text
+          * @uiType string
+          * @uiGroup Customizable Vanity Link
+          * @requiredFlavor impact
+         */
+        "supportLinkText"?: string;
         /**
           * Change the text alignment
           * @uiName Share link alignment
@@ -13369,6 +13796,14 @@ declare namespace LocalJSX {
           * @uiName Tooltip text
          */
         "tooltiptext"?: string;
+        /**
+          * Text shown while the link is being validated
+          * @uiName Validating label
+          * @uiType string
+          * @uiGroup Customizable Vanity Link
+          * @requiredFlavor impact
+         */
+        "validatingLabelText"?: string;
     }
     interface SqmSkeleton {
         /**
@@ -14498,6 +14933,11 @@ declare namespace LocalJSX {
           * @uiGroup Step 4 Properties
          */
         "step4_branchCodeLabel"?: string;
+        /**
+          * @uiName Branch name field label
+          * @uiGroup Step 4 Properties
+         */
+        "step4_branchNameLabel"?: string;
         /**
           * One of three options listed for the classification field
           * @uiName Business classification option
@@ -14514,6 +14954,11 @@ declare namespace LocalJSX {
           * @uiGroup Step 4 Properties
          */
         "step4_classificationCPFLabel"?: string;
+        /**
+          * @uiName Classification code field label
+          * @uiGroup Step 4 Properties
+         */
+        "step4_classificationCodeLabel"?: string;
         /**
           * @uiName Classification entity field label
           * @uiGroup Step 4 Properties
@@ -15199,6 +15644,40 @@ declare namespace LocalJSX {
          */
         "textAlign"?: "left" | "center" | "right";
     }
+    interface SqmUserAttribute {
+        /**
+          * @uiName Color
+          * @uiWidget color
+          * @format color
+          * @uiGroup Style
+         */
+        "color"?: string;
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<UserAttributeViewProps>;
+        /**
+          * Number in pixels.
+          * @uiName Font size
+          * @uiGroup Style
+         */
+        "fontSize"?: number;
+        /**
+          * Font weight
+          * @uiName Font weight
+          * @uiGroup Style
+          * @uiEnum [100, 200, 300, 400, 500, 600, 700, 800, 900]
+          * @uiEnumNames ["Thin", "Extra Light", "Light", "Normal", "Medium", "Semi Bold", "Bold", "Extra Bold", "Heavy"]
+         */
+        "fontWeight"?: number;
+        /**
+          * The custom field key to display.
+          * @uiName Custom field key
+          * @uiWidget customFieldSelector
+         */
+        "value"?: string | number;
+    }
     interface SqmUserInfoForm {
         /**
           * @uiName Address field label
@@ -15663,6 +16142,7 @@ declare namespace LocalJSX {
         "sqm-timeline": SqmTimeline;
         "sqm-timeline-entry": SqmTimelineEntry;
         "sqm-titled-section": SqmTitledSection;
+        "sqm-user-attribute": SqmUserAttribute;
         "sqm-user-info-form": SqmUserInfoForm;
         "sqm-user-name": SqmUserName;
         "sqm-widget-verification": SqmWidgetVerification;
@@ -15798,6 +16278,7 @@ declare module "@stencil/core" {
             "sqm-timeline": LocalJSX.SqmTimeline & JSXBase.HTMLAttributes<HTMLSqmTimelineElement>;
             "sqm-timeline-entry": LocalJSX.SqmTimelineEntry & JSXBase.HTMLAttributes<HTMLSqmTimelineEntryElement>;
             "sqm-titled-section": LocalJSX.SqmTitledSection & JSXBase.HTMLAttributes<HTMLSqmTitledSectionElement>;
+            "sqm-user-attribute": LocalJSX.SqmUserAttribute & JSXBase.HTMLAttributes<HTMLSqmUserAttributeElement>;
             "sqm-user-info-form": LocalJSX.SqmUserInfoForm & JSXBase.HTMLAttributes<HTMLSqmUserInfoFormElement>;
             "sqm-user-name": LocalJSX.SqmUserName & JSXBase.HTMLAttributes<HTMLSqmUserNameElement>;
             "sqm-widget-verification": LocalJSX.SqmWidgetVerification & JSXBase.HTMLAttributes<HTMLSqmWidgetVerificationElement>;