@saasquatch/mint-components 1.14.3-7 → 1.14.3

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

@@ -14,7 +14,7 @@ import { l as luxon } from './luxon-8d51c92b.js';
 import { g as generateUserError } from './useReferralTable-b3876ed6.js';
 import { T as TextSpanView } from './sqm-text-span-view-ca32495e.js';
 import { E as ErrorView } from './ErrorView-48e2b969.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, 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-7f376a75.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, 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-2c726568.js';
 import { e as extractProps } from './extractProps-ae1afbb3.js';
 import { b as VERIFICATION_EVENT_KEY, V as VERIFICATION_EMAIL_NAMESPACE, S as SHOW_CODE_NAMESPACE, a as VERIFICATION_PARENT_NAMESPACE } from './keys-406491dc.js';
 import { T as TAX_FORM_UPDATED_EVENT_KEY, a as useVeriffApp, g as getStatus, V as VERIFF_COMPLETE_EVENT_KEY } from './usePayoutStatus-fed17fc9.js';
@@ -143,7 +143,7 @@ function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
   const { errors, ...formState } = props.states.formState;
   return {
     0: {
-      input: (h("sl-input", Object.assign({ required: true, label: props.text.beneficiaryAccountNameLabel, name: "/beneficiaryAccountName", id: "beneficiaryAccountName", key: "beneficiaryAccountName", type: "text", "help-text": props.text.beneficiaryAccountNameDescription }, (((_a = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _a === void 0 ? void 0 : _a.beneficiaryAccountName) && {
+      input: (h("sl-input", Object.assign({ required: true, label: props.text.beneficiaryAccountNameLabel, name: "/beneficiaryAccountName", id: "beneficiaryAccountName", key: "beneficiaryAccountName", type: "text" }, (((_a = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _a === void 0 ? void 0 : _a.beneficiaryAccountName) && {
         class: "error-input",
         helpText: getValidationErrorMessage({
           type: (_c = (_b = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _b === void 0 ? void 0 : _b.beneficiaryAccountName) === null || _c === void 0 ? void 0 : _c.type,
@@ -645,11 +645,6 @@ const mockPaymentOptions = {
 };
 
 const style = {
-  ModalTitleContainer: {
-    display: "flex",
-    gap: "var(--sl-spacing-small)",
-    alignItems: "center",
-  },
   FormWrapper: {
     display: "flex",
     justifyContent: "flex-start",
@@ -789,28 +784,6 @@ const style = {
     height: "26px",
     width: "26px",
   },
-  Dialog: {
-    "&::part(panel)": {
-      maxWidth: "420px",
-    },
-    "&::part(title)": {
-      fontSize: "var(--sl-font-size-large)",
-      fontWeight: "600",
-    },
-    "&::part(body)": {
-      padding: "0 var(--sl-spacing-x-large) 0 var(--sl-spacing-x-large)",
-      fontSize: "var(--sl-font-size-small)",
-    },
-    "&::part(footer)": {
-      display: "flex",
-      flexDirection: "column",
-      gap: "var(--sl-spacing-small)",
-      marginBottom: "var(--sl-spacing-xx-small)",
-      alignItems: "center",
-      flex: "1",
-    },
-  },
-  DialogButton: { margin: "auto", width: "100%" },
 };
 const sheet = createStyleSheet(style);
 const styleString = sheet.toString();
@@ -880,12 +853,6 @@ const BankingInfoFormView = (props) => {
     h("style", { type: "text/css" },
       styleString,
       vanillaStyle),
-    h("sl-dialog", { class: sheet.classes.Dialog, open: states.showModal, "onSl-hide": callbacks.onModalClose },
-      h("div", { class: classes.ModalTitleContainer, slot: "label" },
-        h("sl-icon", { name: "info-circle", style: { color: "var(--sl-color-info-500)" } }),
-        h("h2", { style: { fontSize: "var(--sl-font-size-large)" } }, text.modalTitle)),
-      h("p", null, text.modalDescription),
-      h("sl-button", { slot: "footer", type: "primary", class: sheet.classes.DialogButton, submit: true, exportparts: "base: primarybutton-base" }, text.modalButtonText)),
     h("div", { class: classes.TextContainer },
       h("div", null,
         !states.hideSteps && (h("p", null, intl.formatMessage({
@@ -945,9 +912,7 @@ const BankingInfoFormView = (props) => {
           ? getLoadingSkeleton("toPayPalAccount")
           : slots.paymentFixedDaySelectSlot))))),
       h("div", { class: classes.BtnContainer },
-        h("sl-button", Object.assign({ type: "primary", disabled: states.disabled || states.saveDisabled, loading: states.saveLoading }, (states.hideSteps
-          ? { onClick: callbacks.onModalOpen }
-          : { submit: "submit" }), { exportparts: "base: primarybutton-base" }), text.continueButton),
+        h("sl-button", { type: "primary", disabled: states.disabled || states.saveDisabled, loading: states.saveLoading, submit: true, exportparts: "base: primarybutton-base" }, text.continueButton),
         !states.hideBackButton && (h("sl-button", { exportparts: "base: secondarybutton-base", class: classes.SecondaryBtn, type: "text", onClick: callbacks.onBack }, text.backButton))))));
 };
 
@@ -1050,7 +1015,6 @@ function useBankingInfoForm(props) {
   const [paymentScheduleChecked, setPaymentScheduleChecked] = useState(undefined);
   const [countrySearch, setCountrySearch] = useState("");
   const [filteredCountries, setFilteredCountries] = useState(countries || []);
-  const [showModal, setShowModal] = useState(false);
   const currency = ((_c = (_b = (_a = userData === null || userData === void 0 ? void 0 : userData.user) === null || _a === void 0 ? void 0 : _a.impactConnection) === null || _b === void 0 ? void 0 : _b.publisher) === null || _c === void 0 ? void 0 : _c.currency) || "";
   const isPartner = !!((_f = (_e = (_d = userData === null || userData === void 0 ? void 0 : userData.user) === null || _d === void 0 ? void 0 : _d.impactConnection) === null || _e === void 0 ? void 0 : _e.publisher) === null || _f === void 0 ? void 0 : _f.withdrawalSettings);
   const feeCap = paypalFeeMap[currency] || "";
@@ -1222,12 +1186,10 @@ function useBankingInfoForm(props) {
     });
     setErrors({ inputErrors: validationErrors });
     if (Object.keys(validationErrors).length) {
-      setShowModal(false);
       return;
     }
     let token = undefined;
     if (isPartner) {
-      setShowModal(false);
       setShowVerification(true);
       token = await new Promise((res) => {
         const cb = (e) => {
@@ -1240,7 +1202,6 @@ function useBankingInfoForm(props) {
       setShowVerification(false);
     }
     await runMutation(formData, token);
-    setShowModal(false);
   };
   const onVerification = async (token) => {
     host.dispatchEvent(new CustomEvent(VERIFICATION_EVENT_KEY, {
@@ -1274,8 +1235,6 @@ function useBankingInfoForm(props) {
       setCountrySearch,
       onVerification,
       onVerificationHide: () => onVerification(null),
-      onModalClose: () => setShowModal(false),
-      onModalOpen: () => setShowModal(true),
     },
     states: {
       showVerification,
@@ -1309,7 +1268,6 @@ function useBankingInfoForm(props) {
       bankCountry: formState.bankCountry,
       countrySearch,
       email: (_j = userData === null || userData === void 0 ? void 0 : userData.user) === null || _j === void 0 ? void 0 : _j.email,
-      showModal,
     },
     refs: {
       formRef,
@@ -1394,11 +1352,7 @@ const BankingInfoForm = class {
     /**
      * @uiName Beneficiary account field label
      */
-    this.beneficiaryAccountNameLabel = "Account holder name";
-    /**
-     * @uiName Beneficiary account field description
-     */
-    this.beneficiaryAccountNameDescription = "The beneficiary name of your bank account. Ensure this matches the name on your tax form.";
+    this.beneficiaryAccountNameLabel = "Beneficiary account name";
     /**
      * @uiName Bank account type field label
      */
@@ -1577,18 +1531,6 @@ const BankingInfoForm = class {
      * @uiWidget textArea
      */
     this.loadingErrorAlertDescription = "Please refresh the page and try again. If this problem continues, contact Support.";
-    /**
-     * @uiName Information modal title
-     */
-    this.modalTitle = "Important Note";
-    /**
-     * @uiName Information modal description text
-     */
-    this.modalDescription = "Updating payment information places your account and payouts on hold for up to 48 hours while we verify your change. Payments scheduled during the hold period are skipped.";
-    /**
-     * @uiName Information modal button text
-     */
-    this.modalButtonText = "I understand, update my information";
     h$1(this);
   }
   disconnectedCallback() { }
@@ -1802,7 +1744,6 @@ function useDemoBankingInfoForm(props) {
       currency,
       setCurrency,
       hasPayPal: true,
-      showModal: false,
     },
     callbacks: {
       onVerificationHide: () => { },
@@ -1815,8 +1756,6 @@ function useDemoBankingInfoForm(props) {
       setCountrySearch: () => { },
       onBack: async () => setStep("/dashboard"),
       onVerification: () => { },
-      onModalOpen: () => { },
-      onModalClose: () => { },
     },
     text: props.getTextProps(),
     refs: {
@@ -2189,7 +2128,6 @@ function useDocusignForm(props) {
   const [errors, setErrors] = useState({});
   const [loading, setLoading] = useState(false);
   const [showExitButton, setShowExitButton] = useState(false);
-  const [showModal, setShowModal] = useState(true);
   // 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) && (publisher === null || publisher === void 0 ? void 0 : publisher.currentTaxDocument)
     ? publisher === null || publisher === void 0 ? void 0 : publisher.requiredTaxDocumentType : undefined;
@@ -2285,7 +2223,6 @@ function useDocusignForm(props) {
       documentType: actualDocumentType,
       documentTypeString: taxTypeToName(actualDocumentType),
       showExitButton,
-      showModal,
     },
     data: {
       taxForm: actualDocumentType,
@@ -2296,8 +2233,6 @@ function useDocusignForm(props) {
       completeDocument,
       onExit: progressStep,
       setParticipantType,
-      onModalClose: () => setShowModal(false),
-      onModalOpen: () => setShowModal(true),
     },
     text: props.getTextProps(),
   };
@@ -2417,11 +2352,6 @@ const DocusignIframe = ({ states, data, callbacks, text, }) => {
 };
 
 const style$3 = {
-  ModalTitleContainer: {
-    display: "flex",
-    gap: "var(--sl-spacing-small)",
-    alignItems: "center",
-  },
   FormWrapper: {
     display: "flex",
     justifyContent: "flex-start",
@@ -2533,28 +2463,6 @@ const style$3 = {
     color: "var(--sl-color-neutral-500)",
     fontSize: "var(--sl-font-size-medium)",
   },
-  Dialog: {
-    "&::part(panel)": {
-      maxWidth: "420px",
-    },
-    "&::part(title)": {
-      fontSize: "var(--sl-font-size-large)",
-      fontWeight: "600",
-    },
-    "&::part(body)": {
-      padding: "0 var(--sl-spacing-x-large) 0 var(--sl-spacing-x-large)",
-      fontSize: "var(--sl-font-size-small)",
-    },
-    "&::part(footer)": {
-      display: "flex",
-      flexDirection: "column",
-      gap: "var(--sl-spacing-small)",
-      marginBottom: "var(--sl-spacing-xx-small)",
-      alignItems: "center",
-      flex: "1",
-    },
-  },
-  DialogButton: { margin: "auto", width: "100%" },
 };
 const sheet$3 = createStyleSheet(style$3);
 const styleString$3 = sheet$3.toString();
@@ -2588,17 +2496,6 @@ const DocusignFormView = (props) => {
     h("style", { type: "text/css" },
       styleString$3,
       vanillaStyle$2),
-    h("sl-dialog", { class: sheet$3.classes.Dialog, open: states.showModal, "onSl-hide": callbacks.onModalClose },
-      h("div", { class: classes.ModalTitleContainer, slot: "label" },
-        h("sl-icon", { name: "info-circle", style: { color: "var(--sl-color-info-500)" } }),
-        h("h2", { style: { fontSize: "var(--sl-font-size-large)" } }, text.modalTitle)),
-      h("p", null, intl.formatMessage({
-        id: "modalText",
-        defaultMessage: text.modalDescription,
-      }, {
-        br: h("br", null),
-      })),
-      h("sl-button", { slot: "footer", type: "primary", class: sheet$3.classes.DialogButton, onClick: callbacks.onModalClose, exportparts: "base: primarybutton-base" }, text.modalButtonText)),
     h("div", { class: classes.TextContainer },
       h("div", null,
         !states.hideSteps && (h("p", null, intl.formatMessage({
@@ -2752,18 +2649,6 @@ const DocusignForm = class {
      * @uiName Exit button text
      */
     this.exitButton = "Exit";
-    /**
-     * @uiName Information modal title
-     */
-    this.modalTitle = "Important Note";
-    /**
-     * @uiName Information modal description text
-     */
-    this.modalDescription = "Remember the name you enter in your tax form. It must match the bank account holder name, also known as beneficiary name, configured in the next step. {br}{br}Otherwise you will have to resubmit your form again and there will be delays receiving your payout.";
-    /**
-     * @uiName Information modal button text
-     */
-    this.modalButtonText = "I understand";
     h$1(this);
   }
   disconnectedCallback() { }
@@ -2818,7 +2703,6 @@ function useDocusignFormDemo(props) {
         errors: {},
       },
       documentType: "W9",
-      showModal: false,
     },
     data: {
       taxForm: "W9",
@@ -2829,8 +2713,6 @@ function useDocusignFormDemo(props) {
       demo: {
         onSubmit: () => setStep("/4"),
         onBack: () => setStep("/3"),
-        onModalOpen: () => { },
-        onModalClose: () => { },
       },
       setParticipantType: (p) => console.log({ p }),
       setDocusignStatus: (status) => console.log(status),
@@ -4771,21 +4653,6 @@ const TaxAndCashMonolith = class {
      * @uiGroup Step 3 Properties
      */
     this.step3_exitButton = "Exit";
-    /**
-     * @uiName Information modal title
-     * @uiGroup Step 3 Properties
-     */
-    this.step3_modalTitle = "Important Note";
-    /**
-     * @uiName Information modal description text
-     * @uiGroup Step 3 Properties
-     */
-    this.step3_modalDescription = "Ensure the name you enter in your tax form matches the name on your bank account, also known as the beneficiary name.{br}{br}Otherwise you will have to resubmit  your form again and there will be delays receiving your payout.";
-    /**
-     * @uiName Information modal button text
-     * @uiGroup Step 3 Properties
-     */
-    this.step3_modalButtonText = "I understand";
     /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                       STEP 4 PROPS:
      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@@ -4868,12 +4735,7 @@ const TaxAndCashMonolith = class {
      * @uiName Beneficiary account field label
      * @uiGroup Step 4 Properties
      */
-    this.step4_beneficiaryAccountNameLabel = "Account holder name";
-    /**
-     * @uiName Beneficiary account field description
-     * @uiGroup Step 4 Properties
-     */
-    this.step4_beneficiaryAccountNameDescription = "The beneficiary name of your bank account. Ensure this matches the name on your tax form.";
+    this.step4_beneficiaryAccountNameLabel = "Beneficiary account name";
     /**
      * @uiName Bank account type field label
      * @uiGroup Step 4 Properties
@@ -5015,21 +4877,6 @@ const TaxAndCashMonolith = class {
      * @uiGroup Step 4 Properties
      */
     this.step4_verifyEmailDescriptionText = "Verify your email to update your payment settings. Enter the code sent to {email} from our referral provider, impact.com.";
-    /**
-     * @uiName Information modal title
-     * @uiGroup Step 4 Properties
-     */
-    this.step4_modalTitle = "Important Note";
-    /**
-     * @uiName Information modal description text
-     * @uiGroup Step 4 Properties
-     */
-    this.step4_modalDescription = "Updating payment information places your account and payouts on hold for up to 48 hours while we verify your change. Payments scheduled during the hold period are skipped.";
-    /**
-     * @uiName Information modal button text
-     * @uiGroup Step 4 Properties
-     */
-    this.step4_modalButtonText = "I understand, update my information";
     /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                       DASHBOARD PROPS:
      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

package/dist/esm/{sqm-invoice-table-view-7f376a75.js → sqm-invoice-table-view-2c726568.js}

@@ -683,7 +683,6 @@ const stepFourProps = {
     formState: {
       paymentMethodChecked: "toBankAccount",
     },
-    showModal: false,
   },
   callbacks: {
     onVerificationHide: () => { },
@@ -693,8 +692,6 @@ const stepFourProps = {
     setPaymentScheduleChecked: () => { },
     onBack: async () => console.log("back"),
     setCountrySearch: () => { },
-    onModalOpen: () => { },
-    onModalClose: () => { },
   },
   refs: { formRef: { current: null } },
 };
@@ -716,15 +713,12 @@ const docusignFormProps = {
       errors: {},
       taxFormExpired: false,
     },
-    showModal: false,
   },
   callbacks: {
     onExit: () => { },
     completeDocument: async () => { },
     setParticipantType: (p) => console.log({ p }),
     setDocusignStatus: (status) => console.log(status),
-    onModalOpen: () => { },
-    onModalClose: () => { },
   },
 };
 const dashboardProps = {
@@ -1201,16 +1195,6 @@ const StepThreeDocusignDisabled = () => {
       },
     } }));
 };
-const StepThreeWithDocusignModalOpen = () => {
-  return (h("sqm-docusign-form", { demoData: {
-      states: {
-        documentType: "W9",
-        documentTypeString: taxTypeToName("W9"),
-        ...docusignFormProps.states,
-        showModal: true,
-      },
-    } }));
-};
 // STEP 4
 const StepFourDefault = () => {
   return h("sqm-banking-info-form", null);
@@ -1753,7 +1737,6 @@ const TaxForm = /*#__PURE__*/Object.freeze({
   StepThreeDocusignWithLoadingError: StepThreeDocusignWithLoadingError,
   StepThreeDocusignLoading: StepThreeDocusignLoading,
   StepThreeDocusignDisabled: StepThreeDocusignDisabled,
-  StepThreeWithDocusignModalOpen: StepThreeWithDocusignModalOpen,
   StepFourDefault: StepFourDefault,
   StepFourIsPartner: StepFourIsPartner,
   StepFourDirectToBankChecked: StepFourDirectToBankChecked,

package/dist/esm/sqm-referral-table_11.entry.js

@@ -10,7 +10,7 @@ import { G as GenericTableView } from './GenericTableView-7b9087af.js';
 import { a as useRequestRerender, u as useRerenderListener } from './re-render-cc945f38.js';
 import { u as useChildElements } from './useChildElements-7945ae56.js';
 import { l as luxon } from './luxon-8d51c92b.js';
-import { g as getPaypalMeta } from './mockRewardData-8bd1b356.js';
+import { g as getPaypalMeta } from './mockRewardData-a3cdb832.js';
 import { u as useReferralTable, t as tryMethod } from './useReferralTable-b3876ed6.js';
 import { T as TextSpanView } from './sqm-text-span-view-ca32495e.js';
 
@@ -110,7 +110,7 @@ const getMockData = () => {
           prettyValue: "1 Point",
           statuses: statuses[Math.floor(Math.random() * statuses.length)],
           // statuses: ["PENDING"],
-          // pendingReasons: ["US_TAX", "PAYOUT_CONFIGURATION_MISSING"],
+          // pendingReasons: ["US_TAX", "MISSING_PAYOUT_CONFIGURATION"],
           globalRewardKey: null,
           programRewardKey: "partnerReward",
           meta: {
@@ -540,7 +540,7 @@ const ReferralTableRewardsCell = class {
         if (!((_l = taxConnection === null || taxConnection === void 0 ? void 0 : taxConnection.publisher) === null || _l === void 0 ? void 0 : _l.withdrawalSettings))
           return "PENDING_PARTNER_CREATION";
       }
-      if ((_m = reward === null || reward === void 0 ? void 0 : reward.pendingReasons) === null || _m === void 0 ? void 0 : _m.includes("PAYOUT_CONFIGURATION_MISSING")) {
+      if ((_m = reward === null || reward === void 0 ? void 0 : reward.pendingReasons) === null || _m === void 0 ? void 0 : _m.includes("MISSING_PAYOUT_CONFIGURATION")) {
         return "PENDING_PARTNER_CREATION";
       }
       if (reward.statuses.length === 1)

package/dist/esm/sqm-rewards-table_9.entry.js

@@ -10,7 +10,7 @@ import { G as GenericTableView } from './GenericTableView-7b9087af.js';
 import { u as useRerenderListener, a as useRequestRerender } from './re-render-cc945f38.js';
 import { u as useChildElements } from './useChildElements-7945ae56.js';
 import { l as luxon } from './luxon-8d51c92b.js';
-import { m as mockRewardData } from './mockRewardData-8bd1b356.js';
+import { m as mockRewardData } from './mockRewardData-a3cdb832.js';
 import { g as generateUserError } from './useReferralTable-b3876ed6.js';
 
 const debug = browser("sq:useRewardsTable");
@@ -882,7 +882,7 @@ const RewardTableStatusCell = class {
       if (!((_d = taxConnection === null || taxConnection === void 0 ? void 0 : taxConnection.publisher) === null || _d === void 0 ? void 0 : _d.withdrawalSettings))
         return this.pendingPartnerCreation;
     }
-    if ((_e = reward === null || reward === void 0 ? void 0 : reward.pendingReasons) === null || _e === void 0 ? void 0 : _e.includes("PAYOUT_CONFIGURATION_MISSING")) {
+    if ((_e = reward === null || reward === void 0 ? void 0 : reward.pendingReasons) === null || _e === void 0 ? void 0 : _e.includes("MISSING_PAYOUT_CONFIGURATION")) {
       return this.pendingPartnerCreation;
     }
     return "";