@saasquatch/mint-components 2.0.5-1 → 2.0.5-3

package/dist/cjs/sqm-widget-verification-controller.cjs.entry.js

@@ -2,9 +2,9 @@
 
 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-f267fad6.js');
+const index = require('./index-a43a63b4.js');
+const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
+const index_module = require('./index.module-4f54e412.js');
 const keys = require('./keys-cff24974.js');
 
 const debug = domContextHooks_module.browser("sq:widget-verification");

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

@@ -2,9 +2,9 @@
 
 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-f267fad6.js');
+const index = require('./index-a43a63b4.js');
+const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
+const index_module = require('./index.module-4f54e412.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 const extractProps = require('./extractProps-e9c55ba8.js');

package/dist/cjs/{useChildElements-84b623d1.js → useChildElements-966c9041.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
-const index_module = require('./index.module-f267fad6.js');
+const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
+const index_module = require('./index.module-4f54e412.js');
 
 function useChildElements() {
   const host = index_module._();

package/dist/cjs/{useInstantAccessRegistration-dbe420fb.js → useInstantAccessRegistration-08bcb487.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
-const index_module = require('./index.module-f267fad6.js');
+const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
+const index_module = require('./index.module-4f54e412.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
-const useRegistrationFormState = require('./useRegistrationFormState-0f85c946.js');
+const useRegistrationFormState = require('./useRegistrationFormState-bbee6e7b.js');
 
 function useInstantAccessRegistration(props) {
   const locale = index_module.L();

package/dist/cjs/{useLeadFormState-1895ef0d.js → useLeadFormState-91999606.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-const index = require('./index-8277cbb3.js');
-const global = require('./global-d90f3195.js');
-const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
-const index_module = require('./index.module-f267fad6.js');
+const index = require('./index-a43a63b4.js');
+const global = require('./global-e862bfd4.js');
+const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
+const index_module = require('./index.module-4f54e412.js');
 const JSS = require('./JSS-8503a151.js');
 
 const style = {

package/dist/cjs/{data-6a389e7b.js → usePayoutStatus-98f2ca76.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
-const index_module = require('./index.module-f267fad6.js');
+const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
+const index_module = require('./index.module-4f54e412.js');
 
 const TAX_FORM_UPDATED_EVENT_KEY = "sqm:tax-form-updated";
 
@@ -1002,7 +1002,7 @@ const GET_TAX_SETTING = index_module.dist.gql `
   }
 `;
 function getStatus(data) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
   const account = (_b = (_a = data.user.impactConnection) === null || _a === void 0 ? void 0 : _a.publisher) === null || _b === void 0 ? void 0 : _b.payoutsAccount;
   const hasTransferredReward = (_e = (_d = (_c = data === null || data === void 0 ? void 0 : data.user) === null || _c === void 0 ? void 0 : _c.rewards) === null || _d === void 0 ? void 0 : _d.data) === null || _e === void 0 ? void 0 : _e.find((reward) => reward.statuses.includes("REDEEMED") &&
     reward.partnerFundsTransfer.status === "TRANSFERRED");
@@ -1019,8 +1019,23 @@ function getStatus(data) {
     return "VERIFICATION:REVIEW";
   if ((_p = account.holdReasons) === null || _p === void 0 ? void 0 : _p.includes("IDV_CHECK_FAILED_INTERNAL"))
     return "VERIFICATION:FAILED";
+  // only show banner for NEW_PAYEE_REVIEW if a PFT was created
   if (((_q = account.holdReasons) === null || _q === void 0 ? void 0 : _q.includes("NEW_PAYEE_REVIEW")) && hasTransferredReward)
-    return "ACCOUNT_REVIEW";
+    return "NEW_PAYEE_REVIEW";
+  if ((_r = account.holdReasons) === null || _r === void 0 ? void 0 : _r.includes("NEW_PAYEE_REVIEW"))
+    return "DONE";
+  if ((_s = account.holdReasons) === null || _s === void 0 ? void 0 : _s.includes("PAYMENT_HOLD_ON_CHANGE"))
+    return "PAYMENT_HOLD_ON_CHANGE";
+  if ((_t = account.holdReasons) === null || _t === void 0 ? void 0 : _t.includes("BENEFICIARY_NAME_INVALID"))
+    return "BENEFICIARY_NAME_INVALID";
+  if ((_u = account.holdReasons) === null || _u === void 0 ? void 0 : _u.includes("BENEFICIARY_NAME_MISMATCH"))
+    return "BENEFICIARY_NAME_MISMATCH";
+  if ((_v = account.holdReasons) === null || _v === void 0 ? void 0 : _v.includes("BANK_TAX_NAME_MISMATCH"))
+    return "BANK_TAX_NAME_MISMATCH";
+  if ((_w = account.holdReasons) === null || _w === void 0 ? void 0 : _w.includes("WITHDRAWAL_SETTINGS_INVALID"))
+    return "WITHDRAWAL_SETTINGS_INVALID";
+  if ((_x = account.holdReasons) === null || _x === void 0 ? void 0 : _x.includes("PAYMENT_RETURNED"))
+    return "PAYMENT_RETURNED";
   if (account.hold)
     return "HOLD";
   return "DONE";
@@ -1059,6 +1074,16 @@ function usePayoutStatus(props) {
       url += "#3";
     window.history.pushState(null, "", url);
   };
+  const onPaymentInfoClick = () => {
+    let url = props.cashPayoutsPageUrl;
+    url += "#4";
+    window.history.pushState(null, "", url);
+  };
+  const onNewFormClick = () => {
+    let url = props.cashPayoutsPageUrl;
+    url += "#3";
+    window.history.pushState(null, "", url);
+  };
   return {
     states: {
       loading,
@@ -1072,153 +1097,13 @@ function usePayoutStatus(props) {
     callbacks: {
       onTermsClick,
       onClick: render,
+      onPaymentInfoClick,
+      onNewFormClick,
     },
   };
 }
 
-const TAX_CONTEXT_NAMESPACE = "sq:tax-and-cash";
-const TAX_FORM_CONTEXT_NAMESPACE = "sq:tax-form-context";
-const USER_QUERY_NAMESPACE = "sq:user-info-query";
-const USER_FORM_CONTEXT_NAMESPACE = "sq:user-form-context";
-const FINANCE_NETWORK_SETTINGS_NAMESPACE = "sq:finance-network-settings";
-const COUNTRIES_NAMESPACE = "sq:countries:list";
-const SORTED_COUNTRIES_NAMESPACE = "sq:countries:sorted";
-const COUNTRIES_QUERY_NAMESPACE = "sq:countries:query";
-const CURRENCIES_NAMESPACE = "sq:currencies:list";
-const CURRENCIES_QUERY_NAMESPACE = "sq:currencies:query";
-const GET_USER = index_module.dist.gql `
-  query getUserTaxInfo {
-    user: viewer {
-      ... on User {
-        id
-        firstName
-        lastName
-        email
-        countryCode
-        customFields
-        rewards(limit: 1000) {
-          data {
-            statuses
-            partnerFundsTransfer {
-              id
-              status
-            }
-          }
-        }
-        managedIdentity {
-          uid
-          email
-          emailVerified
-        }
-        impactConnection {
-          connected
-          user {
-            firstName
-            lastName
-          }
-          publisher {
-            id
-            brandedSignup
-            countryCode
-            currency
-            billingAddress
-            billingCity
-            billingState
-            billingCountryCode
-            billingPostalCode
-            phoneNumberCountryCode
-            phoneNumber
-            taxInformation {
-              indirectTaxId
-              indirectTaxCountryCode
-              indirectTaxRegion
-              additionalTaxId
-              withholdingTaxId
-              withholdingTaxCountryCode
-            }
-            requiredTaxDocumentType
-            currentTaxDocument {
-              status
-              type
-              dateCreated
-            }
-            withdrawalSettings {
-              paymentMethod
-              paypalEmailAddress
-              bankCountry
-              bankAccountNumber
-              paymentSchedulingType
-              paymentThreshold
-              paymentDay
-            }
-            payoutsAccount {
-              hold
-              holdReasons
-              balance
-            }
-          }
-        }
-      }
-    }
-  }
-`;
-const GET_COUNTRIES = index_module.dist.gql `
-  query getCountries {
-    impactPayoutCountries(limit: 1000) {
-      data {
-        countryCode
-        displayName
-      }
-    }
-  }
-`;
-const GET_CURRENCIES = index_module.dist.gql `
-  query currencies($locale: RSLocale) {
-    currencies(limit: 300) {
-      data {
-        displayName(locale: $locale)
-        currencyCode
-      }
-    }
-  }
-`;
-const GET_FINANCE_NETWORK_SETTINGS = index_module.dist.gql `
-  query impactFinanceNetworkSettings(
-    $filter: ImpactFinanceNetworkSettingsFilterInput
-  ) {
-    impactFinanceNetworkSettings(filter: $filter, limit: 1000) {
-      data {
-        countryCode
-        currency
-        defaultFinancePaymentMethodId
-        thresholdOptions
-        withdrawalSettingId
-        internationalEftFee
-        foreignFxFee
-        defaultFxFee
-      }
-      totalCount
-    }
-  }
-`;
-const FORM_STEPS = 4;
-
-exports.COUNTRIES_NAMESPACE = COUNTRIES_NAMESPACE;
-exports.COUNTRIES_QUERY_NAMESPACE = COUNTRIES_QUERY_NAMESPACE;
-exports.CURRENCIES_NAMESPACE = CURRENCIES_NAMESPACE;
-exports.CURRENCIES_QUERY_NAMESPACE = CURRENCIES_QUERY_NAMESPACE;
-exports.FINANCE_NETWORK_SETTINGS_NAMESPACE = FINANCE_NETWORK_SETTINGS_NAMESPACE;
-exports.FORM_STEPS = FORM_STEPS;
-exports.GET_COUNTRIES = GET_COUNTRIES;
-exports.GET_CURRENCIES = GET_CURRENCIES;
-exports.GET_FINANCE_NETWORK_SETTINGS = GET_FINANCE_NETWORK_SETTINGS;
-exports.GET_USER = GET_USER;
-exports.SORTED_COUNTRIES_NAMESPACE = SORTED_COUNTRIES_NAMESPACE;
-exports.TAX_CONTEXT_NAMESPACE = TAX_CONTEXT_NAMESPACE;
-exports.TAX_FORM_CONTEXT_NAMESPACE = TAX_FORM_CONTEXT_NAMESPACE;
 exports.TAX_FORM_UPDATED_EVENT_KEY = TAX_FORM_UPDATED_EVENT_KEY;
-exports.USER_FORM_CONTEXT_NAMESPACE = USER_FORM_CONTEXT_NAMESPACE;
-exports.USER_QUERY_NAMESPACE = USER_QUERY_NAMESPACE;
 exports.VERIFF_COMPLETE_EVENT_KEY = VERIFF_COMPLETE_EVENT_KEY;
 exports.getStatus = getStatus;
 exports.usePayoutStatus = usePayoutStatus;

package/dist/cjs/{usePortalLogin-95e7c3a0.js → usePortalLogin-1c022d8d.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
-const index_module = require('./index.module-f267fad6.js');
+const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
+const index_module = require('./index.module-4f54e412.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
 const utils = require('./utils-6847bc06.js');
 

package/dist/cjs/{usePortalRegistrationForm-cdf6cb76.js → usePortalRegistrationForm-75b647fe.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
-const index_module = require('./index.module-f267fad6.js');
+const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
+const index_module = require('./index.module-4f54e412.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
-const useRegistrationFormState = require('./useRegistrationFormState-0f85c946.js');
+const useRegistrationFormState = require('./useRegistrationFormState-bbee6e7b.js');
 const AsYouType = require('./AsYouType-6788393a.js');
 
 const RegistrationFormQuery = index_module.dist.gql `

package/dist/cjs/{useReferralCodes-03024ff4.js → useReferralCodes-11cdf43b.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
-const index_module = require('./index.module-f267fad6.js');
+const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
+const index_module = require('./index.module-4f54e412.js');
 
 const GET_REFERRAL_CODES = index_module.dist.gql `
   query getCodes(

package/dist/cjs/{useReferralTable-207b4ff0.js → useReferralTable-90d4d6e9.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-const index = require('./index-8277cbb3.js');
-const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
-const index_module = require('./index.module-f267fad6.js');
-const reRender = require('./re-render-f59ad8a9.js');
-const useChildElements = require('./useChildElements-84b623d1.js');
+const index = require('./index-a43a63b4.js');
+const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
+const index_module = require('./index.module-4f54e412.js');
+const reRender = require('./re-render-d516138a.js');
+const useChildElements = require('./useChildElements-966c9041.js');
 
 const debug = domContextHooks_module.browser("sq:useReferralTable");
 const CSS_NAMESPACE = "sqm-referral-table";

package/dist/cjs/{useRegistrationFormState-0f85c946.js → useRegistrationFormState-bbee6e7b.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
-const index_module = require('./index.module-f267fad6.js');
+const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
+const index_module = require('./index.module-4f54e412.js');
 
 const REGISTRATION_FORM_STATE_CONTEXT = "sq:registration-form-state";
 const REGISTRATION_FORM_STATE_CONTEXT_INTERNAL = "sq:registration-form-state-internal";

package/dist/cjs/{useVerificationEmail-c2acd737.js → useVerificationEmail-9dd3997a.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
-const index_module = require('./index.module-f267fad6.js');
+const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
+const index_module = require('./index.module-4f54e412.js');
 
 const UserLookupQuery = index_module.dist.gql `
   query userLookup {

package/dist/cjs/{utilities-3577b60d.js → utilities-9a0c5e91.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
-const index_module = require('./index.module-f267fad6.js');
+const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
+const index_module = require('./index.module-4f54e412.js');
 
 // import { IntlMessageFormat } from 'intl-messageformat';
 function isMobile(breakPoint) {

package/dist/collection/components/sqm-header-logo/sqm-header-logo.js

@@ -6,6 +6,16 @@ import { Component, h, Host, Prop } from "@stencil/core";
  */
 export class HeroImage {
   constructor() {
+    /**
+     * @uiName Logo text size (in px)
+     * @uiWidget number
+     */
+    this.logoTextSize = 32;
+    /**
+     * @uiWidget color
+     * @uiName Logo text color
+     */
+    this.logoTextColor = "var(--sqm-primary-color, var(--sqm-text, #555555))";
     /**
      * Page participants are navigated to after clicking the header logo.
      *
@@ -14,7 +24,7 @@ export class HeroImage {
      */
     this.nextPage = "/";
     /**
-     * @uiName Logo height
+     * @uiName Logo height (in px)
      */
     this.height = 60;
     withHooks(this);
@@ -22,8 +32,10 @@ export class HeroImage {
   disconnectedCallback() { }
   render() {
     return (h(Host, null,
-      h("a", { href: this.nextPage, part: "sqm-link" },
-        h("img", { style: { height: `${this === null || this === void 0 ? void 0 : this.height}px` }, src: this === null || this === void 0 ? void 0 : this.imageUrl }))));
+      h("a", { href: this.nextPage, part: "sqm-link", style: { textDecoration: "none" } }, this.imageUrl ? (h("img", { style: { height: `${this === null || this === void 0 ? void 0 : this.height}px` }, src: this === null || this === void 0 ? void 0 : this.imageUrl })) : (h("h3", { style: {
+          fontSize: `${this.logoTextSize}px`,
+          color: this.logoTextColor,
+        } }, this.logoText)))));
   }
   static get is() { return "sqm-header-logo"; }
   static get encapsulation() { return "shadow"; }
@@ -37,7 +49,7 @@ export class HeroImage {
         "references": {}
       },
       "required": false,
-      "optional": false,
+      "optional": true,
       "docs": {
         "tags": [{
             "text": "ImageUpload",
@@ -54,6 +66,74 @@ export class HeroImage {
       "attribute": "image-url",
       "reflect": false
     },
+    "logoText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "Logo text",
+            "name": "uiName"
+          }],
+        "text": "This text will be used as the logo only if no Logo image is selected above. The image takes precedence."
+      },
+      "attribute": "logo-text",
+      "reflect": false
+    },
+    "logoTextSize": {
+      "type": "number",
+      "mutable": false,
+      "complexType": {
+        "original": "number",
+        "resolved": "number",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "Logo text size (in px)",
+            "name": "uiName"
+          }, {
+            "text": "number",
+            "name": "uiWidget"
+          }],
+        "text": ""
+      },
+      "attribute": "logo-text-size",
+      "reflect": false,
+      "defaultValue": "32"
+    },
+    "logoTextColor": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "color",
+            "name": "uiWidget"
+          }, {
+            "text": "Logo text color",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "logo-text-color",
+      "reflect": false,
+      "defaultValue": "\"var(--sqm-primary-color, var(--sqm-text, #555555))\""
+    },
     "nextPage": {
       "type": "string",
       "mutable": false,
@@ -90,7 +170,7 @@ export class HeroImage {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Logo height",
+            "text": "Logo height (in px)",
             "name": "uiName"
           }],
         "text": ""

package/dist/collection/components/sqm-navigation-menu/useNavigationMenu.js

@@ -1,5 +1,6 @@
 import { navigation, useTick, useUserIdentity, } from "@saasquatch/component-boilerplate";
-import { useEffect, useRef } from "@saasquatch/universal-hooks";
+import { useRef } from "@saasquatch/universal-hooks";
+import { useEffect } from "haunted";
 function handleMenu(e) {
   navigation.push(e.detail.item.value);
 }

package/dist/collection/components/sqm-password-field/sqm-password-field.js

@@ -6,7 +6,7 @@ import deepmerge from "deepmerge";
 import { getProps } from "../../utils/utils";
 import { validateNewPassword } from "./passwordValidation";
 import { PortalResetPasswordView, } from "./sqm-password-field-view";
-import { usePasswordField, } from "./usePasswordField";
+import { usePasswordField } from "./usePasswordField";
 /**
  * @uiName Form Password Field
  * @validParents ["sqm-portal-register","sqm-portal-registration-form", "sqm-portal-google-registration-form"]
@@ -238,8 +238,7 @@ export class PortalPasswordField {
         "resolved": "PasswordFieldViewDemoProps",
         "references": {
           "PasswordFieldViewDemoProps": {
-            "location": "import",
-            "path": "./usePasswordField"
+            "location": "local"
           }
         }
       },

package/dist/collection/components/sqm-portal-container/sqm-portal-container-view.js

@@ -1,4 +1,4 @@
-import { h, Host } from "@stencil/core";
+import { h } from "@stencil/core";
 import { createStyleSheet } from "../../styling/JSS";
 export function PortalContainerView(props, children) {
   const style = {
@@ -24,10 +24,9 @@ export function PortalContainerView(props, children) {
   }`;
   const sheet = createStyleSheet(style);
   const styleString = sheet.toString();
-  return (h(Host, null,
-    h("div", { class: sheet.classes.Container, part: "sqm-base" },
-      h("style", { type: "text/css" },
-        vanillaStyle,
-        styleString),
-      children)));
+  return (h("div", { class: sheet.classes.Container, part: "sqm-base" },
+    h("style", { type: "text/css" },
+      vanillaStyle,
+      styleString),
+    children));
 }

package/dist/collection/components/sqm-portal-footer/sqm-portal-footer-view.js

@@ -3,14 +3,14 @@ import { createStyleSheet } from "../../styling/JSS";
 import { intl } from "../../global/global";
 import { PoweredByImg } from "./PoweredByImg";
 const vanillaStyle = `
-  :host{
+  :host {
     margin: 0 auto;
     width: 100%;
   }
-  a{
+  a {
     cursor:pointer;
     color: var(--sqm-text-subdued);
-    text-decoration: none ;
+    text-decoration: none;
   }
 `;
 export function PortalFooterView(props) {

package/dist/collection/components/sqm-portal-protected-route/usePortalProtectedRoute.js

@@ -1,5 +1,5 @@
 import { useUserIdentity, navigation, useCurrentPage, } from "@saasquatch/component-boilerplate";
-import { useEffect } from "@saasquatch/universal-hooks";
+import { useEffect } from "haunted";
 export function usePortalProtectedRoute({ requireEmailVerification, redirectTo, redirectToUnverified, }) {
   var _a;
   const userIdent = useUserIdentity();

package/dist/collection/components/sqm-portal-verify-email/usePortalVerifyEmail.js

@@ -1,6 +1,6 @@
 import { navigation, setUserIdentity, useUserIdentity, useVerifyEmailMutation, } from "@saasquatch/component-boilerplate";
+import { useEffect, useState } from "@saasquatch/stencil-hooks";
 import { sanitizeUrlPath } from "../../utils/utils";
-import { useEffect, useState } from "@saasquatch/universal-hooks";
 let globalPromise = null;
 export function usePortalVerifyEmail({ nextPage, failedPage, verifySuccessText, verifyEmailText, verifyInvalidText, networkErrorMessage, continueText, }) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;

package/dist/collection/components/sqm-stencilbook/sqm-stencilbook.js

@@ -100,11 +100,13 @@ import * as LeadForm from "../sqm-lead-form/LeadForm.stories";
 import * as LeadInputField from "../sqm-lead-form/LeadInputField.stories";
 import * as LeadFormDropdownField from "../sqm-lead-form/LeadFormDropdownField.stories";
 import * as LeadCheckboxField from "../sqm-lead-form/LeadCheckboxField.stories";
+import * as UserInfoFormView from "../tax-and-cash/sqm-user-info-form/UserInfoFormView.stories";
 import { ShadowViewAddon } from "../../ShadowViewAddon";
 import { CucumberAddon } from "./CucumberAddon";
 import { HookStoryAddon } from "./HookStoryAddon";
 import * as Themes from "./Themes";
 const stories = [
+  UserInfoFormView,
   InvoiceTable,
   InvoiceTableCells,
   UseInvoiceTableCells,

package/dist/collection/components/tax-and-cash/TaxForm.stories.js

@@ -31,6 +31,7 @@ const stepOneProps = {
     },
   },
   data: {
+    partnerData: {},
     regionLabelEnum: "STATE",
     regions: [],
     phoneCountries: [
@@ -115,6 +116,10 @@ const stepOneProps = {
         displayName: "USD",
       },
     ],
+    userData: {
+      firstName: "",
+      lastName: "",
+    },
   },
   refs: {
     formRef: { current: null },

package/dist/collection/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.js

@@ -125,10 +125,6 @@ export function useBankingInfoForm(props) {
   const paymentMethodChecked = !hasPayPal
     ? "toBankAccount"
     : _paymentMethodChecked;
-  useEffect(() => {
-    // reset redirect hash
-    window.location.hash = "";
-  }, []);
   useEffect(() => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j;
     if (!userData)
@@ -300,6 +296,7 @@ export function useBankingInfoForm(props) {
     }
     await runMutation(formData, token);
     setShowModal(false);
+    window.location.hash = "";
   };
   const onVerification = async (token) => {
     host.dispatchEvent(new CustomEvent(VERIFICATION_EVENT_KEY, {
@@ -329,7 +326,15 @@ export function useBankingInfoForm(props) {
       setBankCountry: updateBankCountry,
       setPaymentMethodChecked,
       setPaymentScheduleChecked,
-      onBack: () => setStep("/dashboard"),
+      onBack: () => {
+        // return to dashboard
+        if (window.location.hash) {
+          window.location.hash = "";
+        }
+        else {
+          setStep("/dashboard");
+        }
+      },
       setCountrySearch,
       onVerification,
       onVerificationHide: () => onVerification(null),