@saasquatch/mint-components 2.4.2 → 2.4.4

package/dist/esm/{GenericTableView-8c72ac30.js → GenericTableView-471a9386.js}

@@ -7,6 +7,11 @@ function GenericTableView(props) {
   const { columns, rows } = elements;
   const { show } = states;
   const hiddenCols = data.hiddenColumns && data.hiddenColumns.split(",").map(Number);
+  // Only the producer knows which columns are plop targets; a column can render a
+  // VNode label and still be real data (e.g. the invoice download column).
+  const dropZones = new Set(elements.dropZoneColumns);
+  const hasDropZones = dropZones.size > 0;
+  const showLabels = data.textOverrides.showLabels;
   const mobile = "@media (max-width: " + data.mdBreakpoint + "px)";
   const tablet = `@media (min-width: ${Boolean(rows.length < 2) ? data.mdBreakpoint : data.smBreakpoint}px) and (max-width: ${data.mdBreakpoint}px)`;
   // Due to mobile media queries being dependant on props, not feasiable to move out of render function
@@ -27,6 +32,13 @@ function GenericTableView(props) {
         fontWeight: "var(--sl-font-weight-semibold)",
         overflowWrap: "anywhere",
       },
+      "& th.collapsed": {
+        fontSize: "0",
+        padding: "14px 0",
+      },
+      "& th.drop-zone": {
+        width: "30px",
+      },
       "& td": {
         padding: "var(--sl-spacing-small)",
         paddingLeft: "0",
@@ -34,10 +46,35 @@ function GenericTableView(props) {
         textOverflow: "ellipsis",
       },
       [mobile]: {
+        // Body rows become blocks here, so the header has to leave the table layout to stay full width
         "& thead": {
+          display: hasDropZones ? "block" : "none",
+        },
+        // Columns read top-to-bottom inside a card, so the drop zones between them stack the same way
+        "& thead tr": {
+          display: "flex",
+          flexDirection: "column",
+        },
+        "& thead th.label": {
+          padding: "0",
+          lineHeight: "20px",
+          fontSize: "var(--sl-font-size-small)",
+          color: "var(--sl-color-neutral-500)",
+        },
+        "& thead th.drop-zone": {
+          width: "auto",
+          padding: "14px 0",
+          lineHeight: "0",
+          position: "relative",
+        },
+        // The plop target is inline-styled position:absolute, so it needs the cell as its containing block to span it
+        "& thead th.drop-zone slot::slotted(raisins-plop-target)": {
+          width: "100%",
+        },
+        "& tbody td.drop-zone": {
           display: "none",
         },
-        "& tr": {
+        "& tbody tr": {
           display: "block",
           background: "inherit",
           border: "var(--sqm-border-thickness, 1px) solid var(--sqm-border-color)",
@@ -94,11 +131,11 @@ function GenericTableView(props) {
   return (h("div", null,
     h("style", { type: "text/css" }, styleString),
     h("table", { class: sheet.classes.Table },
-      data.textOverrides.showLabels && (h("thead", null,
-        h("tr", null, columns === null || columns === void 0 ? void 0 : columns.map((column) => {
-          if (typeof column === "string")
-            return h("th", null, column);
-          return h("th", { style: { width: "30px" } }, column);
+      (showLabels || hasDropZones) && (h("thead", null,
+        h("tr", null, columns === null || columns === void 0 ? void 0 : columns.map((column, i) => {
+          if (dropZones.has(i))
+            return h("th", { class: "drop-zone" }, column);
+          return (h("th", { class: showLabels ? "label" : "collapsed" }, column));
         })))),
       h("tbody", null,
         show === "loading" && elements.loadingElement,
@@ -106,6 +143,9 @@ function GenericTableView(props) {
           return (h("tr", { style: {
               borderTop: `${!data.textOverrides.showLabels && i === 0 ? "none" : ""}`,
             }, part: "table-row" }, row.map((cell, j) => {
+            if (dropZones.has(j))
+              return h("td", { class: "drop-zone" }, cell);
+            // Only string labels can be echoed into the mobile card's :before
             return typeof columns[j] === "string" ? (h("td", { class: (hiddenCols === null || hiddenCols === void 0 ? void 0 : hiddenCols.includes(j)) ? "hidden" : "", "data-label": columns[j] + ":", style: {
                 gridTemplateColumns: (hiddenCols === null || hiddenCols === void 0 ? void 0 : hiddenCols.includes(j)) ? "1fr"
                   : "0.5fr 0.5fr",

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

@@ -9,12 +9,12 @@ import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import './mixins-f750863a.js';
 import './AsYouType-2d56519e.js';
 import { t as taxTypeToName, b as validTaxDocument, I as INDIRECT_TAX_SPAIN_REGIONS, a as INDIRECT_TAX_PROVINCES, o as objectIsFull, c as toDomesticNumber, A as ADDRESS_REGIONS } from './subregions-810a5c2d.js';
-import { G as GenericTableView } from './GenericTableView-8c72ac30.js';
+import { G as GenericTableView } from './GenericTableView-471a9386.js';
 import { u as useRerenderListener, a as useRequestRerender } from './re-render-bf46ba54.js';
+import { g as generateUserError, d as dropZoneColumnIndexes } from './useReferralTable-3aa4b527.js';
 import { u as useChildElements } from './useChildElements-06937df7.js';
 import { l as luxon } from './luxon-1be92a8e.js';
-import { g as generateUserError } from './useReferralTable-03d32c6f.js';
-import { O as OtherRegionSlotView, I as InvoiceTableView, v as vatLabels, T as TaxAndCashDashboardView, U as UserInfoFormView } from './sqm-user-info-form-view-ceb3917a.js';
+import { O as OtherRegionSlotView, I as InvoiceTableView, v as vatLabels, T as TaxAndCashDashboardView, U as UserInfoFormView } from './sqm-user-info-form-view-b43a1729.js';
 import { F as FORM_STEPS, a as TAX_FORM_CONTEXT_NAMESPACE, S as SORTED_COUNTRIES_NAMESPACE, f as FINANCE_NETWORK_SETTINGS_NAMESPACE, c as USER_QUERY_NAMESPACE, T as TAX_CONTEXT_NAMESPACE, C as CURRENCIES_NAMESPACE, U as USER_FORM_CONTEXT_NAMESPACE } from './data-8698cbc6.js';
 import { c as VERIFICATION_EVENT_KEY } from './keys-1054056a.js';
 import { T as TAX_FORM_UPDATED_EVENT_KEY } from './eventKeys-f76b6a03.js';
@@ -792,7 +792,7 @@ const BankingInfoFormView = (props) => {
           id: "generalDescription",
           defaultMessage: text.error.generalDescription,
         }, {
-          supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+          supportLink: (h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
         }))),
       states.isPartner && !states.hideSteps && (h("sqm-form-message", { type: "info" },
         h("p", { part: "alert-title" }, text.isPartnerAlertHeader),
@@ -800,7 +800,7 @@ const BankingInfoFormView = (props) => {
           id: "isPartnerAlertDescription",
           defaultMessage: text.isPartnerAlertDescription,
         }, {
-          supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+          supportLink: (h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
         }))),
       h("div", null,
         h("h4", null, text.paymentMethod),
@@ -2446,7 +2446,7 @@ const DocusignFormView = (props) => {
           id: "loadingErrorAlertDescription",
           defaultMessage: text.error.loadingErrorAlertDescription,
         }, {
-          supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+          supportLink: (h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
         })))),
     ((_a = formState.errors) === null || _a === void 0 ? void 0 : _a.general) && (h("sqm-form-message", { type: "error" },
       h("p", { part: "alert-title" }, text.error.generalTitle),
@@ -2454,7 +2454,7 @@ const DocusignFormView = (props) => {
         id: "generalDescription",
         defaultMessage: text.error.generalDescription,
       }, {
-        supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+        supportLink: (h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
       }))),
     h("div", null,
       h("div", null,
@@ -2826,7 +2826,7 @@ const IndirectTaxFormView = (props) => {
             id: "loadingErrorAlertDescription",
             defaultMessage: text.error.loadingErrorAlertDescription,
           }, {
-            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
           })))),
       ((_a = formState.errors) === null || _a === void 0 ? void 0 : _a.general) && (h("sqm-form-message", { type: "error" },
         h("p", { part: "alert-title" }, text.error.generalTitle),
@@ -2834,7 +2834,7 @@ const IndirectTaxFormView = (props) => {
           id: "generalDescription",
           defaultMessage: text.error.generalDescription,
         }, {
-          supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+          supportLink: (h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
         }))),
       states.isPartnerLegacy && (h("sqm-form-message", { loading: states.loading, type: "info" },
         h("p", { part: "alert-title" }, text.isPartnerAlertHeader),
@@ -2842,7 +2842,7 @@ const IndirectTaxFormView = (props) => {
           id: "isPartnerAlertDescription",
           defaultMessage: text.isPartnerAlertDescription,
         }, {
-          supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+          supportLink: (h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
         }))),
       h("div", null,
         h("h4", null, text.indirectTaxDetails))),
@@ -2862,7 +2862,7 @@ const IndirectTaxFormView = (props) => {
         id: "cannotChangeInfoAlert",
         defaultMessage: text.cannotChangeInfoAlert,
       }, {
-        supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+        supportLink: (h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
       })),
       h("div", { class: classes.BtnContainer },
         h("sl-button", { class: classes.PrimaryButton, type: "primary", disabled: states.disabled, submit: true, exportparts: "base: primarybutton-base" }, text.continueButton),
@@ -3432,7 +3432,12 @@ function useInvoiceTableDemo(props, emptyElement, loadingElement) {
     setContent({ rows });
     const columns = columnsPromise && (await Promise.all(columnsPromise));
     // Set the content to render and finish loading components
-    setContent({ columns, loading: false, page: 0 });
+    setContent({
+      columns,
+      dropZoneColumns: dropZoneColumnIndexes(columnComponents),
+      loading: false,
+      page: 0,
+    });
   }
   useEffect(() => {
     setContent({ loading: true });
@@ -3461,8 +3466,7 @@ function useInvoiceTableDemo(props, emptyElement, loadingElement) {
       smBreakpoint: 599,
     },
     elements: {
-      columns: content.columns,
-      rows: content.rows,
+      ...content,
       emptyElement,
       loadingElement,
     },

package/dist/esm/sqm-big-stat_47.entry.js

@@ -2998,7 +2998,7 @@ function PayoutStatusAlertView(props) {
             id: "verificationRequiredDescription",
             defaultMessage: text.verificationRequiredDescription,
           }, {
-            supportLink: (h$1("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+            supportLink: (h$1("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
           }),
           buttonText: text.verificationRequiredButtonText,
           alertType: "warning",
@@ -3010,7 +3010,7 @@ function PayoutStatusAlertView(props) {
             id: "verificationRequiredInternalDescription",
             defaultMessage: text.verificationRequiredInternalDescription,
           }, {
-            supportLink: (h$1("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+            supportLink: (h$1("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
           }),
           alertType: "warning",
         };
@@ -3021,7 +3021,7 @@ function PayoutStatusAlertView(props) {
             id: "verificationReviewInternalDescription",
             defaultMessage: text.verificationReviewInternalDescription,
           }, {
-            supportLink: (h$1("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+            supportLink: (h$1("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
           }),
           alertType: "warning",
         };
@@ -3032,7 +3032,7 @@ function PayoutStatusAlertView(props) {
             id: "verificationFailedInternalDescription",
             defaultMessage: text.verificationFailedInternalDescription,
           }, {
-            supportLink: (h$1("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+            supportLink: (h$1("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
           }),
           alertType: "error",
         };
@@ -3058,7 +3058,7 @@ function PayoutStatusAlertView(props) {
               id: "holdDescription",
               defaultMessage: text.holdDescription,
             }, {
-              supportLink: (h$1("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+              supportLink: (h$1("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
             }),
             buttonText: null,
             alertType: "warning",
@@ -3072,7 +3072,7 @@ function PayoutStatusAlertView(props) {
             id: "accountReviewDescription",
             defaultMessage: text.accountReviewDescription,
           }, {
-            supportLink: (h$1("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+            supportLink: (h$1("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
           }),
           buttonText: null,
           alertType: "warning",
@@ -3085,7 +3085,7 @@ function PayoutStatusAlertView(props) {
             id: "accountReviewDescription",
             defaultMessage: text.paymentHoldOnChangeDescription,
           }, {
-            supportLink: (h$1("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+            supportLink: (h$1("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
           }),
           buttonText: null,
           alertType: "warning",
@@ -3098,7 +3098,7 @@ function PayoutStatusAlertView(props) {
             id: "accountReviewDescription",
             defaultMessage: text.beneficiaryNameInvalidDescription,
           }, {
-            supportLink: (h$1("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+            supportLink: (h$1("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
           }),
           button: (h$1("div", { class: sheet$2.classes.ButtonContainer },
             h$1("sl-button", { disabled: states.loading, type: "primary", exportparts: "base: primarybutton-base", onClick: callbacks.onPaymentInfoClick }, text.editPaymentInformationButton),
@@ -3113,7 +3113,7 @@ function PayoutStatusAlertView(props) {
             id: "accountReviewDescription",
             defaultMessage: text.beneficiaryNameMismatchDescription,
           }, {
-            supportLink: (h$1("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+            supportLink: (h$1("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
           }),
           button: (h$1("div", { class: sheet$2.classes.ButtonContainer },
             h$1("sl-button", { disabled: states.loading, type: "primary", exportparts: "base: primarybutton-base", onClick: callbacks.onPaymentInfoClick }, text.editPaymentInformationButton),
@@ -3128,7 +3128,7 @@ function PayoutStatusAlertView(props) {
             id: "accountReviewDescription",
             defaultMessage: text.bankTaxNameMismatchDescription,
           }, {
-            supportLink: (h$1("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+            supportLink: (h$1("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
           }),
           button: (h$1("div", { class: sheet$2.classes.ButtonContainer },
             h$1("sl-button", { disabled: states.loading, type: "primary", exportparts: "base: primarybutton-base", onClick: callbacks.onPaymentInfoClick }, text.editPaymentInformationButton),
@@ -3143,7 +3143,7 @@ function PayoutStatusAlertView(props) {
             id: "accountReviewDescription",
             defaultMessage: text.withdrawalSettingsInvalidDescription,
           }, {
-            supportLink: (h$1("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+            supportLink: (h$1("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
           }),
           button: (h$1("div", { class: sheet$2.classes.ButtonContainer },
             h$1("sl-button", { disabled: states.loading, type: "primary", exportparts: "base: primarybutton-base", onClick: callbacks.onPaymentInfoClick }, text.editPaymentInformationButton))),
@@ -3157,7 +3157,7 @@ function PayoutStatusAlertView(props) {
             id: "accountReviewDescription",
             defaultMessage: text.paymentReturnedDescription,
           }, {
-            supportLink: (h$1("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+            supportLink: (h$1("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
           }),
           button: (h$1("div", { class: sheet$2.classes.ButtonContainer },
             h$1("sl-button", { disabled: states.loading, type: "primary", exportparts: "base: primarybutton-base", onClick: callbacks.onPaymentInfoClick }, text.editPaymentInformationButton))),
@@ -3171,7 +3171,7 @@ function PayoutStatusAlertView(props) {
             id: "holdDescription",
             defaultMessage: text.holdDescription,
           }, {
-            supportLink: (h$1("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+            supportLink: (h$1("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
           }),
           buttonText: null,
           alertType: "warning",
@@ -8042,7 +8042,7 @@ const TaxAndCashMonolith = class {
             id: "loadingErrorAlertDescription",
             defaultMessage: this.loadingErrorAlertDescription,
           }, {
-            supportLink: (h$1("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, this.supportLink)),
+            supportLink: (h$1("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, this.supportLink)),
           }) }));
     }
     return h$1(LoadingView, null);

package/dist/esm/sqm-email-verification_2.entry.js

@@ -7,7 +7,7 @@ import { g as getProps } from './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { T as TextSpanView } from './sqm-text-span-view-72f43dff.js';
 import { g as GET_FINANCE_NETWORK_SETTINGS } from './data-8698cbc6.js';
-import { a as PartnerInfoModalContentView, P as PartnerInfoModalView } from './sqm-partner-info-modal-view-34d4be5b.js';
+import { a as PartnerInfoModalContentView, P as PartnerInfoModalView } from './sqm-partner-info-modal-view-b921fed1.js';
 import { S as SHOW_CODE_NAMESPACE, a as VERIFICATION_EMAIL_NAMESPACE, P as PARTNER_CREATED_NAMESPACE } from './keys-1054056a.js';
 import { T as TAX_FORM_UPDATED_EVENT_KEY } from './eventKeys-f76b6a03.js';
 import { p as parseStates } from './parseStates-ed75e224.js';
@@ -347,7 +347,7 @@ function WidgetEmailVerificationView(props) {
         id: "sendCodeErrorDescription",
         defaultMessage: text.sendCodeErrorDescription,
       }, {
-        supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+        supportLink: (h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
       }))),
     states.initialLoading ? (renderLoadingSkeleton()) : (h("div", { class: sheet.classes.Wrapper },
       h(TextSpanView, { type: "p" }, text.verifyEmailHeaderText),

package/dist/esm/{sqm-partner-info-modal-view-34d4be5b.js → sqm-partner-info-modal-view-b921fed1.js}

@@ -86,7 +86,7 @@ function PartnerInfoModalContentView(props) {
     id: "supportDescriptionExistingPartner",
     defaultMessage: text.supportDescriptionExistingPartner,
   }, {
-    supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+    supportLink: (h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
   });
   const description = states.isExistingPartner ? (h("span", { class: sheet.classes.DescriptionContainer },
     h("p", null, text.descriptionExistingPartner),

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

@@ -7,12 +7,12 @@ import { l as luxonLocale } from './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import './mixins-f750863a.js';
 import { T as TextSpanView } from './sqm-text-span-view-72f43dff.js';
-import { G as GenericTableView } from './GenericTableView-8c72ac30.js';
+import { G as GenericTableView } from './GenericTableView-471a9386.js';
 import { a as useRequestRerender, u as useRerenderListener } from './re-render-bf46ba54.js';
+import { u as useReferralTable, t as tryMethod, d as dropZoneColumnIndexes } from './useReferralTable-3aa4b527.js';
 import { u as useChildElements } from './useChildElements-06937df7.js';
 import { l as luxon } from './luxon-1be92a8e.js';
 import { g as getPaypalMeta } from './mockRewardData-9b27d6f1.js';
-import { u as useReferralTable, t as tryMethod } from './useReferralTable-03d32c6f.js';
 
 const mockReferralData = (count = 4) => {
   const data = [...Array(count)].map(() => getMockData());
@@ -286,7 +286,12 @@ function useReferralTableDemo(props, emptyElement, loadingElement) {
     setContent({ rows });
     const columns = columnsPromise && (await Promise.all(columnsPromise));
     // Set the content to render and finish loading components
-    setContent({ columns, loading: false, page: 0 });
+    setContent({
+      columns,
+      dropZoneColumns: dropZoneColumnIndexes(columnComponents),
+      loading: false,
+      page: 0,
+    });
   }
   useEffect(() => {
     setContent({ loading: true });
@@ -315,8 +320,7 @@ function useReferralTableDemo(props, emptyElement, loadingElement) {
       smBreakpoint: 599,
     },
     elements: {
-      columns: content.columns,
-      rows: content.rows,
+      ...content,
       emptyElement,
       loadingElement,
     },

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

@@ -6,12 +6,12 @@ import { c as cjs } from './cjs-bdfb4486.js';
 import { l as luxonLocale } from './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import './mixins-f750863a.js';
-import { G as GenericTableView } from './GenericTableView-8c72ac30.js';
+import { G as GenericTableView } from './GenericTableView-471a9386.js';
 import { u as useRerenderListener, a as useRequestRerender } from './re-render-bf46ba54.js';
+import { g as generateUserError, d as dropZoneColumnIndexes } from './useReferralTable-3aa4b527.js';
 import { u as useChildElements } from './useChildElements-06937df7.js';
 import { l as luxon } from './luxon-1be92a8e.js';
 import { m as mockRewardData } from './mockRewardData-9b27d6f1.js';
-import { g as generateUserError } from './useReferralTable-03d32c6f.js';
 
 const debug = browser("sq:useRewardsTable");
 const CSS_NAMESPACE = "sqm-rewards-table";
@@ -390,7 +390,12 @@ function useRewardsTableDemo(props, emptyElement, loadingElement) {
     setContent({ rows });
     const columns = columnsPromise && (await Promise.all(columnsPromise));
     // Set the content to render and finish loading components
-    setContent({ columns, loading: false, page: 0 });
+    setContent({
+      columns,
+      dropZoneColumns: dropZoneColumnIndexes(columnComponents),
+      loading: false,
+      page: 0,
+    });
   }
   useEffect(() => {
     setContent({ loading: true });
@@ -418,8 +423,7 @@ function useRewardsTableDemo(props, emptyElement, loadingElement) {
       smBreakpoint: 599,
     },
     elements: {
-      columns: content.columns,
-      rows: content.rows,
+      ...content,
       emptyElement,
       loadingElement,
     },

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

@@ -13,7 +13,7 @@ import { b as PortalRegisterView, P as PortalForgotPasswordView, a as PortalLogi
 import './AsYouType-2d56519e.js';
 import { t as taxTypeToName, L as LoadingView, I as INDIRECT_TAX_SPAIN_REGIONS, a as INDIRECT_TAX_PROVINCES } from './subregions-810a5c2d.js';
 import { P as PortalRegistrationFormView } from './sqm-portal-registration-form-view-79265df5.js';
-import { G as GenericTableView } from './GenericTableView-8c72ac30.js';
+import { G as GenericTableView } from './GenericTableView-471a9386.js';
 import './useChildElements-06937df7.js';
 import { l as luxon } from './luxon-1be92a8e.js';
 import { C as CloseButtonView } from './sqm-close-button-view-fd9012e7.js';
@@ -33,10 +33,10 @@ import './ErrorView-74cb3af8.js';
 import { Q as QrCodeView } from './sqm-qr-code-view-ce476721.js';
 import { S as StatContainerView, B as BigStatView, a as ShareButtonView, P as PortalChangePasswordView, b as PoweredByImg$1, c as BaseRegistrationFormView, u as useDemoBigStat, T as TaskCardView, C as CardFeedView, d as CheckboxFieldView, e as CouponCodeView, D as DropdownFieldView, E as EditProfileView, L as LeaderboardView, H as HeroView, I as InputFieldView, N as NameFieldsView, f as ChangeMarktingView, g as PortalFooterView, h as PortalFrameView, R as ReferralIframeView, i as RewardExchangeView, r as rewardExchangeCustomErrorMsg, j as rewardExchangeLongText, k as rewardExchangeSelected, l as chooseAmountFixed, m as chooseAmountFixedNoDescription, n as chooseAmountVariable, o as chooseAmountVariableNoDescription, p as chooseAmountVariableDisabled, q as chooseAmountVariableUnavailable, s as confirmFixed, t as confirmVariable, v as redemptionError, w as queryError, x as success, y as successVariable, z as loading, A as empty$1, F as rewardExchange, G as useShareButton, J as ShareLinkView, K as useShareLink, M as ProgressBarView, O as ProgressBar$2, Q as LeadFormView, U as LeadDropdownFieldView, V as ShadowViewAddon } from './ShadowViewAddon-ae0cd8b9.js';
 import { P as PortalContainerView, a as PortalSectionView } from './sqm-portal-container-view-200c9df8.js';
-import { I as InvoiceTableView, T as TaxAndCashDashboardView$1, O as OtherRegionSlotView, U as UserInfoFormView$1 } from './sqm-user-info-form-view-ceb3917a.js';
+import { I as InvoiceTableView, T as TaxAndCashDashboardView$1, O as OtherRegionSlotView, U as UserInfoFormView$1 } from './sqm-user-info-form-view-b43a1729.js';
 import { L as LeadInputFieldView } from './sqm-lead-input-field-view-671ff96f.js';
 import './data-8698cbc6.js';
-import { P as PartnerInfoModalView } from './sqm-partner-info-modal-view-34d4be5b.js';
+import { P as PartnerInfoModalView } from './sqm-partner-info-modal-view-b921fed1.js';
 
 /**
  * lodash (Custom Build) <https://lodash.com/>

package/dist/esm/{sqm-user-info-form-view-ceb3917a.js → sqm-user-info-form-view-b43a1729.js}

@@ -356,7 +356,7 @@ const TaxAndCashDashboardView = (props) => {
               id: "payoutHoldAlertDescription",
               defaultMessage: text.payoutHoldAlertDescription,
             }, {
-              supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+              supportLink: (h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
             }),
             buttonText: null,
             alertType: "warning",
@@ -371,7 +371,7 @@ const TaxAndCashDashboardView = (props) => {
             id: "verificationRequiredDescription",
             defaultMessage: text.verificationRequiredDescription,
           }, {
-            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
           }),
           buttonText: text.verificationRequiredButtonText,
           alertType: "warning",
@@ -385,7 +385,7 @@ const TaxAndCashDashboardView = (props) => {
             id: "verificationRequiredInternalDescription",
             defaultMessage: text.verificationRequiredInternalDescription,
           }, {
-            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
           }),
           alertType: "warning",
           icon: "exclamation-triangle",
@@ -398,7 +398,7 @@ const TaxAndCashDashboardView = (props) => {
             id: "verificationReviewInternalDescription",
             defaultMessage: text.verificationReviewInternalDescription,
           }, {
-            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
           }),
           alertType: "warning",
           icon: "exclamation-triangle",
@@ -411,7 +411,7 @@ const TaxAndCashDashboardView = (props) => {
             id: "verificationFailedInternalDescription",
             defaultMessage: text.verificationFailedInternalDescription,
           }, {
-            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
           }),
           alertType: "error",
           icon: "exclamation-octagon",
@@ -424,7 +424,7 @@ const TaxAndCashDashboardView = (props) => {
             id: "accountReviewDescription",
             defaultMessage: text.accountReviewDescription,
           }, {
-            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
           }),
           buttonText: null,
           alertType: "warning",
@@ -438,7 +438,7 @@ const TaxAndCashDashboardView = (props) => {
             id: "accountReviewDescription",
             defaultMessage: text.paymentHoldOnChangeDescription,
           }, {
-            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
           }),
           buttonText: null,
           alertType: "warning",
@@ -452,7 +452,7 @@ const TaxAndCashDashboardView = (props) => {
             id: "accountReviewDescription",
             defaultMessage: text.beneficiaryNameInvalidDescription,
           }, {
-            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
           }),
           button: (h("div", { class: sheet.classes.ButtonContainer },
             h("sl-button", { disabled: states.disabled || states.loading, type: "primary", class: sheet.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton),
@@ -468,7 +468,7 @@ const TaxAndCashDashboardView = (props) => {
             id: "accountReviewDescription",
             defaultMessage: text.beneficiaryNameMismatchDescription,
           }, {
-            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
           }),
           button: (h("div", { class: sheet.classes.ButtonContainer },
             h("sl-button", { disabled: states.disabled || states.loading, type: "primary", class: sheet.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton),
@@ -484,7 +484,7 @@ const TaxAndCashDashboardView = (props) => {
             id: "accountReviewDescription",
             defaultMessage: text.bankTaxNameMismatchDescription,
           }, {
-            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
           }),
           button: (h("div", { class: sheet.classes.ButtonContainer },
             h("sl-button", { disabled: states.disabled || states.loading, type: "primary", class: sheet.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton),
@@ -500,7 +500,7 @@ const TaxAndCashDashboardView = (props) => {
             id: "accountReviewDescription",
             defaultMessage: text.withdrawalSettingsInvalidDescription,
           }, {
-            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
           }),
           button: (h("sl-button", { disabled: states.disabled || states.loading, type: "default", class: sheet.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton)),
           alertType: "warning",
@@ -514,7 +514,7 @@ const TaxAndCashDashboardView = (props) => {
             id: "accountReviewDescription",
             defaultMessage: text.paymentReturnedDescription,
           }, {
-            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
           }),
           button: (h("sl-button", { disabled: states.disabled || states.loading, type: "primary", class: sheet.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton)),
           alertType: "error",
@@ -528,7 +528,7 @@ const TaxAndCashDashboardView = (props) => {
             id: "payoutHoldAlertDescription",
             defaultMessage: text.payoutHoldAlertDescription,
           }, {
-            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
           }),
           buttonText: null,
           alertType: "warning",
@@ -662,7 +662,7 @@ const TaxAndCashDashboardView = (props) => {
             id: "loadingErrorAlertDescription",
             defaultMessage: text.error.loadingErrorAlertDescription,
           }, {
-            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
           })))),
       ((_a = states.errors) === null || _a === void 0 ? void 0 : _a.general) && (h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true, class: sheet.classes.ErrorAlertContainer },
         h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
@@ -672,7 +672,7 @@ const TaxAndCashDashboardView = (props) => {
           id: "generalDescription",
           defaultMessage: text.error.generalDescription,
         }, {
-          supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+          supportLink: (h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
         }))),
       alertInfo && (h("sqm-form-message", { loading: states.loading, exportparts: "base: alert-base, icon:alert-icon", type: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.alertType, class: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.class, icon: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.icon, transparent: true },
         h("strong", null, alertInfo.header),
@@ -721,14 +721,14 @@ const TaxAndCashDashboardView = (props) => {
                 id: "indirectTaxTooltipSupport",
                 defaultMessage: text.indirectTaxTooltipSupport,
               }, {
-                supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com`, class: sheet.classes.DropdownLink }, text.supportLink)),
+                supportLink: (h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com`, class: sheet.classes.DropdownLink }, text.supportLink)),
               })))),
         h("div", { class: sheet.classes.IndirectTaxPreviewDetails },
           h("span", null, states.notRegistered ? (h("span", { class: sheet.classes.NotRegisteredIndirectTaxText }, intl.formatMessage({
             id: "notRegisteredForTax",
             defaultMessage: text.notRegisteredForTax,
           }, {
-            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
           }))) : (getIndirectTaxRegisteredIn())),
           !states.notRegistered && (h("div", { class: sheet.classes.TaxNumberContainer },
             h("span", null, intl.formatMessage({
@@ -2266,7 +2266,7 @@ const UserInfoFormView = (props) => {
           id: "loadingErrorAlertDescription",
           defaultMessage: text.error.loadingErrorAlertDescription,
         }, {
-          supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+          supportLink: (h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
         }))))),
     states.loading ? (h(LoadingView, null)) : (h("div", null,
       h("div", { class: classes.TextContainer },
@@ -2283,7 +2283,7 @@ const UserInfoFormView = (props) => {
           id: "generalDescription",
           defaultMessage: text.error.generalDescription,
         }, {
-          supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+          supportLink: (h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
         })))),
       (states.isPartnerLegacy || states.isUserLegacy) && (h("sqm-form-message", { loading: states.loading, type: "info" },
         h("p", { part: "alert-title" }, text.isPartnerAlertHeader),
@@ -2291,7 +2291,7 @@ const UserInfoFormView = (props) => {
           id: "isPartnerAlertDescription",
           defaultMessage: text.isPartnerAlertDescription,
         }, {
-          supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+          supportLink: (h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
         })))),
       h("div", null,
         h("div", { class: classes.InputContainer },