@saasquatch/mint-components 1.15.0-49 → 1.15.0-50

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a43a63b4.js');
 const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
-const global = require('./global-4a3008b4.js');
+const global = require('./global-6d0d196d.js');
 const index_module = require('./index.module-39955732.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
@@ -16,8 +16,8 @@ const reRender = require('./re-render-28fed959.js');
 const useChildElements = require('./useChildElements-e5fa605c.js');
 const luxon = require('./luxon-3b809948.js');
 const useReferralTable = require('./useReferralTable-19e7523a.js');
-const IndirectTaxDetailsView = require('./IndirectTaxDetailsView-e379406f.js');
-const utils$1 = require('./utils-1b04e1c8.js');
+const IndirectTaxDetailsView = require('./IndirectTaxDetailsView-6e117dd3.js');
+const utils$1 = require('./utils-0b09e2cb.js');
 const data = require('./data-68a42a7b.js');
 const keys = require('./keys-cff24974.js');
 const usePayoutStatus = require('./usePayoutStatus-3cca69e5.js');
@@ -27,7 +27,7 @@ function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
   const { errors, ...formState } = props.states.formState;
   return {
     0: {
-      input: (index.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) && {
+      input: (index.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) && {
         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,
@@ -529,6 +529,11 @@ const mockPaymentOptions = {
 };
 
 const style = {
+  ModalTitleContainer: {
+    display: "flex",
+    gap: "var(--sl-spacing-small)",
+    alignItems: "center",
+  },
   FormWrapper: {
     display: "flex",
     justifyContent: "flex-start",
@@ -651,6 +656,28 @@ 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 = JSS.createStyleSheet(style);
 const styleString = sheet.toString();
@@ -716,6 +743,12 @@ const BankingInfoFormView = (props) => {
     index.h("style", { type: "text/css" },
       styleString,
       vanillaStyle),
+    index.h("sl-dialog", { class: sheet.classes.Dialog, open: states.showModal, "onSl-hide": callbacks.onModalClose },
+      index.h("div", { class: classes.ModalTitleContainer, slot: "label" },
+        index.h("sl-icon", { name: "info-circle", style: { color: "var(--sl-color-info-500)" } }),
+        index.h("h2", { style: { fontSize: "var(--sl-font-size-large)" } }, text.modalTitle)),
+      index.h("p", null, text.modalDescription),
+      index.h("sl-button", { slot: "footer", type: "primary", class: sheet.classes.DialogButton, submit: true, exportparts: "base: primarybutton-base" }, text.modalButtonText)),
     index.h("div", { class: classes.TextContainer },
       index.h("div", null,
         !states.hideSteps && (index.h("p", null, global.intl.formatMessage({
@@ -775,7 +808,9 @@ const BankingInfoFormView = (props) => {
           ? getLoadingSkeleton("toPayPalAccount")
           : slots.paymentFixedDaySelectSlot))))),
       index.h("div", { class: classes.BtnContainer },
-        index.h("sl-button", { type: "primary", disabled: states.disabled || states.saveDisabled, loading: states.saveLoading, submit: true, exportparts: "base: primarybutton-base" }, text.continueButton),
+        index.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),
         !states.hideBackButton && (index.h("sl-button", { exportparts: "base: secondarybutton-base", type: "secondary", onClick: callbacks.onBack }, text.backButton))))));
 };
 
@@ -878,6 +913,7 @@ function useBankingInfoForm(props) {
   const [paymentScheduleChecked, setPaymentScheduleChecked] = stencilHooks_module.useState(undefined);
   const [countrySearch, setCountrySearch] = stencilHooks_module.useState("");
   const [filteredCountries, setFilteredCountries] = stencilHooks_module.useState(countries || []);
+  const [showModal, setShowModal] = stencilHooks_module.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] || "";
@@ -1049,10 +1085,12 @@ 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) => {
@@ -1065,6 +1103,7 @@ function useBankingInfoForm(props) {
       setShowVerification(false);
     }
     await runMutation(formData, token);
+    setShowModal(false);
   };
   const onVerification = async (token) => {
     host.dispatchEvent(new CustomEvent(keys.VERIFICATION_EVENT_KEY, {
@@ -1098,6 +1137,8 @@ function useBankingInfoForm(props) {
       setCountrySearch,
       onVerification,
       onVerificationHide: () => onVerification(null),
+      onModalClose: () => setShowModal(false),
+      onModalOpen: () => setShowModal(true),
     },
     states: {
       showVerification,
@@ -1131,6 +1172,7 @@ 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,
@@ -1215,7 +1257,11 @@ const BankingInfoForm = class {
     /**
      * @uiName Beneficiary account field label
      */
-    this.beneficiaryAccountNameLabel = "Beneficiary account name";
+    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.";
     /**
      * @uiName Bank account type field label
      */
@@ -1394,6 +1440,18 @@ 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";
     stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
@@ -1607,6 +1665,7 @@ function useDemoBankingInfoForm(props) {
       currency,
       setCurrency,
       hasPayPal: true,
+      showModal: false,
     },
     callbacks: {
       onVerificationHide: () => { },
@@ -1619,6 +1678,8 @@ function useDemoBankingInfoForm(props) {
       setCountrySearch: () => { },
       onBack: async () => setStep("/dashboard"),
       onVerification: () => { },
+      onModalOpen: () => { },
+      onModalClose: () => { },
     },
     text: props.getTextProps(),
     refs: {
@@ -1666,6 +1727,7 @@ function useDocusignForm(props) {
   const [errors, setErrors] = stencilHooks_module.useState({});
   const [loading, setLoading] = stencilHooks_module.useState(false);
   const [showExitButton, setShowExitButton] = stencilHooks_module.useState(false);
+  const [showModal, setShowModal] = stencilHooks_module.useState(true);
   // Only look at current document if it's valid (same as required type)
   const existingDocumentType = utils$1.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;
@@ -1761,6 +1823,7 @@ function useDocusignForm(props) {
       documentType: actualDocumentType,
       documentTypeString: utils$1.taxTypeToName(actualDocumentType),
       showExitButton,
+      showModal,
     },
     data: {
       taxForm: actualDocumentType,
@@ -1771,6 +1834,8 @@ function useDocusignForm(props) {
       completeDocument,
       onExit: progressStep,
       setParticipantType,
+      onModalClose: () => setShowModal(false),
+      onModalOpen: () => setShowModal(true),
     },
     text: props.getTextProps(),
   };
@@ -1890,6 +1955,11 @@ const DocusignIframe = ({ states, data, callbacks, text, }) => {
 };
 
 const style$2 = {
+  ModalTitleContainer: {
+    display: "flex",
+    gap: "var(--sl-spacing-small)",
+    alignItems: "center",
+  },
   FormWrapper: {
     display: "flex",
     justifyContent: "flex-start",
@@ -1978,6 +2048,28 @@ const style$2 = {
     color: "var(--sqm-text-subdued)",
     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$2 = JSS.createStyleSheet(style$2);
 const styleString$2 = sheet$2.toString();
@@ -2007,6 +2099,17 @@ const DocusignFormView = (props) => {
     index.h("style", { type: "text/css" },
       styleString$2,
       vanillaStyle$1),
+    index.h("sl-dialog", { class: sheet$2.classes.Dialog, open: states.showModal, "onSl-hide": callbacks.onModalClose },
+      index.h("div", { class: classes.ModalTitleContainer, slot: "label" },
+        index.h("sl-icon", { name: "info-circle", style: { color: "var(--sl-color-info-500)" } }),
+        index.h("h2", { style: { fontSize: "var(--sl-font-size-large)" } }, text.modalTitle)),
+      index.h("p", null, global.intl.formatMessage({
+        id: "modalText",
+        defaultMessage: text.modalDescription,
+      }, {
+        br: index.h("br", null),
+      })),
+      index.h("sl-button", { slot: "footer", type: "primary", class: sheet$2.classes.DialogButton, onClick: callbacks.onModalClose, exportparts: "base: primarybutton-base" }, text.modalButtonText)),
     index.h("div", { class: classes.TextContainer },
       index.h("div", null,
         !states.hideSteps && (index.h("p", null, global.intl.formatMessage({
@@ -2160,6 +2263,18 @@ 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 exactly match the bank account holder 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";
     stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
@@ -2214,6 +2329,7 @@ function useDocusignFormDemo(props) {
         errors: {},
       },
       documentType: "W9",
+      showModal: false,
     },
     data: {
       taxForm: "W9",
@@ -2224,6 +2340,8 @@ function useDocusignFormDemo(props) {
       demo: {
         onSubmit: () => setStep("/4"),
         onBack: () => setStep("/3"),
+        onModalOpen: () => { },
+        onModalClose: () => { },
       },
       setParticipantType: (p) => console.log({ p }),
       setDocusignStatus: (status) => console.log(status),

package/dist/cjs/sqm-big-stat_42.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a43a63b4.js');
 const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
-const global = require('./global-4a3008b4.js');
+const global = require('./global-6d0d196d.js');
 const index_module = require('./index.module-39955732.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
@@ -23,8 +23,8 @@ const sqmPortalLoginView = require('./sqm-portal-login-view-bb50304c.js');
 const usePortalLogin = require('./usePortalLogin-e246988e.js');
 const AsYouType = require('./AsYouType-6788393a.js');
 const utilities = require('./utilities-be3ce1f8.js');
-const ShadowViewAddon = require('./ShadowViewAddon-3558387a.js');
-require('./sqm-portal-container-view-70eaf785.js');
+const ShadowViewAddon = require('./ShadowViewAddon-e1bcffe2.js');
+require('./sqm-portal-container-view-07e4343f.js');
 const usePayoutStatus = require('./usePayoutStatus-3cca69e5.js');
 
 /**
@@ -127,6 +127,7 @@ const Netflix = {
     },
     hoverStateColor: "#777777",
     selectedStateColor: "#E50914",
+    borderRadius: 4,
   },
 };
 const Amazon = {
@@ -214,6 +215,7 @@ const Amazon = {
       border: "#D5D9D9",
       inputText: "#2f2f2f",
     },
+    borderRadius: 4,
     hoverStateColor: "#A2A2A2",
     selectedStateColor: "#007185",
   },
@@ -269,6 +271,7 @@ const Spotify = {
       border: "#7c7c7c",
       inputText: "#fff",
     },
+    borderRadius: 30,
     hoverStateColor: "white",
     selectedStateColor: "white",
   },
@@ -355,6 +358,7 @@ const Google = {
       border: "#DADCE0",
       inputText: "#202124",
     },
+    borderRadius: 4,
     hoverStateColor: "#9AA0A6",
     selectedStateColor: "#4285F4",
   },
@@ -2423,7 +2427,7 @@ const style$2 = {
     marginLeft: "auto",
   },
   PayoutButtonDescription: {
-    color: "var(--sl-color-neutral-500)",
+    color: "var(--sqm-text-subdued)",
     fontSize: "var(--sl-font-size-small)",
     margin: "0",
   },
@@ -5033,10 +5037,9 @@ function useRewardExchangeListDemo(props) {
       queryError: false,
       loading: false,
       noExchangeOptions: false,
-      empty: EmptySlot$1(),
     },
     data: {
-      shareCode: "SHARECODE123",
+      // shareCode: "SHARECODE123",
       exchangeList: ShadowViewAddon.demoRewardExchange.data.exchangeList,
     },
     callbacks: {

package/dist/cjs/sqm-code-verification.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a43a63b4.js');
 const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
-const global = require('./global-4a3008b4.js');
+const global = require('./global-6d0d196d.js');
 const index_module = require('./index.module-39955732.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');

package/dist/cjs/sqm-email-verification.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a43a63b4.js');
 const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
-const global = require('./global-4a3008b4.js');
+const global = require('./global-6d0d196d.js');
 const index_module = require('./index.module-39955732.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');

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

@@ -4,11 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a43a63b4.js');
 const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
-const global = require('./global-4a3008b4.js');
+const global = require('./global-6d0d196d.js');
 require('./index.module-39955732.js');
 const utils = require('./utils-6847bc06.js');
 require('./JSS-8503a151.js');
-const sqmPortalContainerView = require('./sqm-portal-container-view-70eaf785.js');
+const sqmPortalContainerView = require('./sqm-portal-container-view-07e4343f.js');
 
 function EmptyStateView(props) {
   const { emptyStateHeader, emptyStateImage, emptyStateText, supportText, missingFeature = "", } = props;
@@ -83,12 +83,6 @@ const PortalContainer = class {
      * @uiEnumNames ["Wrap", "No Wrap"]
      */
     this.flexWrap = "wrap";
-    /**
-     * @uiName Background color
-     * @uiWidget color
-     * @uiType string
-     */
-    this.backgroundColor = "#ffffff00";
     stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }

package/dist/cjs/sqm-leaderboard-rank.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a43a63b4.js');
 const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
-const global = require('./global-4a3008b4.js');
+const global = require('./global-6d0d196d.js');
 const index_module = require('./index.module-39955732.js');
 const cjs = require('./cjs-1066ec21.js');
 const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-6a1e63de.js');

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a43a63b4.js');
 const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
-const global = require('./global-4a3008b4.js');
+const global = require('./global-6d0d196d.js');
 const index_module = require('./index.module-39955732.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');

package/dist/cjs/{sqm-portal-container-view-70eaf785.js → sqm-portal-container-view-07e4343f.js}

@@ -38,7 +38,7 @@ function PortalContainerView(props, children) {
       maxWidth: props.maxWidth,
       margin: props.center && "auto",
       justifyContent: props.justifyContent,
-      backgroundColor: props.backgroundColor || "transparent",
+      backgroundColor: props.backgroundColor || "var(--sqm-portal-background)",
     },
   };
   const vanillaStyle = `

package/dist/cjs/{sqm-portal-email-verification-view-9ba1a75d.js → sqm-portal-email-verification-view-14ea3a91.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-a43a63b4.js');
-const global = require('./global-4a3008b4.js');
+const global = require('./global-6d0d196d.js');
 const JSS = require('./JSS-8503a151.js');
 const mixins = require('./mixins-4761d472.js');
 const sqmTextSpanView = require('./sqm-text-span-view-7a61ae4c.js');

package/dist/cjs/sqm-portal-email-verification.cjs.entry.js

@@ -4,13 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a43a63b4.js');
 const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
-require('./global-4a3008b4.js');
+require('./global-6d0d196d.js');
 const index_module = require('./index.module-39955732.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./JSS-8503a151.js');
 require('./mixins-4761d472.js');
 require('./sqm-text-span-view-7a61ae4c.js');
-const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-9ba1a75d.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-14ea3a91.js');
 
 function usePortalEmailVerification(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j;

package/dist/cjs/{sqm-portal-profile-view-c4c80164.js → sqm-portal-profile-view-570d2ae3.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-a43a63b4.js');
-const global = require('./global-4a3008b4.js');
+const global = require('./global-6d0d196d.js');
 const JSS = require('./JSS-8503a151.js');
 const sqmTextSpanView = require('./sqm-text-span-view-7a61ae4c.js');
 

package/dist/cjs/sqm-portal-profile.cjs.entry.js

@@ -4,13 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a43a63b4.js');
 const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
-require('./global-4a3008b4.js');
+require('./global-6d0d196d.js');
 const index_module = require('./index.module-39955732.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 require('./JSS-8503a151.js');
 require('./sqm-text-span-view-7a61ae4c.js');
-const sqmPortalProfileView = require('./sqm-portal-profile-view-c4c80164.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-570d2ae3.js');
 const utilities = require('./utilities-be3ce1f8.js');
 
 const GET_USER = index_module.dist.gql `

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a43a63b4.js');
 const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
-const global = require('./global-4a3008b4.js');
+const global = require('./global-6d0d196d.js');
 const index_module = require('./index.module-39955732.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
@@ -14,7 +14,7 @@ const GenericTableView = require('./GenericTableView-107ade89.js');
 const reRender = require('./re-render-28fed959.js');
 const useChildElements = require('./useChildElements-e5fa605c.js');
 const luxon = require('./luxon-3b809948.js');
-const mockRewardData = require('./mockRewardData-6e4a90f9.js');
+const mockRewardData = require('./mockRewardData-baa02051.js');
 const useReferralTable = require('./useReferralTable-19e7523a.js');
 const sqmTextSpanView = require('./sqm-text-span-view-7a61ae4c.js');
 
@@ -114,7 +114,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: {
@@ -583,7 +583,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/cjs/sqm-rewards-table_9.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a43a63b4.js');
 const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
-const global = require('./global-4a3008b4.js');
+const global = require('./global-6d0d196d.js');
 const index_module = require('./index.module-39955732.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
@@ -14,7 +14,7 @@ const GenericTableView = require('./GenericTableView-107ade89.js');
 const reRender = require('./re-render-28fed959.js');
 const useChildElements = require('./useChildElements-e5fa605c.js');
 const luxon = require('./luxon-3b809948.js');
-const mockRewardData = require('./mockRewardData-6e4a90f9.js');
+const mockRewardData = require('./mockRewardData-baa02051.js');
 const useReferralTable = require('./useReferralTable-19e7523a.js');
 
 const debug = stencilHooks_module.browser("sq:useRewardsTable");
@@ -919,7 +919,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 "";