@saasquatch/mint-components 1.14.6-15 → 1.14.6-17

package/dist/cjs/{ShadowViewAddon-1266b75b.js → ShadowViewAddon-344e1c0d.js}

@@ -4132,8 +4132,8 @@ function LeadFormView(props) {
             supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, content.supportLink)),
           }))),
         index.h("div", { class: sheet$d.classes.NameFieldWrapper },
-          index.h("sqm-lead-input-field", { style: { width: "50%" }, "field-label": "First Name", "field-name": "firstName" }),
-          index.h("sqm-lead-input-field", { style: { width: "50%" }, "field-label": "Last Name", "field-name": "lastName" })),
+          index.h("sqm-lead-input-field", { style: { width: "50%" }, "field-label": content.firstNameLabel || "First Name", "field-name": "firstName" }),
+          index.h("sqm-lead-input-field", { style: { width: "50%" }, "field-label": content.lastNameLabel || "Last Name", "field-name": "lastName" })),
         index.h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", type: "email", name: "/email", label: content.emailLabel || "Email", disabled: states.loading, required: true, validationError: ({ value }) => {
             if (!value) {
               return getRequiredFieldErrorMessage({

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

@@ -24,7 +24,7 @@ const sqmPortalLoginView = require('./sqm-portal-login-view-761a4d8e.js');
 const usePortalLogin = require('./usePortalLogin-63d896d1.js');
 const AsYouType = require('./AsYouType-6788393a.js');
 const utilities = require('./utilities-78f5e169.js');
-const ShadowViewAddon = require('./ShadowViewAddon-1266b75b.js');
+const ShadowViewAddon = require('./ShadowViewAddon-344e1c0d.js');
 require('./sqm-portal-container-view-4f15143a.js');
 const usePayoutStatus = require('./usePayoutStatus-feeac99b.js');
 
@@ -1529,6 +1529,8 @@ const LeadForm = class {
       submitErrorDescription: this.submitErrorDescription,
       invalidEmailErrorMessage: this.invalidEmailErrorMessage,
       requiredFieldErrorMessage: this.requiredFieldErrorMessage,
+      firstNameLabel: this.firstNameLabel,
+      lastNameLabel: this.lastNameLabel,
     };
     return (index.h(ShadowViewAddon.LeadFormView, { states: states, callbacks: callbacks, content: content, refs: refs }));
   }

package/dist/cjs/{sqm-lead-dropdown-field-view-9d1443ea.js → sqm-lead-dropdown-field-view-8117cd38.js}

@@ -38,8 +38,9 @@ function LeadDropdownFieldView(props) {
   var _a, _b, _c, _d;
   const { states, content } = props;
   const validationErrors = (_a = states === null || states === void 0 ? void 0 : states.leadFormState) === null || _a === void 0 ? void 0 : _a.validationErrors;
+  console.log({ validationErrors });
   const getRequiredFieldErrorMessage = ({ dropdownLabel, }) => global.intl.formatMessage({
-    id: "requiredFieldErrorMessage",
+    id: `requiredFieldErrorMessage-${dropdownLabel}`,
     defaultMessage: content.requiredFieldErrorMessage,
   }, {
     dropdownLabel,

package/dist/cjs/sqm-lead-dropdown-field.cjs.entry.js

@@ -10,7 +10,7 @@ const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 require('./JSS-8503a151.js');
 const useLeadFormState = require('./useLeadFormState-c83d2034.js');
-const sqmLeadDropdownFieldView = require('./sqm-lead-dropdown-field-view-9d1443ea.js');
+const sqmLeadDropdownFieldView = require('./sqm-lead-dropdown-field-view-8117cd38.js');
 
 function useLeadDropdownField() {
   const leadFormState = stencilHooks_module.d(useLeadFormState.LEAD_FORM_STATE_CONTEXT);

package/dist/cjs/{sqm-lead-input-field-view-6344cd93.js → sqm-lead-input-field-view-5a0b1aed.js}

@@ -25,7 +25,7 @@ function LeadInputFieldView(props) {
   var _a, _b, _c, _d, _e, _f;
   const { states, content } = props;
   const getRequiredFieldErrorMessage = ({ fieldLabel, }) => global.intl.formatMessage({
-    id: "requiredFieldErrorMessage",
+    id: `requiredFieldErrorMessage-${fieldLabel}`,
     defaultMessage: content.requiredFieldErrorMessage,
   }, {
     fieldLabel,
@@ -40,9 +40,9 @@ function LeadInputFieldView(props) {
             fieldLabel: content.fieldLabel,
           });
         }
-      } }, (((_d = (_c = states.leadFormState) === null || _c === void 0 ? void 0 : _c.validationErrors) === null || _d === void 0 ? void 0 : _d.firstName) ? {
+      } }, (((_d = (_c = states.leadFormState) === null || _c === void 0 ? void 0 : _c.validationErrors) === null || _d === void 0 ? void 0 : _d[content.fieldName]) ? {
       class: sheet.classes.ErrorStyle,
-      helpText: ((_f = (_e = states.leadFormState) === null || _e === void 0 ? void 0 : _e.validationErrors) === null || _f === void 0 ? void 0 : _f.firstName) ||
+      helpText: ((_f = (_e = states.leadFormState) === null || _e === void 0 ? void 0 : _e.validationErrors) === null || _f === void 0 ? void 0 : _f[content.fieldName]) ||
         content.requiredFieldErrorMessage,
     }
       : [])))));

package/dist/cjs/sqm-lead-input-field.cjs.entry.js

@@ -11,7 +11,7 @@ const utils = require('./utils-6847bc06.js');
 require('./JSS-8503a151.js');
 require('./mixins-f7e0377a.js');
 const useLeadFormState = require('./useLeadFormState-c83d2034.js');
-const sqmLeadInputFieldView = require('./sqm-lead-input-field-view-6344cd93.js');
+const sqmLeadInputFieldView = require('./sqm-lead-input-field-view-5a0b1aed.js');
 
 function useLeadInputField() {
   const leadFormState = stencilHooks_module.d(useLeadFormState.LEAD_FORM_STATE_CONTEXT);

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

@@ -20,7 +20,7 @@ const sqmAssetCardView = require('./sqm-asset-card-view-21ddf04f.js');
 const sqmCloseButtonView = require('./sqm-close-button-view-ea3fa23b.js');
 require('./index-8c6255f5.js');
 const emailRegistrationView = require('./email-registration-view-55b378dc.js');
-const sqmLeadDropdownFieldView = require('./sqm-lead-dropdown-field-view-9d1443ea.js');
+const sqmLeadDropdownFieldView = require('./sqm-lead-dropdown-field-view-8117cd38.js');
 const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-d39a55d8.js');
 const sqmLogoutCurrentUserView = require('./sqm-logout-current-user-view-11d57c12.js');
 const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-17111896.js');
@@ -36,10 +36,10 @@ const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-fe6
 const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-7b678f34.js');
 require('./ErrorView-b2fcf954.js');
 const sqmQrCodeView = require('./sqm-qr-code-view-15dfc0b6.js');
-const ShadowViewAddon = require('./ShadowViewAddon-1266b75b.js');
+const ShadowViewAddon = require('./ShadowViewAddon-344e1c0d.js');
 const sqmPortalContainerView = require('./sqm-portal-container-view-4f15143a.js');
 const sqmInvoiceTableView = require('./sqm-invoice-table-view-0f7fa309.js');
-const sqmLeadInputFieldView = require('./sqm-lead-input-field-view-6344cd93.js');
+const sqmLeadInputFieldView = require('./sqm-lead-input-field-view-5a0b1aed.js');
 
 /**
  * lodash (Custom Build) <https://lodash.com/>

package/dist/collection/components/sqm-lead-form/sqm-lead-dropdown-field-view.js

@@ -36,8 +36,9 @@ export function LeadDropdownFieldView(props) {
   var _a, _b, _c, _d;
   const { states, content } = props;
   const validationErrors = (_a = states === null || states === void 0 ? void 0 : states.leadFormState) === null || _a === void 0 ? void 0 : _a.validationErrors;
+  console.log({ validationErrors });
   const getRequiredFieldErrorMessage = ({ dropdownLabel, }) => intl.formatMessage({
-    id: "requiredFieldErrorMessage",
+    id: `requiredFieldErrorMessage-${dropdownLabel}`,
     defaultMessage: content.requiredFieldErrorMessage,
   }, {
     dropdownLabel,

package/dist/collection/components/sqm-lead-form/sqm-lead-form-view.js

@@ -89,8 +89,8 @@ export function LeadFormView(props) {
             supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, content.supportLink)),
           }))),
         h("div", { class: sheet.classes.NameFieldWrapper },
-          h("sqm-lead-input-field", { style: { width: "50%" }, "field-label": "First Name", "field-name": "firstName" }),
-          h("sqm-lead-input-field", { style: { width: "50%" }, "field-label": "Last Name", "field-name": "lastName" })),
+          h("sqm-lead-input-field", { style: { width: "50%" }, "field-label": content.firstNameLabel || "First Name", "field-name": "firstName" }),
+          h("sqm-lead-input-field", { style: { width: "50%" }, "field-label": content.lastNameLabel || "Last Name", "field-name": "lastName" })),
         h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", type: "email", name: "/email", label: content.emailLabel || "Email", disabled: states.loading, required: true, validationError: ({ value }) => {
             if (!value) {
               return getRequiredFieldErrorMessage({

package/dist/collection/components/sqm-lead-form/sqm-lead-form.js

@@ -97,6 +97,8 @@ export class LeadForm {
       submitErrorDescription: this.submitErrorDescription,
       invalidEmailErrorMessage: this.invalidEmailErrorMessage,
       requiredFieldErrorMessage: this.requiredFieldErrorMessage,
+      firstNameLabel: this.firstNameLabel,
+      lastNameLabel: this.lastNameLabel,
     };
     return (h(LeadFormView, { states: states, callbacks: callbacks, content: content, refs: refs }));
   }

package/dist/collection/components/sqm-lead-form/sqm-lead-input-field-view.js

@@ -23,7 +23,7 @@ export function LeadInputFieldView(props) {
   var _a, _b, _c, _d, _e, _f;
   const { states, content } = props;
   const getRequiredFieldErrorMessage = ({ fieldLabel, }) => intl.formatMessage({
-    id: "requiredFieldErrorMessage",
+    id: `requiredFieldErrorMessage-${fieldLabel}`,
     defaultMessage: content.requiredFieldErrorMessage,
   }, {
     fieldLabel,
@@ -38,9 +38,9 @@ export function LeadInputFieldView(props) {
             fieldLabel: content.fieldLabel,
           });
         }
-      } }, (((_d = (_c = states.leadFormState) === null || _c === void 0 ? void 0 : _c.validationErrors) === null || _d === void 0 ? void 0 : _d.firstName) ? {
+      } }, (((_d = (_c = states.leadFormState) === null || _c === void 0 ? void 0 : _c.validationErrors) === null || _d === void 0 ? void 0 : _d[content.fieldName]) ? {
       class: sheet.classes.ErrorStyle,
-      helpText: ((_f = (_e = states.leadFormState) === null || _e === void 0 ? void 0 : _e.validationErrors) === null || _f === void 0 ? void 0 : _f.firstName) ||
+      helpText: ((_f = (_e = states.leadFormState) === null || _e === void 0 ? void 0 : _e.validationErrors) === null || _f === void 0 ? void 0 : _f[content.fieldName]) ||
         content.requiredFieldErrorMessage,
     }
       : [])))));

package/dist/esm/{ShadowViewAddon-ec5d2f0a.js → ShadowViewAddon-a14f9e24.js}

@@ -4130,8 +4130,8 @@ function LeadFormView(props) {
             supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, content.supportLink)),
           }))),
         h("div", { class: sheet$d.classes.NameFieldWrapper },
-          h("sqm-lead-input-field", { style: { width: "50%" }, "field-label": "First Name", "field-name": "firstName" }),
-          h("sqm-lead-input-field", { style: { width: "50%" }, "field-label": "Last Name", "field-name": "lastName" })),
+          h("sqm-lead-input-field", { style: { width: "50%" }, "field-label": content.firstNameLabel || "First Name", "field-name": "firstName" }),
+          h("sqm-lead-input-field", { style: { width: "50%" }, "field-label": content.lastNameLabel || "Last Name", "field-name": "lastName" })),
         h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", type: "email", name: "/email", label: content.emailLabel || "Email", disabled: states.loading, required: true, validationError: ({ value }) => {
             if (!value) {
               return getRequiredFieldErrorMessage({

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

@@ -20,7 +20,7 @@ import { P as PortalLoginView } from './sqm-portal-login-view-7e49609a.js';
 import { u as usePortalLogin } from './usePortalLogin-ef647a50.js';
 import { A as AsYouType } from './AsYouType-46f67d0d.js';
 import { i as isEmpty } from './utilities-5b0ca040.js';
-import { b as useDemoBigStat, V as useBigStat, B as BigStatView, Q as autoColorScaleCss, J as CardFeedView, i as CheckboxFieldView, K as CouponCodeView, D as DropdownFieldView, E as EditProfileView, H as HeroView, I as InputFieldView, O as LeadFormView, W as withShadowView, L as LeaderboardView, N as NameFieldsView, C as ChangeMarktingView, d as PortalChangePasswordView, h as PortalFooterView, P as PortalFrameView, e as PortalRegisterView, R as ReferralIframeView, X as demoRewardExchange, j as RewardExchangeView, a as useShareButton, S as ShareButtonView, u as useShareLink, c as StatContainerView, T as TaskCardView } from './ShadowViewAddon-ec5d2f0a.js';
+import { b as useDemoBigStat, V as useBigStat, B as BigStatView, Q as autoColorScaleCss, J as CardFeedView, i as CheckboxFieldView, K as CouponCodeView, D as DropdownFieldView, E as EditProfileView, H as HeroView, I as InputFieldView, O as LeadFormView, W as withShadowView, L as LeaderboardView, N as NameFieldsView, C as ChangeMarktingView, d as PortalChangePasswordView, h as PortalFooterView, P as PortalFrameView, e as PortalRegisterView, R as ReferralIframeView, X as demoRewardExchange, j as RewardExchangeView, a as useShareButton, S as ShareButtonView, u as useShareLink, c as StatContainerView, T as TaskCardView } from './ShadowViewAddon-a14f9e24.js';
 import './sqm-portal-container-view-1683ae32.js';
 import { u as usePayoutStatus } from './usePayoutStatus-fed17fc9.js';
 
@@ -1525,6 +1525,8 @@ const LeadForm = class {
       submitErrorDescription: this.submitErrorDescription,
       invalidEmailErrorMessage: this.invalidEmailErrorMessage,
       requiredFieldErrorMessage: this.requiredFieldErrorMessage,
+      firstNameLabel: this.firstNameLabel,
+      lastNameLabel: this.lastNameLabel,
     };
     return (h$1(LeadFormView, { states: states, callbacks: callbacks, content: content, refs: refs }));
   }

package/dist/esm/{sqm-lead-dropdown-field-view-145e94e8.js → sqm-lead-dropdown-field-view-92442a2f.js}

@@ -36,8 +36,9 @@ function LeadDropdownFieldView(props) {
   var _a, _b, _c, _d;
   const { states, content } = props;
   const validationErrors = (_a = states === null || states === void 0 ? void 0 : states.leadFormState) === null || _a === void 0 ? void 0 : _a.validationErrors;
+  console.log({ validationErrors });
   const getRequiredFieldErrorMessage = ({ dropdownLabel, }) => intl.formatMessage({
-    id: "requiredFieldErrorMessage",
+    id: `requiredFieldErrorMessage-${dropdownLabel}`,
     defaultMessage: content.requiredFieldErrorMessage,
   }, {
     dropdownLabel,

package/dist/esm/sqm-lead-dropdown-field.entry.js

@@ -6,7 +6,7 @@ import { c as cjs } from './cjs-bdfb4486.js';
 import { a as getMissingProps, g as getProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
 import { L as LEAD_FORM_STATE_CONTEXT, R as RequiredPropsError } from './useLeadFormState-9016d812.js';
-import { L as LeadDropdownFieldView } from './sqm-lead-dropdown-field-view-145e94e8.js';
+import { L as LeadDropdownFieldView } from './sqm-lead-dropdown-field-view-92442a2f.js';
 
 function useLeadDropdownField() {
   const leadFormState = d(LEAD_FORM_STATE_CONTEXT);

package/dist/esm/{sqm-lead-input-field-view-f1dd4b77.js → sqm-lead-input-field-view-9b23f22c.js}

@@ -23,7 +23,7 @@ function LeadInputFieldView(props) {
   var _a, _b, _c, _d, _e, _f;
   const { states, content } = props;
   const getRequiredFieldErrorMessage = ({ fieldLabel, }) => intl.formatMessage({
-    id: "requiredFieldErrorMessage",
+    id: `requiredFieldErrorMessage-${fieldLabel}`,
     defaultMessage: content.requiredFieldErrorMessage,
   }, {
     fieldLabel,
@@ -38,9 +38,9 @@ function LeadInputFieldView(props) {
             fieldLabel: content.fieldLabel,
           });
         }
-      } }, (((_d = (_c = states.leadFormState) === null || _c === void 0 ? void 0 : _c.validationErrors) === null || _d === void 0 ? void 0 : _d.firstName) ? {
+      } }, (((_d = (_c = states.leadFormState) === null || _c === void 0 ? void 0 : _c.validationErrors) === null || _d === void 0 ? void 0 : _d[content.fieldName]) ? {
       class: sheet.classes.ErrorStyle,
-      helpText: ((_f = (_e = states.leadFormState) === null || _e === void 0 ? void 0 : _e.validationErrors) === null || _f === void 0 ? void 0 : _f.firstName) ||
+      helpText: ((_f = (_e = states.leadFormState) === null || _e === void 0 ? void 0 : _e.validationErrors) === null || _f === void 0 ? void 0 : _f[content.fieldName]) ||
         content.requiredFieldErrorMessage,
     }
       : [])))));

package/dist/esm/sqm-lead-input-field.entry.js

@@ -7,7 +7,7 @@ import { g as getProps, a as getMissingProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
 import './mixins-83f90fa1.js';
 import { L as LEAD_FORM_STATE_CONTEXT, R as RequiredPropsError } from './useLeadFormState-9016d812.js';
-import { L as LeadInputFieldView } from './sqm-lead-input-field-view-f1dd4b77.js';
+import { L as LeadInputFieldView } from './sqm-lead-input-field-view-9b23f22c.js';
 
 function useLeadInputField() {
   const leadFormState = d(LEAD_FORM_STATE_CONTEXT);

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

@@ -16,7 +16,7 @@ import { A as AssetCardView } from './sqm-asset-card-view-fe5db3c0.js';
 import { C as CloseButtonView } from './sqm-close-button-view-f9819751.js';
 import './index-ffa26b43.js';
 import { E as EmailRegistrationView } from './email-registration-view-a7818cf2.js';
-import { L as LeadDropdownFieldView } from './sqm-lead-dropdown-field-view-145e94e8.js';
+import { L as LeadDropdownFieldView } from './sqm-lead-dropdown-field-view-92442a2f.js';
 import { L as LeaderboardRankView } from './sqm-leaderboard-rank-view-753c8d4a.js';
 import { L as LogoutCurrentUserView } from './sqm-logout-current-user-view-8ef8180f.js';
 import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-9d802b78.js';
@@ -32,10 +32,10 @@ import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-5
 import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-b12cb894.js';
 import './ErrorView-48e2b969.js';
 import { Q as QrCodeView } from './sqm-qr-code-view-f1d0763b.js';
-import { S as ShareButtonView, L as LeaderboardView, B as BigStatView, P as PortalFrameView, E as EditProfileView, u as useShareLink, a as useShareButton, b as useDemoBigStat, c as StatContainerView, d as PortalChangePasswordView, e as PortalRegisterView, C as ChangeMarktingView, T as TaskCardView, f as ProgressBarView, g as PoweredByImg$1, h as PortalFooterView, H as HeroView, R as ReferralIframeView, N as NameFieldsView, i as CheckboxFieldView, D as DropdownFieldView, I as InputFieldView, j as RewardExchangeView, r as rewardExchangeCustomErrorMsg, k as rewardExchangeLongText, l as rewardExchangeSelected, m as chooseAmountFixed, n as chooseAmountFixedNoDescription, o as chooseAmountVariable, p as chooseAmountVariableNoDescription, q as chooseAmountVariableDisabled, s as chooseAmountVariableUnavailable, t as confirmFixed, v as confirmVariable, w as redemptionError, x as queryError, y as success, z as successVariable, A as loading, F as empty$1, G as rewardExchange, J as CardFeedView, K as CouponCodeView, M as ProgressBar$2, O as LeadFormView, Q as autoColorScaleCss, U as ShadowViewAddon } from './ShadowViewAddon-ec5d2f0a.js';
+import { S as ShareButtonView, L as LeaderboardView, B as BigStatView, P as PortalFrameView, E as EditProfileView, u as useShareLink, a as useShareButton, b as useDemoBigStat, c as StatContainerView, d as PortalChangePasswordView, e as PortalRegisterView, C as ChangeMarktingView, T as TaskCardView, f as ProgressBarView, g as PoweredByImg$1, h as PortalFooterView, H as HeroView, R as ReferralIframeView, N as NameFieldsView, i as CheckboxFieldView, D as DropdownFieldView, I as InputFieldView, j as RewardExchangeView, r as rewardExchangeCustomErrorMsg, k as rewardExchangeLongText, l as rewardExchangeSelected, m as chooseAmountFixed, n as chooseAmountFixedNoDescription, o as chooseAmountVariable, p as chooseAmountVariableNoDescription, q as chooseAmountVariableDisabled, s as chooseAmountVariableUnavailable, t as confirmFixed, v as confirmVariable, w as redemptionError, x as queryError, y as success, z as successVariable, A as loading, F as empty$1, G as rewardExchange, J as CardFeedView, K as CouponCodeView, M as ProgressBar$2, O as LeadFormView, Q as autoColorScaleCss, U as ShadowViewAddon } from './ShadowViewAddon-a14f9e24.js';
 import { P as PortalContainerView, a as PortalSectionView } from './sqm-portal-container-view-1683ae32.js';
 import { O as OtherRegionSlotView, I as InvoiceTableView, T as TaxForm } from './sqm-invoice-table-view-7f376a75.js';
-import { L as LeadInputFieldView } from './sqm-lead-input-field-view-f1dd4b77.js';
+import { L as LeadInputFieldView } from './sqm-lead-input-field-view-9b23f22c.js';
 
 /**
  * lodash (Custom Build) <https://lodash.com/>