@saasquatch/mint-components 2.1.9-19 → 2.1.9-20

package/dist/cjs/{ShadowViewAddon-d679ec76.js → ShadowViewAddon-2b3f51be.js}

@@ -10,7 +10,7 @@ const JSS = require('./JSS-8503a151.js');
 const useReferralCodes = require('./useReferralCodes-89c2b972.js');
 const mixins = require('./mixins-4761d472.js');
 const copyTextView = require('./copy-text-view-bb2c0ea7.js');
-const sqmTextSpanView = require('./sqm-text-span-view-f274fdf2.js');
+const sqmTextSpanView = require('./sqm-text-span-view-8a32dd8c.js');
 const useChildElements = require('./useChildElements-89bc50a9.js');
 const luxon = require('./luxon-c1ad356a.js');
 const index$1 = require('./index-8c6255f5.js');

package/dist/cjs/{data-34bc7549.js → data-6b5095f8.js}

@@ -41,6 +41,7 @@ const GET_USER = index_module.dist.gql `
         }
         impactConnection {
           connected
+          connectionStatus
           user {
             firstName
             lastName

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

@@ -16,9 +16,9 @@ const reRender = require('./re-render-69bde9ee.js');
 const useChildElements = require('./useChildElements-89bc50a9.js');
 const luxon = require('./luxon-c1ad356a.js');
 const useReferralTable = require('./useReferralTable-d3ddfd05.js');
-const sqmUserInfoFormView = require('./sqm-user-info-form-view-d89bdc04.js');
+const sqmUserInfoFormView = require('./sqm-user-info-form-view-db47a968.js');
 const utils$1 = require('./utils-a8e0bd9b.js');
-const data = require('./data-34bc7549.js');
+const data = require('./data-6b5095f8.js');
 const keys = require('./keys-cff24974.js');
 const eventKeys = require('./eventKeys-7af4df4d.js');
 const usePayoutStatus = require('./usePayoutStatus-cf050a03.js');
@@ -5538,7 +5538,7 @@ function useUserInfoForm(props) {
     const userData = data$1 === null || data$1 === void 0 ? void 0 : data$1.user;
     let result = null;
     let connectionResult;
-    if ((_a = userData === null || userData === void 0 ? void 0 : userData.impactConnection) === null || _a === void 0 ? void 0 : _a.connected) {
+    if (((_a = userData === null || userData === void 0 ? void 0 : userData.impactConnection) === null || _a === void 0 ? void 0 : _a.connectionStatus) === "STARTED") {
       console.log(vars, "values for completeImpactPartner");
       result = await completeImpactPartner({
         vars,

package/dist/cjs/sqm-big-stat_46.cjs.entry.js

@@ -13,10 +13,10 @@ const JSS = require('./JSS-8503a151.js');
 require('./useReferralCodes-89c2b972.js');
 require('./mixins-4761d472.js');
 const copyTextView = require('./copy-text-view-bb2c0ea7.js');
-require('./sqm-text-span-view-f274fdf2.js');
+require('./sqm-text-span-view-8a32dd8c.js');
 const usePortalRegistrationForm = require('./usePortalRegistrationForm-31822dc4.js');
 const useRegistrationFormState = require('./useRegistrationFormState-a223f597.js');
-const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-020f661c.js');
+const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-fd48f1d3.js');
 const reRender = require('./re-render-69bde9ee.js');
 const useChildElements = require('./useChildElements-89bc50a9.js');
 require('./luxon-c1ad356a.js');
@@ -27,10 +27,10 @@ const useInstantAccessRegistration = require('./useInstantAccessRegistration-651
 const useLeadFormState = require('./useLeadFormState-76d3b511.js');
 const utilities = require('./utilities-096934ea.js');
 const ErrorView = require('./ErrorView-ee7b0f36.js');
-const ShadowViewAddon = require('./ShadowViewAddon-d679ec76.js');
+const ShadowViewAddon = require('./ShadowViewAddon-2b3f51be.js');
 require('./sqm-portal-container-view-70a47420.js');
 const utils$1 = require('./utils-a8e0bd9b.js');
-const data = require('./data-34bc7549.js');
+const data = require('./data-6b5095f8.js');
 const keys = require('./keys-cff24974.js');
 require('./eventKeys-7af4df4d.js');
 const usePayoutStatus = require('./usePayoutStatus-cf050a03.js');
@@ -6418,15 +6418,9 @@ function getCurrentStep(user) {
   if (!((_a = user.impactConnection) === null || _a === void 0 ? void 0 : _a.connected) || !((_b = user.impactConnection) === null || _b === void 0 ? void 0 : _b.publisher)) {
     return "/1";
   }
-  const { requiredTaxDocumentType, currentTaxDocument, withdrawalSettings, brandedSignup, payoutsAccount, billingAddress, phoneNumber, billingCity, billingPostalCode, billingState, countryCode, } = user.impactConnection.publisher;
-  console.log(user.impactConnection.publisher, "publisher data in useTaxAndCash to determine step");
-  // Early partner creation does not collect these fields
-  const stateRequired = ["ES", "AU", "US", "CA"].includes(countryCode);
-  if (!billingAddress ||
-    !billingCity ||
-    !billingPostalCode ||
-    (stateRequired && !billingState) ||
-    !phoneNumber) {
+  const { requiredTaxDocumentType, currentTaxDocument, withdrawalSettings, brandedSignup, payoutsAccount, } = user.impactConnection.publisher;
+  console.log(user.impactConnection, "publisher data in useTaxAndCash to determine step new new");
+  if (user.impactConnection.connectionStatus === "STARTED") {
     return "/1";
   }
   // If they do have a required document, look at current document

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

@@ -10,7 +10,7 @@ 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 sqmTextSpanView = require('./sqm-text-span-view-f274fdf2.js');
+const sqmTextSpanView = require('./sqm-text-span-view-8a32dd8c.js');
 const keys = require('./keys-cff24974.js');
 const useVerificationEmail = require('./useVerificationEmail-994bc32f.js');
 

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

@@ -9,9 +9,9 @@ const index_module = require('./index.module-42d413d9.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-f274fdf2.js');
-const data = require('./data-34bc7549.js');
-const sqmPartnerInfoModalView = require('./sqm-partner-info-modal-view-ac5e3e60.js');
+const sqmTextSpanView = require('./sqm-text-span-view-8a32dd8c.js');
+const data = require('./data-6b5095f8.js');
+const sqmPartnerInfoModalView = require('./sqm-partner-info-modal-view-d5c997e6.js');
 const keys = require('./keys-cff24974.js');
 const eventKeys = require('./eventKeys-7af4df4d.js');
 const parseStates = require('./parseStates-d1effc19.js');
@@ -431,20 +431,11 @@ const GET_USER_PARTNER_INFO = index_module.dist.gql `
         customFields
         impactConnection {
           connected
+          connectionStatus
           publisher {
             id
-            phoneNumber
-            phoneNumberCountryCode
             countryCode
             currency
-            requiredTaxDocumentType
-            currentTaxDocument {
-              type
-              status
-            }
-            withdrawalSettings {
-              paymentMethod
-            }
           }
         }
       }
@@ -497,6 +488,32 @@ const CONNECT_PARTNER = index_module.dist.gql `
     }
   }
 `;
+const START_IMPACT_CONNECTION = index_module.dist.gql `
+  mutation startImpactConnection($vars: ImpactConnectionInput!) {
+    startImpactConnection(impactConnectionInput: $vars) {
+      success
+      validationErrors {
+        field
+        message
+      }
+      user {
+        id
+        accountId
+        impactConnection {
+          connected
+          publisher {
+            brandedSignup
+            requiredTaxDocumentType
+            currentTaxDocument {
+              type
+              status
+            }
+          }
+        }
+      }
+    }
+  }
+`;
 const GET_BRAND_NAME = index_module.dist.gql `
   query getTenantSettings {
     tenantSettings {
@@ -516,7 +533,7 @@ function usePartnerInfoModal(props) {
   const { data: financeNetworkData } = index_module.wn(data.GET_FINANCE_NETWORK_SETTINGS, {
     variables: { filter: {} },
   });
-  const [connectImpactPartner, { loading: connectLoading, errors: connectErrors },] = index_module.$e(CONNECT_PARTNER);
+  const [startImpactConnection, { loading: connectLoading, errors: connectErrors },] = index_module.$e(START_IMPACT_CONNECTION);
   // 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(/^.*_/, ""));
@@ -538,7 +555,6 @@ function usePartnerInfoModal(props) {
     }, []);
     return (allValidCurrencies || []).sort((a, b) => a.displayName.localeCompare(b.displayName));
   }, [financeNetworkData, currenciesData, countryCode]);
-  console.log(countryCode, currency, "initial country and currency state"); // TEMP
   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) || []);
@@ -548,11 +564,12 @@ function usePartnerInfoModal(props) {
   const [success, setSuccess] = domContextHooks_module.useState(false);
   domContextHooks_module.useEffect(() => {
     var _a;
-    if (userData && ((_a = user.impactConnection) === null || _a === void 0 ? void 0 : _a.publisher)) {
-      setCountryCode(user.impactConnection.publisher.countryCode);
-      setCurrency(user.impactConnection.publisher.currency);
-    }
-  }, [userData]);
+    const publisher = (_a = user === null || user === void 0 ? void 0 : user.impactConnection) === null || _a === void 0 ? void 0 : _a.publisher;
+    if (!userData || !publisher)
+      return;
+    setCountryCode(publisher.countryCode);
+    setCurrency(publisher.currency);
+  }, [userData, user]);
   domContextHooks_module.useEffect(() => {
     if (!(countries === null || countries === void 0 ? void 0 : countries.length))
       return;
@@ -611,13 +628,13 @@ function usePartnerInfoModal(props) {
         countryCode,
         currency,
       };
-      const result = await connectImpactPartner({ vars });
+      const result = await startImpactConnection({ vars });
       if (!result || ((_a = result) === null || _a === void 0 ? void 0 : _a.message)) {
         setError(props.networkErrorText);
         return;
       }
       const connectionResult = result
-        .createImpactConnection;
+        .startImpactConnection;
       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(". ");
@@ -637,9 +654,7 @@ function usePartnerInfoModal(props) {
   }
   const showModal = !success &&
     !userLoading &&
-    (!(impactConnection === null || impactConnection === void 0 ? void 0 : impactConnection.connected) || !(impactConnection === null || impactConnection === void 0 ? void 0 : impactConnection.publisher));
-  console.log(showModal, "showModal condition in partner info modal"); // TEMP
-  console.log(filteredCurrencies, "filtered curricneis");
+    (impactConnection === null || impactConnection === void 0 ? void 0 : impactConnection.connectionStatus) === "NOT_STARTED";
   return {
     states: {
       open: showModal,

package/dist/cjs/{sqm-partner-info-modal-view-ac5e3e60.js → sqm-partner-info-modal-view-d5c997e6.js}

@@ -91,7 +91,6 @@ function PartnerInfoModalView(props) {
   const { states, text, callbacks } = props;
   const sheet = JSS.createStyleSheet(style);
   const styleString = sheet.toString();
-  console.log(states, "partner info modal states"); // TEMP
   if (!states.open)
     return index.h("div", null);
   return (index.h("div", null,

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

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

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

@@ -9,8 +9,8 @@ const index_module = require('./index.module-42d413d9.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./JSS-8503a151.js');
 require('./mixins-4761d472.js');
-require('./sqm-text-span-view-f274fdf2.js');
-const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-2b4b92da.js');
+require('./sqm-text-span-view-8a32dd8c.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-60f8e0a7.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

@@ -10,11 +10,11 @@ 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-f274fdf2.js');
-const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-90cd89e3.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-020f661c.js');
+const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-fd48f1d3.js');
 
 function usePortalForgotPassword(props) {
   var _a, _b, _c, _d, _e, _f, _g;

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

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

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

@@ -9,8 +9,8 @@ const index_module = require('./index.module-42d413d9.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 require('./JSS-8503a151.js');
-require('./sqm-text-span-view-f274fdf2.js');
-const sqmPortalProfileView = require('./sqm-portal-profile-view-bfdbb98d.js');
+require('./sqm-text-span-view-8a32dd8c.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-2bfd7afd.js');
 const utilities = require('./utilities-096934ea.js');
 
 const GET_USER = index_module.dist.gql `

package/dist/cjs/{sqm-portal-registration-form-view-020f661c.js → sqm-portal-registration-form-view-fd48f1d3.js}

@@ -3,7 +3,7 @@
 const index = require('./index-8277cbb3.js');
 const JSS = require('./JSS-8503a151.js');
 const mixins = require('./mixins-4761d472.js');
-const sqmTextSpanView = require('./sqm-text-span-view-f274fdf2.js');
+const sqmTextSpanView = require('./sqm-text-span-view-8a32dd8c.js');
 
 const style = {
   Wrapper: mixins.AuthWrapper,

package/dist/cjs/{sqm-portal-reset-password-view-6b1acd90.js → sqm-portal-reset-password-view-d90d77f9.js}

@@ -3,7 +3,7 @@
 const index = require('./index-8277cbb3.js');
 const JSS = require('./JSS-8503a151.js');
 const mixins = require('./mixins-4761d472.js');
-const sqmTextSpanView = require('./sqm-text-span-view-f274fdf2.js');
+const sqmTextSpanView = require('./sqm-text-span-view-8a32dd8c.js');
 
 const style = {
   Wrapper: mixins.AuthWrapper,

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

@@ -10,8 +10,8 @@ const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 require('./JSS-8503a151.js');
 require('./mixins-4761d472.js');
-require('./sqm-text-span-view-f274fdf2.js');
-const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-6b1acd90.js');
+require('./sqm-text-span-view-8a32dd8c.js');
+const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-d90d77f9.js');
 
 function usePortalResetPassword(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;

package/dist/cjs/{sqm-portal-verify-email-view-90cd89e3.js → sqm-portal-verify-email-view-b31638f8.js}

@@ -4,7 +4,7 @@ const index = require('./index-8277cbb3.js');
 const index_module = require('./index.module-42d413d9.js');
 const JSS = require('./JSS-8503a151.js');
 const mixins = require('./mixins-4761d472.js');
-const sqmTextSpanView = require('./sqm-text-span-view-f274fdf2.js');
+const sqmTextSpanView = require('./sqm-text-span-view-8a32dd8c.js');
 
 const vanillaStyle = `
 :host {

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

@@ -10,7 +10,7 @@ const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
 require('./mixins-4761d472.js');
-const sqmTextSpanView = require('./sqm-text-span-view-f274fdf2.js');
+const sqmTextSpanView = require('./sqm-text-span-view-8a32dd8c.js');
 const GenericTableView = require('./GenericTableView-be5648e4.js');
 const reRender = require('./re-render-69bde9ee.js');
 const useChildElements = require('./useChildElements-89bc50a9.js');

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-8277cbb3.js');
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
 require('./JSS-8503a151.js');
-const sqmTextSpanView = require('./sqm-text-span-view-f274fdf2.js');
+const sqmTextSpanView = require('./sqm-text-span-view-8a32dd8c.js');
 
 const RewardTableCustomerNoteCell = class {
   constructor(hostRef) {

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

@@ -12,9 +12,9 @@ const JSS = require('./JSS-8503a151.js');
 require('./useReferralCodes-89c2b972.js');
 require('./mixins-4761d472.js');
 const copyTextView = require('./copy-text-view-bb2c0ea7.js');
-require('./sqm-text-span-view-f274fdf2.js');
-const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-90cd89e3.js');
-const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-020f661c.js');
+require('./sqm-text-span-view-8a32dd8c.js');
+const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-b31638f8.js');
+const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-fd48f1d3.js');
 const GenericTableView = require('./GenericTableView-be5648e4.js');
 require('./useChildElements-89bc50a9.js');
 const luxon = require('./luxon-c1ad356a.js');
@@ -27,19 +27,19 @@ const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-67fd7934.js'
 const sqmLogoutCurrentUserView = require('./sqm-logout-current-user-view-f330d641.js');
 const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-6616e3e0.js');
 const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-20693e59.js');
-const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-2b4b92da.js');
-const sqmPortalProfileView = require('./sqm-portal-profile-view-bfdbb98d.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-60f8e0a7.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-2bfd7afd.js');
 require('./utilities-096934ea.js');
-const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-6b1acd90.js');
+const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-d90d77f9.js');
 require('./ErrorView-ee7b0f36.js');
 const sqmQrCodeView = require('./sqm-qr-code-view-1f2daa76.js');
-const ShadowViewAddon = require('./ShadowViewAddon-d679ec76.js');
+const ShadowViewAddon = require('./ShadowViewAddon-2b3f51be.js');
 const sqmPortalContainerView = require('./sqm-portal-container-view-70a47420.js');
-const sqmUserInfoFormView = require('./sqm-user-info-form-view-d89bdc04.js');
+const sqmUserInfoFormView = require('./sqm-user-info-form-view-db47a968.js');
 const utils = require('./utils-a8e0bd9b.js');
 const sqmLeadInputFieldView = require('./sqm-lead-input-field-view-818d9e9a.js');
-require('./data-34bc7549.js');
-const sqmPartnerInfoModalView = require('./sqm-partner-info-modal-view-ac5e3e60.js');
+require('./data-6b5095f8.js');
+const sqmPartnerInfoModalView = require('./sqm-partner-info-modal-view-d5c997e6.js');
 
 /**
  * lodash (Custom Build) <https://lodash.com/>
@@ -18842,9 +18842,6 @@ const Closed = () => {
   };
   return index.h(sqmPartnerInfoModalView.PartnerInfoModalView, Object.assign({}, props));
 };
-const FullStackDemo = () => {
-  return (index.h("sqm-partner-info-modal", { "brand-name": "Acme", "header-new-partner": "Welcome to {brandName} Program!", "description-new-partner": "We just need a bit more information about you before you start earning cash!", "submit-button-label": "Submit" }));
-};
 
 const PartnerInfoModal = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -18856,8 +18853,7 @@ const PartnerInfoModal = /*#__PURE__*/Object.freeze({
   Submitting: Submitting,
   WithError: WithError$3,
   ValidationError: ValidationError$1,
-  Closed: Closed,
-  FullStackDemo: FullStackDemo
+  Closed: Closed
 });
 
 const WidgetVerification_stories = {

package/dist/cjs/{sqm-text-span-view-f274fdf2.js → sqm-text-span-view-8a32dd8c.js}

@@ -53,7 +53,7 @@ function TextSpanView(props, children) {
       display: inline;
     }
   `;
-  return (index.h("span", { class: sheet.classes[type], part: "sqm-base" },
+  return (index.h("span", { class: sheet.classes[type], part: "sqm-text-span-base" },
     index.h("style", { type: "text/css" },
       vanillaStyle,
       styleString),

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-8277cbb3.js');
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
 require('./JSS-8503a151.js');
-const sqmTextSpanView = require('./sqm-text-span-view-f274fdf2.js');
+const sqmTextSpanView = require('./sqm-text-span-view-8a32dd8c.js');
 
 const TextSpan = class {
   constructor(hostRef) {

package/dist/cjs/{sqm-user-info-form-view-d89bdc04.js → sqm-user-info-form-view-db47a968.js}

@@ -4,7 +4,7 @@ const index = require('./index-8277cbb3.js');
 const global = require('./global-0f8b1267.js');
 const JSS = require('./JSS-8503a151.js');
 const utils = require('./utils-a8e0bd9b.js');
-const data = require('./data-34bc7549.js');
+const data = require('./data-6b5095f8.js');
 
 const style = {
   Description: {

package/dist/collection/components/sqm-partner-info-modal/PartnerInfoModal.stories.js

@@ -140,6 +140,3 @@ export const Closed = () => {
   };
   return h(PartnerInfoModalView, Object.assign({}, props));
 };
-export const FullStackDemo = () => {
-  return (h("sqm-partner-info-modal", { "brand-name": "Acme", "header-new-partner": "Welcome to {brandName} Program!", "description-new-partner": "We just need a bit more information about you before you start earning cash!", "submit-button-label": "Submit" }));
-};

package/dist/collection/components/sqm-partner-info-modal/sqm-partner-info-modal-view.js

@@ -88,7 +88,6 @@ export function PartnerInfoModalView(props) {
   const { states, text, callbacks } = props;
   const sheet = createStyleSheet(style);
   const styleString = sheet.toString();
-  console.log(states, "partner info modal states"); // TEMP
   if (!states.open)
     return h("div", null);
   return (h("div", null,

package/dist/collection/components/sqm-partner-info-modal/usePartnerInfoModal.js

@@ -18,20 +18,11 @@ export const GET_USER_PARTNER_INFO = gql `
         customFields
         impactConnection {
           connected
+          connectionStatus
           publisher {
             id
-            phoneNumber
-            phoneNumberCountryCode
             countryCode
             currency
-            requiredTaxDocumentType
-            currentTaxDocument {
-              type
-              status
-            }
-            withdrawalSettings {
-              paymentMethod
-            }
           }
         }
       }
@@ -84,6 +75,32 @@ export const CONNECT_PARTNER = gql `
     }
   }
 `;
+const START_IMPACT_CONNECTION = gql `
+  mutation startImpactConnection($vars: ImpactConnectionInput!) {
+    startImpactConnection(impactConnectionInput: $vars) {
+      success
+      validationErrors {
+        field
+        message
+      }
+      user {
+        id
+        accountId
+        impactConnection {
+          connected
+          publisher {
+            brandedSignup
+            requiredTaxDocumentType
+            currentTaxDocument {
+              type
+              status
+            }
+          }
+        }
+      }
+    }
+  }
+`;
 const GET_BRAND_NAME = gql `
   query getTenantSettings {
     tenantSettings {
@@ -103,7 +120,7 @@ export function usePartnerInfoModal(props) {
   const { data: financeNetworkData } = useQuery(GET_FINANCE_NETWORK_SETTINGS, {
     variables: { filter: {} },
   });
-  const [connectImpactPartner, { loading: connectLoading, errors: connectErrors },] = useMutation(CONNECT_PARTNER);
+  const [startImpactConnection, { loading: connectLoading, errors: connectErrors },] = useMutation(START_IMPACT_CONNECTION);
   // No pre-filled country, use locale to determine countryCode instead
   const [countryCode, setCountryCode] = 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(/^.*_/, ""));
@@ -125,7 +142,6 @@ export function usePartnerInfoModal(props) {
     }, []);
     return (allValidCurrencies || []).sort((a, b) => a.displayName.localeCompare(b.displayName));
   }, [financeNetworkData, currenciesData, countryCode]);
-  console.log(countryCode, currency, "initial country and currency state"); // TEMP
   const [countrySearch, setCountrySearch] = useState("");
   const [currencySearch, setCurrencySearch] = useState("");
   const [filteredCountries, setFilteredCountries] = useState(((_f = countriesData === null || countriesData === void 0 ? void 0 : countriesData.impactPayoutCountries) === null || _f === void 0 ? void 0 : _f.data) || []);
@@ -135,11 +151,12 @@ export function usePartnerInfoModal(props) {
   const [success, setSuccess] = useState(false);
   useEffect(() => {
     var _a;
-    if (userData && ((_a = user.impactConnection) === null || _a === void 0 ? void 0 : _a.publisher)) {
-      setCountryCode(user.impactConnection.publisher.countryCode);
-      setCurrency(user.impactConnection.publisher.currency);
-    }
-  }, [userData]);
+    const publisher = (_a = user === null || user === void 0 ? void 0 : user.impactConnection) === null || _a === void 0 ? void 0 : _a.publisher;
+    if (!userData || !publisher)
+      return;
+    setCountryCode(publisher.countryCode);
+    setCurrency(publisher.currency);
+  }, [userData, user]);
   useEffect(() => {
     if (!(countries === null || countries === void 0 ? void 0 : countries.length))
       return;
@@ -198,13 +215,13 @@ export function usePartnerInfoModal(props) {
         countryCode,
         currency,
       };
-      const result = await connectImpactPartner({ vars });
+      const result = await startImpactConnection({ vars });
       if (!result || ((_a = result) === null || _a === void 0 ? void 0 : _a.message)) {
         setError(props.networkErrorText);
         return;
       }
       const connectionResult = result
-        .createImpactConnection;
+        .startImpactConnection;
       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(". ");
@@ -224,9 +241,7 @@ export function usePartnerInfoModal(props) {
   }
   const showModal = !success &&
     !userLoading &&
-    (!(impactConnection === null || impactConnection === void 0 ? void 0 : impactConnection.connected) || !(impactConnection === null || impactConnection === void 0 ? void 0 : impactConnection.publisher));
-  console.log(showModal, "showModal condition in partner info modal"); // TEMP
-  console.log(filteredCurrencies, "filtered curricneis");
+    (impactConnection === null || impactConnection === void 0 ? void 0 : impactConnection.connectionStatus) === "NOT_STARTED";
   return {
     states: {
       open: showModal,

package/dist/collection/components/sqm-text-span/sqm-text-span-view.js

@@ -50,7 +50,7 @@ export function TextSpanView(props, children) {
       display: inline;
     }
   `;
-  return (h("span", { class: sheet.classes[type], part: "sqm-base" },
+  return (h("span", { class: sheet.classes[type], part: "sqm-text-span-base" },
     h("style", { type: "text/css" },
       vanillaStyle,
       styleString),

package/dist/collection/components/tax-and-cash/data.js

@@ -38,6 +38,7 @@ export const GET_USER = gql `
         }
         impactConnection {
           connected
+          connectionStatus
           user {
             firstName
             lastName

package/dist/collection/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.js

@@ -7,15 +7,9 @@ function getCurrentStep(user) {
   if (!((_a = user.impactConnection) === null || _a === void 0 ? void 0 : _a.connected) || !((_b = user.impactConnection) === null || _b === void 0 ? void 0 : _b.publisher)) {
     return "/1";
   }
-  const { requiredTaxDocumentType, currentTaxDocument, withdrawalSettings, brandedSignup, payoutsAccount, billingAddress, phoneNumber, billingCity, billingPostalCode, billingState, countryCode, } = user.impactConnection.publisher;
-  console.log(user.impactConnection.publisher, "publisher data in useTaxAndCash to determine step");
-  // Early partner creation does not collect these fields
-  const stateRequired = ["ES", "AU", "US", "CA"].includes(countryCode);
-  if (!billingAddress ||
-    !billingCity ||
-    !billingPostalCode ||
-    (stateRequired && !billingState) ||
-    !phoneNumber) {
+  const { requiredTaxDocumentType, currentTaxDocument, withdrawalSettings, brandedSignup, payoutsAccount, } = user.impactConnection.publisher;
+  console.log(user.impactConnection, "publisher data in useTaxAndCash to determine step new new");
+  if (user.impactConnection.connectionStatus === "STARTED") {
     return "/1";
   }
   // If they do have a required document, look at current document

package/dist/collection/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.js

@@ -160,7 +160,7 @@ export function useUserInfoForm(props) {
     const userData = data === null || data === void 0 ? void 0 : data.user;
     let result = null;
     let connectionResult;
-    if ((_a = userData === null || userData === void 0 ? void 0 : userData.impactConnection) === null || _a === void 0 ? void 0 : _a.connected) {
+    if (((_a = userData === null || userData === void 0 ? void 0 : userData.impactConnection) === null || _a === void 0 ? void 0 : _a.connectionStatus) === "STARTED") {
       console.log(vars, "values for completeImpactPartner");
       result = await completeImpactPartner({
         vars,