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

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

@@ -16,7 +16,7 @@ const useChildElements = require('./useChildElements-e0d44916.js');
 const luxon = require('./luxon-05098e19.js');
 const useReferralTable = require('./useReferralTable-a76adb0d.js');
 const utils = require('./utils-6847bc06.js');
-const sqmInvoiceTableView = require('./sqm-invoice-table-view-c26fb670.js');
+const sqmInvoiceTableView = require('./sqm-invoice-table-view-7739a5b4.js');
 
 const TAX_CONTEXT_NAMESPACE = "sq:tax-and-cash";
 const TAX_FORM_CONTEXT_NAMESPACE = "sq:tax-form-context";
@@ -69,19 +69,20 @@ const GET_USER = index_module.dist.gql `
               type
               dateCreated
             }
-            withdrawalSettings {
-              paymentMethod
-              paypalEmailAddress
-              bankCountry
-              bankAccountNumber
-              paymentSchedulingType
-              paymentThreshold
-              paymentDay
-            }
-            payoutsAccount {
-              hold
-              balance
-            }
+            # !!!!! UNCOMMENT ME !!!!!!!!
+            # withdrawalSettings {
+            #   paymentMethod
+            #   paypalEmailAddress
+            #   bankCountry
+            #   bankAccountNumber
+            #   paymentSchedulingType
+            #   paymentThreshold
+            #   paymentDay
+            # }
+            # payoutsAccount {
+            #   hold
+            #   balance
+            # }
           }
         }
       }
@@ -1718,17 +1719,11 @@ function useDocusignForm(props) {
           accountId: user.accountId,
         },
       });
-      console.log({ result });
       if (!result || result.message)
         throw new Error();
       // @ts-expect-error: no data type for result
       if (!result.completeImpactPublisherTaxDocument.success)
         throw new Error();
-      setStep(context.overrideNextStep ||
-        !!(publisher === null || publisher === void 0 ? void 0 : publisher.withdrawalSettings) ||
-        !(publisher === null || publisher === void 0 ? void 0 : publisher.brandedSignup)
-        ? "/dashboard"
-        : "/4");
     }
     catch (e) {
       setErrors({ general: true });
@@ -1737,6 +1732,13 @@ function useDocusignForm(props) {
       setLoading(false);
     }
   };
+  const progressStep = () => {
+    setStep(context.overrideNextStep ||
+      !!(publisher === null || publisher === void 0 ? void 0 : publisher.withdrawalSettings) ||
+      !(publisher === null || publisher === void 0 ? void 0 : publisher.brandedSignup)
+      ? "/dashboard"
+      : "/4");
+  };
   const allLoading = userLoading || documentLoading || loading;
   return {
     states: {
@@ -1763,6 +1765,7 @@ function useDocusignForm(props) {
     callbacks: {
       setDocusignStatus,
       completeDocument,
+      progressStep,
       setParticipantType,
     },
     text: props.getTextProps(),
@@ -1836,8 +1839,7 @@ const DocusignLoadingView = () => {
       index.h("sl-spinner", { style: { fontSize: "50px", margin: "40px" } }))));
 };
 const DocusignIframe = ({ states, data, callbacks, text, }) => {
-  if (states.urlLoading)
-    return index.h(DocusignLoadingView, null);
+  const [iFrameHeight, setiFrameHeight] = stencilHooks_module.useState("100%");
   // TODO: Confirm impact domain before launch
   const allowedDomains = [
     "referralsaasquatch.com",
@@ -1847,9 +1849,15 @@ const DocusignIframe = ({ states, data, callbacks, text, }) => {
     const allowed = allowedDomains.some((d) => { var _a; return (_a = e.origin) === null || _a === void 0 ? void 0 : _a.includes(d); });
     if (!allowed)
       return;
-    if (e.data === "Complyexchange Thank you page Exit") {
+    if (typeof e.data === "number") {
+      setiFrameHeight(e.data + "px");
+    }
+    if (e.data === "Complyexchange Thank you page Load") {
       callbacks.completeDocument();
     }
+    if (e.data == "Complyexchange Thank you page Exit") {
+      callbacks.progressStep();
+    }
   }, []);
   stencilHooks_module.useEffect(() => {
     window.addEventListener("message", callback, false);
@@ -1857,14 +1865,15 @@ const DocusignIframe = ({ states, data, callbacks, text, }) => {
       window.removeEventListener("message", callback, false);
     };
   }, []);
+  if (states.urlLoading)
+    return index.h(DocusignLoadingView, null);
   if (DOCUSIGN_ERROR_STATES.includes(states.status)) {
     return index.h(DocusignErrorView, { text: text });
   }
   if (DOCUSIGN_EXPIRED_STATES.includes(states.status))
     return index.h(DocusignExpiredView, { text: text });
-  return (index.h("iframe", { frameBorder: "0", src: data.documentUrl, width: "100%", height: "1000px" }));
+  return (index.h("iframe", { scrolling: "yes", frameBorder: "0", src: data.documentUrl, width: "100%", height: iFrameHeight }));
 };
-// NWH4QF
 
 const style$2 = {
   FormWrapper: {
@@ -2041,11 +2050,7 @@ const DocusignFormView = (props) => {
               ? text.taxFormDescriptionIndividualParticipant
               : text.taxFormDescriptionBusinessEntity,
         }, { documentType: documentTypeString }))),
-      index.h("div", null,
-        index.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "primary", open: true, class: classes.InfoAlert },
-          index.h("sl-icon", { class: classes.InfoIcon, slot: "icon", name: "info-circle" }),
-          text.docusignSessionWarning),
-        slots.docusignIframeSlot))));
+      index.h("div", null, slots.docusignIframeSlot))));
 };
 
 const DocusignForm = class {
@@ -2174,6 +2179,7 @@ const DocusignForm = class {
       }, data: {
         documentUrl: props.data.documentUrl,
       }, callbacks: {
+        progressStep: props.callbacks.progressStep,
         completeDocument: props.callbacks.completeDocument,
       }, text: props.text }));
     return (index.h(index.Host, null, index.h(DocusignFormView, { callbacks: props.callbacks, states: props.states, text: props.text, slots: {
@@ -3771,6 +3777,9 @@ function useTaxAndCash() {
     namespace: USER_QUERY_NAMESPACE,
     query: GET_USER,
     skip: !user,
+    options: {
+      batch: false,
+    },
   });
   const countryCode = ((_c = (_b = (_a = data === null || data === void 0 ? void 0 : data.user) === null || _a === void 0 ? void 0 : _a.impactConnection) === null || _b === void 0 ? void 0 : _b.publisher) === null || _c === void 0 ? void 0 : _c.countryCode) ||
     userFormContext.countryCode;
@@ -6704,8 +6713,8 @@ const UserInfoFormView = (props) => {
               } }), (_e = data === null || data === void 0 ? void 0 : data.countries) === null || _e === void 0 ? void 0 :
             _e.map((c) => (index.h("sl-menu-item", { value: c.countryCode }, c.displayName))), (_f = data === null || data === void 0 ? void 0 : data.allCountries) === null || _f === void 0 ? void 0 :
             _f.map((c) => (index.h("sl-menu-item", { value: c.countryCode, style: { display: "none" } }, c.displayName)))),
-          index.h("div", { style: { display: "flex", gap: "4px" } },
-            index.h("sl-select", Object.assign({ id: "phoneNumberCountryCode", exportparts: "label: input-label, base: input-base", name: "/phoneNumberCountryCode", label: text.phoneNumber, style: { minWidth: "140px" }, value: formState.phoneNumberCountryCode, disabled: states.disabled || states.isPartner, ref: (el) => (refs.phoneCountryRef.current = el) }, (((_g = formState.errors) === null || _g === void 0 ? void 0 : _g.phoneNumberCountryCode) ? {
+          index.h("div", { style: { display: "flex", gap: "4px", alignItems: "flex-end" } },
+            index.h("sl-select", Object.assign({ id: "phoneNumberCountryCode", exportparts: "label: input-label, base: input-base", name: "/phoneNumberCountryCode", label: text.phoneNumber, style: { minWidth: "120px" }, value: formState.phoneNumberCountryCode, disabled: states.disabled || states.isPartner, ref: (el) => (refs.phoneCountryRef.current = el) }, (((_g = formState.errors) === null || _g === void 0 ? void 0 : _g.phoneNumberCountryCode) ? {
               class: classes.ErrorInput,
             }
               : {}), { required: true, "onSl-select": (e) => callbacks.onFormChange("phoneCountry", e) }),

package/dist/cjs/{sqm-invoice-table-view-c26fb670.js → sqm-invoice-table-view-7739a5b4.js}

@@ -740,6 +740,7 @@ const docusignFormProps = {
     },
   },
   callbacks: {
+    progressStep: () => { },
     completeDocument: async () => { },
     setParticipantType: (p) => console.log({ p }),
     setDocusignStatus: (status) => console.log(status),

package/dist/cjs/{sqm-navigation-sidebar-view-dd53f947.js → sqm-navigation-sidebar-view-c7fb69d4.js}

@@ -17,7 +17,13 @@ const vanillaStyle = `
   100% {
     left: 0;
   }
-} 
+}
+
+@media screen and (max-width: 570px) {
+  :host {
+    width: 0;
+  }
+}
 
 @media screen and (min-width: 800px) {
   :host {

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
 const index_module = require('./index.module-df530553.js');
-const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-dd53f947.js');
+const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-c7fb69d4.js');
 
 const NavigationSidebar = class {
   constructor(hostRef) {

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

@@ -20,7 +20,7 @@ require('./index-8c6255f5.js');
 const emailRegistrationView = require('./email-registration-view-5170d9f1.js');
 const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-5a3d4a88.js');
 const sqmLogoutCurrentUserView = require('./sqm-logout-current-user-view-c9f18d96.js');
-const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-dd53f947.js');
+const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-c7fb69d4.js');
 const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-a125ec5f.js');
 const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-07161940.js');
 const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-969c49ed.js');
@@ -30,7 +30,7 @@ const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-96f
 const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-7ffcc0d4.js');
 const ShadowViewAddon = require('./ShadowViewAddon-21aa34f8.js');
 const sqmPortalContainerView = require('./sqm-portal-container-view-5fb2ad49.js');
-const sqmInvoiceTableView = require('./sqm-invoice-table-view-c26fb670.js');
+const sqmInvoiceTableView = require('./sqm-invoice-table-view-7739a5b4.js');
 
 /**
  * lodash (Custom Build) <https://lodash.com/>

package/dist/collection/components/sqm-navigation-sidebar/sqm-navigation-sidebar-view.js

@@ -14,7 +14,13 @@ const vanillaStyle = `
   100% {
     left: 0;
   }
-} 
+}
+
+@media screen and (max-width: 570px) {
+  :host {
+    width: 0;
+  }
+}
 
 @media screen and (min-width: 800px) {
   :host {

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

@@ -236,6 +236,7 @@ const docusignFormProps = {
     },
   },
   callbacks: {
+    progressStep: () => { },
     completeDocument: async () => { },
     setParticipantType: (p) => console.log({ p }),
     setDocusignStatus: (status) => console.log(status),

package/dist/collection/components/tax-and-cash/sqm-docusign-form/docusign-iframe/DocusignIframe.js

@@ -1,6 +1,6 @@
 import { h } from "@stencil/core";
 import { createStyleSheet } from "../../../../styling/JSS";
-import { useCallback, useEffect, } from "@saasquatch/universal-hooks";
+import { useCallback, useEffect, useState, } from "@saasquatch/universal-hooks";
 import { DOCUSIGN_EXPIRED_STATES, DOCUSIGN_ERROR_STATES, } from "../useDocusignForm";
 const style = {
   DocusignStatusContainer: {
@@ -61,8 +61,7 @@ export const DocusignLoadingView = () => {
       h("sl-spinner", { style: { fontSize: "50px", margin: "40px" } }))));
 };
 export const DocusignIframe = ({ states, data, callbacks, text, }) => {
-  if (states.urlLoading)
-    return h(DocusignLoadingView, null);
+  const [iFrameHeight, setiFrameHeight] = useState("100%");
   // TODO: Confirm impact domain before launch
   const allowedDomains = [
     "referralsaasquatch.com",
@@ -72,9 +71,15 @@ export const DocusignIframe = ({ states, data, callbacks, text, }) => {
     const allowed = allowedDomains.some((d) => { var _a; return (_a = e.origin) === null || _a === void 0 ? void 0 : _a.includes(d); });
     if (!allowed)
       return;
-    if (e.data === "Complyexchange Thank you page Exit") {
+    if (typeof e.data === "number") {
+      setiFrameHeight(e.data + "px");
+    }
+    if (e.data === "Complyexchange Thank you page Load") {
       callbacks.completeDocument();
     }
+    if (e.data == "Complyexchange Thank you page Exit") {
+      callbacks.progressStep();
+    }
   }, []);
   useEffect(() => {
     window.addEventListener("message", callback, false);
@@ -82,11 +87,12 @@ export const DocusignIframe = ({ states, data, callbacks, text, }) => {
       window.removeEventListener("message", callback, false);
     };
   }, []);
+  if (states.urlLoading)
+    return h(DocusignLoadingView, null);
   if (DOCUSIGN_ERROR_STATES.includes(states.status)) {
     return h(DocusignErrorView, { text: text });
   }
   if (DOCUSIGN_EXPIRED_STATES.includes(states.status))
     return h(DocusignExpiredView, { text: text });
-  return (h("iframe", { frameBorder: "0", src: data.documentUrl, width: "100%", height: "1000px" }));
+  return (h("iframe", { scrolling: "yes", frameBorder: "0", src: data.documentUrl, width: "100%", height: iFrameHeight }));
 };
-// NWH4QF

package/dist/collection/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.js

@@ -177,9 +177,5 @@ export const DocusignFormView = (props) => {
               ? text.taxFormDescriptionIndividualParticipant
               : text.taxFormDescriptionBusinessEntity,
         }, { documentType: documentTypeString }))),
-      h("div", null,
-        h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "primary", open: true, class: classes.InfoAlert },
-          h("sl-icon", { class: classes.InfoIcon, slot: "icon", name: "info-circle" }),
-          text.docusignSessionWarning),
-        slots.docusignIframeSlot))));
+      h("div", null, slots.docusignIframeSlot))));
 };

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

@@ -137,6 +137,7 @@ export class DocusignForm {
       }, data: {
         documentUrl: props.data.documentUrl,
       }, callbacks: {
+        progressStep: props.callbacks.progressStep,
         completeDocument: props.callbacks.completeDocument,
       }, text: props.text }));
     return (h(Host, null,

package/dist/collection/components/tax-and-cash/sqm-docusign-form/useDocusignForm.js

@@ -95,17 +95,11 @@ export function useDocusignForm(props) {
           accountId: user.accountId,
         },
       });
-      console.log({ result });
       if (!result || result.message)
         throw new Error();
       // @ts-expect-error: no data type for result
       if (!result.completeImpactPublisherTaxDocument.success)
         throw new Error();
-      setStep(context.overrideNextStep ||
-        !!(publisher === null || publisher === void 0 ? void 0 : publisher.withdrawalSettings) ||
-        !(publisher === null || publisher === void 0 ? void 0 : publisher.brandedSignup)
-        ? "/dashboard"
-        : "/4");
     }
     catch (e) {
       setErrors({ general: true });
@@ -114,6 +108,13 @@ export function useDocusignForm(props) {
       setLoading(false);
     }
   };
+  const progressStep = () => {
+    setStep(context.overrideNextStep ||
+      !!(publisher === null || publisher === void 0 ? void 0 : publisher.withdrawalSettings) ||
+      !(publisher === null || publisher === void 0 ? void 0 : publisher.brandedSignup)
+      ? "/dashboard"
+      : "/4");
+  };
   const allLoading = userLoading || documentLoading || loading;
   return {
     states: {
@@ -140,6 +141,7 @@ export function useDocusignForm(props) {
     callbacks: {
       setDocusignStatus,
       completeDocument,
+      progressStep,
       setParticipantType,
     },
     text: props.getTextProps(),

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

@@ -50,19 +50,20 @@ export const GET_USER = gql `
               type
               dateCreated
             }
-            withdrawalSettings {
-              paymentMethod
-              paypalEmailAddress
-              bankCountry
-              bankAccountNumber
-              paymentSchedulingType
-              paymentThreshold
-              paymentDay
-            }
-            payoutsAccount {
-              hold
-              balance
-            }
+            # !!!!! UNCOMMENT ME !!!!!!!!
+            # withdrawalSettings {
+            #   paymentMethod
+            #   paypalEmailAddress
+            #   bankCountry
+            #   bankAccountNumber
+            #   paymentSchedulingType
+            #   paymentThreshold
+            #   paymentDay
+            # }
+            # payoutsAccount {
+            #   hold
+            #   balance
+            # }
           }
         }
       }

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

@@ -57,6 +57,9 @@ export function useTaxAndCash() {
     namespace: USER_QUERY_NAMESPACE,
     query: GET_USER,
     skip: !user,
+    options: {
+      batch: false,
+    },
   });
   const countryCode = ((_c = (_b = (_a = data === null || data === void 0 ? void 0 : data.user) === null || _a === void 0 ? void 0 : _a.impactConnection) === null || _b === void 0 ? void 0 : _b.publisher) === null || _c === void 0 ? void 0 : _c.countryCode) ||
     userFormContext.countryCode;

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

@@ -191,8 +191,8 @@ export const UserInfoFormView = (props) => {
               } }), (_e = data === null || data === void 0 ? void 0 : data.countries) === null || _e === void 0 ? void 0 :
             _e.map((c) => (h("sl-menu-item", { value: c.countryCode }, c.displayName))), (_f = data === null || data === void 0 ? void 0 : data.allCountries) === null || _f === void 0 ? void 0 :
             _f.map((c) => (h("sl-menu-item", { value: c.countryCode, style: { display: "none" } }, c.displayName)))),
-          h("div", { style: { display: "flex", gap: "4px" } },
-            h("sl-select", Object.assign({ id: "phoneNumberCountryCode", exportparts: "label: input-label, base: input-base", name: "/phoneNumberCountryCode", label: text.phoneNumber, style: { minWidth: "140px" }, value: formState.phoneNumberCountryCode, disabled: states.disabled || states.isPartner, ref: (el) => (refs.phoneCountryRef.current = el) }, (((_g = formState.errors) === null || _g === void 0 ? void 0 : _g.phoneNumberCountryCode) ? {
+          h("div", { style: { display: "flex", gap: "4px", alignItems: "flex-end" } },
+            h("sl-select", Object.assign({ id: "phoneNumberCountryCode", exportparts: "label: input-label, base: input-base", name: "/phoneNumberCountryCode", label: text.phoneNumber, style: { minWidth: "120px" }, value: formState.phoneNumberCountryCode, disabled: states.disabled || states.isPartner, ref: (el) => (refs.phoneCountryRef.current = el) }, (((_g = formState.errors) === null || _g === void 0 ? void 0 : _g.phoneNumberCountryCode) ? {
               class: classes.ErrorInput,
             }
               : {}), { required: true, "onSl-select": (e) => callbacks.onFormChange("phoneCountry", e) }),

package/dist/esm/sqm-banking-info-form_16.entry.js

@@ -12,7 +12,7 @@ import { u as useChildElements } from './useChildElements-32e1bda1.js';
 import { l as luxon } from './luxon-7600be8d.js';
 import { g as generateUserError } from './useReferralTable-f4de0650.js';
 import { g as getProps, l as luxonLocale } from './utils-334c1e34.js';
-import { t as taxTypeToName, v as validTaxDocument, a as INDIRECT_TAX_SPAIN_REGIONS, b as INDIRECT_TAX_PROVINCES, g as getCountryObj, O as OtherRegionSlotView, I as InvoiceTableView, E as ErrorView, L as LoadingView, c as vatLabels, G as GeneralLoadingView, f as formatErrorMessage, d as validateBillingField, o as objectIsFull, A as ADDRESS_REGIONS } from './sqm-invoice-table-view-2175569f.js';
+import { t as taxTypeToName, v as validTaxDocument, a as INDIRECT_TAX_SPAIN_REGIONS, b as INDIRECT_TAX_PROVINCES, g as getCountryObj, O as OtherRegionSlotView, I as InvoiceTableView, E as ErrorView, L as LoadingView, c as vatLabels, G as GeneralLoadingView, f as formatErrorMessage, d as validateBillingField, o as objectIsFull, A as ADDRESS_REGIONS } from './sqm-invoice-table-view-fb2f95b9.js';
 
 const TAX_CONTEXT_NAMESPACE = "sq:tax-and-cash";
 const TAX_FORM_CONTEXT_NAMESPACE = "sq:tax-form-context";
@@ -65,19 +65,20 @@ const GET_USER = dist.gql `
               type
               dateCreated
             }
-            withdrawalSettings {
-              paymentMethod
-              paypalEmailAddress
-              bankCountry
-              bankAccountNumber
-              paymentSchedulingType
-              paymentThreshold
-              paymentDay
-            }
-            payoutsAccount {
-              hold
-              balance
-            }
+            # !!!!! UNCOMMENT ME !!!!!!!!
+            # withdrawalSettings {
+            #   paymentMethod
+            #   paypalEmailAddress
+            #   bankCountry
+            #   bankAccountNumber
+            #   paymentSchedulingType
+            #   paymentThreshold
+            #   paymentDay
+            # }
+            # payoutsAccount {
+            #   hold
+            #   balance
+            # }
           }
         }
       }
@@ -1714,17 +1715,11 @@ function useDocusignForm(props) {
           accountId: user.accountId,
         },
       });
-      console.log({ result });
       if (!result || result.message)
         throw new Error();
       // @ts-expect-error: no data type for result
       if (!result.completeImpactPublisherTaxDocument.success)
         throw new Error();
-      setStep(context.overrideNextStep ||
-        !!(publisher === null || publisher === void 0 ? void 0 : publisher.withdrawalSettings) ||
-        !(publisher === null || publisher === void 0 ? void 0 : publisher.brandedSignup)
-        ? "/dashboard"
-        : "/4");
     }
     catch (e) {
       setErrors({ general: true });
@@ -1733,6 +1728,13 @@ function useDocusignForm(props) {
       setLoading(false);
     }
   };
+  const progressStep = () => {
+    setStep(context.overrideNextStep ||
+      !!(publisher === null || publisher === void 0 ? void 0 : publisher.withdrawalSettings) ||
+      !(publisher === null || publisher === void 0 ? void 0 : publisher.brandedSignup)
+      ? "/dashboard"
+      : "/4");
+  };
   const allLoading = userLoading || documentLoading || loading;
   return {
     states: {
@@ -1759,6 +1761,7 @@ function useDocusignForm(props) {
     callbacks: {
       setDocusignStatus,
       completeDocument,
+      progressStep,
       setParticipantType,
     },
     text: props.getTextProps(),
@@ -1832,8 +1835,7 @@ const DocusignLoadingView = () => {
       h("sl-spinner", { style: { fontSize: "50px", margin: "40px" } }))));
 };
 const DocusignIframe = ({ states, data, callbacks, text, }) => {
-  if (states.urlLoading)
-    return h(DocusignLoadingView, null);
+  const [iFrameHeight, setiFrameHeight] = useState("100%");
   // TODO: Confirm impact domain before launch
   const allowedDomains = [
     "referralsaasquatch.com",
@@ -1843,9 +1845,15 @@ const DocusignIframe = ({ states, data, callbacks, text, }) => {
     const allowed = allowedDomains.some((d) => { var _a; return (_a = e.origin) === null || _a === void 0 ? void 0 : _a.includes(d); });
     if (!allowed)
       return;
-    if (e.data === "Complyexchange Thank you page Exit") {
+    if (typeof e.data === "number") {
+      setiFrameHeight(e.data + "px");
+    }
+    if (e.data === "Complyexchange Thank you page Load") {
       callbacks.completeDocument();
     }
+    if (e.data == "Complyexchange Thank you page Exit") {
+      callbacks.progressStep();
+    }
   }, []);
   useEffect(() => {
     window.addEventListener("message", callback, false);
@@ -1853,14 +1861,15 @@ const DocusignIframe = ({ states, data, callbacks, text, }) => {
       window.removeEventListener("message", callback, false);
     };
   }, []);
+  if (states.urlLoading)
+    return h(DocusignLoadingView, null);
   if (DOCUSIGN_ERROR_STATES.includes(states.status)) {
     return h(DocusignErrorView, { text: text });
   }
   if (DOCUSIGN_EXPIRED_STATES.includes(states.status))
     return h(DocusignExpiredView, { text: text });
-  return (h("iframe", { frameBorder: "0", src: data.documentUrl, width: "100%", height: "1000px" }));
+  return (h("iframe", { scrolling: "yes", frameBorder: "0", src: data.documentUrl, width: "100%", height: iFrameHeight }));
 };
-// NWH4QF
 
 const style$2 = {
   FormWrapper: {
@@ -2037,11 +2046,7 @@ const DocusignFormView = (props) => {
               ? text.taxFormDescriptionIndividualParticipant
               : text.taxFormDescriptionBusinessEntity,
         }, { documentType: documentTypeString }))),
-      h("div", null,
-        h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "primary", open: true, class: classes.InfoAlert },
-          h("sl-icon", { class: classes.InfoIcon, slot: "icon", name: "info-circle" }),
-          text.docusignSessionWarning),
-        slots.docusignIframeSlot))));
+      h("div", null, slots.docusignIframeSlot))));
 };
 
 const DocusignForm = class {
@@ -2170,6 +2175,7 @@ const DocusignForm = class {
       }, data: {
         documentUrl: props.data.documentUrl,
       }, callbacks: {
+        progressStep: props.callbacks.progressStep,
         completeDocument: props.callbacks.completeDocument,
       }, text: props.text }));
     return (h(Host, null, h(DocusignFormView, { callbacks: props.callbacks, states: props.states, text: props.text, slots: {
@@ -3767,6 +3773,9 @@ function useTaxAndCash() {
     namespace: USER_QUERY_NAMESPACE,
     query: GET_USER,
     skip: !user,
+    options: {
+      batch: false,
+    },
   });
   const countryCode = ((_c = (_b = (_a = data === null || data === void 0 ? void 0 : data.user) === null || _a === void 0 ? void 0 : _a.impactConnection) === null || _b === void 0 ? void 0 : _b.publisher) === null || _c === void 0 ? void 0 : _c.countryCode) ||
     userFormContext.countryCode;
@@ -6700,8 +6709,8 @@ const UserInfoFormView = (props) => {
               } }), (_e = data === null || data === void 0 ? void 0 : data.countries) === null || _e === void 0 ? void 0 :
             _e.map((c) => (h("sl-menu-item", { value: c.countryCode }, c.displayName))), (_f = data === null || data === void 0 ? void 0 : data.allCountries) === null || _f === void 0 ? void 0 :
             _f.map((c) => (h("sl-menu-item", { value: c.countryCode, style: { display: "none" } }, c.displayName)))),
-          h("div", { style: { display: "flex", gap: "4px" } },
-            h("sl-select", Object.assign({ id: "phoneNumberCountryCode", exportparts: "label: input-label, base: input-base", name: "/phoneNumberCountryCode", label: text.phoneNumber, style: { minWidth: "140px" }, value: formState.phoneNumberCountryCode, disabled: states.disabled || states.isPartner, ref: (el) => (refs.phoneCountryRef.current = el) }, (((_g = formState.errors) === null || _g === void 0 ? void 0 : _g.phoneNumberCountryCode) ? {
+          h("div", { style: { display: "flex", gap: "4px", alignItems: "flex-end" } },
+            h("sl-select", Object.assign({ id: "phoneNumberCountryCode", exportparts: "label: input-label, base: input-base", name: "/phoneNumberCountryCode", label: text.phoneNumber, style: { minWidth: "120px" }, value: formState.phoneNumberCountryCode, disabled: states.disabled || states.isPartner, ref: (el) => (refs.phoneCountryRef.current = el) }, (((_g = formState.errors) === null || _g === void 0 ? void 0 : _g.phoneNumberCountryCode) ? {
               class: classes.ErrorInput,
             }
               : {}), { required: true, "onSl-select": (e) => callbacks.onFormChange("phoneCountry", e) }),

package/dist/esm/{sqm-invoice-table-view-2175569f.js → sqm-invoice-table-view-fb2f95b9.js}

@@ -738,6 +738,7 @@ const docusignFormProps = {
     },
   },
   callbacks: {
+    progressStep: () => { },
     completeDocument: async () => { },
     setParticipantType: (p) => console.log({ p }),
     setDocusignStatus: (status) => console.log(status),

package/dist/esm/{sqm-navigation-sidebar-view-414bcb19.js → sqm-navigation-sidebar-view-4e8a6a8c.js}

@@ -15,7 +15,13 @@ const vanillaStyle = `
   100% {
     left: 0;
   }
-} 
+}
+
+@media screen and (max-width: 570px) {
+  :host {
+    width: 0;
+  }
+}
 
 @media screen and (min-width: 800px) {
   :host {

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
 import { n as h, k as useState, f as useEffect } from './stencil-hooks.module-ac12ca1c.js';
 import { S as Sn, H } from './index.module-def4aec5.js';
-import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-414bcb19.js';
+import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-4e8a6a8c.js';
 
 const NavigationSidebar = class {
   constructor(hostRef) {

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

@@ -16,7 +16,7 @@ import './index-ffa26b43.js';
 import { E as EmailRegistrationView } from './email-registration-view-07d80492.js';
 import { L as LeaderboardRankView } from './sqm-leaderboard-rank-view-10657658.js';
 import { L as LogoutCurrentUserView } from './sqm-logout-current-user-view-2c6122cd.js';
-import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-414bcb19.js';
+import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-4e8a6a8c.js';
 import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-60ef06cc.js';
 import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-0b32261f.js';
 import { P as PortalForgotPasswordView } from './sqm-portal-forgot-password-view-c2ed8fed.js';
@@ -26,7 +26,7 @@ import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-7
 import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-d7ea2c56.js';
 import { S as ShareButtonView, L as LeaderboardView, C as CopyTextView, B as BigStatView, P as PortalFrameView, E as EditProfileView, u as useShareLink, a as useShareButton, b as useDemoBigStat, c as StatContainerView, d as PortalChangePasswordView, e as PortalLoginView, f as PortalRegisterView, T as TaskCardView, g as ProgressBarView, h as PoweredByImg$1, i as PortalFooterView, H as HeroView, R as ReferralIframeView, N as NameFieldsView, j as CheckboxFieldView, D as DropdownFieldView, I as InputFieldView, k as RewardExchangeView, r as rewardExchangeCustomErrorMsg, l as rewardExchangeLongText, m as rewardExchangeSelected, n as chooseAmountFixed, o as chooseAmountFixedNoDescription, p as chooseAmountVariable, q as chooseAmountVariableNoDescription, s as chooseAmountVariableDisabled, t as chooseAmountVariableUnavailable, v as confirmFixed, w as confirmVariable, x as redemptionError, y as queryError, z as success, A as successVariable, F as loading, G as empty$1, J as rewardExchange, K as CardFeedView, M as CouponCodeView, O as ProgressBar$2, Q as autoColorScaleCss, U as ShadowViewAddon } from './ShadowViewAddon-90897c22.js';
 import { P as PortalContainerView, a as PortalSectionView } from './sqm-portal-container-view-ab89c6cc.js';
-import { O as OtherRegionSlotView, I as InvoiceTableView, T as TaxForm } from './sqm-invoice-table-view-2175569f.js';
+import { O as OtherRegionSlotView, I as InvoiceTableView, T as TaxForm } from './sqm-invoice-table-view-fb2f95b9.js';
 
 /**
  * lodash (Custom Build) <https://lodash.com/>