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

package/dist/cjs/sqm-email-verification_2.cjs.entry.js

@@ -3,19 +3,19 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8277cbb3.js');
-const global = require('./global-0f8b1267.js');
+const global = require('./global-b7b1b8fe.js');
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
-const index_module = require('./index.module-42d413d9.js');
+const index_module = require('./index.module-f8c8495f.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
-const sqmTextSpanView = require('./sqm-text-span-view-8a32dd8c.js');
-const data = require('./data-6b5095f8.js');
-const sqmPartnerInfoModalView = require('./sqm-partner-info-modal-view-431ff976.js');
+const sqmTextSpanView = require('./sqm-text-span-view-b9e10f5d.js');
+const data = require('./data-89ac73dd.js');
+const sqmPartnerInfoModalView = require('./sqm-partner-info-modal-view-f6faecf5.js');
 const keys = require('./keys-5a2c9ed2.js');
 const eventKeys = require('./eventKeys-7af4df4d.js');
 const parseStates = require('./parseStates-d1effc19.js');
-const useVerificationEmail = require('./useVerificationEmail-994bc32f.js');
+const useVerificationEmail = require('./useVerificationEmail-5d19aa99.js');
 
 const UpsertUserEmailMutation = index_module.dist.gql `
   mutation upsertUser($userInput: UserInput!) {
@@ -75,7 +75,7 @@ function useUpsertUserEmail() {
 }
 function useWidgetEmailVerification(props) {
   const [_, setShowCode] = index_module.Pn(keys.SHOW_CODE_NAMESPACE);
-  const [email, setEmail] = index_module.Pn(keys.VERIFICATION_EMAIL_NAMESPACE);
+  const [_email, setEmail] = index_module.Pn(keys.VERIFICATION_EMAIL_NAMESPACE);
   const [emailExists, setEmailExists] = domContextHooks_module.useState(false);
   const [error, setError] = domContextHooks_module.useState(false);
   const [mutationError, setMutationError] = domContextHooks_module.useState(false);
@@ -94,29 +94,39 @@ function useWidgetEmailVerification(props) {
       setLoading(false);
   }, [initialized]);
   const submitEmail = async (e) => {
+    var _a, _b, _c, _d;
     e.preventDefault();
     if (!(data === null || data === void 0 ? void 0 : data.viewer))
       return;
     setLoading(true);
-    const toAddress = data.viewer.email;
+    setMutationError(false);
+    setError(false);
+    let toAddress = data.viewer.email;
     if (!toAddress) {
-      // If no email on the user, set one
-      const formData = e.detail.formData;
-      const newEmail = formData.get("email").toString();
+      const formData = (_a = e.detail) === null || _a === void 0 ? void 0 : _a.formData;
+      const newEmail = (_c = (_b = formData === null || formData === void 0 ? void 0 : formData.get("email")) === null || _b === void 0 ? void 0 : _b.toString()) !== null && _c !== void 0 ? _c : "";
       if (!emailRegex.test(newEmail)) {
         setError(true);
+        setLoading(false);
         return;
       }
-      const result = await upsertUserEmail(newEmail);
-      if (!result || !result.user.email)
+      const upsertResult = await upsertUserEmail(newEmail);
+      if (!upsertResult || !((_d = upsertResult.upsertUser) === null || _d === void 0 ? void 0 : _d.email)) {
         setError(true);
+        setLoading(false);
+        return;
+      }
+      toAddress = upsertResult.upsertUser.email;
     }
     // UI should not allow this call til initialisation is done
-    if (!initialized)
+    if (!initialized) {
+      setLoading(false);
       return;
+    }
     const result = await sendEmail();
-    if (!result || !result.success)
+    if (!result || !result.success) {
       setMutationError(true);
+    }
     else {
       // This is used to let the code verification widget know an email was already sent
       setEmail(toAddress);
@@ -514,42 +524,46 @@ const START_IMPACT_CONNECTION = index_module.dist.gql `
   }
 `;
 function usePartnerInfoModal(props) {
-  var _a, _b, _c, _d, _e, _f;
+  var _a, _b, _c, _d, _e, _f, _g;
   const locale = index_module.L();
   const setPartnerCreated = index_module.En(keys.PARTNER_CREATED_NAMESPACE);
   const { data: userData, loading: userLoading, refetch, } = index_module.wn(GET_USER_PARTNER_INFO, {});
   const user = userData === null || userData === void 0 ? void 0 : userData.user;
   const { data: currenciesData, loading: currenciesLoading } = index_module.wn(GET_CURRENCIES, { variables: { locale } });
   const { data: countriesData, loading: countriesLoading } = index_module.wn(GET_COUNTRIES, {});
+  // No pre-filled country, use locale to determine countryCode instead
+  const [countryCode, setCountryCode] = domContextHooks_module.useState(((_b = (_a = user === null || user === void 0 ? void 0 : user.impactConnection) === null || _a === void 0 ? void 0 : _a.publisher) === null || _b === void 0 ? void 0 : _b.countryCode) || locale.replace(/^.*_/, ""));
+  const [currency, setCurrency] = domContextHooks_module.useState(((_d = (_c = user === null || user === void 0 ? void 0 : user.impactConnection) === null || _c === void 0 ? void 0 : _c.publisher) === null || _d === void 0 ? void 0 : _d.currency) || "");
   const { data: financeNetworkData } = index_module.wn(data.GET_FINANCE_NETWORK_SETTINGS, {
-    variables: { filter: {} },
+    variables: { filter: countryCode ? { countryCode_eq: countryCode } : {} },
   });
   const [startImpactConnection, { loading: connectLoading }] = index_module.$e(START_IMPACT_CONNECTION);
   const [allowBankingCollection, setAllowBankingCollection] = domContextHooks_module.useState(false);
-  // No pre-filled country, use locale to determine countryCode instead
-  const [countryCode, setCountryCode] = domContextHooks_module.useState(((_b = (_a = user === null || user === void 0 ? void 0 : user.impactConnection) === null || _a === void 0 ? void 0 : _a.publisher) === null || _b === void 0 ? void 0 : _b.countryCode) ||
-    locale.replace(/^.*_/, ""));
-  const [currency, setCurrency] = domContextHooks_module.useState(((_d = (_c = user === null || user === void 0 ? void 0 : user.impactConnection) === null || _c === void 0 ? void 0 : _c.publisher) === null || _d === void 0 ? void 0 : _d.currency) || "");
   const countries = ((_e = countriesData === null || countriesData === void 0 ? void 0 : countriesData.impactPayoutCountries) === null || _e === void 0 ? void 0 : _e.data) || [];
-  // copied from useTaxAndCash for displaying currencies based on country - could be in helper?
-  const currencies = domContextHooks_module.useMemo(() => {
-    var _a, _b;
-    const allValidCurrencies = (_b = (_a = financeNetworkData === null || financeNetworkData === void 0 ? void 0 : financeNetworkData.impactFinanceNetworkSettings) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.reduce((agg, settings) => {
+  const isExistingPartner = !!((_f = user === null || user === void 0 ? void 0 : user.impactConnection) === null || _f === void 0 ? void 0 : _f.publisher);
+  const _currencies = domContextHooks_module.useMemo(() => {
+    var _a, _b, _c;
+    // if isExistingPartner, grab all currencies since select is disabled anyways
+    if (isExistingPartner) {
+      return ((_a = currenciesData === null || currenciesData === void 0 ? void 0 : currenciesData.currencies) === null || _a === void 0 ? void 0 : _a.data) || [];
+    }
+    const allValidCurrencies = (_c = (_b = financeNetworkData === null || financeNetworkData === void 0 ? void 0 : financeNetworkData.impactFinanceNetworkSettings) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c.reduce((agg, settings) => {
       var _a, _b;
-      const currency = (_b = (_a = currenciesData === null || currenciesData === void 0 ? void 0 : currenciesData.currencies) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.find((c) => c.currencyCode === settings.currency);
-      if (!currency)
+      if (countryCode && settings.countryCode !== countryCode)
         return agg;
-      if (agg.find((c) => c.currencyCode === settings.currency))
+      const c = (_b = (_a = currenciesData === null || currenciesData === void 0 ? void 0 : currenciesData.currencies) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.find((cur) => cur.currencyCode === settings.currency);
+      if (!c)
         return agg;
-      if (countryCode && settings.countryCode !== countryCode)
+      if (agg.find((cur) => cur.currencyCode === settings.currency))
         return agg;
-      return [...agg, currency];
+      return [...agg, c];
     }, []);
-    return (allValidCurrencies || []).sort((a, b) => a.displayName.localeCompare(b.displayName));
-  }, [financeNetworkData, currenciesData, countryCode]);
+    return allValidCurrencies || [];
+  }, [financeNetworkData, currenciesData, countryCode, isExistingPartner]);
+  const currencies = domContextHooks_module.useMemo(() => [..._currencies].sort((a, b) => a.displayName.localeCompare(b.displayName)), [_currencies]);
   const [countrySearch, setCountrySearch] = domContextHooks_module.useState("");
   const [currencySearch, setCurrencySearch] = domContextHooks_module.useState("");
-  const [filteredCountries, setFilteredCountries] = domContextHooks_module.useState(((_f = countriesData === null || countriesData === void 0 ? void 0 : countriesData.impactPayoutCountries) === null || _f === void 0 ? void 0 : _f.data) || []);
+  const [filteredCountries, setFilteredCountries] = domContextHooks_module.useState(((_g = countriesData === null || countriesData === void 0 ? void 0 : countriesData.impactPayoutCountries) === null || _g === void 0 ? void 0 : _g.data) || []);
   const [filteredCurrencies, setFilteredCurrencies] = domContextHooks_module.useState(currencies || []);
   const [error, setError] = domContextHooks_module.useState("");
   const [success, setSuccess] = domContextHooks_module.useState(false);
@@ -652,6 +666,7 @@ function usePartnerInfoModal(props) {
       setError(props.networkErrorText);
     }
   }
+  console.log(impactConnection, "impactConnection in partner modal");
   const showModal = !success &&
     !userLoading &&
     (impactConnection === null || impactConnection === void 0 ? void 0 : impactConnection.connectionStatus) === "NOT_STARTED";
@@ -660,7 +675,7 @@ function usePartnerInfoModal(props) {
       open: showModal,
       loading: userLoading || countriesLoading || currenciesLoading,
       submitting: connectLoading,
-      isExistingPartner: !!(impactConnection === null || impactConnection === void 0 ? void 0 : impactConnection.publisher),
+      isExistingPartner,
       countryCode,
       currency,
       error,
@@ -720,7 +735,13 @@ const PartnerInfoModal = class {
      * @uiName Existing partner support description
      * @uiWidget textArea
      */
-    this.supportDescriptionExistingPartner = "If this is a mistake, please contact Support or sign up for this referral program with a different email.";
+    this.supportDescriptionExistingPartner = "If this is a mistake, please contact {supportLink} or sign up for this referral program with a different email.";
+    /**
+     * Support description for existing partner confirmation
+     *
+     * @uiName Existing partner support description
+     */
+    this.supportLink = "Support";
     /**
      * Edit the property called terms and conditions text to change what's displayed for {termsAndConditionsLink}.
      * @uiName Terms and conditions checkbox
@@ -770,7 +791,7 @@ const PartnerInfoModal = class {
      * @uiName Missing fields error text
      * @uiWidget textArea
      */
-    this.missingFieldsErrorText = "Please select both a country and currency.";
+    this.missingFieldsErrorText = "Please fill out all fields.";
     /**
      * Used to render in another modal.
      * @undocumented
@@ -778,11 +799,11 @@ const PartnerInfoModal = class {
     this.inModal = false;
     /**
      * @undocumented
+     * @componentState { "title": "Connected (hidden)", "default": true, "props": { "states": { "open": false } } }
      * @componentState { "title": "New partner", "props": { "states": { "open": true, "isExistingPartner": false } } }
      * @componentState { "title": "Existing partner", "props": { "states": { "open": true, "isExistingPartner": true, "countryCode": "US", "currency": "USD" } } }
-     * @componentState { "title": "Connected (hidden)", "props": { "states": { "open": false } } }
      */
-    this.stateController = "{}";
+    this.stateController = '{"sqm-partner-info-modal":{"states":{"open":false}}}';
     domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
@@ -862,6 +883,7 @@ function useDemoPartnerInfoModal(props) {
       searchCountryPlaceholder: props.searchCountryPlaceholder,
       searchCurrencyPlaceholder: props.searchCurrencyPlaceholder,
       supportDescriptionExistingPartner: props.supportDescriptionExistingPartner,
+      supportLink: props.supportLink,
       modalHeaderExistingPartner: props.modalHeaderExistingPartner,
     },
   }, props.demoData || stateOverride, { arrayMerge: (_, a) => a });

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

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8277cbb3.js');
-const global = require('./global-0f8b1267.js');
+const global = require('./global-b7b1b8fe.js');
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
-require('./index.module-42d413d9.js');
+require('./index.module-f8c8495f.js');
 const utils = require('./utils-6847bc06.js');
 require('./JSS-8503a151.js');
 const imageUrl = require('./imageUrl-a7880cab.js');
-const sqmPortalContainerView = require('./sqm-portal-container-view-70a47420.js');
+const sqmPortalContainerView = require('./sqm-portal-container-view-757f921b.js');
 
 function EmptyStateView(props) {
   const { emptyStateHeader, emptyStateImage, emptyStateText, supportText, missingFeature = "", } = props;

package/dist/cjs/sqm-google-sign-in.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8277cbb3.js');
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
-const index_module = require('./index.module-42d413d9.js');
+const index_module = require('./index.module-f8c8495f.js');
 
 function useGoogleSignIn(props) {
   const [loaded, setLoaded] = domContextHooks_module.useState(false);

package/dist/cjs/sqm-graphql-client-provider.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8277cbb3.js');
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
-const index_module = require('./index.module-42d413d9.js');
+const index_module = require('./index.module-f8c8495f.js');
 
 async function useGraphQLClientProvider({ domain }) {
   const token = index_module.G();

package/dist/cjs/sqm-instant-access-registration.cjs.entry.js

@@ -4,14 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8277cbb3.js');
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
-const index_module = require('./index.module-42d413d9.js');
+const index_module = require('./index.module-f8c8495f.js');
 require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./JSS-8503a151.js');
 require('./mixins-4761d472.js');
-require('./useRegistrationFormState-a223f597.js');
+require('./useRegistrationFormState-4fe5b770.js');
 const emailRegistrationView = require('./email-registration-view-306c8878.js');
-const useInstantAccessRegistration = require('./useInstantAccessRegistration-651aa95b.js');
+const useInstantAccessRegistration = require('./useInstantAccessRegistration-2398df36.js');
 
 const InstantAccessRegistration = class {
   constructor(hostRef) {

package/dist/cjs/{sqm-lead-checkbox-field-view-d90f8941.js → sqm-lead-checkbox-field-view-0af2a157.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-8277cbb3.js');
-const global = require('./global-0f8b1267.js');
+const global = require('./global-b7b1b8fe.js');
 const JSS = require('./JSS-8503a151.js');
 
 const style = {

package/dist/cjs/sqm-lead-checkbox-field.cjs.entry.js

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8277cbb3.js');
-require('./global-0f8b1267.js');
+require('./global-b7b1b8fe.js');
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
-const index_module = require('./index.module-42d413d9.js');
+const index_module = require('./index.module-f8c8495f.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 require('./JSS-8503a151.js');
-const useLeadFormState = require('./useLeadFormState-76d3b511.js');
-const sqmLeadCheckboxFieldView = require('./sqm-lead-checkbox-field-view-d90f8941.js');
+const useLeadFormState = require('./useLeadFormState-b4c2ab5b.js');
+const sqmLeadCheckboxFieldView = require('./sqm-lead-checkbox-field-view-0af2a157.js');
 
 function useLeadCheckboxField() {
   const leadFormState = domContextHooks_module.d(useLeadFormState.LEAD_FORM_STATE_CONTEXT);

package/dist/cjs/{sqm-lead-input-field-view-818d9e9a.js → sqm-lead-input-field-view-0cd7ebdb.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-8277cbb3.js');
-const global = require('./global-0f8b1267.js');
+const global = require('./global-b7b1b8fe.js');
 const JSS = require('./JSS-8503a151.js');
 const mixins = require('./mixins-4761d472.js');
 

package/dist/cjs/sqm-lead-input-field.cjs.entry.js

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8277cbb3.js');
-require('./global-0f8b1267.js');
+require('./global-b7b1b8fe.js');
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
-const index_module = require('./index.module-42d413d9.js');
+const index_module = require('./index.module-f8c8495f.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 require('./JSS-8503a151.js');
 require('./mixins-4761d472.js');
-const useLeadFormState = require('./useLeadFormState-76d3b511.js');
-const sqmLeadInputFieldView = require('./sqm-lead-input-field-view-818d9e9a.js');
+const useLeadFormState = require('./useLeadFormState-b4c2ab5b.js');
+const sqmLeadInputFieldView = require('./sqm-lead-input-field-view-0cd7ebdb.js');
 
 function useLeadInputField() {
   const leadFormState = domContextHooks_module.d(useLeadFormState.LEAD_FORM_STATE_CONTEXT);

package/dist/cjs/sqm-leaderboard-rank.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8277cbb3.js');
-const global = require('./global-0f8b1267.js');
+const global = require('./global-b7b1b8fe.js');
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
-const index_module = require('./index.module-42d413d9.js');
+const index_module = require('./index.module-f8c8495f.js');
 const cjs = require('./cjs-1066ec21.js');
 const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-67fd7934.js');
 

package/dist/cjs/sqm-logout-current-user.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8277cbb3.js');
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
-const index_module = require('./index.module-42d413d9.js');
+const index_module = require('./index.module-f8c8495f.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 require('./JSS-8503a151.js');

package/dist/cjs/{sqm-navigation-sidebar-item-view-20693e59.js → sqm-navigation-sidebar-item-view-49b152dd.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-8277cbb3.js');
-const index_module = require('./index.module-42d413d9.js');
+const index_module = require('./index.module-f8c8495f.js');
 const JSS = require('./JSS-8503a151.js');
 const mixins = require('./mixins-4761d472.js');
 

package/dist/cjs/sqm-navigation-sidebar-item.cjs.entry.js

@@ -4,12 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8277cbb3.js');
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
-const index_module = require('./index.module-42d413d9.js');
+const index_module = require('./index.module-f8c8495f.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 require('./JSS-8503a151.js');
 require('./mixins-4761d472.js');
-const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-20693e59.js');
+const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-49b152dd.js');
 
 function useNavigationSidebarItem(props) {
   const currentPage = index_module.kn();

package/dist/cjs/sqm-navigation-sidebar.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8277cbb3.js');
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
-const index_module = require('./index.module-42d413d9.js');
+const index_module = require('./index.module-f8c8495f.js');
 const cjs = require('./cjs-1066ec21.js');
 const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-6616e3e0.js');
 

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

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8277cbb3.js');
-const global = require('./global-0f8b1267.js');
+const global = require('./global-b7b1b8fe.js');
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
-const index_module = require('./index.module-42d413d9.js');
+const index_module = require('./index.module-f8c8495f.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
-const useReferralCodes = require('./useReferralCodes-89c2b972.js');
+const useReferralCodes = require('./useReferralCodes-0f7948af.js');
 require('./mixins-4761d472.js');
 const copyTextView = require('./copy-text-view-bb2c0ea7.js');
 

package/dist/cjs/{sqm-partner-info-modal-view-431ff976.js → sqm-partner-info-modal-view-f6faecf5.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-8277cbb3.js');
-const global = require('./global-0f8b1267.js');
+const global = require('./global-b7b1b8fe.js');
 const JSS = require('./JSS-8503a151.js');
 
 const style = {
@@ -72,9 +72,15 @@ function PartnerInfoModalContentView(props) {
   const { states, callbacks, text } = props;
   const sheet = JSS.createStyleSheet(style);
   const styleString = sheet.toString();
+  const supportMessage = global.intl.formatMessage({
+    id: "supportDescriptionExistingPartner",
+    defaultMessage: text.supportDescriptionExistingPartner,
+  }, {
+    supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+  });
   const description = states.isExistingPartner ? (index.h("span", { class: sheet.classes.DescriptionContainer },
     index.h("p", null, text.descriptionExistingPartner),
-    index.h("p", null, text.supportDescriptionExistingPartner))) : (index.h("p", { class: sheet.classes.DescriptionContainer }, text.descriptionNewPartner));
+    index.h("p", null, supportMessage))) : (index.h("p", { class: sheet.classes.DescriptionContainer }, text.descriptionNewPartner));
   const buttonLabel = states.isExistingPartner
     ? text.confirmButtonLabel
     : text.submitButtonLabel;
@@ -97,7 +103,7 @@ function PartnerInfoModalContentView(props) {
             callbacks.setCountrySearch((_a = e.target) === null || _a === void 0 ? void 0 : _a.value);
           } }),
         index.h("div", { class: sheet.classes.SelectMenu }, (_a = states.filteredCountries) === null || _a === void 0 ? void 0 : _a.map((c) => (index.h("sl-menu-item", { value: c.countryCode }, c.displayName))))),
-      index.h("sl-select", { exportparts: "label: input-label, base: input-base", label: text.currencyLabel, value: states.currency, disabled: states.submitting || !!states.currency, required: true, hoist: true, "onSl-select": callbacks.onCurrencyChange },
+      index.h("sl-select", { exportparts: "label: input-label, base: input-base", label: text.currencyLabel, value: states.currency, disabled: states.submitting || (!!states.currency && states.isExistingPartner), required: true, hoist: true, "onSl-select": callbacks.onCurrencyChange },
         index.h("sl-input", { class: sheet.classes.SearchInput, placeholder: text.searchCurrencyPlaceholder, onKeyDown: (e) => e.stopPropagation(), "onSl-input": (e) => { var _a; return callbacks.setCurrencySearch((_a = e.target) === null || _a === void 0 ? void 0 : _a.value); } }),
         index.h("div", { class: sheet.classes.SelectMenu }, (_b = states.filteredCurrencies) === null || _b === void 0 ? void 0 : _b.map((c) => (index.h("sl-menu-item", { value: c.currencyCode },
           c.currencyCode,

package/dist/cjs/sqm-password-field.cjs.entry.js

@@ -4,12 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8277cbb3.js');
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
-const index_module = require('./index.module-42d413d9.js');
+const index_module = require('./index.module-f8c8495f.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
 const mixins = require('./mixins-4761d472.js');
-const useRegistrationFormState = require('./useRegistrationFormState-a223f597.js');
+const useRegistrationFormState = require('./useRegistrationFormState-4fe5b770.js');
 
 var constants = {
   error: {

package/dist/cjs/sqm-popup-container.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8277cbb3.js');
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
-const index_module = require('./index.module-42d413d9.js');
+const index_module = require('./index.module-f8c8495f.js');
 const utils = require('./utils-6847bc06.js');
 
 const PopupContainerView = (props) => {

package/dist/cjs/{sqm-portal-container-view-70a47420.js → sqm-portal-container-view-757f921b.js}

@@ -48,12 +48,11 @@ function PortalContainerView(props, children) {
   }`;
   const sheet = JSS.createStyleSheet(style);
   const styleString = sheet.toString();
-  return (index.h(index.Host, null,
-    index.h("div", { class: sheet.classes.Container, part: "sqm-base" },
-      index.h("style", { type: "text/css" },
-        vanillaStyle,
-        styleString),
-      children)));
+  return (index.h("div", { class: sheet.classes.Container, part: "sqm-base" },
+    index.h("style", { type: "text/css" },
+      vanillaStyle,
+      styleString),
+    children));
 }
 
 exports.PortalContainerView = PortalContainerView;

package/dist/cjs/{sqm-portal-email-verification-view-60f8e0a7.js → sqm-portal-email-verification-view-abb773a7.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 const index = require('./index-8277cbb3.js');
-const global = require('./global-0f8b1267.js');
+const global = require('./global-b7b1b8fe.js');
 const JSS = require('./JSS-8503a151.js');
 const mixins = require('./mixins-4761d472.js');
-const sqmTextSpanView = require('./sqm-text-span-view-8a32dd8c.js');
+const sqmTextSpanView = require('./sqm-text-span-view-b9e10f5d.js');
 
 const style = {
   Wrapper: mixins.AuthWrapper,

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

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8277cbb3.js');
-require('./global-0f8b1267.js');
+require('./global-b7b1b8fe.js');
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
-const index_module = require('./index.module-42d413d9.js');
+const index_module = require('./index.module-f8c8495f.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./JSS-8503a151.js');
 require('./mixins-4761d472.js');
-require('./sqm-text-span-view-8a32dd8c.js');
-const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-60f8e0a7.js');
+require('./sqm-text-span-view-b9e10f5d.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-abb773a7.js');
 
 function usePortalEmailVerification(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j;

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

@@ -4,17 +4,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8277cbb3.js');
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
-const index_module = require('./index.module-42d413d9.js');
+const index_module = require('./index.module-f8c8495f.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
 require('./mixins-4761d472.js');
-require('./sqm-text-span-view-8a32dd8c.js');
-const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-b31638f8.js');
-const usePortalRegistrationForm = require('./usePortalRegistrationForm-31822dc4.js');
-const useRegistrationFormState = require('./useRegistrationFormState-a223f597.js');
-const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-fd48f1d3.js');
+require('./sqm-text-span-view-b9e10f5d.js');
+const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-717d0633.js');
+const usePortalRegistrationForm = require('./usePortalRegistrationForm-23ee2d62.js');
+const useRegistrationFormState = require('./useRegistrationFormState-4fe5b770.js');
+const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-a45f7a52.js');
 
 function usePortalForgotPassword(props) {
   var _a, _b, _c, _d, _e, _f, _g;
@@ -302,7 +302,7 @@ const PortalGoogleLogin = class {
     const sheet = JSS.createStyleSheet(styles);
     const styleString = sheet.toString();
     const content = {
-      forgotPasswordButton: (index.h("slot", { name: "forgotPassword" }, index.h("a", { onClick: () => index_module.jn.push(states.forgotPasswordPath) }, this.forgotPasswordLabel))),
+      forgotPasswordButton: (index.h("slot", { name: "forgotPassword" }, index.h("a", { part: "forgot-password-link", onClick: () => index_module.jn.push(states.forgotPasswordPath) }, this.forgotPasswordLabel))),
       googleButton: (index.h("sqm-google-sign-in", { onInitComplete: callbacks.googleSubmit })),
       secondaryButton: (index.h("slot", { name: "secondaryButton" }, index.h("style", null, styleString), index.h("span", null, this.registerCTA, " ", index.h("sl-button", { size: "large", type: "text", disabled: states.loading, onClick: () => index_module.jn.push(states.registerPath), className: sheet.classes.RegisterButton }, this.registerLabel)))),
       emailLabel: this.emailLabel,
@@ -407,7 +407,7 @@ const PortalLogin = class {
     const sheet = JSS.createStyleSheet(styles);
     const styleString = sheet.toString();
     const content = {
-      forgotPasswordButton: (index.h("slot", { name: "forgotPassword" }, index.h("a", { onClick: () => index_module.jn.push(states.forgotPasswordPath) }, this.forgotPasswordLabel))),
+      forgotPasswordButton: (index.h("slot", { name: "forgotPassword" }, index.h("a", { part: "forgot-password-link", onClick: () => index_module.jn.push(states.forgotPasswordPath) }, this.forgotPasswordLabel))),
       googleButton: null,
       secondaryButton: (index.h("slot", { name: "secondaryButton" }, index.h("style", null, styleString), index.h("sl-button", { exportparts: "base: secondarybutton-base", type: "text", disabled: states.loading, onClick: () => index_module.jn.push(states.registerPath) }, this.registerLabel))),
       emailLabel: this.emailLabel,

package/dist/cjs/sqm-portal-logout.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8277cbb3.js');
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
-const index_module = require('./index.module-42d413d9.js');
+const index_module = require('./index.module-f8c8495f.js');
 
 function usePortalLogout({ nextPage }) {
   index_module.setUserIdentity(undefined);

package/dist/cjs/{sqm-portal-profile-view-2bfd7afd.js → sqm-portal-profile-view-3515e1e5.js}

@@ -1,9 +1,9 @@
 'use strict';
 
 const index = require('./index-8277cbb3.js');
-const global = require('./global-0f8b1267.js');
+const global = require('./global-b7b1b8fe.js');
 const JSS = require('./JSS-8503a151.js');
-const sqmTextSpanView = require('./sqm-text-span-view-8a32dd8c.js');
+const sqmTextSpanView = require('./sqm-text-span-view-b9e10f5d.js');
 
 function PortalProfileView(props) {
   var _a, _b, _c, _d, _e;

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

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8277cbb3.js');
-require('./global-0f8b1267.js');
+require('./global-b7b1b8fe.js');
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
-const index_module = require('./index.module-42d413d9.js');
+const index_module = require('./index.module-f8c8495f.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 require('./JSS-8503a151.js');
-require('./sqm-text-span-view-8a32dd8c.js');
-const sqmPortalProfileView = require('./sqm-portal-profile-view-2bfd7afd.js');
-const utilities = require('./utilities-096934ea.js');
+require('./sqm-text-span-view-b9e10f5d.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-3515e1e5.js');
+const utilities = require('./utilities-fcdb9504.js');
 
 const GET_USER = index_module.dist.gql `
   query {

package/dist/cjs/sqm-portal-protected-route.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8277cbb3.js');
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
-const index_module = require('./index.module-42d413d9.js');
+const index_module = require('./index.module-f8c8495f.js');
 
 function usePortalProtectedRoute({ requireEmailVerification, redirectTo, redirectToUnverified, }) {
   var _a;