@saasquatch/mint-components 1.8.0-99 → 1.8.0

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

@@ -1,34 +1,26 @@
-import { useLocale } from "@saasquatch/component-boilerplate";
-import { useEffect } from "@saasquatch/universal-hooks";
+import { useLocale, useParentQueryValue, useSetParent } from "@saasquatch/component-boilerplate";
+import { useEffect, useState } from "@saasquatch/universal-hooks";
 import { DateTime } from "luxon";
-import { useParentQueryValue } from "../../../utils/useParentQuery";
-import { useSetParent } from "../../../utils/useParentState";
 import { vatLabels } from "../countries";
 import { TAX_CONTEXT_NAMESPACE, TAX_FORM_CONTEXT_NAMESPACE, USER_QUERY_NAMESPACE, } from "../sqm-tax-and-cash/data";
 import { INDIRECT_TAX_PROVINCES, INDIRECT_TAX_SPAIN_REGIONS, } from "../subregions";
 import { taxTypeToName } from "../utils";
-function getExpiresSoon(submissionDate, expiryDate) {
-  var _a;
-  if (!submissionDate || !expiryDate)
-    return false;
-  return (((_a = DateTime.fromMillis(expiryDate).diff(DateTime.fromMillis(submissionDate), "days")) === null || _a === void 0 ? void 0 : _a.days) <= 30);
-}
 function getCountryName(countryCode, locale) {
   if (!countryCode)
     return undefined;
   // @ts-ignore: DisplayNames exists on Intl
-  return new Intl.DisplayNames([locale.replace("_", "-")], {
+  return new Intl.DisplayNames([(locale === null || locale === void 0 ? void 0 : locale.replace("_", "-")) || "en-US"], {
     type: "region",
   }).of([countryCode]);
 }
 function getSubRegionName(regionCode) {
-  var _a, _b;
-  // Impact adds an underscore to CANARYISLANDS, so requires a hardcoded check
-  if (regionCode === "CANARY_ISLANDS") {
-    return (_a = INDIRECT_TAX_SPAIN_REGIONS.find((r) => r.regionCode === "CANARYISLANDS")) === null || _a === void 0 ? void 0 : _a.displayName;
-  }
+  var _a;
+  if (!regionCode)
+    return "";
+  // Impact adds an underscore to some regions
+  const standardCode = regionCode.replace("_", "");
   const regions = [...INDIRECT_TAX_PROVINCES, ...INDIRECT_TAX_SPAIN_REGIONS];
-  return (_b = regions.find((r) => r.regionCode === regionCode)) === null || _b === void 0 ? void 0 : _b.displayName;
+  return (_a = regions.find((r) => r.regionCode === standardCode)) === null || _a === void 0 ? void 0 : _a.displayName;
 }
 function getIndirectTaxType(taxInformation) {
   var _a;
@@ -51,6 +43,7 @@ export const useTaxAndCashDashboard = (props) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
   const setStep = useSetParent(TAX_CONTEXT_NAMESPACE);
   const setContext = useSetParent(TAX_FORM_CONTEXT_NAMESPACE);
+  const [showDialog, setShowDialog] = useState(false);
   const locale = useLocale();
   useEffect(() => {
     // Clear override context once on submitted
@@ -63,30 +56,27 @@ export const useTaxAndCashDashboard = (props) => {
   const dateSubmitted = submissionDate
     ? DateTime.fromMillis(submissionDate).toFormat("LLL dd, yyyy")
     : undefined;
-  const expiryDate = DateTime.now().plus({ days: 30 }).toMillis();
-  const dateExpired = DateTime.fromMillis(expiryDate).toFormat("LLL dd, yyyy");
-  const expiresSoon = getExpiresSoon(expiryDate, submissionDate);
-  const onNewDocumentClick = () => {
+  const onEditPayoutInfo = () => {
     setContext({
       overrideNextStep: "/dashboard",
       overrideBackStep: "/dashboard",
       hideSteps: true,
     });
-    setStep(`/3`);
+    setStep("/4");
   };
-  const onEditPayoutInfo = () => {
+  const onNewFormClick = () => {
+    setShowDialog(false);
     setContext({
       overrideNextStep: "/dashboard",
       overrideBackStep: "/dashboard",
       hideSteps: true,
     });
-    setStep("/4");
+    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;
   return {
     states: {
       dateSubmitted,
-      dateExpired,
       documentType,
       canEditPayoutInfo: publisher === null || publisher === void 0 ? void 0 : publisher.brandedSignup,
       documentTypeString: taxTypeToName(documentType),
@@ -101,14 +91,16 @@ export const useTaxAndCashDashboard = (props) => {
       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),
       noFormNeeded: !documentType,
-      expiresSoon,
       disabled: loading,
       loading,
       loadingError: !!(userError === null || userError === void 0 ? void 0 : userError.message),
+      showNewFormDialog: showDialog,
     },
     callbacks: {
-      onClick: onNewDocumentClick,
+      onClick: () => setShowDialog(true),
       onEditPayoutInfo,
+      onNewFormCancel: () => setShowDialog(false),
+      onNewFormClick,
     },
     text: props.getTextProps(),
   };

package/dist/collection/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.js

@@ -91,7 +91,7 @@ export const OtherRegionSlotView = (props) => {
         helpText: getIsRequiredErrorMessage(text.subRegion, text.error.fieldRequiredError),
       }), { id: "subRegion", name: "/subRegion" }), props.data.esRegions.map((r) => (h("sl-menu-item", { value: r.regionCode }, r.displayName)))),
       h(IndirectTaxNumberInput, { name: "indirectTaxNumber", label: getTaxFieldLabel("VAT"), error: getTaxFieldError("VAT") }),
-      h("sl-checkbox", { class: classes.Checkbox, exportparts: "label: input-label", checked: formState.hasSubRegionTaxNumber, "onSl-change": callbacks.onSpainToggle, disabled: states.disabled }, text.isRegisteredSubRegionIncomeTax),
+      h("sl-checkbox", { class: classes.Checkbox, exportparts: "label: input-label", checked: formState.hasSubRegionTaxNumber, "onSl-change": callbacks.onSpainToggle, disabled: states.disabled || states.isPartner }, text.isRegisteredSubRegionIncomeTax),
       formState.hasSubRegionTaxNumber && (h("sl-input", Object.assign({ required: true, exportparts: "label: input-label", class: classes.Input, label: text.subRegionTaxNumberLabel, disabled: states.loading || states.disabled, value: formState.subRegionTaxNumber }, (((_b = formState.errors) === null || _b === void 0 ? void 0 : _b.subRegionTaxNumber) && {
         class: classes.ErrorInput,
         helpText: getIsRequiredErrorMessage(text.subRegionTaxNumberLabel, text.error.fieldRequiredError),
@@ -109,7 +109,7 @@ export const OtherRegionSlotView = (props) => {
       currentTaxType === "GST" && (h(IndirectTaxNumberInput, { label: getTaxFieldLabel("GST"), error: getTaxFieldError("GST"), name: "indirectTaxNumber" })),
       currentTaxType === "HST" && (h(IndirectTaxNumberInput, { label: getTaxFieldLabel("HST"), error: getTaxFieldError("HST"), name: "indirectTaxNumber" })),
       formState.province === "QUEBEC" && (h("div", { class: classes.ConditionalInputsContainer },
-        h("sl-checkbox", { class: classes.Checkbox, exportparts: "label: input-label", "onSl-change": callbacks.onQstToggle, checked: formState.hasQst }, text.isRegisteredQST),
+        h("sl-checkbox", { class: classes.Checkbox, exportparts: "label: input-label", "onSl-change": callbacks.onQstToggle, checked: formState.hasQst, disabled: states.isPartner || states.disabled }, text.isRegisteredQST),
         formState.hasQst && (h(IndirectTaxNumberInput, { name: "qstNumber", label: text.qstNumber, error: getIsRequiredErrorMessage(text.qstNumber, text.error.fieldRequiredError) }))))));
   };
   const getActiveForm = (selectedRegion) => {

package/dist/collection/components/tax-and-cash/sqm-user-info-form/small-views/SlotViews.stories.js

@@ -1,9 +1,8 @@
 // @ts-nocheck
 import { h } from "@stencil/core";
 import { indirectDetailsSlotText } from "../defaultTextCopy";
-import { OtherRegionSlotView, } from "./IndirectTaxDetailsView";
 import { DocusignExpiredView } from "./DocusignExpiredView";
-import { DocusignCompletedView } from "./DocusignCompletedView";
+import { OtherRegionSlotView, } from "./IndirectTaxDetailsView";
 export default {
   title: "Components/Tax Form Slot Views",
 };
@@ -69,6 +68,3 @@ export const RegisteredInCanadaWithErrors = () => {
 export const DocusignExpired = () => {
   return h(DocusignExpiredView, null);
 };
-export const DocusignCompleted = () => {
-  return h(DocusignCompletedView, null);
-};

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

@@ -78,6 +78,10 @@ const style = {
       color: "var(--sl-color-blue-500)",
     },
   },
+  PageDescriptionText: {
+    color: "var(--sl-color-neutral-500)",
+    fontSize: "var(--sl-font-size-medium)",
+  },
 };
 const sheet = createStyleSheet(style);
 const styleString = sheet.toString();
@@ -111,7 +115,7 @@ export const UserInfoFormView = (props) => {
     id: "bankingCollectionText",
     defaultMessage: text.allowBankingCollection,
   }, {
-    termsAndConditionsLink: (h("a", { href: "https://example.com/", target: "_blank" }, text.termsAndConditionsLabel)),
+    termsAndConditionsLink: (h("a", { href: "https://app.impact.com/", target: "_blank" }, text.termsAndConditionsLabel)),
   });
   return (h("sl-form", { class: classes.FormWrapper, "onSl-submit": callbacks.onSubmit, ref: (el) => (refs.formRef.current = el), novalidate: true },
     h("style", { type: "text/css" },
@@ -131,7 +135,8 @@ export const UserInfoFormView = (props) => {
             id: "formStep",
             defaultMessage: text.formStep,
           }, { step: states.step, count: FORM_STEPS }))),
-          h("h3", null, text.personalInformation))),
+          h("h3", null, text.personalInformation),
+          h("p", { class: classes.PageDescriptionText }, text.taxAndPayoutsDescription))),
       ((_a = formState.errors) === null || _a === void 0 ? void 0 : _a.general) && (h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "warning", open: true, class: sheet.classes.AlertContainer },
         h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
         h("strong", null, text.error.generalTitle),