@saasquatch/mint-components 1.14.6-11 → 1.14.6-13

package/dist/cjs/{ShadowViewAddon-d1dda2b0.js → ShadowViewAddon-c66bde05.js}

@@ -4114,11 +4114,7 @@ function LeadFormView(props) {
         index.h("b", null, content.submitSuccessHeader),
         index.h("br", null),
         index.h("div", { part: "successalert-text" }, content.submitSuccessDescription)),
-      index.h("sl-button", { 
-        // AL: TODO add button to allow user to submit another form
-        class: sheet$d.classes.ContinueButton, 
-        // onClick={callbacks.submitAnotherForm}
-        loading: states.loading, exportparts: "base: primarybutton-base", type: "default" }, content.resubmitFormLabel)));
+      index.h("sl-button", { class: sheet$d.classes.ContinueButton, onClick: callbacks.resetForm, loading: states.loading, exportparts: "base: primarybutton-base", type: "default" }, content.resubmitFormLabel)));
   }
   return (index.h("div", { class: sheet$d.classes.Wrapper, part: "sqm-base" },
     index.h("style", { type: "text/css" },

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-d1dda2b0.js');
+const ShadowViewAddon = require('./ShadowViewAddon-c66bde05.js');
 require('./sqm-portal-container-view-4f15143a.js');
 const usePayoutStatus = require('./usePayoutStatus-feeac99b.js');
 
@@ -1396,6 +1396,18 @@ function useLeadForm(props) {
     const asYouType = new AsYouType.AsYouType("US");
     e.target.value = asYouType.input(e.target.value);
   }, []);
+  function resetForm() {
+    var _a, _b;
+    setLeadFormState({
+      loading: false,
+      error: "",
+      validationErrors: {},
+    });
+    (_b = (_a = formRef.current) === null || _a === void 0 ? void 0 : _a.getFormControls()) === null || _b === void 0 ? void 0 : _b.forEach((c) => {
+      c.value = "";
+    });
+    setSuccess(false);
+  }
   let errorMessage = "";
   if ((_a = errors === null || errors === void 0 ? void 0 : errors.response) === null || _a === void 0 ? void 0 : _a["error"]) {
     errorMessage = props.networkErrorMessage;
@@ -1419,6 +1431,7 @@ function useLeadForm(props) {
     callbacks: {
       submit,
       inputFunction,
+      resetForm,
     },
     refs: {
       formRef,
@@ -1532,6 +1545,7 @@ function useRegisterDemo(props) {
         console.log("submit");
       },
       inputFunction: () => { },
+      resetForm: () => { },
     },
     refs: {
       formRef: {},

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

@@ -35,7 +35,7 @@ JSS.jss.setup(JSS.create());
 const sheet = JSS.jss.createStyleSheet(style);
 const styleString = sheet.toString();
 function LeadDropdownFieldView(props) {
-  var _a, _b, _c, _d, _e, _f, _g;
+  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;
   const getRequiredFieldErrorMessage = ({ dropdownLabel, }) => global.intl.formatMessage({
@@ -54,10 +54,8 @@ function LeadDropdownFieldView(props) {
             dropdownLabel: content.dropdownLabel,
           });
         }
-      } }, (((_e = (_d = states.leadFormState) === null || _d === void 0 ? void 0 : _d.validationErrors) === null || _e === void 0 ? void 0 : _e.firstName) ? {
+      } }, (((_d = states.leadFormState) === null || _d === void 0 ? void 0 : _d.validationErrors) ? {
       class: sheet.classes.ErrorStyle,
-      helpText: ((_g = (_f = states.leadFormState) === null || _f === void 0 ? void 0 : _f.validationErrors) === null || _g === void 0 ? void 0 : _g.firstName) ||
-        content.requiredFieldErrorMessage,
     }
       : [])), content.selectOptions),
     (validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors[content.dropdownName]) && (index.h("p", { class: sheet.classes.ErrorMessageStyle }, global.intl.formatMessage({

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-03a3e03f.js');
+const sqmLeadDropdownFieldView = require('./sqm-lead-dropdown-field-view-9d1443ea.js');
 
 function useLeadDropdownField() {
   const leadFormState = stencilHooks_module.d(useLeadFormState.LEAD_FORM_STATE_CONTEXT);

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

@@ -39,7 +39,7 @@ const LeadInputField = class {
      * @uiName Required field message
      * @uiWidget textArea
      */
-    this.requiredFieldErrorMessage = "Please enter a {fieldName}";
+    this.requiredFieldErrorMessage = "Please enter a {fieldLabel}";
     /**
      * @uiName Optional
      * @default

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-03a3e03f.js');
+const sqmLeadDropdownFieldView = require('./sqm-lead-dropdown-field-view-9d1443ea.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,7 +36,7 @@ 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-d1dda2b0.js');
+const ShadowViewAddon = require('./ShadowViewAddon-c66bde05.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');
@@ -15847,6 +15847,7 @@ const defaultProps$t = {
   callbacks: {
     submit: () => console.log("Submit!"),
     inputFunction: () => { },
+    resetForm: () => { },
   },
   refs: {
     formRef: {},

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

@@ -14,6 +14,7 @@ const defaultProps = {
   callbacks: {
     submit: () => console.log("Submit!"),
     inputFunction: () => { },
+    resetForm: () => { },
   },
   refs: {
     formRef: {},

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

@@ -33,7 +33,7 @@ jss.setup(preset());
 const sheet = jss.createStyleSheet(style);
 const styleString = sheet.toString();
 export function LeadDropdownFieldView(props) {
-  var _a, _b, _c, _d, _e, _f, _g;
+  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;
   const getRequiredFieldErrorMessage = ({ dropdownLabel, }) => intl.formatMessage({
@@ -52,10 +52,8 @@ export function LeadDropdownFieldView(props) {
             dropdownLabel: content.dropdownLabel,
           });
         }
-      } }, (((_e = (_d = states.leadFormState) === null || _d === void 0 ? void 0 : _d.validationErrors) === null || _e === void 0 ? void 0 : _e.firstName) ? {
+      } }, (((_d = states.leadFormState) === null || _d === void 0 ? void 0 : _d.validationErrors) ? {
       class: sheet.classes.ErrorStyle,
-      helpText: ((_g = (_f = states.leadFormState) === null || _f === void 0 ? void 0 : _f.validationErrors) === null || _g === void 0 ? void 0 : _g.firstName) ||
-        content.requiredFieldErrorMessage,
     }
       : [])), content.selectOptions),
     (validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors[content.dropdownName]) && (h("p", { class: sheet.classes.ErrorMessageStyle }, intl.formatMessage({

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

@@ -71,11 +71,7 @@ export function LeadFormView(props) {
         h("b", null, content.submitSuccessHeader),
         h("br", null),
         h("div", { part: "successalert-text" }, content.submitSuccessDescription)),
-      h("sl-button", { 
-        // AL: TODO add button to allow user to submit another form
-        class: sheet.classes.ContinueButton, 
-        // onClick={callbacks.submitAnotherForm}
-        loading: states.loading, exportparts: "base: primarybutton-base", type: "default" }, content.resubmitFormLabel)));
+      h("sl-button", { class: sheet.classes.ContinueButton, onClick: callbacks.resetForm, loading: states.loading, exportparts: "base: primarybutton-base", type: "default" }, content.resubmitFormLabel)));
   }
   return (h("div", { class: sheet.classes.Wrapper, part: "sqm-base" },
     h("style", { type: "text/css" },

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

@@ -456,6 +456,7 @@ function useRegisterDemo(props) {
         console.log("submit");
       },
       inputFunction: () => { },
+      resetForm: () => { },
     },
     refs: {
       formRef: {},

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

@@ -28,7 +28,7 @@ export class LeadInputField {
      * @uiName Required field message
      * @uiWidget textArea
      */
-    this.requiredFieldErrorMessage = "Please enter a {fieldName}";
+    this.requiredFieldErrorMessage = "Please enter a {fieldLabel}";
     /**
      * @uiName Optional
      * @default
@@ -152,7 +152,7 @@ export class LeadInputField {
       },
       "attribute": "required-field-error-message",
       "reflect": false,
-      "defaultValue": "\"Please enter a {fieldName}\""
+      "defaultValue": "\"Please enter a {fieldLabel}\""
     },
     "fieldOptional": {
       "type": "boolean",

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

@@ -107,6 +107,18 @@ export function useLeadForm(props) {
     const asYouType = new AsYouType("US");
     e.target.value = asYouType.input(e.target.value);
   }, []);
+  function resetForm() {
+    var _a, _b;
+    setLeadFormState({
+      loading: false,
+      error: "",
+      validationErrors: {},
+    });
+    (_b = (_a = formRef.current) === null || _a === void 0 ? void 0 : _a.getFormControls()) === null || _b === void 0 ? void 0 : _b.forEach((c) => {
+      c.value = "";
+    });
+    setSuccess(false);
+  }
   let errorMessage = "";
   if ((_a = errors === null || errors === void 0 ? void 0 : errors.response) === null || _a === void 0 ? void 0 : _a["error"]) {
     errorMessage = props.networkErrorMessage;
@@ -130,6 +142,7 @@ export function useLeadForm(props) {
     callbacks: {
       submit,
       inputFunction,
+      resetForm,
     },
     refs: {
       formRef,

package/dist/esm/{ShadowViewAddon-81771102.js → ShadowViewAddon-d75d8384.js}

@@ -4112,11 +4112,7 @@ function LeadFormView(props) {
         h("b", null, content.submitSuccessHeader),
         h("br", null),
         h("div", { part: "successalert-text" }, content.submitSuccessDescription)),
-      h("sl-button", { 
-        // AL: TODO add button to allow user to submit another form
-        class: sheet$d.classes.ContinueButton, 
-        // onClick={callbacks.submitAnotherForm}
-        loading: states.loading, exportparts: "base: primarybutton-base", type: "default" }, content.resubmitFormLabel)));
+      h("sl-button", { class: sheet$d.classes.ContinueButton, onClick: callbacks.resetForm, loading: states.loading, exportparts: "base: primarybutton-base", type: "default" }, content.resubmitFormLabel)));
   }
   return (h("div", { class: sheet$d.classes.Wrapper, part: "sqm-base" },
     h("style", { type: "text/css" },

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-81771102.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-d75d8384.js';
 import './sqm-portal-container-view-1683ae32.js';
 import { u as usePayoutStatus } from './usePayoutStatus-fed17fc9.js';
 
@@ -1392,6 +1392,18 @@ function useLeadForm(props) {
     const asYouType = new AsYouType("US");
     e.target.value = asYouType.input(e.target.value);
   }, []);
+  function resetForm() {
+    var _a, _b;
+    setLeadFormState({
+      loading: false,
+      error: "",
+      validationErrors: {},
+    });
+    (_b = (_a = formRef.current) === null || _a === void 0 ? void 0 : _a.getFormControls()) === null || _b === void 0 ? void 0 : _b.forEach((c) => {
+      c.value = "";
+    });
+    setSuccess(false);
+  }
   let errorMessage = "";
   if ((_a = errors === null || errors === void 0 ? void 0 : errors.response) === null || _a === void 0 ? void 0 : _a["error"]) {
     errorMessage = props.networkErrorMessage;
@@ -1415,6 +1427,7 @@ function useLeadForm(props) {
     callbacks: {
       submit,
       inputFunction,
+      resetForm,
     },
     refs: {
       formRef,
@@ -1528,6 +1541,7 @@ function useRegisterDemo(props) {
         console.log("submit");
       },
       inputFunction: () => { },
+      resetForm: () => { },
     },
     refs: {
       formRef: {},

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

@@ -33,7 +33,7 @@ jss.setup(create());
 const sheet = jss.createStyleSheet(style);
 const styleString = sheet.toString();
 function LeadDropdownFieldView(props) {
-  var _a, _b, _c, _d, _e, _f, _g;
+  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;
   const getRequiredFieldErrorMessage = ({ dropdownLabel, }) => intl.formatMessage({
@@ -52,10 +52,8 @@ function LeadDropdownFieldView(props) {
             dropdownLabel: content.dropdownLabel,
           });
         }
-      } }, (((_e = (_d = states.leadFormState) === null || _d === void 0 ? void 0 : _d.validationErrors) === null || _e === void 0 ? void 0 : _e.firstName) ? {
+      } }, (((_d = states.leadFormState) === null || _d === void 0 ? void 0 : _d.validationErrors) ? {
       class: sheet.classes.ErrorStyle,
-      helpText: ((_g = (_f = states.leadFormState) === null || _f === void 0 ? void 0 : _f.validationErrors) === null || _g === void 0 ? void 0 : _g.firstName) ||
-        content.requiredFieldErrorMessage,
     }
       : [])), content.selectOptions),
     (validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors[content.dropdownName]) && (h("p", { class: sheet.classes.ErrorMessageStyle }, intl.formatMessage({

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-4c85fe20.js';
+import { L as LeadDropdownFieldView } from './sqm-lead-dropdown-field-view-145e94e8.js';
 
 function useLeadDropdownField() {
   const leadFormState = d(LEAD_FORM_STATE_CONTEXT);

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

@@ -35,7 +35,7 @@ const LeadInputField = class {
      * @uiName Required field message
      * @uiWidget textArea
      */
-    this.requiredFieldErrorMessage = "Please enter a {fieldName}";
+    this.requiredFieldErrorMessage = "Please enter a {fieldLabel}";
     /**
      * @uiName Optional
      * @default

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-4c85fe20.js';
+import { L as LeadDropdownFieldView } from './sqm-lead-dropdown-field-view-145e94e8.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,7 +32,7 @@ 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-81771102.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-d75d8384.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';
@@ -15843,6 +15843,7 @@ const defaultProps$t = {
   callbacks: {
     submit: () => console.log("Submit!"),
     inputFunction: () => { },
+    resetForm: () => { },
   },
   refs: {
     formRef: {},