@saasquatch/mint-components 2.1.10-56 → 2.1.10

package/dist/esm/{sqm-big-stat_46.entry.js → sqm-big-stat_45.entry.js}

@@ -9,10 +9,10 @@ import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import './useReferralCodes-52ca720f.js';
 import './mixins-f750863a.js';
 import { C as CopyTextView } from './copy-text-view-87259b11.js';
-import './sqm-text-span-view-738acfb3.js';
+import './sqm-text-span-view-72f43dff.js';
 import { A as AsYouType, u as usePortalRegistrationForm } from './usePortalRegistrationForm-62de6fb1.js';
 import { R as REGISTRATION_FORM_STATE_CONTEXT, a as useRegistrationForm } from './useRegistrationFormState-2c090c38.js';
-import { P as PortalRegistrationFormView } from './sqm-portal-registration-form-view-2f4936ef.js';
+import { P as PortalRegistrationFormView } from './sqm-portal-registration-form-view-79265df5.js';
 import { a as useRequestRerender } from './re-render-f30aeb6b.js';
 import { u as useChildElements } from './useChildElements-9bccfb72.js';
 import './luxon-1be92a8e.js';
@@ -23,8 +23,8 @@ import { u as useInstantAccessRegistration } from './useInstantAccessRegistratio
 import { R as RequiredPropsError, L as LEAD_FORM_STATE_CONTEXT, u as useLeadFormState } from './useLeadFormState-dd4e8b08.js';
 import { i as isEmpty } from './utilities-77b1e0cc.js';
 import { E as ErrorView } from './ErrorView-74cb3af8.js';
-import { u as useDemoBigStat, V 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, Q as LeadDropdownFieldView, O as LeadFormView, W 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, X as demoRewardExchange, G as useShareButton, a as ShareButtonView, J as useShareLink, S as StatContainerView, T as TaskCardView } from './ShadowViewAddon-47f1e579.js';
-import './sqm-portal-container-view-a8c708cd.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-33f1a8f7.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, g as getCountryObj, c as USER_QUERY_NAMESPACE, G as GET_USER$2, d as COUNTRIES_QUERY_NAMESPACE, e as GET_COUNTRIES, h as FINANCE_NETWORK_SETTINGS_NAMESPACE, i as GET_FINANCE_NETWORK_SETTINGS, j as CURRENCIES_QUERY_NAMESPACE, k as GET_CURRENCIES, L as LoadingView } from './data-12e6aae1.js';
 import { p as parseStates, e as extractProps } from './extractProps-54064fb0.js';
 import { u as usePayoutStatus } from './usePayoutStatus-46c0c289.js';
@@ -6055,7 +6055,6 @@ function useDemoShareCode(props) {
     borderRadius: props.borderRadius,
     borderColor: props.borderColor,
     buttonType: props.buttonType,
-    rewardStatus: "AVAILABLE",
     open,
     onClick: () => {
       // Should well supported: https://developer.mozilla.org/en-US/docs/Web/API/Clipboard#browser_compatibility
@@ -6115,6 +6114,199 @@ const ShareLink = class {
      * @uiGroup Style
      */
     this.buttonStyle = "icon";
+    /**
+     * Let advocates customize their share links up to 5 times.
+     *
+     * @uiName Allow customization
+     * @uiType boolean
+     * @uiGroup Customizable Vanity Link
+     * @uiWidget CustomLinkSwitch
+     * @requiredFlavor impact
+     */
+    this.allowCustomization = false;
+    /**
+     * Text for the cancel button in editing mode
+     *
+     * @uiName Cancel button label
+     * @uiType string
+     * @uiGroup Customizable Vanity Link
+     * @requiredFlavor impact
+     */
+    this.cancelLabelText = "Cancel";
+    /**
+     * Tooltip text shown when link customization is disabled
+     *
+     * @uiName Customize disabled tooltip
+     * @uiType string
+     * @uiGroup Customizable Vanity Link
+     * @requiredFlavor impact
+     */
+    this.customizeDisabledTooltip = "Link customization is not available.";
+    /**
+     * Displayed below the share link.
+     *
+     * @uiName Customize link button label
+     * @uiType string
+     * @uiGroup Customizable Vanity Link
+     * @requiredFlavor impact
+     */
+    this.customizeLinkButtonLabel = "Customize Link";
+    /**
+     * Message shown when the URL has been edited 5 times. To display a clickable link, use {supportLink} as a placeholder.
+     *
+     * @uiName Edit limit reached text
+     * @uiType string
+     * @uiWidget textarea
+     * @uiGroup Customizable Vanity Link
+     * @requiredFlavor impact
+     */
+    this.editLimitReachedText = "5 edit limit reached. To make more changes, please contact {supportLink}.";
+    /**
+     * Subtext shown while the user is customizing their URL.
+     *
+     * @uiName Edit limit text
+     * @uiType string
+     * @uiGroup Customizable Vanity Link
+     * @requiredFlavor impact
+     */
+    this.editLimitText = "You can edit your link up to {editsRemaining} more time(s).";
+    /**
+     * Description text shown when the link contains invalid special characters.
+     *
+     * @uiName Invalid characters error description
+     * @uiType string
+     * @uiWidget textarea
+     * @uiGroup Customizable Vanity Link
+     * @requiredFlavor impact
+     */
+    this.invalidCharactersErrorDescription = "Special characters can break the link when sharing.";
+    /**
+     * Title of the error message shown when the link contains invalid special characters.
+     *
+     * @uiName Invalid characters error title
+     * @uiType string
+     * @uiGroup Customizable Vanity Link
+     * @requiredFlavor impact
+     */
+    this.invalidCharactersErrorTitle = "Please use only letters, numbers, dashes and underscores";
+    /**
+     * Description text shown when the link has already been taken
+     *
+     * @uiName Link taken error message
+     * @uiType string
+     * @uiWidget textarea
+     * @uiGroup Customizable Vanity Link
+     * @requiredFlavor impact
+     */
+    this.linkTakenErrorDescription = "Try adding numbers, a dash or underscore to create a unique link.";
+    /**
+     * Title of the error message shown when the link has already been taken
+     *
+     * @uiName Link taken error title
+     * @uiType string
+     * @uiGroup Customizable Vanity Link
+     * @requiredFlavor impact
+     */
+    this.linkTakenErrorTitle = "This link is already taken";
+    /**
+     * Description text shown when the link contains profanity or brand names.
+     *
+     * @uiName Restricted words error description
+     * @uiType string
+     * @uiWidget textarea
+     * @uiGroup Customizable Vanity Link
+     * @requiredFlavor impact
+     */
+    this.restrictedWordsErrorDescription = "This link contains a restricted word.";
+    /**
+     * Title of the error message shown when the link contains profanity or brand names.
+     *
+     * @uiName Restricted words error title
+     * @uiType string
+     * @uiGroup Customizable Vanity Link
+     * @requiredFlavor impact
+     */
+    this.restrictedWordsErrorTitle = "Please try a different link";
+    /**
+     * Text for the save button in editing mode
+     *
+     * @uiName Save button label
+     * @uiType string
+     * @uiGroup Customizable Vanity Link
+     * @requiredFlavor impact
+     */
+    this.saveLabelText = "Save";
+    /**
+     * Text for the save button while saving is in progress
+     *
+     * @uiName Saving button label
+     * @uiType string
+     * @uiGroup Customizable Vanity Link
+     * @requiredFlavor impact
+     */
+    this.savingLabelText = "Saving...";
+    /**
+     * Label shown above the link input while editing
+     *
+     * @uiName Edit input label
+     * @uiType string
+     * @uiGroup Customizable Vanity Link
+     * @requiredFlavor impact
+     */
+    this.editLabelText = "Enter your link";
+    /**
+     * Text shown when nearing the character limit. Use {charactersRemaining} as a placeholder for the count.
+     *
+     * @uiName Characters remaining text
+     * @uiType string
+     * @uiGroup Customizable Vanity Link
+     * @requiredFlavor impact
+     */
+    this.charactersRemainingText = "Characters remaining: {charactersRemaining}";
+    /**
+     * Text shown while the link is being validated
+     *
+     * @uiName Validating label
+     * @uiType string
+     * @uiGroup Customizable Vanity Link
+     * @requiredFlavor impact
+     */
+    this.validatingLabelText = "Validating...";
+    /**
+     * @uiName Min characters text
+     * @uiType string
+     * @uiGroup Customizable Vanity Link
+     * @requiredFlavor impact
+     */
+    this.minCharactersText = "Minimum 3 characters.";
+    /**
+     * Display text for the support link in the edit limit reached message
+     *
+     * @uiName Support link text
+     * @uiType string
+     * @uiGroup Customizable Vanity Link
+     * @requiredFlavor impact
+     */
+    this.supportLinkText = "Support";
+    /**
+     * Title shown when saving fails with an unknown error
+     *
+     * @uiName Save error title
+     * @uiType string
+     * @uiGroup Customizable Vanity Link
+     * @requiredFlavor impact
+     */
+    this.saveErrorTitle = "Error";
+    /**
+     * Description shown when saving fails with an unknown error
+     *
+     * @uiName Save error description
+     * @uiType string
+     * @uiWidget textarea
+     * @uiGroup Customizable Vanity Link
+     * @requiredFlavor impact
+     */
+    this.saveErrorDescription = "Failed to save custom link. Please try again.";
     h(this);
   }
   disconnectedCallback() { }
@@ -6123,33 +6315,79 @@ const ShareLink = class {
     const props = isDemo()
       ? useDemoShareLink(thisProps)
       : useShareLink(thisProps);
-    return h$1(CopyTextView, Object.assign({}, props));
+    return h$1(ShareLinkView, Object.assign({}, props));
   }
 };
 function useDemoShareLink(props) {
+  var _a;
   const [open, setOpen] = useState(false);
+  const [isEditing, setIsEditing] = useState(false);
+  const [editValue, setEditValue] = useState("");
   const copyString = "https://www.example.com/sharelink/abc";
-  return cjs({
-    copyString: copyString,
-    tooltiptext: props.tooltiptext,
-    textAlign: props.textAlign,
-    buttonStyle: props.buttonStyle,
-    backgroundColor: props.backgroundColor,
-    textColor: props.textColor,
-    borderRadius: props.borderRadius,
-    buttonType: props.buttonType,
-    copyButtonLabel: props.copyButtonLabel,
-    borderColor: props.borderColor,
-    rewardStatus: "AVAILABLE",
-    open,
-    onClick: () => {
-      // Should well supported: https://developer.mozilla.org/en-US/docs/Web/API/Clipboard#browser_compatibility
-      // Only if called from a user-initiated event
-      navigator.clipboard.writeText(copyString);
-      setOpen(true);
-      setTimeout(() => setOpen(false), props.tooltiplifespan);
+  const domainPrefix = "https://www.example.com/";
+  const baseProps = {
+    copyTextViewProps: {
+      copyString,
+      tooltiptext: props.tooltiptext,
+      textAlign: props.textAlign,
+      buttonStyle: props.buttonStyle,
+      backgroundColor: props.backgroundColor,
+      textColor: props.textColor,
+      borderRadius: props.borderRadius,
+      buttonType: props.buttonType,
+      copyButtonLabel: props.copyButtonLabel,
+      borderColor: props.borderColor,
+      open,
+      onClick: () => {
+        navigator.clipboard.writeText(copyString);
+        setOpen(true);
+        setTimeout(() => setOpen(false), props.tooltiplifespan);
+      },
     },
-  }, props.demoData || {}, { arrayMerge: (_, a) => a });
+    allowCustomization: props.allowCustomization,
+    customizeLinkLabel: props.customizeLinkButtonLabel,
+    saveLabelText: props.saveLabelText,
+    savingLabelText: props.savingLabelText,
+    cancelLabelText: props.cancelLabelText,
+    editLabelText: props.editLabelText,
+    charactersRemainingText: props.charactersRemainingText,
+    validatingLabelText: props.validatingLabelText,
+    isEditing,
+    editValue,
+    domainPrefix,
+    editsRemaining: 5,
+    maxEdits: 5,
+    limitReached: false,
+    validationError: null,
+    isValidating: false,
+    isSaving: false,
+    characterLimit: 15,
+    minCharacters: 3,
+    charactersRemaining: 15 - editValue.length,
+    editLimitText: props.editLimitText,
+    editLimitReachedText: props.editLimitReachedText,
+    supportLinkText: props.supportLinkText,
+    minCharactersText: props.minCharactersText,
+    customizeDisabled: false,
+    customizeDisabledTooltip: (_a = props.customizeDisabledTooltip) !== null && _a !== void 0 ? _a : "Link customization is not available.",
+    onCustomizeClick: () => {
+      setIsEditing(true);
+      setEditValue("");
+    },
+    onEditValueChange: (value) => {
+      setEditValue(value);
+    },
+    onSave: () => {
+      setIsEditing(false);
+    },
+    onCancel: () => {
+      setIsEditing(false);
+      setEditValue("");
+    },
+  };
+  return cjs(baseProps, props.demoData || {}, {
+    arrayMerge: (_, a) => a,
+  });
 }
 
 const StatContainer = class {
@@ -7873,68 +8111,6 @@ const TimelineReward = class {
   }
 };
 
-function UserAttributeView(props) {
-  const style = {
-    P: {
-      margin: "0",
-      padding: "0",
-      fontSize: props.fontsize || "inherit",
-      fontWeight: props.fontweight || "inherit",
-      color: props.color || "var(--sqm-text)",
-    },
-  };
-  const sheet = createStyleSheet(style);
-  const styleString = sheet.toString();
-  const loadingSkeleton = (h$1("sqm-skeleton", { width: "200px", height: "20px" }));
-  return (props.value && (h$1(Host, null,
-    h$1("style", null, styleString),
-    h$1("p", { class: sheet.classes.P, part: "sqm-base" }, props.loading ? loadingSkeleton : props.value))));
-}
-
-const GET_CUSTOM_FIELDS = dist.gql `
-  query getCustomFields {
-    viewer {
-      ... on User {
-        customFields
-      }
-    }
-  }
-`;
-function useUserAttribute(props) {
-  var _a, _b;
-  const user = J();
-  const res = wn(GET_CUSTOM_FIELDS, {}, !(user === null || user === void 0 ? void 0 : user.jwt));
-  const loading = res.loading;
-  const customFields = (_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.customFields;
-  const value = customFields === null || customFields === void 0 ? void 0 : customFields[props.value];
-  return {
-    loading,
-    value,
-    fontsize: props.fontsize,
-    color: props.color,
-    fontweight: props.fontweight,
-  };
-}
-
-const UserAttribute = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.ignored = true;
-    h(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const props = isDemo() ? useCustomFieldsDemo(this) : useUserAttribute(this);
-    return h$1(UserAttributeView, Object.assign({}, props));
-  }
-};
-function useCustomFieldsDemo(props) {
-  return cjs({
-    loading: false,
-    value: "Custom Field Value",
-  }, props.demoData || {}, { arrayMerge: (_, a) => a });
-}
-
 function UserNameView(props) {
   return h$1(Host, null, props.loading ? props.loadingText : props.username);
 }
@@ -7993,4 +8169,4 @@ function useUserNameDemo(props) {
   }, props.demoData || {}, { arrayMerge: (_, a) => a });
 }
 
-export { BigStat as sqm_big_stat, BrandComponent as sqm_brand, SqmBrandSelector as sqm_brand_selector, CardFeed as sqm_card_feed, CheckboxField as sqm_checkbox_field, CouponCode as sqm_coupon_code, DividedLayout as sqm_divided_layout, DropdownField as sqm_dropdown_field, EditProfile as sqm_edit_profile, Hero as sqm_hero, HeroImage as sqm_hero_image, SqmHookStoryContainer as sqm_hook_story_container, Image as sqm_image, InputField as sqm_input_field, LeadDropdownField as sqm_lead_dropdown_field, LeadForm as sqm_lead_form, Leaderboard as sqm_leaderboard, LinkButton as sqm_link_button, MarketingEmailsCheckbox as sqm_marketing_emails_checkbox, NameFields as sqm_name_fields, NavigationMenu as sqm_navigation_menu, PayoutButtonScroll as sqm_payout_button_scroll, PayoutStatusAlert as sqm_payout_status_alert, PortalChangeMarketing as sqm_portal_change_marketing, PortalChangePassword as sqm_portal_change_password, PortalFooter as sqm_portal_footer, PortalFrame as sqm_portal_frame, PortalGoogleRegistrationForm as sqm_portal_google_registration_form, ProgramExplainer as sqm_program_explainer, ProgramExplainerStep as sqm_program_explainer_step, ProgramMenu as sqm_program_menu, ReferralCard as sqm_referral_card, SqmReferralIframe as sqm_referral_iframe, ReferredRegistration as sqm_referred_registration, SqmRewardExchangeList as sqm_reward_exchange_list, SqmRouter as sqm_router, ShareButton as sqm_share_button, ShareCode as sqm_share_code, ShareLink as sqm_share_link, StatContainer as sqm_stat_container, TaskCard as sqm_task_card, TaxAndCashMonolith as sqm_tax_and_cash, Timeline as sqm_timeline, TimelineReward as sqm_timeline_entry, UserAttribute as sqm_user_attribute, UserName as sqm_user_name };
+export { BigStat as sqm_big_stat, BrandComponent as sqm_brand, SqmBrandSelector as sqm_brand_selector, CardFeed as sqm_card_feed, CheckboxField as sqm_checkbox_field, CouponCode as sqm_coupon_code, DividedLayout as sqm_divided_layout, DropdownField as sqm_dropdown_field, EditProfile as sqm_edit_profile, Hero as sqm_hero, HeroImage as sqm_hero_image, SqmHookStoryContainer as sqm_hook_story_container, Image as sqm_image, InputField as sqm_input_field, LeadDropdownField as sqm_lead_dropdown_field, LeadForm as sqm_lead_form, Leaderboard as sqm_leaderboard, LinkButton as sqm_link_button, MarketingEmailsCheckbox as sqm_marketing_emails_checkbox, NameFields as sqm_name_fields, NavigationMenu as sqm_navigation_menu, PayoutButtonScroll as sqm_payout_button_scroll, PayoutStatusAlert as sqm_payout_status_alert, PortalChangeMarketing as sqm_portal_change_marketing, PortalChangePassword as sqm_portal_change_password, PortalFooter as sqm_portal_footer, PortalFrame as sqm_portal_frame, PortalGoogleRegistrationForm as sqm_portal_google_registration_form, ProgramExplainer as sqm_program_explainer, ProgramExplainerStep as sqm_program_explainer_step, ProgramMenu as sqm_program_menu, ReferralCard as sqm_referral_card, SqmReferralIframe as sqm_referral_iframe, ReferredRegistration as sqm_referred_registration, SqmRewardExchangeList as sqm_reward_exchange_list, SqmRouter as sqm_router, ShareButton as sqm_share_button, ShareCode as sqm_share_code, ShareLink as sqm_share_link, StatContainer as sqm_stat_container, TaskCard as sqm_task_card, TaxAndCashMonolith as sqm_tax_and_cash, Timeline as sqm_timeline, TimelineReward as sqm_timeline_entry, UserName as sqm_user_name };

package/dist/esm/sqm-code-verification.entry.js

@@ -6,7 +6,7 @@ import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps } from './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { E as ErrorStyles } from './mixins-f750863a.js';
-import { T as TextSpanView } from './sqm-text-span-view-738acfb3.js';
+import { T as TextSpanView } from './sqm-text-span-view-72f43dff.js';
 import { V as VERIFICATION_EMAIL_NAMESPACE, S as SHOW_CODE_NAMESPACE, a as VERIFICATION_PARENT_NAMESPACE } from './keys-406491dc.js';
 import { u as useVerificationEmail } from './useVerificationEmail-c13c3b51.js';
 

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

@@ -5,7 +5,7 @@ import { d as dist, q as Pn, w as wn, J, $ as $e, i as isDemo, o as En } from '.
 import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps } from './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { T as TextSpanView } from './sqm-text-span-view-738acfb3.js';
+import { T as TextSpanView } from './sqm-text-span-view-72f43dff.js';
 import { S as SHOW_CODE_NAMESPACE, V as VERIFICATION_EMAIL_NAMESPACE } from './keys-406491dc.js';
 import { u as useVerificationEmail } from './useVerificationEmail-c13c3b51.js';
 

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

@@ -5,7 +5,7 @@ import './index.module-b23fdad8.js';
 import { g as getProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
 import { o as optimizeCloudinaryUrl } from './imageUrl-4775f17b.js';
-import { P as PortalContainerView, a as PortalSectionView } from './sqm-portal-container-view-a8c708cd.js';
+import { P as PortalContainerView, a as PortalSectionView } from './sqm-portal-container-view-200c9df8.js';
 
 function EmptyStateView(props) {
   const { emptyStateHeader, emptyStateImage, emptyStateText, supportText, missingFeature = "", } = props;

package/dist/esm/{sqm-portal-container-view-a8c708cd.js → sqm-portal-container-view-200c9df8.js}

@@ -1,4 +1,4 @@
-import { h, c as Host } from './index-38ad4957.js';
+import { h } from './index-38ad4957.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 
 function PortalSectionView(props) {
@@ -46,12 +46,11 @@ function PortalContainerView(props, children) {
   }`;
   const sheet = createStyleSheet(style);
   const styleString = sheet.toString();
-  return (h(Host, null,
-    h("div", { class: sheet.classes.Container, part: "sqm-base" },
-      h("style", { type: "text/css" },
-        vanillaStyle,
-        styleString),
-      children)));
+  return (h("div", { class: sheet.classes.Container, part: "sqm-base" },
+    h("style", { type: "text/css" },
+      vanillaStyle,
+      styleString),
+    children));
 }
 
 export { PortalContainerView as P, PortalSectionView as a };

package/dist/esm/{sqm-portal-email-verification-view-426370f1.js → sqm-portal-email-verification-view-04528277.js}

@@ -2,7 +2,7 @@ import { h } from './index-38ad4957.js';
 import { i as intl } from './global-96c14d63.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { A as AuthWrapper, a as AuthColumn } from './mixins-f750863a.js';
-import { T as TextSpanView } from './sqm-text-span-view-738acfb3.js';
+import { T as TextSpanView } from './sqm-text-span-view-72f43dff.js';
 
 const style = {
   Wrapper: AuthWrapper,

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

@@ -5,8 +5,8 @@ import { l as ln, n as nn, J, j as jn, b as useCallback, i as isDemo } from './i
 import { c as cjs } from './cjs-bdfb4486.js';
 import './JSS-67b5cff8.js';
 import './mixins-f750863a.js';
-import './sqm-text-span-view-738acfb3.js';
-import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-426370f1.js';
+import './sqm-text-span-view-72f43dff.js';
+import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-04528277.js';
 
 function usePortalEmailVerification(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j;

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

@@ -6,11 +6,11 @@ import { c as cjs } from './cjs-bdfb4486.js';
 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-738acfb3.js';
-import { P as PortalForgotPasswordView, a as PortalLoginView, b as PortalRegisterView, c as PortalVerifyEmailView } from './sqm-portal-verify-email-view-1a638fae.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-c61536b7.js';
 import { A as AsYouType, u as usePortalRegistrationForm } from './usePortalRegistrationForm-62de6fb1.js';
 import { u as useRegistrationFormState } from './useRegistrationFormState-2c090c38.js';
-import { P as PortalRegistrationFormView } from './sqm-portal-registration-form-view-2f4936ef.js';
+import { P as PortalRegistrationFormView } from './sqm-portal-registration-form-view-79265df5.js';
 
 function usePortalForgotPassword(props) {
   var _a, _b, _c, _d, _e, _f, _g;
@@ -298,7 +298,7 @@ const PortalGoogleLogin = class {
     const sheet = createStyleSheet(styles);
     const styleString = sheet.toString();
     const content = {
-      forgotPasswordButton: (h$1("slot", { name: "forgotPassword" }, h$1("a", { onClick: () => jn.push(states.forgotPasswordPath) }, this.forgotPasswordLabel))),
+      forgotPasswordButton: (h$1("slot", { name: "forgotPassword" }, h$1("a", { part: "forgot-password-link", onClick: () => jn.push(states.forgotPasswordPath) }, this.forgotPasswordLabel))),
       googleButton: (h$1("sqm-google-sign-in", { onInitComplete: callbacks.googleSubmit })),
       secondaryButton: (h$1("slot", { name: "secondaryButton" }, h$1("style", null, styleString), h$1("span", null, this.registerCTA, " ", h$1("sl-button", { size: "large", type: "text", disabled: states.loading, onClick: () => jn.push(states.registerPath), className: sheet.classes.RegisterButton }, this.registerLabel)))),
       emailLabel: this.emailLabel,
@@ -403,7 +403,7 @@ const PortalLogin = class {
     const sheet = createStyleSheet(styles);
     const styleString = sheet.toString();
     const content = {
-      forgotPasswordButton: (h$1("slot", { name: "forgotPassword" }, h$1("a", { onClick: () => jn.push(states.forgotPasswordPath) }, this.forgotPasswordLabel))),
+      forgotPasswordButton: (h$1("slot", { name: "forgotPassword" }, h$1("a", { part: "forgot-password-link", onClick: () => jn.push(states.forgotPasswordPath) }, this.forgotPasswordLabel))),
       googleButton: null,
       secondaryButton: (h$1("slot", { name: "secondaryButton" }, h$1("style", null, styleString), h$1("sl-button", { exportparts: "base: secondarybutton-base", type: "text", disabled: states.loading, onClick: () => jn.push(states.registerPath) }, this.registerLabel))),
       emailLabel: this.emailLabel,

package/dist/esm/{sqm-portal-profile-view-f015fd6a.js → sqm-portal-profile-view-b5ea620f.js}

@@ -1,7 +1,7 @@
 import { h } from './index-38ad4957.js';
 import { i as intl } from './global-96c14d63.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { T as TextSpanView } from './sqm-text-span-view-738acfb3.js';
+import { T as TextSpanView } from './sqm-text-span-view-72f43dff.js';
 
 function PortalProfileView(props) {
   var _a, _b, _c, _d, _e;

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

@@ -5,8 +5,8 @@ import { d as dist, J, w as wn, $ as $e, i as isDemo } from './index.module-b23f
 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-738acfb3.js';
-import { P as PortalProfileView } from './sqm-portal-profile-view-f015fd6a.js';
+import './sqm-text-span-view-72f43dff.js';
+import { P as PortalProfileView } from './sqm-portal-profile-view-b5ea620f.js';
 import { i as isEmpty } from './utilities-77b1e0cc.js';
 
 const GET_USER = dist.gql `

package/dist/esm/{sqm-portal-registration-form-view-2f4936ef.js → sqm-portal-registration-form-view-79265df5.js}

@@ -1,7 +1,7 @@
 import { h } from './index-38ad4957.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { A as AuthWrapper, a as AuthColumn, H as HostBlock, b as AuthButtonsContainer, E as ErrorStyles } from './mixins-f750863a.js';
-import { T as TextSpanView } from './sqm-text-span-view-738acfb3.js';
+import { T as TextSpanView } from './sqm-text-span-view-72f43dff.js';
 
 const style = {
   Wrapper: AuthWrapper,

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

@@ -1,7 +1,7 @@
 import { h } from './index-38ad4957.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { A as AuthWrapper, a as AuthColumn, b as AuthButtonsContainer } from './mixins-f750863a.js';
-import { T as TextSpanView } from './sqm-text-span-view-738acfb3.js';
+import { T as TextSpanView } from './sqm-text-span-view-72f43dff.js';
 
 const style = {
   Wrapper: AuthWrapper,

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

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

package/dist/esm/{sqm-portal-verify-email-view-1a638fae.js → sqm-portal-verify-email-view-c61536b7.js}

@@ -2,7 +2,7 @@ import { h } from './index-38ad4957.js';
 import { j as jn } from './index.module-b23fdad8.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { A as AuthWrapper, a as AuthColumn, b as AuthButtonsContainer, H as HostBlock, E as ErrorStyles } from './mixins-f750863a.js';
-import { T as TextSpanView } from './sqm-text-span-view-738acfb3.js';
+import { T as TextSpanView } from './sqm-text-span-view-72f43dff.js';
 
 const vanillaStyle = `
 :host {

package/dist/esm/sqm-referral-table_11.entry.js

@@ -6,7 +6,7 @@ import { c as cjs } from './cjs-bdfb4486.js';
 import { l as luxonLocale } from './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import './mixins-f750863a.js';
-import { T as TextSpanView } from './sqm-text-span-view-738acfb3.js';
+import { T as TextSpanView } from './sqm-text-span-view-72f43dff.js';
 import { G as GenericTableView } from './GenericTableView-8c72ac30.js';
 import { a as useRequestRerender, u as useRerenderListener } from './re-render-f30aeb6b.js';
 import { u as useChildElements } from './useChildElements-9bccfb72.js';

package/dist/esm/sqm-rewards-table-customer-note-cell.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h as h$1 } from './index-38ad4957.js';
 import { n as h } from './dom-context-hooks.module-50442785.js';
 import './JSS-67b5cff8.js';
-import { T as TextSpanView } from './sqm-text-span-view-738acfb3.js';
+import { T as TextSpanView } from './sqm-text-span-view-72f43dff.js';
 
 const RewardTableCustomerNoteCell = class {
   constructor(hostRef) {