@saasquatch/mint-components 2.0.5-2 → 2.0.5

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-1c022d8d.js

@@ -0,0 +1,74 @@
+'use strict';
+
+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');
+
+function usePortalLogin(props) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+  const [request, { loading, errors, data }] = index_module.je();
+  const [loginWithGoogle, { loading: gLoading, errors: gErrors }] = index_module.hn();
+  const [error, setError] = domContextHooks_module.useState("");
+  const urlParams = new URLSearchParams(index_module.jn.location.search);
+  const nextPageOverride = urlParams.get("nextPage");
+  const googleSubmit = async (e) => {
+    var _a, _b, _c, _d;
+    if (!((_a = e.detail) === null || _a === void 0 ? void 0 : _a.credential))
+      return;
+    const result = await loginWithGoogle({ idToken: e.detail.credential });
+    if (result instanceof Error) {
+      if ((result === null || result === void 0 ? void 0 : result.message) || ((_b = result === null || result === void 0 ? void 0 : result["response"]) === null || _b === void 0 ? void 0 : _b["error"]))
+        if ((_c = result === null || result === void 0 ? void 0 : result["response"]) === null || _c === void 0 ? void 0 : _c["errors"].some((error) => { var _a; return ((_a = error === null || error === void 0 ? void 0 : error["extensions"]) === null || _a === void 0 ? void 0 : _a["message"]) === "Invalid Credentials."; })) {
+          setError(props.googleUserNotRegisteredError);
+        }
+        else {
+          setError(props.networkErrorMessage);
+        }
+      return;
+    }
+    if ((_d = result.authenticateManagedIdentityWithGoogle) === null || _d === void 0 ? void 0 : _d.token) {
+      urlParams.delete("nextPage");
+      const url = utils.sanitizeUrlPath(nextPageOverride || props.nextPage);
+      index_module.jn.push(url.href);
+    }
+  };
+  const submit = async (event) => {
+    var _a, _b;
+    setError("");
+    let formData = event.detail.formData;
+    formData === null || formData === void 0 ? void 0 : formData.forEach((value, key) => {
+      jsonpointer.jsonpointer.set(formData, key, value);
+    });
+    const variables = { email: formData.email, password: formData.password };
+    const result = await request(variables);
+    if (result instanceof Error) {
+      if ((result === null || result === void 0 ? void 0 : result.message) || ((_a = result === null || result === void 0 ? void 0 : result["response"]) === null || _a === void 0 ? void 0 : _a["error"]))
+        setError(props.networkErrorMessage);
+      return;
+    }
+    if ((_b = result.authenticateManagedIdentityWithEmailAndPassword) === null || _b === void 0 ? void 0 : _b.token) {
+      urlParams.delete("nextPage");
+      const url = utils.sanitizeUrlPath(nextPageOverride || props.nextPage);
+      index_module.jn.push(url.href);
+    }
+  };
+  const errorMessage = ((_d = (_c = (_b = (_a = errors === null || errors === void 0 ? void 0 : errors.response) === null || _a === void 0 ? void 0 : _a.errors) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.extensions) === null || _d === void 0 ? void 0 : _d.message) || ((_g = (_f = (_e = errors === null || errors === void 0 ? void 0 : errors.response) === null || _e === void 0 ? void 0 : _e.errors) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g.message) ||
+    error;
+  const googleErrorMessage = ((_l = (_k = (_j = (_h = gErrors === null || gErrors === void 0 ? void 0 : gErrors.response) === null || _h === void 0 ? void 0 : _h.errors) === null || _j === void 0 ? void 0 : _j[0]) === null || _k === void 0 ? void 0 : _k.extensions) === null || _l === void 0 ? void 0 : _l.message) || ((_p = (_o = (_m = gErrors === null || gErrors === void 0 ? void 0 : gErrors.response) === null || _m === void 0 ? void 0 : _m.errors) === null || _o === void 0 ? void 0 : _o[0]) === null || _p === void 0 ? void 0 : _p.message) ||
+    error;
+  return {
+    states: {
+      loading: loading || gLoading,
+      error: errorMessage || googleErrorMessage,
+      registerPath: props.registerPath,
+      forgotPasswordPath: props.forgotPasswordPath,
+    },
+    callbacks: {
+      googleSubmit,
+      submit,
+    },
+  };
+}
+
+exports.usePortalLogin = usePortalLogin;

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

@@ -1,10 +1,10 @@
 '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-bbee6e7b.js');
 const AsYouType = require('./AsYouType-6788393a.js');
-const useRegistrationFormState = require('./useRegistrationFormState-0f85c946.js');
 
 const RegistrationFormQuery = index_module.dist.gql `
   query RegistrationFormQuery($key: String!) {

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/collection-manifest.json

@@ -142,16 +142,6 @@
         "sqm-referral-codes"
       ]
     },
-    {
-      "components": [
-        "sqm-portal-forgot-password",
-        "sqm-portal-google-login",
-        "sqm-portal-login",
-        "sqm-portal-register",
-        "sqm-portal-registration-form",
-        "sqm-portal-verify-email"
-      ]
-    },
     {
       "components": [
         "sqm-rewards-table",

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();