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

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-6945ea24.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';
 
 const TAX_CONTEXT_NAMESPACE = "sq:tax-and-cash";
 const TAX_FORM_CONTEXT_NAMESPACE = "sq:tax-form-context";
@@ -1631,7 +1631,13 @@ const GET_TAX_DOCUMENT = dist.gql `
       createImpactPublisherTaxDocumentInput: $vars
     ) {
       documentUrl
-      returnUrl
+    }
+  }
+`;
+const COMPLETE_TAX_DOCUMENT = dist.gql `
+  mutation completeImpactPublisherTaxDocument($vars: UserIdInput!) {
+    completeImpactPublisherTaxDocument(user: $vars) {
+      success
     }
   }
 `;
@@ -1643,20 +1649,21 @@ const DOCUSIGN_ERROR_STATES = [
 ];
 const DOCUSIGN_EXPIRED_STATES = ["ttl_expired", "session_timeout"];
 function useDocusignForm(props) {
-  var _a, _b, _c, _d, _e, _f;
+  var _a, _b, _c;
   const user = Q();
   const context = In(TAX_FORM_CONTEXT_NAMESPACE);
   const [step, setStep] = bn(TAX_CONTEXT_NAMESPACE);
   const { data, loading: userLoading, refetch, } = Mn(USER_QUERY_NAMESPACE);
   const publisher = (_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;
   const [createTaxDocument, { loading: documentLoading, data: document, errors: documentErrors },] = $e(GET_TAX_DOCUMENT);
+  const [completeTaxDocument, { loading: completeDocumentLoading, data: completeData, errors: completeErrors, },] = $e(COMPLETE_TAX_DOCUMENT);
   const [docusignStatus, setDocusignStatus] = useState(undefined);
   const [participantType, setParticipantType] = useState(undefined);
   const [errors, setErrors] = useState({});
   const [loading, setLoading] = useState(false);
   // Only look at current document if it's valid (same as required type)
-  const existingDocumentType = validTaxDocument(publisher === null || publisher === void 0 ? void 0 : publisher.requiredTaxDocumentType, (_c = publisher === null || publisher === void 0 ? void 0 : publisher.currentTaxDocument) === null || _c === void 0 ? void 0 : _c.type)
-    ? (_d = publisher === null || publisher === void 0 ? void 0 : publisher.currentTaxDocument) === null || _d === void 0 ? void 0 : _d.type : undefined;
+  const existingDocumentType = validTaxDocument(publisher === null || publisher === void 0 ? void 0 : publisher.requiredTaxDocumentType) && (publisher === null || publisher === void 0 ? void 0 : publisher.currentTaxDocument)
+    ? publisher === null || publisher === void 0 ? void 0 : publisher.requiredTaxDocumentType : undefined;
   const actualDocumentType = existingDocumentType ||
     getDocumentType(participantType) || (publisher === null || publisher === void 0 ? void 0 : publisher.requiredTaxDocumentType);
   useEffect(() => {
@@ -1677,6 +1684,7 @@ function useDocusignForm(props) {
       try {
         const result = await createTaxDocument({
           vars: {
+            provider: "COMPLY_EXCHANGE",
             user: {
               id: user.id,
               accountId: user.accountId,
@@ -1695,13 +1703,23 @@ function useDocusignForm(props) {
     };
     fetchDocument();
   }, [user, publisher, participantType]);
-  const progressStep = async () => {
-    // TODO: Needs graphql call to determine status of document
+  const completeDocument = async () => {
+    if (!user)
+      return;
     try {
       setLoading(true);
-      await refetch();
-      // Skip banking info form if it already is saved
-      // or if brandedSignup is false
+      const result = await completeTaxDocument({
+        vars: {
+          id: user.id,
+          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)
@@ -1715,32 +1733,6 @@ function useDocusignForm(props) {
       setLoading(false);
     }
   };
-  // useEffect(() => {
-  //   const onSubmit = async () => {
-  //     try {
-  //       setLoading(true);
-  //       await refetch();
-  //       // Skip banking info form if it already is saved
-  //       // or if brandedSignup is false
-  //       setStep(
-  //         context.overrideNextStep ||
-  //           !!publisher?.withdrawalSettings ||
-  //           !publisher?.brandedSignup
-  //           ? "/dashboard"
-  //           : "/4"
-  //       );
-  //     } catch (e) {
-  //       setErrors({ general: true });
-  //     } finally {
-  //       setLoading(false);
-  //     }
-  //   };
-  //   // Handled in view
-  //   if (DOCUSIGN_ERROR_STATES.includes(docusignStatus)) return;
-  //   if (DOCUSIGN_SUCCESS_STATES.includes(docusignStatus)) {
-  //     onSubmit();
-  //   }
-  // }, [docusignStatus, refetch]);
   const allLoading = userLoading || documentLoading || loading;
   return {
     states: {
@@ -1748,7 +1740,7 @@ function useDocusignForm(props) {
       hideSteps: context.hideSteps,
       disabled: allLoading,
       participantTypeDisabled: allLoading || !!existingDocumentType,
-      loading: userLoading || loading,
+      loading: userLoading || loading || completeDocumentLoading,
       urlLoading: documentLoading,
       loadingError: !!(documentErrors === null || documentErrors === void 0 ? void 0 : documentErrors.message),
       formState: {
@@ -1762,12 +1754,11 @@ function useDocusignForm(props) {
     },
     data: {
       taxForm: actualDocumentType,
-      documentUrl: (_e = document === null || document === void 0 ? void 0 : document.createImpactPublisherTaxDocument) === null || _e === void 0 ? void 0 : _e.documentUrl,
-      returnUrl: (_f = document === null || document === void 0 ? void 0 : document.createImpactPublisherTaxDocument) === null || _f === void 0 ? void 0 : _f.returnUrl,
+      documentUrl: (_c = document === null || document === void 0 ? void 0 : document.createImpactPublisherTaxDocument) === null || _c === void 0 ? void 0 : _c.documentUrl,
     },
     callbacks: {
       setDocusignStatus,
-      progressStep,
+      completeDocument,
       setParticipantType,
     },
     text: props.getTextProps(),
@@ -1853,7 +1844,7 @@ const DocusignIframe = ({ states, data, callbacks, text, }) => {
     if (!allowed)
       return;
     if (e.data === "Complyexchange Thank you page Exit") {
-      callbacks.progressStep();
+      callbacks.completeDocument();
     }
   }, []);
   useEffect(() => {
@@ -2178,9 +2169,8 @@ const DocusignForm = class {
         urlLoading: props.states.urlLoading,
       }, data: {
         documentUrl: props.data.documentUrl,
-        returnUrl: props.data.returnUrl,
       }, 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: {
         docusignIframeSlot: _isDemo
@@ -2528,7 +2518,7 @@ function useIndirectTaxForm(props) {
     setFormState((p) => ({ ...p, [field]: value }));
   };
   const onSubmit = async (event) => {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e;
     if (!option) {
       setErrors({ taxDetails: true });
       return;
@@ -2589,7 +2579,7 @@ function useIndirectTaxForm(props) {
       await refetch();
       const resultPublisher = (_e = (_d = (_c = result
         .createImpactConnection) === null || _c === void 0 ? void 0 : _c.user) === null || _d === void 0 ? void 0 : _d.impactConnection) === null || _e === void 0 ? void 0 : _e.publisher;
-      const hasValidCurrentDocument = validTaxDocument(resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.requiredTaxDocumentType, (_f = resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.currentTaxDocument) === null || _f === void 0 ? void 0 : _f.type);
+      const hasValidCurrentDocument = validTaxDocument(resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.requiredTaxDocumentType) && (resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.currentTaxDocument);
       if ((resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.requiredTaxDocumentType) &&
         !hasValidCurrentDocument) {
         // Go to docusign form
@@ -3729,8 +3719,7 @@ function getCurrentStep(user) {
   }
   const { requiredTaxDocumentType, currentTaxDocument, withdrawalSettings, brandedSignup, } = user.impactConnection.publisher;
   // If they do have a required document, look at current document
-  if (requiredTaxDocumentType &&
-    !validTaxDocument(requiredTaxDocumentType, currentTaxDocument === null || currentTaxDocument === void 0 ? void 0 : currentTaxDocument.type))
+  if (requiredTaxDocumentType && !currentTaxDocument)
     return "/3";
   if (!withdrawalSettings && brandedSignup)
     return "/4";
@@ -5177,7 +5166,7 @@ function getIndirectTaxType(taxInformation) {
   return "Indirect Tax";
 }
 const useTaxAndCashDashboard = (props) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
   const setStep = wn(TAX_CONTEXT_NAMESPACE);
   const setContext = wn(TAX_FORM_CONTEXT_NAMESPACE);
   const [showDialog, setShowDialog] = useState(false);
@@ -5188,8 +5177,8 @@ const useTaxAndCashDashboard = (props) => {
   }, []);
   const { data, loading, errors: userError, } = Mn(USER_QUERY_NAMESPACE);
   const publisher = (_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;
-  const documentType = (_c = publisher === null || publisher === void 0 ? void 0 : publisher.currentTaxDocument) === null || _c === void 0 ? void 0 : _c.type;
-  const submissionDate = (_d = publisher === null || publisher === void 0 ? void 0 : publisher.currentTaxDocument) === null || _d === void 0 ? void 0 : _d.dateCreated;
+  const documentType = publisher === null || publisher === void 0 ? void 0 : publisher.requiredTaxDocumentType;
+  const submissionDate = (_c = publisher === null || publisher === void 0 ? void 0 : publisher.currentTaxDocument) === null || _c === void 0 ? void 0 : _c.dateCreated;
   const dateSubmitted = submissionDate
     ? luxon.DateTime.fromMillis(submissionDate).toFormat("LLL dd, yyyy")
     : undefined;
@@ -5210,23 +5199,23 @@ const useTaxAndCashDashboard = (props) => {
     });
     setStep("/3");
   };
-  const provinceName = (_e = INDIRECT_TAX_PROVINCES.find((p) => { var _a; return p.regionCode === ((_a = publisher === null || publisher === void 0 ? void 0 : publisher.taxInformation) === null || _a === void 0 ? void 0 : _a.indirectTaxRegion); })) === null || _e === void 0 ? void 0 : _e.displayName;
+  const provinceName = (_d = INDIRECT_TAX_PROVINCES.find((p) => { var _a; return p.regionCode === ((_a = publisher === null || publisher === void 0 ? void 0 : publisher.taxInformation) === null || _a === void 0 ? void 0 : _a.indirectTaxRegion); })) === null || _d === void 0 ? void 0 : _d.displayName;
   return {
     states: {
       dateSubmitted,
       documentType,
       canEditPayoutInfo: publisher === null || publisher === void 0 ? void 0 : publisher.brandedSignup,
       documentTypeString: taxTypeToName(documentType),
-      status: (_f = publisher === null || publisher === void 0 ? void 0 : publisher.currentTaxDocument) === null || _f === void 0 ? void 0 : _f.status,
-      subRegion: getSubRegionName((_g = publisher === null || publisher === void 0 ? void 0 : publisher.taxInformation) === null || _g === void 0 ? void 0 : _g.indirectTaxRegion),
-      subRegionTaxNumber: (_h = publisher === null || publisher === void 0 ? void 0 : publisher.taxInformation) === null || _h === void 0 ? void 0 : _h.withholdingTaxId,
-      qstNumber: (_j = publisher === null || publisher === void 0 ? void 0 : publisher.taxInformation) === null || _j === void 0 ? void 0 : _j.additionalTaxId,
+      status: (_e = publisher === null || publisher === void 0 ? void 0 : publisher.currentTaxDocument) === null || _e === void 0 ? void 0 : _e.status,
+      subRegion: getSubRegionName((_f = publisher === null || publisher === void 0 ? void 0 : publisher.taxInformation) === null || _f === void 0 ? void 0 : _f.indirectTaxRegion),
+      subRegionTaxNumber: (_g = publisher === null || publisher === void 0 ? void 0 : publisher.taxInformation) === null || _g === void 0 ? void 0 : _g.withholdingTaxId,
+      qstNumber: (_h = publisher === null || publisher === void 0 ? void 0 : publisher.taxInformation) === null || _h === void 0 ? void 0 : _h.additionalTaxId,
       indirectTaxType: getIndirectTaxType(publisher === null || publisher === void 0 ? void 0 : publisher.taxInformation),
-      indirectTaxNumber: (_k = publisher === null || publisher === void 0 ? void 0 : publisher.taxInformation) === null || _k === void 0 ? void 0 : _k.indirectTaxId,
+      indirectTaxNumber: (_j = publisher === null || publisher === void 0 ? void 0 : publisher.taxInformation) === null || _j === void 0 ? void 0 : _j.indirectTaxId,
       isBusinessEntity: (publisher === null || publisher === void 0 ? void 0 : publisher.requiredTaxDocumentType) === "W8BENE",
       province: provinceName,
-      country: getCountryName((_l = publisher === null || publisher === void 0 ? void 0 : publisher.taxInformation) === null || _l === void 0 ? void 0 : _l.indirectTaxCountryCode, locale),
-      notRegistered: !((_m = publisher === null || publisher === void 0 ? void 0 : publisher.taxInformation) === null || _m === void 0 ? void 0 : _m.indirectTaxId),
+      country: getCountryName((_k = publisher === null || publisher === void 0 ? void 0 : publisher.taxInformation) === null || _k === void 0 ? void 0 : _k.indirectTaxCountryCode, locale),
+      notRegistered: !((_l = publisher === null || publisher === void 0 ? void 0 : publisher.taxInformation) === null || _l === void 0 ? void 0 : _l.indirectTaxId),
       noFormNeeded: !documentType,
       disabled: loading,
       loading,

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

@@ -432,11 +432,9 @@ const LoadingView = () => {
     h("sl-skeleton", { class: sheet.classes.ButtonSkeleton })));
 };
 
-function validTaxDocument(requiredType, currentType) {
-  if (requiredType === "W9" && currentType === "W9")
-    return true;
-  if ((requiredType === "W8BEN" || requiredType === "W8BENE") &&
-    (currentType === "W8BEN" || currentType === "W8BENE"))
+function validTaxDocument(requiredType) {
+  const validTypes = ["W9", "W8BENE", "W8BEN"];
+  if (validTypes.includes(requiredType))
     return true;
   return false;
 }
@@ -448,9 +446,8 @@ const taxTypeToName = (taxType) => {
     case "W9":
       return "W-9";
     case "W8BEN":
-      return "W-8 BEN";
     case "W8BENE":
-      return "W-8 BEN-E";
+      return "W-8";
     default:
       return "";
   }
@@ -741,7 +738,7 @@ const docusignFormProps = {
     },
   },
   callbacks: {
-    progressStep: async () => { },
+    completeDocument: async () => { },
     setParticipantType: (p) => console.log({ p }),
     setDocusignStatus: (status) => console.log(status),
   },

package/dist/esm/sqm-stencilbook.entry.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-6945ea24.js';
+import { O as OtherRegionSlotView, I as InvoiceTableView, T as TaxForm } from './sqm-invoice-table-view-2175569f.js';
 
 /**
  * lodash (Custom Build) <https://lodash.com/>