@saasquatch/mint-components 1.8.5-9 → 1.9.1-0

package/dist/cjs/sqm-rewards-table-customer-note-column.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-faabb426.js');
-require('./index.module-caa31174.js');
-const reRender = require('./re-render-941b676e.js');
+const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
+require('./index.module-0c942e81.js');
+const reRender = require('./re-render-4b9dab91.js');
 
 const RewardTableCustomerNoteColumn = class {
   constructor(hostRef) {

package/dist/cjs/sqm-rewards-table_9.cjs.entry.js

@@ -3,18 +3,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-faabb426.js');
-const global = require('./global-468407e1.js');
-const index_module = require('./index.module-caa31174.js');
+const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
+const global = require('./global-32cf67e2.js');
+const index_module = require('./index.module-0c942e81.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-fe9d4112.js');
 const JSS = require('./JSS-8503a151.js');
 const GenericTableView = require('./GenericTableView-80d7642e.js');
-const reRender = require('./re-render-941b676e.js');
-const useChildElements = require('./useChildElements-f1923bc6.js');
-const luxon = require('./luxon-a4661470.js');
-const mockRewardData = require('./mockRewardData-8e760564.js');
-const useReferralTable = require('./useReferralTable-7244325a.js');
+const reRender = require('./re-render-4b9dab91.js');
+const useChildElements = require('./useChildElements-fbcd8f72.js');
+const luxon = require('./luxon-05098e19.js');
+const mockRewardData = require('./mockRewardData-4258e067.js');
+const useReferralTable = require('./useReferralTable-984e432d.js');
 const utils = require('./utils-6847bc06.js');
 
 const debug = stencilHooks_module.browser("sq:useRewardsTable");

package/dist/cjs/sqm-stencilbook.cjs.entry.js

@@ -3,34 +3,34 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-faabb426.js');
-require('./global-468407e1.js');
-const index_module = require('./index.module-caa31174.js');
+const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
+require('./global-32cf67e2.js');
+const index_module = require('./index.module-0c942e81.js');
 require('./cjs-1066ec21.js');
 require('./mixins-fe9d4112.js');
 const JSS = require('./JSS-8503a151.js');
 const GenericTableView = require('./GenericTableView-80d7642e.js');
-require('./useChildElements-f1923bc6.js');
-const luxon = require('./luxon-a4661470.js');
+require('./useChildElements-fbcd8f72.js');
+const luxon = require('./luxon-05098e19.js');
 require('./utils-6847bc06.js');
 require('./sqm-text-span-view-e1cd9bd3.js');
 const sqmAssetCardView = require('./sqm-asset-card-view-a0e33f21.js');
 const sqmCloseButtonView = require('./sqm-close-button-view-fd6e8f60.js');
 require('./index-8c6255f5.js');
-const emailRegistrationView = require('./email-registration-view-a6b6430e.js');
+const emailRegistrationView = require('./email-registration-view-5170d9f1.js');
 const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-5a3d4a88.js');
 const sqmLogoutCurrentUserView = require('./sqm-logout-current-user-view-c9f18d96.js');
 const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-dd53f947.js');
-const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-7f79627b.js');
-const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-8f15bace.js');
-const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-ca5f6db9.js');
-const sqmPortalProfileView = require('./sqm-portal-profile-view-d8697f23.js');
-require('./utilities-73df97e1.js');
-const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-07a13210.js');
-const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-ce552bbc.js');
-const ShadowViewAddon = require('./ShadowViewAddon-89ba2ab0.js');
+const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-52d8a6ab.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-4224f1c3.js');
+const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-969c49ed.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-04239bdf.js');
+require('./utilities-d1a46070.js');
+const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-96f329ed.js');
+const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-7ffcc0d4.js');
+const ShadowViewAddon = require('./ShadowViewAddon-1d7d274f.js');
 const sqmPortalContainerView = require('./sqm-portal-container-view-5fb2ad49.js');
-const sqmInvoiceTableView = require('./sqm-invoice-table-view-501f8985.js');
+const sqmInvoiceTableView = require('./sqm-invoice-table-view-7660f329.js');
 
 /**
  * lodash (Custom Build) <https://lodash.com/>
@@ -7239,8 +7239,8 @@ const slottedProps = {
     requiredFieldErrorMessage: "Cannot be empty",
     invalidEmailErrorMessage: "Must be a valid email address",
     formData: (index.h("div", null,
-      index.h("sl-input", { style: { marginBottom: "var(--sl-spacing-x-large)" }, exportparts: "label: input-label", label: "Slotted Input", required: true }),
-      index.h("sl-input", { exportparts: "label: input-label", label: "Slotted Input 2", required: true }))),
+      index.h("sl-input", { style: { marginBottom: "var(--sl-spacing-x-large)" }, exportparts: "label: input-label, base: input-base", label: "Slotted Input", required: true }),
+      index.h("sl-input", { exportparts: "label: input-label, base: input-base", label: "Slotted Input 2", required: true }))),
   },
 };
 const Default$3 = () => index.h(ShadowViewAddon.PortalRegisterView, Object.assign({}, defaultProps$3));
@@ -7605,7 +7605,7 @@ const PortalResetPassword = /*#__PURE__*/Object.freeze({
   CodeValidating: CodeValidating
 });
 
-const scenario$9 = "@author:derek\n@owner:ian\nFeature: Verify Email\n\n    Background: A user is on the email verification page\n        Given a user who has been redirected to the email verification page\n\n    @motivating\n    Scenario: Verifying your email takes you to the portal login page\n        Given a user has a valid oob code as a url query parameter\n        When they click \"Verify Email\"\n        Then the button enters a loading state\n        When their email is validated\n        Then a button that says \"Continue\" appears\n        When they click \"Continue\"\n        Then they are redirected to login\n\n    @motivating\n    Scenario: Users are automatically redirected if they dont click \"Continue\"\n        Given a user has a valid oob code as a url query parameter\n        When they click \"Verify Email\"\n        Then the button enters a loading state\n        When their email is validated\n        Then a button that says \"Continue\" appears\n        When they wait 5 seconds\n        Then they are redirected to login\n\n    @motivating\n    Scenario: Users are notified if verifying their email has failed\n        Given a user has a valid oob code as a url query parameter\n        When they click \"Verify Email\"\n        Then the button enters a loading state\n        When their email fails to be validated\n        Then an banner is shown stating that an error occured\n\n    @motivating\n    Scenario Outline: Users cannot verify their email with an invalid or missing oob code\n        Given a user has a <oobCode> as a url query parameter\n        And the component <mayHave> \"failed-page\" with <value>\n        Then they see an error message saying that their verification code is invalid/expired\n        When they click \"Continue\"\n        Then they are redirected to <redirectPath>\n        Examples:\n            | oobCode               | mayHave      | value  | redirectPath |\n            | invalid oob code      | doesn't have | N/A    | /            |\n            | non existant oob code | doesn't have | N/A    | /            |\n            | invalid oob code      | has          | /login | /login       |\n            | non existant oob code | has          | /login | /login       |\n\n    @motivating\n    Scenario: Users are redirected to \"/\" by default\n        Given the component does not have prop \"nextPage\"\n        And the users url does not contain a \"nextPage\" query parameter\n        And a user has verified their email\n        When they click \"Continue\"\n        Then they are redirected to \"/\"\n\n    @motivating\n    Scenario: Custom redirection can be configured\n        Given the component has prop \"nextPage\" with value \"/activity\"\n        And the users url does not contain a \"nextPage\" query parameter\n        And a user has verified their email\n        When they click \"Continue\"\n        Then they are redirected to \"/activity\"\n\n    @motivating\n    Scenario Outline: Users are redirected to the value of the nextPage url parameter if it exists\n        Given the component <mayHave> prop \"nextPage\" with <nextPageValue>\n        And the users url contains a \"nextPage\" query paramater with <nextPageParamValue>\n        And the user has verified their email\n        When they click \"Continue\"\n        Then they are redirected to <nextPageParamValue>\n        Examples:\n            | mayHave       | nextPageValue | nextPageParamValue |\n            | has           | /dashboard    | /activity          |\n            | does not have | N/A           | /activity          |\n\n    @motivating\n    Scenario Outline: Users are redirected to the value of the nextPage url parameter as if it were a relative path\n        Given the component is loaded at <currentUrl>\n        And the user has verified their email\n        When they click \"Continue\"\n        And they are redirected to <url>\n        Examples:\n            | currentUrl                                                                 | url                                           |\n            | https://www.example.com?nextPage=./activity                                | https://www.example.com/activity              |\n            | https://www.example.com?nextPage=activity                                  | https://www.example.com/activity              |\n            | https://www.example.com?nextPage=/activity                                 | https://www.example.com/activity              |\n            | https://www.example.com?nextPage=www.google.com                            | https://www.example.com/www.google.com        |\n            | https://www.example.com?nextPage=//foo.com                                 | https://www.example.com/                      |\n            | https://www.example.com?nextPage=https://malicious.example.com             | https://www.example.com/                      |\n            | http://www.example.com/nest/page?oob=123&other&nextPage=activity#heading-1 | http://www.example.com/activity               |\n            | https://www.example.com?nextPage=activity?foo=bar                          | https://www.example.com/activity?foo=bar      |\n            | https://www.example.com?nextPage=%2Factivity%3Ffoo%3Dbar                   | https://www.example.com/activity?foo=bar      |\n            | https://www.example.com?nextPage=%2Factivity%3Ffoo%3Dbar#hash              | https://www.example.com/activity?foo=bar      |\n            | https://www.example.com?nextPage=%2Factivity%3Ffoo%3Dbar%23hash            | https://www.example.com/activity?foo=bar#hash |\n            | https://www.example.com:1337?nextPage=activity                             | https://www.example.com:1337/activity         |\n            | http://1.1.1.1:1111?nextPage=activity                                      | http://1.1.1.1:1111/activity                  |\n\n    @landmine\n    Scenario Outline: Username and password are not persisted on redirects\n        Given the component is loaded at <currentUrl>\n        And the user has verified their email\n        When they click \"Continue\"\n        And they are redirected to <url>\n        Examples:\n            | currentUrl                                              | url                                  |\n            | https://user:pass@www.example.com:444?nextPage=activity | https://www.example.com:444/activity |";
+const scenario$9 = "@author:derek\n@owner:ian\nFeature: Verify Email\n\n  Background: A user is on the email verification page\n    Given a user who has been redirected to the email verification page\n\n  @motivating\n  Scenario: Verifying your email takes you to the portal login page\n    Given a user has a valid oob code as a url query parameter\n    When they click \"Verify Email\"\n    Then the button enters a loading state\n    When their email is validated\n    Then a button that says \"Continue\" appears\n    When they click \"Continue\"\n    Then they are redirected to login\n\n  @motivating\n  Scenario: Users are automatically redirected if they dont click \"Continue\"\n    Given a user has a valid oob code as a url query parameter\n    When they click \"Verify Email\"\n    Then the button enters a loading state\n    When their email is validated\n    Then a button that says \"Continue\" appears\n    When they wait 5 seconds\n    Then they are redirected to login\n\n  @motivating\n  Scenario: Users are notified if verifying their email has failed\n    Given a user has a valid oob code as a url query parameter\n    When they click \"Verify Email\"\n    Then the button enters a loading state\n    When their email fails to be validated\n    Then an banner is shown stating that an error occured\n\n  @motivating\n  Scenario Outline: Users cannot verify their email with an invalid or missing oob code\n    Given a user has a <oobCode> as a url query parameter\n    And the component <mayHave> \"failed-page\" with <value>\n    Then they see an error message saying that their verification code is invalid/expired\n    When they click \"Continue\"\n    Then they are redirected to <redirectPath>\n    Examples:\n      | oobCode               | mayHave      | value  | redirectPath |\n      | invalid oob code      | doesn't have | N/A    | /            |\n      | non existant oob code | doesn't have | N/A    | /            |\n      | invalid oob code      | has          | /login | /login       |\n      | non existant oob code | has          | /login | /login       |\n\n  @motivating\n  Scenario: Users are redirected to \"/\" by default\n    Given the component does not have prop \"nextPage\"\n    And the users url does not contain a \"nextPage\" query parameter\n    And a user has verified their email\n    When they click \"Continue\"\n    Then they are redirected to \"/\"\n\n  @motivating\n  Scenario: Custom redirection can be configured\n    Given the component has prop \"nextPage\" with value \"/activity\"\n    And the users url does not contain a \"nextPage\" query parameter\n    And a user has verified their email\n    When they click \"Continue\"\n    Then they are redirected to \"/activity\"\n\n  @motivating\n  Scenario Outline: Users are redirected to the value of the nextPage url parameter if it exists\n    Given the component <mayHave> prop \"nextPage\" with <nextPageValue>\n    And the users url contains a \"nextPage\" query paramater with <nextPageParamValue>\n    And the user has verified their email\n    When they click \"Continue\"\n    Then they are redirected to <nextPageParamValue>\n    Examples:\n      | mayHave       | nextPageValue | nextPageParamValue |\n      | has           | /dashboard    | /activity          |\n      | does not have | N/A           | /activity          |\n\n  @motivating\n  Scenario Outline: Users are redirected to the value of the nextPage url parameter as if it were a relative path\n    Given the component is loaded at <currentUrl>\n    And the user has verified their email\n    When they click \"Continue\"\n    And they are redirected to <url>\n    Examples:\n      | currentUrl                                                                 | url                                           |\n      | https://www.example.com?nextPage=./activity                                | https://www.example.com/activity              |\n      | https://www.example.com?nextPage=activity                                  | https://www.example.com/activity              |\n      | https://www.example.com?nextPage=/activity                                 | https://www.example.com/activity              |\n      | https://www.example.com?nextPage=www.google.com                            | https://www.example.com/www.google.com        |\n      | https://www.example.com?nextPage=//foo.com                                 | https://www.example.com/                      |\n      | https://www.example.com?nextPage=https://malicious.example.com             | https://www.example.com/                      |\n      | http://www.example.com/nest/page?oob=123&other&nextPage=activity#heading-1 | http://www.example.com/activity               |\n      | https://www.example.com?nextPage=activity?foo=bar                          | https://www.example.com/activity?foo=bar      |\n      | https://www.example.com?nextPage=%2Factivity%3Ffoo%3Dbar                   | https://www.example.com/activity?foo=bar      |\n      | https://www.example.com?nextPage=%2Factivity%3Ffoo%3Dbar#hash              | https://www.example.com/activity?foo=bar      |\n      | https://www.example.com?nextPage=%2Factivity%3Ffoo%3Dbar%23hash            | https://www.example.com/activity?foo=bar#hash |\n      | https://www.example.com:1337?nextPage=activity                             | https://www.example.com:1337/activity         |\n      | http://1.1.1.1:1111?nextPage=activity                                      | http://1.1.1.1:1111/activity                  |\n\n  @landmine\n  Scenario Outline: Username and password are not persisted on redirects\n    Given the component is loaded at <currentUrl>\n    And the user has verified their email\n    When they click \"Continue\"\n    And they are redirected to <url>\n    Examples:\n      | currentUrl                                              | url                                  |\n      | https://user:pass@www.example.com:444?nextPage=activity | https://www.example.com:444/activity |\n\n\n  @minutia\n  Scenario Outline: Users may be logged in or logged out depending on the verified status and logged in email\n    Given an oobCode with email <oobCodeEmail> as a url query parameter\n    And the user is logged in as <loggedInEmail>\n    And the logged in user <isVerified>\n    When the oobCode is submitted\n    And the oobCode <isValid>\n    Then the <submitState> screen is shown\n    And after 3 seconds pass\n    Then the user is redirected to <redirect>\n    Examples:\n      | oobCodeEmail      | loggedInEmail     | isVerified | isValid      | submitState | redirect  |\n      | user1@example.com | N/A               | false      | is valid     | success     | /login    |\n      | user1@example.com | N/A               | false      | is not valid | error       | /login    |\n      | user1@example.com | user1@example.com | false      | is valid     | success     | /activity |\n      | user1@example.com | user1@example.com | false      | is not valid | error       | N/A       |\n      | user1@example.com | user2@example.com | false      | is valid     | success     | /login    |\n      | user1@example.com | user2@example.com | false      | is not valid | error       | /login    |\n      | user1@example.com | user1@example.com | true       | is valid     | success     | /activity |\n      | user1@example.com | user1@example.com | true       | is not valid | success     | /activity |\n      | user1@example.com | user2@example.com | true       | is not valid | error       | /login    |\n      | N/A               | N/A               | false      | is not valid | error       | N/A       |\n";
 
 const PortalVerifyEmail_stories = {
   title: "Components/Microsite Verify Email",
@@ -7618,6 +7618,7 @@ const errorProps$5 = {
     error: "Something went wrong. Please try again.",
     loading: false,
     verified: false,
+    success: false,
   },
   data: {
     oobCode: "abc123",
@@ -7637,6 +7638,7 @@ const verifiedProps = {
     error: "",
     loading: false,
     verified: true,
+    success: true,
   },
   data: {
     oobCode: "abc123",
@@ -9955,7 +9957,7 @@ const ResetPasswordReadme = "# sqm-portal-reset-password\n\n\n\n<!-- Auto Genera
 
 const EmailVerificationReadme = "# sqm-portal-email-verification\n\n\n\n<!-- Auto Generated Below -->\n\n\n## Properties\n\n| Property                     | Attribute                      | Description                                                       | Type                                                                                                                                                                                                                                                                                                                                                                              | Default                                                                                                                                                  |\n| ---------------------------- | ------------------------------ | ----------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| `demoData`                   | --                             |                                                                   | `{ states?: { error: string; loading: boolean; success: boolean; isVerified?: boolean; loadingVerification?: boolean; countdown?: number; }; content?: { email: string; verifyMessage: string; emailVerificationHeader: string; resendEmailButtonText: string; verificationStatusMessage?: string; verificationLoadingMessage?: string; verificationResentMessage?: string; }; }` | `undefined`                                                                                                                                              |\n| `emailVerificationHeader`    | `email-verification-header`    |                                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                          | `\"Verify your email\"`                                                                                                                                    |\n| `networkErrorMessage`        | `network-error-message`        |                                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                          | `\"An error occurred while verifying your password. Please refresh the page.\"`                                                                            |\n| `redirectPath`               | `redirect-path`                | Redirect participants to this page from their verification email. | `string`                                                                                                                                                                                                                                                                                                                                                                          | `\"/verifyEmail\"`                                                                                                                                         |\n| `resendEmailButtonText`      | `resend-email-button-text`     |                                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                          | `\"Re-send Email\"`                                                                                                                                        |\n| `verificationLoadingMessage` | `verification-loading-message` |                                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                          | `\"Checking verification status\"`                                                                                                                         |\n| `verificationResentMessage`  | `verification-resent-message`  |                                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                          | `\"Your verification email has been resent successfully\"`                                                                                                 |\n| `verificationStatusMessage`  | `verification-status-message`  |                                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                          | `\"Checking verification status in {countdown}\"`                                                                                                          |\n| `verifyMessage`              | `verify-message`               |                                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                          | `\"A verification email was sent to {email}. Please verify your email to continue to the portal. Resending an email will invalidate the previous email.\"` |\n\n\n## Dependencies\n\n### Depends on\n\n- [sqm-form-message](../sqm-form-message)\n\n### Graph\n```mermaid\ngraph TD;\n  sqm-portal-email-verification --> sqm-form-message\n  style sqm-portal-email-verification fill:#f9f,stroke:#333,stroke-width:4px\n```\n\n----------------------------------------------\n\n*Built with [StencilJS](https://stenciljs.com/)*\n";
 
-const EmailVerifiedReadme = "# sqm-portal-verify-email\n\n\n\n<!-- Auto Generated Below -->\n\n\n## Properties\n\n| Property              | Attribute               | Description                                                                                       | Type                                                                                                                                                                                                                         | Default                                                                                                          |\n| --------------------- | ----------------------- | ------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------- |\n| `continueText`        | `continue-text`         |                                                                                                   | `string`                                                                                                                                                                                                                     | `\"Continue\"`                                                                                                     |\n| `demoData`            | --                      |                                                                                                   | `{ states?: { error: string; loading: boolean; verified: boolean; }; data?: { oobCode: string; }; content?: { verifySuccessText?: string; verifyEmailText?: string; verifyInvalidText?: string; continueText?: string; }; }` | `undefined`                                                                                                      |\n| `failedPage`          | `failed-page`           | Redirect participants to this page if verification fails due to an outdated verification attempt. | `string`                                                                                                                                                                                                                     | `\"/\"`                                                                                                            |\n| `networkErrorMessage` | `network-error-message` |                                                                                                   | `string`                                                                                                                                                                                                                     | `\"An error occurred while verifying your email. Please refresh the page and try again.\"`                         |\n| `nextPage`            | `next-page`             | Redirect participants to this page when they successfully verify their email.                     | `string`                                                                                                                                                                                                                     | `\"/\"`                                                                                                            |\n| `verifyEmailText`     | `verify-email-text`     |                                                                                                   | `string`                                                                                                                                                                                                                     | `\"Verify your email\"`                                                                                            |\n| `verifyInvalidText`   | `verify-invalid-text`   |                                                                                                   | `string`                                                                                                                                                                                                                     | `\"The email verification code is invalid or has expired, please try again.\"`                                     |\n| `verifySuccessText`   | `verify-success-text`   |                                                                                                   | `string`                                                                                                                                                                                                                     | `\"Your email has been verified and you are being redirected. If you are not redirected, please click Continue.\"` |\n\n\n## Dependencies\n\n### Depends on\n\n- [sqm-form-message](../sqm-form-message)\n\n### Graph\n```mermaid\ngraph TD;\n  sqm-portal-verify-email --> sqm-form-message\n  style sqm-portal-verify-email fill:#f9f,stroke:#333,stroke-width:4px\n```\n\n----------------------------------------------\n\n*Built with [StencilJS](https://stenciljs.com/)*\n";
+const EmailVerifiedReadme = "# sqm-portal-verify-email\n\n\n\n<!-- Auto Generated Below -->\n\n\n## Properties\n\n| Property              | Attribute               | Description                                                                                       | Type                                                                                                                                                                                                                                           | Default                                                                                                          |\n| --------------------- | ----------------------- | ------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------- |\n| `continueText`        | `continue-text`         |                                                                                                   | `string`                                                                                                                                                                                                                                       | `\"Continue\"`                                                                                                     |\n| `demoData`            | --                      |                                                                                                   | `{ states?: { error: string; loading: boolean; success: boolean; verified: boolean; }; data?: { oobCode: string; }; content?: { verifySuccessText?: string; verifyEmailText?: string; verifyInvalidText?: string; continueText?: string; }; }` | `undefined`                                                                                                      |\n| `failedPage`          | `failed-page`           | Redirect participants to this page if verification fails due to an outdated verification attempt. | `string`                                                                                                                                                                                                                                       | `\"/\"`                                                                                                            |\n| `networkErrorMessage` | `network-error-message` |                                                                                                   | `string`                                                                                                                                                                                                                                       | `\"An error occurred while verifying your email. Please refresh the page and try again.\"`                         |\n| `nextPage`            | `next-page`             | Redirect participants to this page when they successfully verify their email.                     | `string`                                                                                                                                                                                                                                       | `\"/\"`                                                                                                            |\n| `verifyEmailText`     | `verify-email-text`     |                                                                                                   | `string`                                                                                                                                                                                                                                       | `\"Verify your email\"`                                                                                            |\n| `verifyInvalidText`   | `verify-invalid-text`   |                                                                                                   | `string`                                                                                                                                                                                                                                       | `\"The email verification code is invalid or has expired, please try again.\"`                                     |\n| `verifySuccessText`   | `verify-success-text`   |                                                                                                   | `string`                                                                                                                                                                                                                                       | `\"Your email has been verified and you are being redirected. If you are not redirected, please click Continue.\"` |\n\n\n## Dependencies\n\n### Depends on\n\n- [sqm-form-message](../sqm-form-message)\n\n### Graph\n```mermaid\ngraph TD;\n  sqm-portal-verify-email --> sqm-form-message\n  style sqm-portal-verify-email fill:#f9f,stroke:#333,stroke-width:4px\n```\n\n----------------------------------------------\n\n*Built with [StencilJS](https://stenciljs.com/)*\n";
 
 const PortalTemplates_stories = {
   title: "Templates / Microsite",

package/dist/cjs/sqm-tab.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-faabb426.js');
-require('./index.module-caa31174.js');
-const reRender = require('./re-render-941b676e.js');
+const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
+require('./index.module-0c942e81.js');
+const reRender = require('./re-render-4b9dab91.js');
 
 const TabView = ({}, children) => {
   return index.h(index.Host, null, children);

package/dist/cjs/sqm-tabs.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-faabb426.js');
-const index_module = require('./index.module-caa31174.js');
-const reRender = require('./re-render-941b676e.js');
-const useChildElements = require('./useChildElements-f1923bc6.js');
+const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
+const index_module = require('./index.module-0c942e81.js');
+const reRender = require('./re-render-4b9dab91.js');
+const useChildElements = require('./useChildElements-fbcd8f72.js');
 const utils = require('./utils-6847bc06.js');
 
 const TabsView = ({ content, placement, }) => {

package/dist/cjs/sqm-text-span.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-faabb426.js');
+const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
 require('./JSS-8503a151.js');
 const sqmTextSpanView = require('./sqm-text-span-view-e1cd9bd3.js');
 

package/dist/cjs/{stencil-hooks.module-faabb426.js → stencil-hooks.module-72742a0b.js}

@@ -1107,7 +1107,7 @@ formatters.j = function (v) {
 };
 });
 
-function t(t,n){for(var e=0;e<n.length;e++){var i=n[e];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i);}}function n(n,e,i){return e&&t(n.prototype,e),i&&t(n,i),n}var s$1=function(){function t(t){var n=this,e=this;this._status="Initial",this.onChange=function(t){e.options.onChange&&e.options.onChange(t);},this.onConnect=function(t){try{return n.status="Connected",n.options.onChange&&n.options.onChange(t),Promise.resolve(new Promise(function(t){n.resolvePromise=t;}))}catch(t){return Promise.reject(t)}},this.onDisconnect=function(){e.status="Connecting",e.start();},this.options=t;}var e=t.prototype;return e.start=function(){var t=this,n=0;this.status="Connecting";var e=function(){return t.status},i=a(this.options.attempts)||10,o=function(){if("Connected"!==e()){var o=new CustomEvent(t.options.contextName,{bubbles:!0,cancelable:!0,composed:!0,detail:{onConnect:t.onConnect,onChange:t.onChange,onDisconnect:t.onDisconnect}});a(t.options.element).dispatchEvent(o),"Connected"!==e()?++n>=i&&(t._interval&&clearInterval(t._interval),t.status="Timeout"):"Connected"===e()&&t._interval&&clearInterval(t._interval);}};return (a(this.options.pollingMs)||100)>0&&i>1&&(this._interval=setInterval(o,a(this.options.pollingMs)||100)),o(),this},e.stop=function(){return this._interval&&clearInterval(this._interval),this.resolvePromise&&this.resolvePromise(),this.status="Initial",this},n(t,[{key:"status",set:function(t){this._status=t,this.options.onStatus&&this.options.onStatus(t);},get:function(){return this._status}}]),t}(),c=function(){function t(t){var n=this;this.__listeners=[],this.connectListener=function(t){try{t.stopPropagation(),n.__listeners=[].concat(n.__listeners,[t.detail]);var e=function(e,i){try{var o=Promise.resolve(t.detail.onConnect(n.__current)).then(function(){});}catch(t){return i(!0,t)}return o&&o.then?o.then(i.bind(null,!1),i.bind(null,!0)):i(!1,o)}(0,function(e,i){var o,r;if(n.__listeners=(r=(o=n.__listeners).indexOf(t.detail),o.slice(0,r).concat(o.slice(r+1,o.length))),e)throw i;return i});return Promise.resolve(e&&e.then?e.then(function(){}):void 0)}catch(t){return Promise.reject(t)}},this.options=t,this.__current=a(t.initialState);}var e=t.prototype;return e.start=function(){return a(this.options.element).addEventListener(this.options.contextName,this.connectListener),this},e.stop=function(){return a(this.options.element).removeEventListener(this.options.contextName,this.connectListener),this.__listeners.map(function(t){t.onDisconnect();}),this.__listeners=[],this},n(t,[{key:"context",set:function(t){this.__current=t,this.__listeners.forEach(function(n){return n.onChange(t)});},get:function(){return a(this.__current)}},{key:"listeners",get:function(){return Object.freeze([].concat(this.__listeners))}}]),t}();function a(t){return "function"==typeof typeof t?t():t}
+function t(t,n){for(var e=0;e<n.length;e++){var i=n[e];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i);}}function n(n,e,i){return e&&t(n.prototype,e),i&&t(n,i),n}var s$1=function(){function t(t){var n=this,e=this;this._status="Initial",this.onChange=function(t,n){e.options.onChange&&e.options.onChange(t,n);},this.onConnect=function(t){try{return n.status="Connected",n.options.onChange&&n.options.onChange(t,t),Promise.resolve(new Promise(function(t){n.resolvePromise=t;}))}catch(t){return Promise.reject(t)}},this.onDisconnect=function(){e.status="Connecting",e.start();},this.options=t;}var e=t.prototype;return e.start=function(){var t=this,n=0;this.status="Connecting";var e=function(){return t.status},i=a(this.options.attempts)||10,o=function(){if("Connected"!==e()){var o=new CustomEvent(t.options.contextName,{bubbles:!0,cancelable:!0,composed:!0,detail:{onConnect:t.onConnect,onChange:t.onChange,onDisconnect:t.onDisconnect}});a(t.options.element).dispatchEvent(o),"Connected"!==e()?++n>=i&&(t._interval&&clearInterval(t._interval),t.status="Timeout"):"Connected"===e()&&t._interval&&clearInterval(t._interval);}};return (a(this.options.pollingMs)||100)>0&&i>1&&(this._interval=setInterval(o,a(this.options.pollingMs)||100)),o(),this},e.stop=function(){return this._interval&&clearInterval(this._interval),this.resolvePromise&&this.resolvePromise(),this.status="Initial",this},n(t,[{key:"status",set:function(t){this._status=t,this.options.onStatus&&this.options.onStatus(t);},get:function(){return this._status}}]),t}(),c=function(){function t(t){var n=this;this.__listeners=[],this.connectListener=function(t){try{t.stopPropagation(),n.__listeners=[].concat(n.__listeners,[t.detail]);var e=function(e,i){try{var o=Promise.resolve(t.detail.onConnect(n.__current)).then(function(){});}catch(t){return i(!0,t)}return o&&o.then?o.then(i.bind(null,!1),i.bind(null,!0)):i(!1,o)}(0,function(e,i){var o,r;if(n.__listeners=(r=(o=n.__listeners).indexOf(t.detail),o.slice(0,r).concat(o.slice(r+1,o.length))),e)throw i;return i});return Promise.resolve(e&&e.then?e.then(function(){}):void 0)}catch(t){return Promise.reject(t)}},this.options=t,this.__current=a(t.initialState);}var e=t.prototype;return e.start=function(){return a(this.options.element).addEventListener(this.options.contextName,this.connectListener),this},e.stop=function(){return a(this.options.element).removeEventListener(this.options.contextName,this.connectListener),this.__listeners.map(function(t){t.onDisconnect();}),this.__listeners=[],this},n(t,[{key:"context",set:function(t){var n=this.__current;this.__current=t,this.__listeners.forEach(function(e){return e.onChange(t,n)});},get:function(){return a(this.__current)}},{key:"listeners",get:function(){return Object.freeze([].concat(this.__listeners))}}]),t}();function a(t){return "function"==typeof typeof t?t():t}
 
 function c$1(){return (c$1=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r]);}return e}).apply(this,arguments)}var u=1e3,C=60*u,l=60*C,d$1=24*l,f=function(e,t){t=t||{};var n=typeof e;if("string"===n&&e.length>0)return function(e){if(!((e=String(e)).length>100)){var t=/^(-?(?:\d+)?\.?\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|weeks?|w|years?|yrs?|y)?$/i.exec(e);if(t){var n=parseFloat(t[1]);switch((t[2]||"ms").toLowerCase()){case"years":case"year":case"yrs":case"yr":case"y":return 315576e5*n;case"weeks":case"week":case"w":return 6048e5*n;case"days":case"day":case"d":return n*d$1;case"hours":case"hour":case"hrs":case"hr":case"h":return n*l;case"minutes":case"minute":case"mins":case"min":case"m":return n*C;case"seconds":case"second":case"secs":case"sec":case"s":return n*u;case"milliseconds":case"millisecond":case"msecs":case"msec":case"ms":return n;default:return}}}}(e);if("number"===n&&isFinite(e))return t.long?function(e){var t=Math.abs(e);return t>=d$1?g(e,t,d$1,"day"):t>=l?g(e,t,l,"hour"):t>=C?g(e,t,C,"minute"):t>=u?g(e,t,u,"second"):e+" ms"}(e):function(e){var t=Math.abs(e);return t>=d$1?Math.round(e/d$1)+"d":t>=l?Math.round(e/l)+"h":t>=C?Math.round(e/C)+"m":t>=u?Math.round(e/u)+"s":e+"ms"}(e);throw new Error("val is not a non-empty string or a valid number. val="+JSON.stringify(e))};function g(e,t,n,r){var o=t>=1.5*n;return Math.round(e/n)+" "+r+(o?"s":"")}var p,m$1=(function(e,t){t.formatArgs=function(t){if(t[0]=(this.useColors?"%c":"")+this.namespace+(this.useColors?" %c":" ")+t[0]+(this.useColors?"%c ":" ")+"+"+e.exports.humanize(this.diff),!this.useColors)return;const n="color: "+this.color;t.splice(1,0,n,"color: inherit");let r=0,o=0;t[0].replace(/%[a-zA-Z%]/g,e=>{"%%"!==e&&(r++,"%c"===e&&(o=r));}),t.splice(o,0,n);},t.save=function(e){try{e?t.storage.setItem("debug",e):t.storage.removeItem("debug");}catch(e){}},t.load=function(){let e;try{e=t.storage.getItem("debug");}catch(e){}return !e&&"undefined"!=typeof process&&"env"in process&&(e=process.env.DEBUG),e},t.useColors=function(){return !("undefined"==typeof window||!window.process||"renderer"!==window.process.type&&!window.process.__nwjs)||("undefined"==typeof navigator||!navigator.userAgent||!navigator.userAgent.toLowerCase().match(/(edge|trident)\/(\d+)/))&&("undefined"!=typeof document&&document.documentElement&&document.documentElement.style&&document.documentElement.style.WebkitAppearance||"undefined"!=typeof window&&window.console&&(window.console.firebug||window.console.exception&&window.console.table)||"undefined"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/firefox\/(\d+)/)&&parseInt(RegExp.$1,10)>=31||"undefined"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/applewebkit\/(\d+)/))},t.storage=function(){try{return localStorage}catch(e){}}(),t.destroy=(()=>{let e=!1;return ()=>{e||(e=!0,console.warn("Instance method `debug.destroy()` is deprecated and no longer does anything. It will be removed in the next major version of `debug`."));}})(),t.colors=["#0000CC","#0000FF","#0033CC","#0033FF","#0066CC","#0066FF","#0099CC","#0099FF","#00CC00","#00CC33","#00CC66","#00CC99","#00CCCC","#00CCFF","#3300CC","#3300FF","#3333CC","#3333FF","#3366CC","#3366FF","#3399CC","#3399FF","#33CC00","#33CC33","#33CC66","#33CC99","#33CCCC","#33CCFF","#6600CC","#6600FF","#6633CC","#6633FF","#66CC00","#66CC33","#9900CC","#9900FF","#9933CC","#9933FF","#99CC00","#99CC33","#CC0000","#CC0033","#CC0066","#CC0099","#CC00CC","#CC00FF","#CC3300","#CC3333","#CC3366","#CC3399","#CC33CC","#CC33FF","#CC6600","#CC6633","#CC9900","#CC9933","#CCCC00","#CCCC33","#FF0000","#FF0033","#FF0066","#FF0099","#FF00CC","#FF00FF","#FF3300","#FF3333","#FF3366","#FF3399","#FF33CC","#FF33FF","#FF6600","#FF6633","#FF9900","#FF9933","#FFCC00","#FFCC33"],t.log=console.debug||console.log||(()=>{}),e.exports=function(e){function t(e){let r,o=null;function s(...e){if(!s.enabled)return;const n=s,o=Number(new Date);n.diff=o-(r||o),n.prev=r,n.curr=o,r=o,e[0]=t.coerce(e[0]),"string"!=typeof e[0]&&e.unshift("%O");let a=0;e[0]=e[0].replace(/%([a-zA-Z%])/g,(r,o)=>{if("%%"===r)return "%";a++;const s=t.formatters[o];return "function"==typeof s&&(r=s.call(n,e[a]),e.splice(a,1),a--),r}),t.formatArgs.call(n,e),(n.log||t.log).apply(n,e);}return s.namespace=e,s.useColors=t.useColors(),s.color=t.selectColor(e),s.extend=n,s.destroy=t.destroy,Object.defineProperty(s,"enabled",{enumerable:!0,configurable:!1,get:()=>null===o?t.enabled(e):o,set:e=>{o=e;}}),"function"==typeof t.init&&t.init(s),s}function n(e,n){const r=t(this.namespace+(void 0===n?":":n)+e);return r.log=this.log,r}function r(e){return e.toString().substring(2,e.toString().length-2).replace(/\.\*\?$/,"*")}return t.debug=t,t.default=t,t.coerce=function(e){return e instanceof Error?e.stack||e.message:e},t.disable=function(){const e=[...t.names.map(r),...t.skips.map(r).map(e=>"-"+e)].join(",");return t.enable(""),e},t.enable=function(e){let n;t.save(e),t.names=[],t.skips=[];const r=("string"==typeof e?e:"").split(/[\s,]+/),o=r.length;for(n=0;n<o;n++)r[n]&&("-"===(e=r[n].replace(/\*/g,".*?"))[0]?t.skips.push(new RegExp("^"+e.substr(1)+"$")):t.names.push(new RegExp("^"+e+"$")));},t.enabled=function(e){if("*"===e[e.length-1])return !0;let n,r;for(n=0,r=t.skips.length;n<r;n++)if(t.skips[n].test(e))return !1;for(n=0,r=t.names.length;n<r;n++)if(t.names[n].test(e))return !0;return !1},t.humanize=f,t.destroy=function(){console.warn("Instance method `debug.destroy()` is deprecated and no longer does anything. It will be removed in the next major version of `debug`.");},Object.keys(e).forEach(n=>{t[n]=e[n];}),t.names=[],t.skips=[],t.formatters={},t.selectColor=function(e){let n=0;for(let t=0;t<e.length;t++)n=(n<<5)-n+e.charCodeAt(t),n|=0;return t.colors[Math.abs(n)%t.colors.length]},t.enable(t.load()),t}(t);const{formatters:n}=e.exports;n.j=function(e){try{return JSON.stringify(e)}catch(e){return "[UnexpectedJSONParseError]: "+e.message}};}(p={exports:{}},p.exports),p.exports)("useDomContext");function h$1(e,n,i){void 0===i&&(i={});var u=useRef(void 0),C=useState(void 0),l=C[0],d=C[1],f=useMemo(function(){var r;try{(r=new s$1(c$1({contextName:n,element:e,onChange:function(e){u&&(u.current=e),d(e);}},i))).start();}catch(e){m$1("Listener failed to start",e);}return m$1("Listener initialized",r),{listener:r}},[n,u]).listener;return useEffect(function(){return m$1("Listener starting (or restarting)",f),f.start(),function(){m$1("Listener stopping (or restopping)",f),f.stop();}},[f,e.isConnected]),l||(null==u?void 0:u.current)}function y$1(e,t,r){var o=useMemo(function(){var o=new c({contextName:t,element:e,initialState:r});return o.start(),m$1("Provider initialized",o),o},[t,e]);useEffect(function(){return m$1("Provider starting (or restarting)",o),o.start(),function(){m$1("Provider stopping (or re-stopping)",o),o.stop();}},[o,e.isConnected]);var c$1=useReducer(function(e,t){var n;return m$1("New context value",t),n="function"==typeof t?t(o.context):t,o.context=n,o.context},o.context);return [c$1[0],c$1[1],o]}
 

package/dist/cjs/{useChildElements-f1923bc6.js → useChildElements-fbcd8f72.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const stencilHooks_module = require('./stencil-hooks.module-faabb426.js');
-const index_module = require('./index.module-caa31174.js');
+const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
+const index_module = require('./index.module-0c942e81.js');
 
 function useChildElements() {
   const host = index_module._();

package/dist/cjs/{useInstantAccessRegistration-fe258c50.js → useInstantAccessRegistration-988b4965.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-const stencilHooks_module = require('./stencil-hooks.module-faabb426.js');
-const index_module = require('./index.module-caa31174.js');
+const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
+const index_module = require('./index.module-0c942e81.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
-const useRegistrationFormState = require('./useRegistrationFormState-ad3190c9.js');
+const useRegistrationFormState = require('./useRegistrationFormState-70ae0627.js');
 
 function useInstantAccessRegistration(props) {
   const cookie = new URLSearchParams(window.location.search);

package/dist/cjs/{useReferralTable-7244325a.js → useReferralTable-984e432d.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-faabb426.js');
-const index_module = require('./index.module-caa31174.js');
-const reRender = require('./re-render-941b676e.js');
-const useChildElements = require('./useChildElements-f1923bc6.js');
+const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
+const index_module = require('./index.module-0c942e81.js');
+const reRender = require('./re-render-4b9dab91.js');
+const useChildElements = require('./useChildElements-fbcd8f72.js');
 
 const debug = stencilHooks_module.browser("sq:useReferralTable");
 const CSS_NAMESPACE = "sqm-referral-table";

package/dist/cjs/{useRegistrationFormState-ad3190c9.js → useRegistrationFormState-70ae0627.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const stencilHooks_module = require('./stencil-hooks.module-faabb426.js');
-const index_module = require('./index.module-caa31174.js');
+const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
+const index_module = require('./index.module-0c942e81.js');
 
 const REGISTRATION_FORM_STATE_CONTEXT = "sq:registration-form-state";
 function useRegistrationFormState(formState) {

package/dist/cjs/{utilities-73df97e1.js → utilities-d1a46070.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const stencilHooks_module = require('./stencil-hooks.module-faabb426.js');
-const index_module = require('./index.module-caa31174.js');
+const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
+const index_module = require('./index.module-0c942e81.js');
 
 // import { IntlMessageFormat } from 'intl-messageformat';
 function isMobile(breakPoint) {

package/dist/collection/components/sqm-checkbox-field/sqm-checkbox-field-view.js

@@ -51,7 +51,7 @@ export function CheckboxFieldView(props) {
     h("style", { type: "text/css" },
       vanillaStyle,
       styleString),
-    h("sl-checkbox", Object.assign({ exportparts: "label: input-label", name: `/${content.checkboxName}`, checked: states.checked, "onSl-change": (e) => {
+    h("sl-checkbox", Object.assign({ exportparts: "label: input-label, base: input-base", name: `/${content.checkboxName}`, checked: states.checked, "onSl-change": (e) => {
         e.target.value = e.target.checked;
         callbacks.setChecked(e.target.value);
       } }, (!content.checkboxOptional ? { required: true } : []), { disabled: ((_b = states.registrationFormState) === null || _b === void 0 ? void 0 : _b.loading) || ((_c = states.registrationFormState) === null || _c === void 0 ? void 0 : _c.disabled) }, (!states.checked && (validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors[content.checkboxName])

package/dist/collection/components/sqm-dropdown-field/sqm-dropdown-field-view.js

@@ -40,7 +40,7 @@ export function DropdownFieldView(props) {
     h("style", { type: "text/css" },
       vanillaStyle,
       styleString),
-    h("sl-select", Object.assign({ exportparts: "label: input-label", label: content.dropdownLabel, name: `/${content.dropdownName}` }, (!content.dropdownOptional ? { required: true } : []), { disabled: ((_b = states.registrationFormState) === null || _b === void 0 ? void 0 : _b.loading) || ((_c = states.registrationFormState) === null || _c === void 0 ? void 0 : _c.disabled) }, (((_e = (_d = states.registrationFormState) === null || _d === void 0 ? void 0 : _d.initialData) === null || _e === void 0 ? void 0 : _e[content.dropdownName]) ? {
+    h("sl-select", Object.assign({ exportparts: "label: input-label, base: input-base", label: content.dropdownLabel, name: `/${content.dropdownName}` }, (!content.dropdownOptional ? { required: true } : []), { disabled: ((_b = states.registrationFormState) === null || _b === void 0 ? void 0 : _b.loading) || ((_c = states.registrationFormState) === null || _c === void 0 ? void 0 : _c.disabled) }, (((_e = (_d = states.registrationFormState) === null || _d === void 0 ? void 0 : _d.initialData) === null || _e === void 0 ? void 0 : _e[content.dropdownName]) ? {
       value: (_g = (_f = states.registrationFormState) === null || _f === void 0 ? void 0 : _f.initialData) === null || _g === void 0 ? void 0 : _g[content.dropdownName],
     }
       : {}), ((validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors[content.dropdownName]) ? {

package/dist/collection/components/sqm-edit-profile/sqm-edit-profile-view.js

@@ -15,17 +15,17 @@ const EditProfileView = (props) => {
         h("div", { class: "FormSection" },
           states.formState.error && (h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
             h("div", { part: "erroralert-text" }, states.formState.error))),
-          h("sl-input", Object.assign({ exportparts: "label: input-label", value: states.formState.firstName, onInput: callbacks.onChange, label: text.firstnametext, disabled: states.loading }, (errors.firstName && errors.firstName.status !== "valid"
+          h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", value: states.formState.firstName, onInput: callbacks.onChange, label: text.firstnametext, disabled: states.loading }, (errors.firstName && errors.firstName.status !== "valid"
             ? { class: "ErrorStyles", helpText: text.fieldEmptyText }
             : []), { id: "firstName", name: "firstName", error: errors.firstName && errors.firstName.status !== "valid"
               ? errors.firstName.message
               : undefined })),
-          h("sl-input", Object.assign({ exportparts: "label: input-label", value: states.formState.lastName, onInput: callbacks.onChange, label: text.lastnametext, disabled: states.loading, id: "lastName", name: "lastName" }, (errors.lastName && errors.lastName.status !== "valid"
+          h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", value: states.formState.lastName, onInput: callbacks.onChange, label: text.lastnametext, disabled: states.loading, id: "lastName", name: "lastName" }, (errors.lastName && errors.lastName.status !== "valid"
             ? { class: "ErrorStyles", helpText: text.fieldEmptyText }
             : []), { error: errors.lastName && errors.lastName.status !== "valid"
               ? errors.lastName.message
               : undefined }))),
-        text.showregion && states.formState.currentRegion && (h("sl-input", { exportparts: "label: input-label", disabled: true, value: states.formState.currentRegion, label: text.currentregiontext, id: "currentRegion", name: "currentRegion" })),
+        text.showregion && states.formState.currentRegion && (h("sl-input", { exportparts: "label: input-label, base: input-base", disabled: true, value: states.formState.currentRegion, label: text.currentregiontext, id: "currentRegion", name: "currentRegion" })),
         h("div", { class: "ButtonWrapper" },
           h("sl-button", { type: "primary", loading: states.loading, disabled: states.submitDisabled, onClick: (e) => {
               callbacks.onSubmit(e);

package/dist/collection/components/sqm-empty/sqm-empty-view.js

@@ -5,7 +5,7 @@ export function EmptyStateView(props) {
     h("img", { style: { height: "100px", margin: "auto" }, src: emptyStateImage }),
     h("sqm-titled-section", { style: { maxHeight: "400px" }, "label-margin": "xxx-small", "text-align": "center" },
       h("sqm-text", { slot: "label" },
-        h("p", null, emptyStateHeader)),
+        h("p", { part: "header-text" }, emptyStateHeader)),
       h("sqm-text", { slot: "content" },
-        h("p", { style: { color: "var(--sl-color-gray-500)" } }, emptyStateText)))));
+        h("p", { part: "description-text", style: { color: "var(--sl-color-gray-500)" } }, emptyStateText)))));
 }

package/dist/collection/components/sqm-input-field/sqm-input-field-view.js

@@ -27,7 +27,7 @@ export function InputFieldView(props) {
     h("style", { type: "text/css" },
       vanillaStyle,
       styleString),
-    h("sl-input", Object.assign({ exportparts: "label: input-label", name: `/${content.fieldName}`, type: content.fieldType, label: content.fieldLabel }, (!content.fieldOptional ? { required: true } : []), { disabled: ((_b = states.registrationFormState) === null || _b === void 0 ? void 0 : _b.loading) || ((_c = states.registrationFormState) === null || _c === void 0 ? void 0 : _c.disabled) }, (((_e = (_d = states.registrationFormState) === null || _d === void 0 ? void 0 : _d.initialData) === null || _e === void 0 ? void 0 : _e[content.fieldName]) ? {
+    h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", name: `/${content.fieldName}`, type: content.fieldType, label: content.fieldLabel }, (!content.fieldOptional ? { required: true } : []), { disabled: ((_b = states.registrationFormState) === null || _b === void 0 ? void 0 : _b.loading) || ((_c = states.registrationFormState) === null || _c === void 0 ? void 0 : _c.disabled) }, (((_e = (_d = states.registrationFormState) === null || _d === void 0 ? void 0 : _d.initialData) === null || _e === void 0 ? void 0 : _e[content.fieldName]) ? {
       value: (_g = (_f = states.registrationFormState) === null || _f === void 0 ? void 0 : _f.initialData) === null || _g === void 0 ? void 0 : _g[content.fieldName],
     }
       : {}), ((validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors[content.fieldName]) ? {

package/dist/collection/components/sqm-link-button/sqm-link-button-view.js

@@ -20,6 +20,6 @@ export function LinkButtonView(props) {
     h("style", { type: "text/css" },
       styleString,
       vanillaStyle),
-    h("sl-button", { type: "primary", exportparts: "base: primarybutton-base" },
-      h("a", { onClick: onClick, class: sheet.classes.Link, part: "sqm-link" }, buttonText))));
+    h("sl-button", { onClick: onClick, type: "primary", exportparts: "base: primarybutton-base" },
+      h("a", { class: sheet.classes.Link, part: "sqm-link" }, buttonText))));
 }

package/dist/collection/components/sqm-name-fields/sqm-name-fields-view.js

@@ -31,7 +31,7 @@ export function NameFieldsView(props) {
     h("style", { type: "text/css" },
       vanillaStyle,
       styleString),
-    h("sl-input", Object.assign({ exportparts: "label: input-label", name: "/firstName", type: "text", label: states.content.firstNameLabel, required: true, disabled: ((_b = states.registrationFormState) === null || _b === void 0 ? void 0 : _b.loading) || ((_c = states.registrationFormState) === null || _c === void 0 ? void 0 : _c.disabled) }, (((_e = (_d = states.registrationFormState) === null || _d === void 0 ? void 0 : _d.initialData) === null || _e === void 0 ? void 0 : _e.firstName) ? {
+    h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", name: "/firstName", type: "text", label: states.content.firstNameLabel, required: true, disabled: ((_b = states.registrationFormState) === null || _b === void 0 ? void 0 : _b.loading) || ((_c = states.registrationFormState) === null || _c === void 0 ? void 0 : _c.disabled) }, (((_e = (_d = states.registrationFormState) === null || _d === void 0 ? void 0 : _d.initialData) === null || _e === void 0 ? void 0 : _e.firstName) ? {
       value: (_g = (_f = states.registrationFormState) === null || _f === void 0 ? void 0 : _f.initialData) === null || _g === void 0 ? void 0 : _g.firstName,
     }
       : {}), ((validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors.firstName) ? {
@@ -39,7 +39,7 @@ export function NameFieldsView(props) {
       helpText: (validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors.firstName) || "Cannot be empty",
     }
       : []))),
-    h("sl-input", Object.assign({ exportparts: "label: input-label", name: "/lastName", type: "text", label: states.content.lastNameLabel, required: true, disabled: ((_h = states.registrationFormState) === null || _h === void 0 ? void 0 : _h.loading) || ((_j = states.registrationFormState) === null || _j === void 0 ? void 0 : _j.disabled) }, (((_l = (_k = states.registrationFormState) === null || _k === void 0 ? void 0 : _k.initialData) === null || _l === void 0 ? void 0 : _l.lastName) ? {
+    h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", name: "/lastName", type: "text", label: states.content.lastNameLabel, required: true, disabled: ((_h = states.registrationFormState) === null || _h === void 0 ? void 0 : _h.loading) || ((_j = states.registrationFormState) === null || _j === void 0 ? void 0 : _j.disabled) }, (((_l = (_k = states.registrationFormState) === null || _k === void 0 ? void 0 : _k.initialData) === null || _l === void 0 ? void 0 : _l.lastName) ? {
       value: (_o = (_m = states.registrationFormState) === null || _m === void 0 ? void 0 : _m.initialData) === null || _o === void 0 ? void 0 : _o.lastName,
     }
       : {}), ((validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors.lastName) ? {

package/dist/collection/components/sqm-password-field/sqm-password-field-view.js

@@ -28,7 +28,7 @@ export function PortalResetPasswordView(props) {
     h("style", { type: "text/css" },
       vanillaStyle,
       styleString),
-    h("sl-input", Object.assign({ exportparts: "label: input-label", type: "password", name: "/password", label: states.content.fieldLabel || "Password", required: true, disabled: ((_a = states.registrationFormState) === null || _a === void 0 ? void 0 : _a.loading) || ((_b = states.registrationFormState) === null || _b === void 0 ? void 0 : _b.disabled), validationError: ({ value }) => {
+    h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", type: "password", name: "/password", label: states.content.fieldLabel || "Password", required: true, disabled: ((_a = states.registrationFormState) === null || _a === void 0 ? void 0 : _a.loading) || ((_b = states.registrationFormState) === null || _b === void 0 ? void 0 : _b.disabled), validationError: ({ value }) => {
         if (!value) {
           return "Cannot be empty";
         }

package/dist/collection/components/sqm-portal-change-password/sqm-portal-change-password-view.js

@@ -59,7 +59,7 @@ export function PortalChangePasswordView(props) {
           h("sl-form", { "onSl-submit": callbacks.submit },
             h("div", { class: sheet.classes.InputContainer },
               h("sqm-password-field", { exportparts: "input-label: input-label", class: sheet.classes.PasswordField, fieldLabel: states.content.passwordFieldLabel, meetsRequirementsText: states.content.meetsRequirementsText, doesNotMeetRequirementsText: states.content.doesNotMeetRequirementsText, minErrorText: states.content.minErrorText, uppercaseErrorText: states.content.uppercaseErrorText, lowercaseErrorText: states.content.lowercaseErrorText, hasErrorText: states.content.hasErrorText }),
-              h("sl-input", { exportparts: "label: input-label", name: "/confirmPassword", label: states.content.confirmPasswordFieldLabel, required: true, togglePassword: true, disabled: states.loading, type: "password" })),
+              h("sl-input", { exportparts: "label: input-label, base: input-base", name: "/confirmPassword", label: states.content.confirmPasswordFieldLabel, required: true, togglePassword: true, disabled: states.loading, type: "password" })),
             h(PortalContainerView, Object.assign({}, { direction: "row", padding: "none", gap: "20px" }),
               h("sl-button", { class: sheet.classes.ChangePasswordButton, type: "primary", submit: true, loading: states.loading }, states.content.changePasswordButtonText),
               h("sl-button", { class: sheet.classes.CancelButton, type: "text", onClick: () => callbacks.setOpen(false) }, states.content.cancelText))))),

package/dist/collection/components/sqm-portal-forgot-password/sqm-portal-forgot-password-view.js

@@ -33,7 +33,7 @@ export function PortalForgotPasswordView(props) {
         h("div", { part: "erroralert-text" }, props.states.error))),
       props.states.success && (h("sqm-form-message", { type: "success", exportparts: "successalert-icon" },
         h("div", { part: "successalert-text" }, content.successAlertText))),
-      h("sl-input", { exportparts: "label: input-label", type: "email", name: "/email", label: content.emailLabel || "Email", disabled: states.loading, required: true }),
+      h("sl-input", { exportparts: "label: input-label, base: input-base", type: "email", name: "/email", label: content.emailLabel || "Email", disabled: states.loading, required: true }),
       h("div", { class: sheet.classes.ButtonsContainer },
         h("sl-button", { submit: true, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, content.submitLabel || "Reset Password"),
         h("div", { class: sheet.classes.SecondaryButton }, content.secondaryButton)))));

package/dist/collection/components/sqm-portal-login/sqm-portal-login-view.js

@@ -35,9 +35,9 @@ export function PortalLoginView(props) {
     h("sl-form", { class: sheet.classes.Column, "onSl-submit": callbacks.submit },
       props.states.error && (h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
         h("div", { part: "erroralert-text" }, props.states.error))),
-      h("sl-input", { exportparts: "label: input-label", type: "email", name: "/email", label: content.emailLabel || "Email", disabled: states.loading, required: true }),
+      h("sl-input", { exportparts: "label: input-label, base: input-base", type: "email", name: "/email", label: content.emailLabel || "Email", disabled: states.loading, required: true }),
       h("div", null,
-        h("sl-input", { exportparts: "label: input-label", type: "password", name: "/password", label: content.passwordLabel || "Password", disabled: states.loading, required: true }),
+        h("sl-input", { exportparts: "label: input-label, base: input-base", type: "password", name: "/password", label: content.passwordLabel || "Password", disabled: states.loading, required: true }),
         h("div", { class: sheet.classes.ForgotButtonContainer }, content.forgotPasswordButton)),
       h("div", { class: sheet.classes.ButtonsContainer },
         h("sl-button", { submit: true, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, content.submitLabel || "Login"),

package/dist/collection/components/sqm-portal-profile/sqm-portal-profile-view.js

@@ -66,16 +66,16 @@ export function PortalProfileView(props) {
       error && (h("sqm-form-message", { class: sheet.classes.Error, type: "error", exportparts: "erroralert-icon" },
         h("div", { part: "erroralert-text" }, error))),
       h("div", { class: sheet.classes.NameInputContainer },
-        h("sl-input", Object.assign({ class: sheet.classes.NameInputStyle, exportparts: "label: input-label", value: (_c = states.user) === null || _c === void 0 ? void 0 : _c.firstName, onInput: callbacks.onChange, label: text.firstnametext, disabled: states.loading }, ((errors === null || errors === void 0 ? void 0 : errors.firstName) && (errors === null || errors === void 0 ? void 0 : errors.firstName.status) !== "valid"
+        h("sl-input", Object.assign({ class: sheet.classes.NameInputStyle, exportparts: "label: input-label, base: input-base", value: (_c = states.user) === null || _c === void 0 ? void 0 : _c.firstName, onInput: callbacks.onChange, label: text.firstnametext, disabled: states.loading }, ((errors === null || errors === void 0 ? void 0 : errors.firstName) && (errors === null || errors === void 0 ? void 0 : errors.firstName.status) !== "valid"
           ? { class: "ErrorStyles", helpText: text.fieldEmptyText }
           : []), { id: "firstName", name: "firstName", error: (errors === null || errors === void 0 ? void 0 : errors.firstName) && (errors === null || errors === void 0 ? void 0 : errors.firstName.status) !== "valid"
             ? errors === null || errors === void 0 ? void 0 : errors.firstName.message : undefined })),
-        h("sl-input", Object.assign({ class: sheet.classes.NameInputStyle, exportparts: "label: input-label", value: (_d = states.user) === null || _d === void 0 ? void 0 : _d.lastName, onInput: callbacks.onChange, label: text.lastnametext, disabled: states.loading, id: "lastName", name: "lastName" }, ((errors === null || errors === void 0 ? void 0 : errors.lastName) && (errors === null || errors === void 0 ? void 0 : errors.lastName.status) !== "valid"
+        h("sl-input", Object.assign({ class: sheet.classes.NameInputStyle, exportparts: "label: input-label, base: input-base", value: (_d = states.user) === null || _d === void 0 ? void 0 : _d.lastName, onInput: callbacks.onChange, label: text.lastnametext, disabled: states.loading, id: "lastName", name: "lastName" }, ((errors === null || errors === void 0 ? void 0 : errors.lastName) && (errors === null || errors === void 0 ? void 0 : errors.lastName.status) !== "valid"
           ? { class: "ErrorStyles", helpText: text.fieldEmptyText }
           : []), { error: (errors === null || errors === void 0 ? void 0 : errors.lastName) && (errors === null || errors === void 0 ? void 0 : errors.lastName.status) !== "valid"
             ? errors === null || errors === void 0 ? void 0 : errors.lastName.message : undefined }))),
-      h("sl-input", { label: text.emailtext, value: (_e = states.user) === null || _e === void 0 ? void 0 : _e.email, exportparts: "label: input-label", disabled: true }),
-      states.showCountry && (h("sl-input", { label: text.countrytext, value: country, exportparts: "label: input-label", disabled: true })),
+      h("sl-input", { label: text.emailtext, value: (_e = states.user) === null || _e === void 0 ? void 0 : _e.email, exportparts: "label: input-label, base: input-base", disabled: true }),
+      states.showCountry && (h("sl-input", { label: text.countrytext, value: country, exportparts: "label: input-label, base: input-base", disabled: true })),
       h("sl-button", { type: "primary", loading: states.loading, disabled: states.submitDisabled, onClick: (e) => {
           callbacks.onSubmit(e);
         }, submit: true }, text.submitChangeButtonText))));

package/dist/collection/components/sqm-portal-register/PortalRegister.stories.js

@@ -94,8 +94,8 @@ const slottedProps = {
     requiredFieldErrorMessage: "Cannot be empty",
     invalidEmailErrorMessage: "Must be a valid email address",
     formData: (h("div", null,
-      h("sl-input", { style: { marginBottom: "var(--sl-spacing-x-large)" }, exportparts: "label: input-label", label: "Slotted Input", required: true }),
-      h("sl-input", { exportparts: "label: input-label", label: "Slotted Input 2", required: true }))),
+      h("sl-input", { style: { marginBottom: "var(--sl-spacing-x-large)" }, exportparts: "label: input-label, base: input-base", label: "Slotted Input", required: true }),
+      h("sl-input", { exportparts: "label: input-label, base: input-base", label: "Slotted Input 2", required: true }))),
   },
 };
 export const Default = () => h(PortalRegisterView, Object.assign({}, defaultProps));

package/dist/collection/components/sqm-portal-register/sqm-portal-register-view.js

@@ -45,7 +45,7 @@ export function PortalRegisterView(props) {
       states.error && (h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
         h("div", { part: "erroralert-text" }, props.states.error))),
       content.formData,
-      !states.hideInputs && (h("sl-input", Object.assign({ exportparts: "label: input-label", type: "email", name: "/email", label: content.emailLabel || "Email", disabled: states.loading, required: true, validationError: ({ value }) => {
+      !states.hideInputs && (h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", type: "email", name: "/email", label: content.emailLabel || "Email", disabled: states.loading, required: true, validationError: ({ value }) => {
           if (!value) {
             return content.requiredFieldErrorMessage;
           }
@@ -61,7 +61,7 @@ export function PortalRegisterView(props) {
         : [])))),
       !states.hideInputs && (h("sqm-password-field", { fieldLabel: content.passwordLabel, "disable-validation": states.disablePasswordValidation, meetsRequirementsText: content.meetsRequirementsText, doesNotMeetRequirementsText: content.doesNotMeetRequirementsText, minErrorText: content.minErrorText, uppercaseErrorText: content.uppercaseErrorText, lowercaseErrorText: content.lowercaseErrorText, hasErrorText: content.hasErrorText })),
       content.passwordField,
-      !states.hideInputs && states.confirmPassword && (h("sl-input", Object.assign({ exportparts: "label: input-label", type: "password", name: "/confirmPassword", label: content.confirmPasswordLabel, disabled: states.loading, required: true }, (((_f = (_e = states.registrationFormState) === null || _e === void 0 ? void 0 : _e.validationErrors) === null || _f === void 0 ? void 0 : _f.confirmPassword) ? {
+      !states.hideInputs && states.confirmPassword && (h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", type: "password", name: "/confirmPassword", label: content.confirmPasswordLabel, disabled: states.loading, required: true }, (((_f = (_e = states.registrationFormState) === null || _e === void 0 ? void 0 : _e.validationErrors) === null || _f === void 0 ? void 0 : _f.confirmPassword) ? {
         class: sheet.classes.ErrorStyle,
         helpText: ((_h = (_g = states.registrationFormState) === null || _g === void 0 ? void 0 : _g.validationErrors) === null || _h === void 0 ? void 0 : _h.confirmPassword) || content.requiredFieldErrorMessage,
       }

package/dist/collection/components/sqm-portal-registration-form/PortalRegistrationForm.stories.js

@@ -76,8 +76,8 @@ const slottedProps = {
     pageLabel: "Register",
     confirmPasswordLabel: "Confirm Password",
     formData: (h("div", null,
-      h("sl-input", { style: { marginBottom: "var(--sl-spacing-x-large)" }, exportparts: "label: input-label", label: "Slotted Input", required: true }),
-      h("sl-input", { exportparts: "label: input-label", label: "Slotted Input 2", required: true }))),
+      h("sl-input", { style: { marginBottom: "var(--sl-spacing-x-large)" }, exportparts: "label: input-label, base: input-base", label: "Slotted Input", required: true }),
+      h("sl-input", { exportparts: "label: input-label, base: input-base", label: "Slotted Input 2", required: true }))),
   },
 };
 export const Default = () => h(PortalRegistrationFormView, Object.assign({}, defaultProps));