@saasquatch/mint-components 2.1.8-1 → 2.1.8-11

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

@@ -23,11 +23,11 @@ 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, 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, Q as LeadDropdownFieldView, O as LeadFormView, X as withShadowView, L as LeaderboardView, N as NameFieldsView, U as PartnerInfoModalView, 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, J as useShareLink, S as StatContainerView, T as TaskCardView } from './ShadowViewAddon-9d97b5d5.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-cd0033a6.js';
 import './sqm-portal-container-view-a8c708cd.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$1, h as FINANCE_NETWORK_SETTINGS_NAMESPACE, i as GET_FINANCE_NETWORK_SETTINGS, j as CURRENCIES_QUERY_NAMESPACE, k as GET_CURRENCIES$1, L as LoadingView } from './data-12e6aae1.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 { T as TAX_FORM_UPDATED_EVENT_KEY, u as usePayoutStatus } from './usePayoutStatus-46c0c289.js';
+import { u as usePayoutStatus } from './usePayoutStatus-46c0c289.js';
 
 /**
  *
@@ -2833,333 +2833,6 @@ function useNavigationMenuDemo(props) {
 }
 NavigationMenu.style = sqmNavigationMenuCss;
 
-const GET_USER_PARTNER_INFO = dist.gql `
-  query getUserPartnerInfo {
-    user: viewer {
-      ... on User {
-        id
-        firstName
-        lastName
-        email
-        countryCode
-        customFields
-        impactConnection {
-          connected
-          publisher {
-            countryCode
-            currency
-          }
-        }
-      }
-    }
-  }
-`;
-const GET_COUNTRIES = dist.gql `
-  query getCountries {
-    impactPayoutCountries(limit: 1000) {
-      data {
-        countryCode
-        displayName
-      }
-    }
-  }
-`;
-const GET_CURRENCIES = dist.gql `
-  query currencies($locale: RSLocale) {
-    currencies(limit: 300) {
-      data {
-        displayName(locale: $locale)
-        currencyCode
-      }
-    }
-  }
-`;
-const CONNECT_PARTNER = dist.gql `
-  mutation createImpactConnection($vars: ImpactConnectionInput!) {
-    createImpactConnection(impactConnectionInput: $vars) {
-      success
-      validationErrors {
-        field
-        message
-      }
-      user {
-        id
-        accountId
-        impactConnection {
-          connected
-          publisher {
-            brandedSignup
-            requiredTaxDocumentType
-            currentTaxDocument {
-              type
-              status
-            }
-          }
-        }
-      }
-    }
-  }
-`;
-const GET_BRAND_NAME = dist.gql `
-  query getTenantSettings {
-    tenantSettings {
-      companyName
-    }
-  }
-`;
-function usePartnerInfoModal(props) {
-  var _a, _b, _c, _d;
-  const user = J();
-  const locale = L();
-  const { data: userData, loading: userLoading, refetch, } = wn(GET_USER_PARTNER_INFO, {}, !(user === null || user === void 0 ? void 0 : user.jwt));
-  const { data: currenciesData } = wn(GET_CURRENCIES, { variables: { locale } }, !(user === null || user === void 0 ? void 0 : user.jwt));
-  const { data: countriesData } = wn(GET_COUNTRIES, {}, !(user === null || user === void 0 ? void 0 : user.jwt));
-  const { data: tenantSettingsData } = wn(GET_BRAND_NAME, {});
-  const [connectImpactPartner, { loading: connectLoading, errors: connectErrors },] = $e(CONNECT_PARTNER);
-  const [countryCode, setCountryCode] = useState("");
-  const [currency, setCurrency] = useState("");
-  const [error, setError] = useState("");
-  const [success, setSuccess] = useState(false);
-  console.log(user, "user identity in create partner modal"); // TEMP
-  console.log(userData, "user data from partner info query"); // TEMP
-  const impactConnection = (_a = userData === null || userData === void 0 ? void 0 : userData.user) === null || _a === void 0 ? void 0 : _a.impactConnection;
-  function onCountryChange(e) {
-    var _a, _b;
-    const value = (_b = (_a = e.detail) === null || _a === void 0 ? void 0 : _a.item) === null || _b === void 0 ? void 0 : _b.__value;
-    if (!value)
-      return;
-    setCountryCode(value);
-    setCurrency("");
-    setError("");
-  }
-  function onCurrencyChange(e) {
-    var _a, _b;
-    const value = (_b = (_a = e.detail) === null || _a === void 0 ? void 0 : _a.item) === null || _b === void 0 ? void 0 : _b.__value;
-    if (!value)
-      return;
-    setCurrency(value);
-    setError("");
-  }
-  async function onSubmit() {
-    var _a, _b;
-    if (!countryCode || !currency) {
-      setError(props.missingFieldsErrorText);
-      return;
-    }
-    setError("");
-    // AL TODO: How to create impact connection if we dont have address, postalCode, and city?
-    try {
-      const vars = {
-        user: {
-          id: user.id,
-          accountId: user.accountId,
-        },
-        firstName: userData.user.firstName,
-        lastName: userData.user.lastName,
-        countryCode,
-        currency,
-      };
-      const result = await connectImpactPartner({ vars });
-      if (!result || ((_a = result) === null || _a === void 0 ? void 0 : _a.message)) {
-        setError(props.networkErrorText);
-        return;
-      }
-      const connectionResult = result
-        .createImpactConnection;
-      console.log(result, connectionResult, "result and connectionResult from creating partner from modal");
-      if (!(connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.success)) {
-        const validationMsg = (_b = connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.validationErrors) === null || _b === void 0 ? void 0 : _b.map((e) => e.message).join(". ");
-        setError(validationMsg || props.networkErrorText);
-        console.error("Failed to create Impact connection:", connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.validationErrors);
-        return;
-      }
-      // Success
-      window.dispatchEvent(new Event(TAX_FORM_UPDATED_EVENT_KEY));
-      await refetch();
-      setSuccess(true);
-    }
-    catch (e) {
-      console.error("Partner creation error:", e);
-      setError(props.networkErrorText);
-    }
-  }
-  const shouldShow = !success && !userLoading && !(impactConnection === null || impactConnection === void 0 ? void 0 : impactConnection.connected);
-  return {
-    states: {
-      open: shouldShow,
-      loading: userLoading,
-      submitting: connectLoading,
-      isExistingPartner: !!(impactConnection === null || impactConnection === void 0 ? void 0 : impactConnection.connected),
-      countryCode,
-      currency,
-      error,
-      success,
-      brandName: ((_b = tenantSettingsData === null || tenantSettingsData === void 0 ? void 0 : tenantSettingsData.tenantSettings) === null || _b === void 0 ? void 0 : _b.companyName) || "",
-      filteredCountries: ((_c = countriesData === null || countriesData === void 0 ? void 0 : countriesData.impactPayoutCountries) === null || _c === void 0 ? void 0 : _c.data) || [],
-      filteredCurrencies: ((_d = currenciesData === null || currenciesData === void 0 ? void 0 : currenciesData.currencies) === null || _d === void 0 ? void 0 : _d.data) || [],
-    },
-    callbacks: {
-      onCountryChange,
-      onCurrencyChange,
-      onCountrySearch: () => { },
-      onCurrencySearch: () => { },
-      onSubmit,
-      onClose: () => setSuccess(true),
-    },
-    text: props.getTextProps(),
-  };
-}
-
-const PartnerInfoModal = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /**
-     * Brand name shown in the modal header
-     *
-     * @uiName Brand name
-     */
-    this.brandName = "";
-    /**
-     * Header text when user has no existing partner
-     *
-     * @uiName New partner header
-     * @uiWidget textArea
-     */
-    this.modalBrandHeader = "Welcome to {brandName} Program!";
-    /**
-     * Description for new partner setup
-     *
-     * @uiName New partner description
-     * @uiWidget textArea
-     */
-    this.descriptionNewPartner = "We just need a bit more information about you before you start earning cash!";
-    /**
-     * Description for existing partner confirmation
-     *
-     * @uiName Existing partner description
-     * @uiWidget textArea
-     */
-    this.descriptionExistingPartner = "We noticed you are already an Impact.com partner, please confirm your information.";
-    /**
-     * @uiName Country label
-     */
-    this.countryLabel = "Country";
-    /**
-     * @uiName Currency label
-     */
-    this.currencyLabel = "Currency";
-    /**
-     * @uiName Submit button label
-     */
-    this.submitButtonLabel = "Submit";
-    /**
-     * @uiName Confirm button label
-     */
-    this.confirmButtonLabel = "Confirm";
-    /**
-     * @uiName Search country placeholder
-     */
-    this.searchCountryPlaceholder = "Search for a country";
-    /**
-     * @uiName Search currency placeholder
-     */
-    this.searchCurrencyPlaceholder = "Search for a currency";
-    /**
-     * @uiName Network error text
-     * @uiWidget textArea
-     */
-    this.networkErrorText = "An error occurred. Please try again.";
-    /**
-     * @uiName Missing fields error text
-     * @uiWidget textArea
-     */
-    this.missingFieldsErrorText = "Please select both a country and currency.";
-    h(this);
-  }
-  disconnectedCallback() { }
-  getTextProps() {
-    return getProps(this);
-  }
-  render() {
-    // AL: TODO add usePartnerInfoModal
-    const props = isDemo()
-      ? useDemoPartnerInfoModal(this)
-      : usePartnerInfoModal(this);
-    return h$1(PartnerInfoModalView, Object.assign({}, props));
-  }
-};
-function useDemoPartnerInfoModal(props) {
-  const [countryCode, setCountryCode] = useState("US");
-  const [currency, setCurrency] = useState("");
-  const [error, setError] = useState("");
-  const demoCountries = [
-    { countryCode: "US", displayName: "United States" },
-    { countryCode: "CA", displayName: "Canada" },
-    { countryCode: "GB", displayName: "United Kingdom" },
-    { countryCode: "AU", displayName: "Australia" },
-    { countryCode: "DE", displayName: "Germany" },
-  ];
-  const demoCurrencies = [
-    { currencyCode: "USD", displayName: "US Dollar" },
-    { currencyCode: "CAD", displayName: "Canadian Dollar" },
-    { currencyCode: "GBP", displayName: "British Pound" },
-    { currencyCode: "EUR", displayName: "Euro" },
-    { currencyCode: "AUD", displayName: "Australian Dollar" },
-  ];
-  return cjs({
-    states: {
-      brandName: "Test Brand",
-      open: true,
-      loading: false,
-      submitting: false,
-      isExistingPartner: false,
-      countryCode,
-      currency,
-      error,
-      success: false,
-      filteredCountries: demoCountries,
-      filteredCurrencies: demoCurrencies,
-    },
-    callbacks: {
-      onCountryChange: (e) => {
-        var _a, _b;
-        const value = (_b = (_a = e === null || e === void 0 ? void 0 : e.detail) === null || _a === void 0 ? void 0 : _a.item) === null || _b === void 0 ? void 0 : _b.__value;
-        if (value) {
-          setCountryCode(value);
-          setCurrency("");
-        }
-      },
-      onCurrencyChange: (e) => {
-        var _a, _b;
-        const value = (_b = (_a = e === null || e === void 0 ? void 0 : e.detail) === null || _a === void 0 ? void 0 : _a.item) === null || _b === void 0 ? void 0 : _b.__value;
-        if (value)
-          setCurrency(value);
-      },
-      onCountrySearch: () => { },
-      onCurrencySearch: () => { },
-      onSubmit: () => {
-        if (!countryCode || !currency) {
-          setError(props.missingFieldsErrorText);
-          return;
-        }
-        setError("");
-      },
-      onClose: () => { },
-    },
-    text: {
-      modalBrandHeader: props.modalBrandHeader,
-      descriptionNewPartner: props.descriptionNewPartner,
-      descriptionExistingPartner: props.descriptionExistingPartner,
-      countryLabel: props.countryLabel,
-      currencyLabel: props.currencyLabel,
-      submitButtonLabel: props.submitButtonLabel,
-      confirmButtonLabel: props.confirmButtonLabel,
-      searchCountryPlaceholder: props.searchCountryPlaceholder,
-      searchCurrencyPlaceholder: props.searchCurrencyPlaceholder,
-    },
-  }, props.demoData || {}, { arrayMerge: (_, a) => a });
-}
-
 const style$1 = {
   Wrapper: {
     maxWidth: "200px",
@@ -6377,7 +6050,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
@@ -6437,6 +6109,111 @@ const ShareLink = class {
      * @uiGroup Style
      */
     this.buttonStyle = "icon";
+    /**
+     * Enable users to customize their referral link
+     *
+     * @uiName Customize URL
+     * @uiType boolean
+     */
+    this.customizeUrl = false;
+    /**
+     * Text shown below the share link input to trigger customization
+     *
+     * @uiName Customize link label
+     * @uiType string
+     */
+    this.customizeLinkLabel = "Customize Link";
+    /**
+     * Text for the save button in editing mode
+     *
+     * @uiName Save button label
+     * @uiType string
+     */
+    this.saveLabelText = "Save";
+    /**
+     * Text for the cancel button in editing mode
+     *
+     * @uiName Cancel button label
+     * @uiType string
+     */
+    this.cancelLabelText = "Cancel";
+    /**
+     * Message shown briefly after successfully saving a custom link
+     *
+     * @uiName Success message
+     * @uiType string
+     */
+    this.successMessage = "Link updated successfully";
+    /**
+     * Title text shown when the custom link is already taken
+     *
+     * @uiName Existing code conflict error title
+     * @uiType string
+     */
+    this.existingCodeConflictErrorTitle = "This link is already taken";
+    /**
+     * Description text shown when the custom link is already taken
+     *
+     * @uiName Existing code conflict error description
+     * @uiType string
+     */
+    this.existingCodeConflictErrorDescription = "Try adding numbers, a dash or underscore to create a unique link.";
+    /**
+     * Title text shown when the link contains invalid characters
+     *
+     * @uiName Invalid characters error title
+     * @uiType string
+     */
+    this.invalidCharactersErrorTitle = "Please use only letters, numbers, dashes and underscores";
+    /**
+     * Description text shown when the link contains invalid characters
+     *
+     * @uiName Invalid characters error description
+     * @uiType string
+     */
+    this.invalidCharactersErrorDescription = "Special characters can break the link when sharing.";
+    /**
+     * Title text shown when the link contains profanity
+     *
+     * @uiName Profanity error title
+     * @uiType string
+     */
+    this.profanityErrorTitle = "Please try a different link";
+    /**
+     * Description text shown when the link contains profanity
+     *
+     * @uiName Profanity error description
+     * @uiType string
+     */
+    this.profanityErrorDescription = "This link contains a restricted word.";
+    /**
+     * Text describing the edit limit
+     *
+     * @uiName Edit limit text
+     * @uiType string
+     */
+    this.editLimitText = "You can edit your link up to 5 times.";
+    /**
+     * Message shown when the edit limit has been reached. Use {supportLink} as a placeholder for the support link.
+     *
+     * @uiName Edit limit reached text
+     * @uiType string
+     */
+    this.editLimitReachedText = "5 edit limit reached. To make more changes, please contact {supportLink}.";
+    /**
+     * Display text for the support link in the edit limit reached message
+     *
+     * @uiName Support link text
+     * @uiType string
+     */
+    this.supportLinkText = "Support";
+    /**
+     * Tooltip text shown when link customization is disabled
+     *
+     * @uiName Customize disabled tooltip
+     * @uiType string
+     */
+    this.customizeDisabledTooltip = "Link customization is not available.";
     h(this);
   }
   disconnectedCallback() { }
@@ -6445,33 +6222,78 @@ 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 [showSuccess, setShowSuccess] = useState(false);
   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 });
+    customizeUrl: props.customizeUrl,
+    customizeLinkLabel: props.customizeLinkLabel,
+    saveLabelText: props.saveLabelText,
+    cancelLabelText: props.cancelLabelText,
+    successMessage: props.successMessage,
+    isEditing,
+    editValue,
+    domainPrefix,
+    editsRemaining: 5,
+    maxEdits: 5,
+    limitReached: false,
+    validationError: null,
+    isValidating: false,
+    isSaving: false,
+    showSuccess,
+    characterLimit: 15,
+    charactersRemaining: 15 - editValue.length,
+    editLimitText: props.editLimitText,
+    editLimitReachedText: props.editLimitReachedText,
+    supportLinkText: props.supportLinkText,
+    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);
+      setShowSuccess(true);
+      setTimeout(() => setShowSuccess(false), 3000);
+    },
+    onCancel: () => {
+      setIsEditing(false);
+      setEditValue("");
+    },
+  };
+  return cjs(baseProps, props.demoData || {}, {
+    arrayMerge: (_, a) => a,
+  });
 }
 
 const StatContainer = class {
@@ -6783,7 +6605,7 @@ function useTaxAndCash() {
     userFormContext.countryCode;
   Sn({
     namespace: COUNTRIES_QUERY_NAMESPACE,
-    query: GET_COUNTRIES$1,
+    query: GET_COUNTRIES,
     skip: !user,
   });
   const { data: financeNetworkData, refetch } = Sn({
@@ -6796,7 +6618,7 @@ function useTaxAndCash() {
   });
   const { data: currenciesData } = Sn({
     namespace: CURRENCIES_QUERY_NAMESPACE,
-    query: GET_CURRENCIES$1,
+    query: GET_CURRENCIES,
     skip: !user,
     variables: {
       locale,
@@ -8253,4 +8075,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, PartnerInfoModal as sqm_partner_info_modal, 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 };
+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 };