@saasquatch/mint-components 2.5.0-3 → 2.5.0-5

package/dist/esm/{ShadowViewAddon-ae0cd8b9.js → ShadowViewAddon-86b5e986.js}

@@ -228,7 +228,7 @@ function PortalChangePasswordView(props) {
   };
   const sheet = createStyleSheet(style);
   const styleString = sheet.toString();
-  return (h("div", null,
+  return (h("div", { part: "sqm-base" },
     h("style", { type: "text/css" }, styleString),
     h("sl-dialog", { class: sheet.classes.Dialog, open: states.open, "onSl-hide": () => callbacks.setOpen(false) },
       h(PortalSectionView, Object.assign({}, {
@@ -2338,7 +2338,7 @@ function CouponCodeView(props) {
     h("style", { type: "text/css" },
       styleString,
       vanillaStyle),
-    h("p", { class: sheet.classes.couponCodeLabel, style: { textAlign: props.textAlign } }, props.couponCodeLabel),
+    h("p", { class: sheet.classes.couponCodeLabel, style: { textAlign: props.textAlign }, part: "label" }, props.couponCodeLabel),
     error ? (h("sqm-form-message", { type: props.errorType, exportparts: "erroralert-icon" },
       h("div", { part: "erroralert-text" }, props.errorText))) : (h(CopyTextView, Object.assign({}, props)))));
 }
@@ -4288,10 +4288,18 @@ function ShareLinkView(props) {
       whiteSpace: "nowrap",
       userSelect: "none",
       lineHeight: "var(--sl-input-height-medium)",
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      flexGrow: 0,
+      flexShrink: 1,
+      minWidth: 0,
+      direction: "rtl",
+      textAlign: "left",
     },
     EditInput: {
       maxWidth: "260px",
-      width: "100%",
+      flexShrink: 0,
+      flexGrow: 1,
       "&::part(base)": {
         border: "none",
         borderRadius: "0",
@@ -4371,7 +4379,8 @@ function ShareLinkView(props) {
         vanillaStyle$6),
       h("p", { class: sheet.classes.EditLabel }, editLabelText),
       h("div", { class: sheet.classes.EditInputWrapper },
-        h("span", { class: sheet.classes.DomainPrefix }, domainPrefix),
+        h("span", { class: sheet.classes.DomainPrefix, title: domainPrefix },
+          h("span", { dir: "ltr" }, domainPrefix)),
         h("sl-input", { class: sheet.classes.EditInput, type: "text", value: editValue, onInput: (e) => onEditValueChange(e.target.value), onKeyDown: (e) => {
             if (e.key === "/" || e.key === "@")
               e.preventDefault();
@@ -4760,7 +4769,7 @@ function LeadFormView(props) {
         vanillaStyle$7,
         styleString$9),
       h(TextSpanView, { type: "h3" }, content.pageLabel),
-      h("sqm-form-message", { loading: states.loading, exportparts: "success-icon" },
+      h("sqm-form-message", { loading: states.loading, exportparts: "successalert-icon" },
         h("b", null, content.submitSuccessHeader),
         h("br", null),
         h("div", { part: "successalert-text" }, content.submitSuccessDescription)),

package/dist/esm/sqm-banking-info-form_10.entry.js

@@ -14,7 +14,7 @@ import { u as useRerenderListener, a as useRequestRerender } from './re-render-b
 import { g as generateUserError, d as dropZoneColumnIndexes } from './useReferralTable-3aa4b527.js';
 import { u as useChildElements } from './useChildElements-06937df7.js';
 import { l as luxon } from './luxon-1be92a8e.js';
-import { O as OtherRegionSlotView, I as InvoiceTableView, v as vatLabels, T as TaxAndCashDashboardView, U as UserInfoFormView } from './sqm-user-info-form-view-81526655.js';
+import { O as OtherRegionSlotView, I as InvoiceTableView, v as vatLabels, T as TaxAndCashDashboardView, U as UserInfoFormView } from './sqm-user-info-form-view-72afa9af.js';
 import { F as FORM_STEPS, a as TAX_FORM_CONTEXT_NAMESPACE, S as SORTED_COUNTRIES_NAMESPACE, f as FINANCE_NETWORK_SETTINGS_NAMESPACE, c as USER_QUERY_NAMESPACE, T as TAX_CONTEXT_NAMESPACE, C as CURRENCIES_NAMESPACE, U as USER_FORM_CONTEXT_NAMESPACE } from './data-0be04430.js';
 import { c as VERIFICATION_EVENT_KEY } from './keys-1054056a.js';
 import { T as TAX_FORM_UPDATED_EVENT_KEY } from './eventKeys-f76b6a03.js';
@@ -768,7 +768,7 @@ const BankingInfoFormView = (props) => {
       h("div", { class: classes.LargeSkeleton }))));
     return skeletons;
   };
-  return (h("sl-form", { class: classes.FormWrapper, "onSl-submit": callbacks.onSubmit, ref: (el) => (refs.formRef.current = el), novalidate: true },
+  return (h("sl-form", { part: "form-container", class: classes.FormWrapper, "onSl-submit": callbacks.onSubmit, ref: (el) => (refs.formRef.current = el), novalidate: true },
     h("style", { type: "text/css" },
       styleString,
       vanillaStyle),
@@ -2416,7 +2416,7 @@ const DocusignFormView = (props) => {
   var _a;
   const { states, states: { formState, documentTypeString }, callbacks, text, slots, } = props;
   const { classes } = sheet$2;
-  return (h("div", { class: classes.Container },
+  return (h("div", { class: classes.Container, part: "form-container" },
     h("style", { type: "text/css" },
       styleString$2,
       vanillaStyle$1),
@@ -2804,7 +2804,7 @@ const IndirectTaxFormView = (props) => {
   var _a;
   const { states, states: { formState }, callbacks, text, refs, slots, } = props;
   const { classes } = sheet$3;
-  return (h("sl-form", { class: classes.FormWrapper, "onSl-submit": callbacks.onSubmit, ref: (el) => (refs.formRef.current = el), novalidate: true },
+  return (h("sl-form", { part: "form-container", class: classes.FormWrapper, "onSl-submit": callbacks.onSubmit, ref: (el) => (refs.formRef.current = el), novalidate: true },
     h("style", { type: "text/css" },
       styleString$3,
       vanillaStyle$2),

package/dist/esm/sqm-big-stat_47.entry.js

@@ -25,7 +25,7 @@ import { u as useInstantAccessRegistration } from './useInstantAccessRegistratio
 import { R as RequiredPropsError, L as LEAD_FORM_STATE_CONTEXT, u as useLeadFormState } from './useLeadFormState-6214b2d9.js';
 import { i as isEmpty } from './utilities-cbd8f2eb.js';
 import { E as ErrorView } from './ErrorView-74cb3af8.js';
-import { u as useDemoBigStat, W as useBigStat, B as BigStatView, C as CardFeedView, d as CheckboxFieldView, e as CouponCodeView, D as DropdownFieldView, E as EditProfileView, H as HeroView, I as InputFieldView, U as LeadDropdownFieldView, Q as LeadFormView, X as withShadowView, L as LeaderboardView, N as NameFieldsView, f as ChangeMarktingView, P as PortalChangePasswordView, g as PortalFooterView, h as PortalFrameView, c as BaseRegistrationFormView, R as ReferralIframeView, i as RewardExchangeView, Y as demoRewardExchange, G as useShareButton, a as ShareButtonView, K as useShareLink, J as ShareLinkView, S as StatContainerView, T as TaskCardView } from './ShadowViewAddon-ae0cd8b9.js';
+import { u as useDemoBigStat, W as useBigStat, B as BigStatView, C as CardFeedView, d as CheckboxFieldView, e as CouponCodeView, D as DropdownFieldView, E as EditProfileView, H as HeroView, I as InputFieldView, U as LeadDropdownFieldView, Q as LeadFormView, X as withShadowView, L as LeaderboardView, N as NameFieldsView, f as ChangeMarktingView, P as PortalChangePasswordView, g as PortalFooterView, h as PortalFrameView, c as BaseRegistrationFormView, R as ReferralIframeView, i as RewardExchangeView, Y as demoRewardExchange, G as useShareButton, a as ShareButtonView, K as useShareLink, J as ShareLinkView, S as StatContainerView, T as TaskCardView } from './ShadowViewAddon-86b5e986.js';
 import './sqm-portal-container-view-200c9df8.js';
 import { T as TAX_CONTEXT_NAMESPACE, a as TAX_FORM_CONTEXT_NAMESPACE, U as USER_FORM_CONTEXT_NAMESPACE, C as CURRENCIES_NAMESPACE, b as COUNTRIES_NAMESPACE, S as SORTED_COUNTRIES_NAMESPACE, c as USER_QUERY_NAMESPACE, G as GET_USER$2, d as COUNTRIES_QUERY_NAMESPACE, e as GET_COUNTRIES, f as FINANCE_NETWORK_SETTINGS_NAMESPACE, g as GET_FINANCE_NETWORK_SETTINGS, h as CURRENCIES_QUERY_NAMESPACE, i as GET_CURRENCIES } from './data-0be04430.js';
 import { S as SHOW_CODE_NAMESPACE, a as VERIFICATION_EMAIL_NAMESPACE, b as SHOW_PARTNER_MODAL_NAMESPACE, P as PARTNER_CREATED_NAMESPACE, V as VERIFICATION_PARENT_NAMESPACE } from './keys-1054056a.js';
@@ -8058,15 +8058,15 @@ const TaxAndCashMonolith = class {
     }
     switch (props.step) {
       case "/1":
-        return (h$1("sqm-user-info-form", Object.assign({}, this.getGeneralStepTextProps("step1_"))));
+        return (h$1("sqm-user-info-form", Object.assign({ exportparts: "form-container: container" }, this.getGeneralStepTextProps("step1_"))));
       case "/2":
-        return (h$1("sqm-indirect-tax-form", Object.assign({}, this.getGeneralStepTextProps("step2_"))));
+        return (h$1("sqm-indirect-tax-form", Object.assign({ exportparts: "form-container: container" }, this.getGeneralStepTextProps("step2_"))));
       case "/3":
-        return (h$1("sqm-docusign-form", Object.assign({}, this.getGeneralStepTextProps("step3_"))));
+        return (h$1("sqm-docusign-form", Object.assign({ exportparts: "form-container: container" }, this.getGeneralStepTextProps("step3_"))));
       case "/4":
-        return (h$1("sqm-banking-info-form", Object.assign({}, this.getGeneralStepTextProps("step4_"))));
+        return (h$1("sqm-banking-info-form", Object.assign({ exportparts: "form-container: container" }, this.getGeneralStepTextProps("step4_"))));
       case "/dashboard":
-        return (h$1("sqm-tax-and-cash-dashboard", Object.assign({}, this.getGeneralStepTextProps("dashboard_"), { stateController: props["sqm-tax-and-cash-dashboard_stateController"] || "{}" })));
+        return (h$1("sqm-tax-and-cash-dashboard", Object.assign({ exportparts: "dashboard-container: container" }, this.getGeneralStepTextProps("dashboard_"), { stateController: props["sqm-tax-and-cash-dashboard_stateController"] || "{}" })));
       case "/error":
         return (h$1(ErrorView, { loadingErrorAlertHeader: this.loadingErrorAlertHeader, loadingErrorAlertDescription: intl.formatMessage({
             id: "loadingErrorAlertDescription",

package/dist/esm/{sqm-portal-email-verification-view-29ca7a13.js → sqm-portal-email-verification-view-bd5effa7.js}

@@ -39,7 +39,7 @@ const sheet = createStyleSheet(style);
 const styleString = sheet.toString();
 function PortalEmailVerificationView(props) {
   const { states, callbacks, content: { email, verifyMessage, emailVerificationHeader, resendEmailButtonText, verificationStatusMessage, verificationLoadingMessage, verificationResentMessage, }, } = props;
-  return (h("div", { class: sheet.classes.Wrapper },
+  return (h("div", { class: sheet.classes.Wrapper, part: "sqm-base" },
     h("style", { type: "text/css" },
       vanillaStyle,
       styleString),

package/dist/esm/sqm-portal-email-verification.entry.js

@@ -6,7 +6,7 @@ import { c as cjs } from './cjs-bdfb4486.js';
 import './JSS-67b5cff8.js';
 import './mixins-f750863a.js';
 import './sqm-text-span-view-72f43dff.js';
-import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-29ca7a13.js';
+import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-bd5effa7.js';
 
 function usePortalEmailVerification(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j;

package/dist/esm/sqm-portal-forgot-password_6.entry.js

@@ -7,7 +7,7 @@ import { s as sanitizeUrlPath, g as getProps } from './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import './mixins-f750863a.js';
 import './sqm-text-span-view-72f43dff.js';
-import { P as PortalForgotPasswordView, a as PortalLoginView, b as PortalRegisterView, c as PortalVerifyEmailView } from './sqm-portal-verify-email-view-590f964b.js';
+import { P as PortalForgotPasswordView, a as PortalLoginView, b as PortalRegisterView, c as PortalVerifyEmailView } from './sqm-portal-verify-email-view-76185bef.js';
 import { A as AsYouType } from './AsYouType-2d56519e.js';
 import { u as useRegistrationFormState } from './useRegistrationFormState-aa44cfff.js';
 import { P as PortalRegistrationFormView } from './sqm-portal-registration-form-view-79265df5.js';

package/dist/esm/{sqm-portal-profile-view-769aafeb.js → sqm-portal-profile-view-fdd6c632.js}

@@ -62,7 +62,7 @@ function PortalProfileView(props) {
     h(TextSpanView, Object.assign({}, { type: "h1" }), text.editProfileHeader),
     h(TextSpanView, Object.assign({}, { type: "h2" }), text.editProfileSubHeader),
     h("form", { class: sheet.classes.FormStyle, onSubmit: callbacks.onSubmit },
-      states.success && (h("sqm-form-message", { class: sheet.classes.Success, exportparts: "success-icon" },
+      states.success && (h("sqm-form-message", { class: sheet.classes.Success, exportparts: "successalert-icon" },
         h("div", { part: "successalert-text" }, text.submissionSuccessText))),
       error && (h("sqm-form-message", { class: sheet.classes.Error, type: "error", exportparts: "erroralert-icon" },
         h("div", { part: "erroralert-text" }, error))),

package/dist/esm/sqm-portal-profile.entry.js

@@ -6,7 +6,7 @@ import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
 import './sqm-text-span-view-72f43dff.js';
-import { P as PortalProfileView } from './sqm-portal-profile-view-769aafeb.js';
+import { P as PortalProfileView } from './sqm-portal-profile-view-fdd6c632.js';
 import { i as isEmpty } from './utilities-cbd8f2eb.js';
 
 const GET_USER = dist.gql `

package/dist/esm/{sqm-portal-reset-password-view-f84c04cf.js → sqm-portal-reset-password-view-c7dd1c01.js}

@@ -39,10 +39,10 @@ const styleString = sheet.toString();
 function PortalResetPasswordView(props) {
   const { states, callbacks } = props;
   if (states.reset) {
-    return (h("div", { class: `${sheet.classes.Wrapper} ${sheet.classes.Column}` },
+    return (h("div", { class: `${sheet.classes.Wrapper} ${sheet.classes.Column}`, part: "sqm-base" },
       h("style", { type: "text/css" }, styleString),
       h(TextSpanView, { type: "h3" }, states.content.resetPasswordHeader),
-      h("sqm-form-message", { class: sheet.classes.CodeSuccess, exportparts: "success-icon" },
+      h("sqm-form-message", { class: sheet.classes.CodeSuccess, exportparts: "successalert-icon" },
         h("div", { part: "successalert-text" }, states.content.resetSuccessText)),
       h("div", null,
         h("sl-button", { class: sheet.classes.ContinueButton, onClick: callbacks.gotoNextPage, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, states.content.continueButtonText))));
@@ -51,14 +51,14 @@ function PortalResetPasswordView(props) {
     return h("div", null);
   }
   if (!states.oobCodeValid) {
-    return (h("div", { class: `${sheet.classes.Wrapper} ${sheet.classes.Column}` },
+    return (h("div", { class: `${sheet.classes.Wrapper} ${sheet.classes.Column}`, part: "sqm-base" },
       h("style", { type: "text/css" }, styleString),
       h("sqm-form-message", { class: sheet.classes.CodeError, type: "error", exportparts: "erroralert-icon" },
         h("div", { part: "erroralert-text" }, states.content.codeInvalidText)),
       h("div", null,
         h("sl-button", { class: sheet.classes.ContinueButton, onClick: callbacks.failed, exportparts: "base: primarybutton-base", type: "primary" }, states.content.continueButtonText))));
   }
-  return (h("div", { class: sheet.classes.Wrapper },
+  return (h("div", { class: sheet.classes.Wrapper, part: "sqm-base" },
     h("style", { type: "text/css" },
       vanillaStyle,
       styleString),

package/dist/esm/sqm-portal-reset-password.entry.js

@@ -7,7 +7,7 @@ import { s as sanitizeUrlPath } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
 import './mixins-f750863a.js';
 import './sqm-text-span-view-72f43dff.js';
-import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-f84c04cf.js';
+import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-c7dd1c01.js';
 
 function usePortalResetPassword(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;

package/dist/esm/{sqm-portal-verify-email-view-590f964b.js → sqm-portal-verify-email-view-76185bef.js}

@@ -198,7 +198,7 @@ function PortalVerifyEmailView(props) {
         vanillaStyle$3,
         styleString$2),
       h(TextSpanView, { type: "h3" }, content.verifyEmailText),
-      h("sqm-form-message", { exportparts: "success-icon" },
+      h("sqm-form-message", { exportparts: "successalert-icon" },
         h("div", { part: "successalert-text" }, content.verifySuccessText)),
       h("sl-button", { class: sheet$2.classes.ContinueButton, onClick: callbacks.gotoNextPage, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, content.continueText)));
   }

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

@@ -490,11 +490,6 @@ const style = {
     "margin-right": "var(--sl-spacing-small)",
     "flex-wrap": "wrap",
   },
-  /**
-   * @csspart sqm-reward-cell-value - The reward value
-   * @csspart sqm-reward-cell-progress - The reward progress
-   * @csspart sqm-reward-cell-subtext - The reward subtext
-   */
   Details: {
     "padding-bottom": "var(--sl-spacing-small)",
     "max-width": "500px",
@@ -657,7 +652,7 @@ const RewardsTableColumn = class {
   }
   disconnectedCallback() { }
   async renderCell(data, options) {
-    return (h("sqm-rewards-table-reward-cell", { reward: data, redeemedText: this.redeemedText, availableText: this.availableText, copyText: this.copyText, locale: options === null || options === void 0 ? void 0 : options.locale, exportparts: "sqm-rewards-cell-value, sqm-rewards-cell-progress-bar, sqm-rewards-cell-subtext" }));
+    return (h("sqm-rewards-table-reward-cell", { reward: data, redeemedText: this.redeemedText, availableText: this.availableText, copyText: this.copyText, locale: options === null || options === void 0 ? void 0 : options.locale, exportparts: "sqm-reward-cell-value, sqm-reward-cell-progress, sqm-reward-cell-subtext" }));
   }
   async renderLabel() {
     return this.columnTitle;

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

@@ -9,7 +9,7 @@ import './useReferralCodes-25f8b792.js';
 import './mixins-f750863a.js';
 import { C as CopyTextView } from './copy-text-view-87259b11.js';
 import './sqm-text-span-view-72f43dff.js';
-import { b as PortalRegisterView, P as PortalForgotPasswordView, a as PortalLoginView, c as PortalVerifyEmailView } from './sqm-portal-verify-email-view-590f964b.js';
+import { b as PortalRegisterView, P as PortalForgotPasswordView, a as PortalLoginView, c as PortalVerifyEmailView } from './sqm-portal-verify-email-view-76185bef.js';
 import './AsYouType-2d56519e.js';
 import { t as taxTypeToName, L as LoadingView, I as INDIRECT_TAX_SPAIN_REGIONS, a as INDIRECT_TAX_PROVINCES } from './subregions-98789b46.js';
 import { P as PortalRegistrationFormView } from './sqm-portal-registration-form-view-79265df5.js';
@@ -25,15 +25,15 @@ import { L as LeaderboardRankView } from './sqm-leaderboard-rank-view-7a682cc3.j
 import { L as LogoutCurrentUserView } from './sqm-logout-current-user-view-376c1bf6.js';
 import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-2b66457a.js';
 import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-8d98fcf3.js';
-import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-29ca7a13.js';
-import { P as PortalProfileView } from './sqm-portal-profile-view-769aafeb.js';
+import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-bd5effa7.js';
+import { P as PortalProfileView } from './sqm-portal-profile-view-fdd6c632.js';
 import './utilities-cbd8f2eb.js';
-import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-f84c04cf.js';
+import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-c7dd1c01.js';
 import './ErrorView-74cb3af8.js';
 import { Q as QrCodeView } from './sqm-qr-code-view-ce476721.js';
-import { S as StatContainerView, B as BigStatView, a as ShareButtonView, P as PortalChangePasswordView, b as PoweredByImg$1, c as BaseRegistrationFormView, u as useDemoBigStat, T as TaskCardView, C as CardFeedView, d as CheckboxFieldView, e as CouponCodeView, D as DropdownFieldView, E as EditProfileView, L as LeaderboardView, H as HeroView, I as InputFieldView, N as NameFieldsView, f as ChangeMarktingView, g as PortalFooterView, h as PortalFrameView, R as ReferralIframeView, i as RewardExchangeView, r as rewardExchangeCustomErrorMsg, j as rewardExchangeLongText, k as rewardExchangeSelected, l as chooseAmountFixed, m as chooseAmountFixedNoDescription, n as chooseAmountVariable, o as chooseAmountVariableNoDescription, p as chooseAmountVariableDisabled, q as chooseAmountVariableUnavailable, s as confirmFixed, t as confirmVariable, v as redemptionError, w as queryError, x as success, y as successVariable, z as loading, A as empty$1, F as rewardExchange, G as useShareButton, J as ShareLinkView, K as useShareLink, M as ProgressBarView, O as ProgressBar$2, Q as LeadFormView, U as LeadDropdownFieldView, V as ShadowViewAddon } from './ShadowViewAddon-ae0cd8b9.js';
+import { S as StatContainerView, B as BigStatView, a as ShareButtonView, P as PortalChangePasswordView, b as PoweredByImg$1, c as BaseRegistrationFormView, u as useDemoBigStat, T as TaskCardView, C as CardFeedView, d as CheckboxFieldView, e as CouponCodeView, D as DropdownFieldView, E as EditProfileView, L as LeaderboardView, H as HeroView, I as InputFieldView, N as NameFieldsView, f as ChangeMarktingView, g as PortalFooterView, h as PortalFrameView, R as ReferralIframeView, i as RewardExchangeView, r as rewardExchangeCustomErrorMsg, j as rewardExchangeLongText, k as rewardExchangeSelected, l as chooseAmountFixed, m as chooseAmountFixedNoDescription, n as chooseAmountVariable, o as chooseAmountVariableNoDescription, p as chooseAmountVariableDisabled, q as chooseAmountVariableUnavailable, s as confirmFixed, t as confirmVariable, v as redemptionError, w as queryError, x as success, y as successVariable, z as loading, A as empty$1, F as rewardExchange, G as useShareButton, J as ShareLinkView, K as useShareLink, M as ProgressBarView, O as ProgressBar$2, Q as LeadFormView, U as LeadDropdownFieldView, V as ShadowViewAddon } from './ShadowViewAddon-86b5e986.js';
 import { P as PortalContainerView, a as PortalSectionView } from './sqm-portal-container-view-200c9df8.js';
-import { I as InvoiceTableView, T as TaxAndCashDashboardView$1, O as OtherRegionSlotView, U as UserInfoFormView$1 } from './sqm-user-info-form-view-81526655.js';
+import { I as InvoiceTableView, T as TaxAndCashDashboardView$1, O as OtherRegionSlotView, U as UserInfoFormView$1 } from './sqm-user-info-form-view-72afa9af.js';
 import { L as LeadInputFieldView } from './sqm-lead-input-field-view-671ff96f.js';
 import './data-0be04430.js';
 import { P as PartnerInfoModalView } from './sqm-partner-info-modal-view-b921fed1.js';
@@ -14385,6 +14385,14 @@ const CustomizeUrlSaving = () => {
     isSaving: true,
   })));
 };
+const CustomizeUrlEditingMobileNarrow = () => {
+  return (h("div", { style: { width: "320px", border: "1px dashed red" } },
+    h(ShareLinkView, Object.assign({}, {
+      ...defaultCustomizeProps,
+      isEditing: true,
+      domainPrefix: "https://referral-marketing.mybrandname.com/",
+    }))));
+};
 
 const ShareLink = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -14408,7 +14416,8 @@ const ShareLink = /*#__PURE__*/Object.freeze({
   CustomizeUrlValidationError: CustomizeUrlValidationError,
   CustomizeUrlInvalidCharacters: CustomizeUrlInvalidCharacters,
   CustomizeUrlProfanity: CustomizeUrlProfanity,
-  CustomizeUrlSaving: CustomizeUrlSaving
+  CustomizeUrlSaving: CustomizeUrlSaving,
+  CustomizeUrlEditingMobileNarrow: CustomizeUrlEditingMobileNarrow
 });
 
 const UseShareLink_stories = {

package/dist/esm/{sqm-user-info-form-view-81526655.js → sqm-user-info-form-view-72afa9af.js}

@@ -652,7 +652,7 @@ const TaxAndCashDashboardView = (props) => {
     };
   };
   return (h("div", null,
-    h("div", null,
+    h("div", { part: "dashboard-container" },
       h("style", { type: "text/css" },
         styleString,
         vanillaStyle),
@@ -677,7 +677,7 @@ const TaxAndCashDashboardView = (props) => {
         }, {
           supportLink: (h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
         }))),
-      alertInfo && (h("sqm-form-message", { loading: states.loading, exportparts: "base: alert-base, icon:alert-icon", type: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.alertType, class: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.class, icon: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.icon, transparent: true },
+      alertInfo && (h("sqm-form-message", { loading: states.loading, exportparts: "warningalert-base: alert-base, warningalert-icon: alert-icon, erroralert-base: alert-base, erroralert-icon: alert-icon, infoalert-base: alert-base, infoalert-icon: alert-icon", type: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.alertType, class: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.class, icon: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.icon, transparent: true },
         h("strong", null, alertInfo.header),
         h("p", { style: { margin: "0" } }, alertInfo.description),
         alertInfo.buttonText && (h("sl-button", { style: { marginTop: "var(--sl-spacing-x-small)" }, type: "default", loading: states.veriffLoading, onClick: () => callbacks.onVerifyClick() }, alertInfo.buttonText)),
@@ -2258,7 +2258,7 @@ const UserInfoFormView = (props) => {
     var _a;
     return states.isUser && !!((_a = data.userData) === null || _a === void 0 ? void 0 : _a[field]);
   }
-  return (h("sl-form", { class: classes.FormWrapper, "onSl-submit": callbacks.onSubmit, ref: (el) => (refs.formRef.current = el), novalidate: true },
+  return (h("sl-form", { part: "form-container", class: classes.FormWrapper, "onSl-submit": callbacks.onSubmit, ref: (el) => (refs.formRef.current = el), novalidate: true },
     h("style", { type: "text/css" },
       styleString$2,
       vanillaStyle$2),