@saasquatch/mint-components 1.14.6-31 → 1.14.6-33

package/dist/cjs/{ShadowViewAddon-cfd0e201.js → ShadowViewAddon-3c344355.js}

@@ -4104,7 +4104,6 @@ const styleString$d = sheet$d.toString();
 function LeadFormView(props) {
   var _a, _b, _c, _d;
   const { states, refs, callbacks, content } = props;
-  console.log({ states });
   if (states.error) {
     window.scrollTo({ top: 0, left: 0, behavior: "smooth" });
   }
@@ -4192,6 +4191,9 @@ sl-select::part(label){
   font-size: var(--sl-input-label-font-size-small);
   font-weight: var(--sl-font-weight-semibold);
 }
+sl-select::part(menu){
+  max-height: 300px;
+}
 `;
 JSS.jss.setup(JSS.create());
 const sheet$e = JSS.jss.createStyleSheet(style$e);
@@ -4200,7 +4202,6 @@ function LeadDropdownFieldView(props) {
   var _a, _b, _c, _d, _e;
   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-${dropdownLabel}`,
     defaultMessage: content.requiredFieldErrorMessage,
@@ -4211,7 +4212,7 @@ function LeadDropdownFieldView(props) {
     index.h("style", { type: "text/css" },
       vanillaStyle$9,
       styleString$e),
-    index.h("sl-select", Object.assign({ exportparts: "label: input-label, base: input-base", label: `${content.dropdownLabel}${content.dropdownOptional ? ` ${content.optionalLabel}` : ""}`, name: `/${content.dropdownName}`, multiple: content.multiple }, (!content.dropdownOptional ? { required: true } : []), { disabled: ((_b = states.leadFormState) === null || _b === void 0 ? void 0 : _b.loading) || ((_c = states.leadFormState) === null || _c === void 0 ? void 0 : _c.disabled), validationError: ({ value }) => {
+    index.h("sl-select", Object.assign({ style: { maxHeight: "100px" }, exportparts: "label: input-label, base: input-base", label: `${content.dropdownLabel}${content.dropdownOptional ? ` ${content.optionalLabel}` : ""}`, name: `/${content.dropdownName}`, multiple: content.multiple }, (!content.dropdownOptional ? { required: true } : []), { disabled: ((_b = states.leadFormState) === null || _b === void 0 ? void 0 : _b.loading) || ((_c = states.leadFormState) === null || _c === void 0 ? void 0 : _c.disabled), validationError: ({ value }) => {
         if (!value && !content.dropdownOptional) {
           return getRequiredFieldErrorMessage({
             dropdownLabel: content.dropdownLabel,

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

@@ -23,7 +23,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-cfd0e201.js');
+const ShadowViewAddon = require('./ShadowViewAddon-3c344355.js');
 require('./sqm-portal-container-view-4f15143a.js');
 const useLeadFormState = require('./useLeadFormState-c83d2034.js');
 const usePayoutStatus = require('./usePayoutStatus-feeac99b.js');
@@ -1391,7 +1391,6 @@ function useLeadForm(props) {
   const programId = index_module.H();
   const user = index_module.J();
   const { data: userDetails } = index_module.wn(GET_USER_DETAILS, { programId }, !(user === null || user === void 0 ? void 0 : user.jwt) || !programId);
-  console.log({ userDetails });
   const [submitLead, { loading, errors, data }] = index_module.$e(SUBMIT_LEAD);
   const [success, setSuccess] = stencilHooks_module.useState(false);
   stencilHooks_module.useEffect(() => {
@@ -1436,7 +1435,6 @@ function useLeadForm(props) {
       error: "",
       validationErrors: {},
     });
-    formData = { ...formData };
     const variables = {
       key: props.formKey,
       formData,
@@ -1494,7 +1492,6 @@ function useLeadForm(props) {
     errorMessage =
       ((_f = (_e = (_d = (_c = errors === null || errors === void 0 ? void 0 : errors.response) === null || _c === void 0 ? void 0 : _c.errors) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.extensions) === null || _f === void 0 ? void 0 : _f.message) || ((_j = (_h = (_g = errors === null || errors === void 0 ? void 0 : errors.response) === null || _g === void 0 ? void 0 : _g.errors) === null || _h === void 0 ? void 0 : _h[0]) === null || _j === void 0 ? void 0 : _j.message) || (leadFormState === null || leadFormState === void 0 ? void 0 : leadFormState.error);
   }
-  console.log({ errors, errorMessage });
   return {
     states: {
       loading,

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

@@ -35,7 +35,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-cfd0e201.js');
+const ShadowViewAddon = require('./ShadowViewAddon-3c344355.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-89308aab.js');

package/dist/collection/collection-manifest.json

@@ -43,7 +43,6 @@
     "./components/sqm-invoice-table/columns/sqm-invoice-table-date-column.js",
     "./components/sqm-invoice-table/columns/sqm-invoice-table-download-column.js",
     "./components/sqm-lead-form/sqm-lead-dropdown-field.js",
-    "./components/sqm-referral-iframe/sqm-referral-iframe.js",
     "./components/sqm-lead-form/sqm-lead-form.js",
     "./components/sqm-lead-form/sqm-lead-input-field.js",
     "./components/sqm-leaderboard/sqm-leaderboard.js",
@@ -79,6 +78,7 @@
     "./components/sqm-qr-code/sqm-qr-code.js",
     "./components/sqm-referral-card/sqm-referral-card.js",
     "./components/sqm-referral-code/sqm-referral-code.js",
+    "./components/sqm-referral-iframe/sqm-referral-iframe.js",
     "./components/sqm-referral-table/cells/sqm-referral-table-cell.js",
     "./components/sqm-referral-table/cells/sqm-referral-table-date-cell.js",
     "./components/sqm-referral-table/cells/sqm-referral-table-rewards-cell.js",

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

@@ -28,6 +28,9 @@ sl-select::part(label){
   font-size: var(--sl-input-label-font-size-small);
   font-weight: var(--sl-font-weight-semibold);
 }
+sl-select::part(menu){
+  max-height: 300px;
+}
 `;
 jss.setup(preset());
 const sheet = jss.createStyleSheet(style);
@@ -36,7 +39,6 @@ export function LeadDropdownFieldView(props) {
   var _a, _b, _c, _d, _e;
   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-${dropdownLabel}`,
     defaultMessage: content.requiredFieldErrorMessage,
@@ -47,7 +49,7 @@ export function LeadDropdownFieldView(props) {
     h("style", { type: "text/css" },
       vanillaStyle,
       styleString),
-    h("sl-select", Object.assign({ exportparts: "label: input-label, base: input-base", label: `${content.dropdownLabel}${content.dropdownOptional ? ` ${content.optionalLabel}` : ""}`, name: `/${content.dropdownName}`, multiple: content.multiple }, (!content.dropdownOptional ? { required: true } : []), { disabled: ((_b = states.leadFormState) === null || _b === void 0 ? void 0 : _b.loading) || ((_c = states.leadFormState) === null || _c === void 0 ? void 0 : _c.disabled), validationError: ({ value }) => {
+    h("sl-select", Object.assign({ style: { maxHeight: "100px" }, exportparts: "label: input-label, base: input-base", label: `${content.dropdownLabel}${content.dropdownOptional ? ` ${content.optionalLabel}` : ""}`, name: `/${content.dropdownName}`, multiple: content.multiple }, (!content.dropdownOptional ? { required: true } : []), { disabled: ((_b = states.leadFormState) === null || _b === void 0 ? void 0 : _b.loading) || ((_c = states.leadFormState) === null || _c === void 0 ? void 0 : _c.disabled), validationError: ({ value }) => {
         if (!value && !content.dropdownOptional) {
           return getRequiredFieldErrorMessage({
             dropdownLabel: content.dropdownLabel,

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

@@ -9,9 +9,7 @@ import { useLeadDropdownField } from "./useLeadDropdownField";
 /**
  * @uiName Lead Form Dropdown Field
  * @validParents ["sqm-lead-form"]
- * @slots [{"name":"", "title":"Drop Down Option"}]
- * @exampleGroup Microsite Components
- * @example Lead Form Dropdown Field - <sqm-lead-dropdown-field dropdown-label="Select an option" required-field-error-message="Please select an option"><sl-menu-item value="option-1">Option 1</sl-menu-item><sl-menu-item value="option-2">Option 2</sl-menu-item><sl-menu-item value="option-3">Option 3</sl-menu-item></sqm-lead-dropdown-field>
+ * @slots [{"name":"", "title":"Dropdown Option"}]
  */
 export class LeadDropdownField {
   constructor() {

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

@@ -61,7 +61,6 @@ const styleString = sheet.toString();
 export function LeadFormView(props) {
   var _a, _b, _c, _d;
   const { states, refs, callbacks, content } = props;
-  console.log({ states });
   if (states.error) {
     window.scrollTo({ top: 0, left: 0, behavior: "smooth" });
   }

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

@@ -6,7 +6,7 @@ import { LeadFormView } from "./sqm-lead-form-view";
 import { useLeadForm } from "./useLeadForm";
 /**
  * @uiName Lead Form
- * @slots [{"name":"formData","title":"Additional Fields"},{"name":"terms","title":"Terms And Conditions Fields"}]
+ * @slots [{"name":"formData","title":"Additional Fields"}]
  */
 export class LeadForm {
   constructor() {

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

@@ -9,8 +9,6 @@ import { useLeadInputField } from "./useLeadInputField";
 /**
  * @uiName Lead Form Input Field
  * @validParents ["sqm-lead-form"]
- * @exampleGroup Microsite Components
- * @example Lead Form Input Field - <sqm-input-field input-label="Field Label" field-type="text" error-message="Cannot be empty"></sqm-input-field>
  */
 export class LeadInputField {
   constructor() {

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

@@ -27,7 +27,6 @@ export function useLeadForm(props) {
   const programId = useProgramId();
   const user = useUserIdentity();
   const { data: userDetails } = useQuery(GET_USER_DETAILS, { programId }, !(user === null || user === void 0 ? void 0 : user.jwt) || !programId);
-  console.log({ userDetails });
   const [submitLead, { loading, errors, data }] = useMutation(SUBMIT_LEAD);
   const [success, setSuccess] = useState(false);
   useEffect(() => {
@@ -72,7 +71,6 @@ export function useLeadForm(props) {
       error: "",
       validationErrors: {},
     });
-    formData = { ...formData };
     const variables = {
       key: props.formKey,
       formData,
@@ -130,7 +128,6 @@ export function useLeadForm(props) {
     errorMessage =
       ((_f = (_e = (_d = (_c = errors === null || errors === void 0 ? void 0 : errors.response) === null || _c === void 0 ? void 0 : _c.errors) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.extensions) === null || _f === void 0 ? void 0 : _f.message) || ((_j = (_h = (_g = errors === null || errors === void 0 ? void 0 : errors.response) === null || _g === void 0 ? void 0 : _g.errors) === null || _h === void 0 ? void 0 : _h[0]) === null || _j === void 0 ? void 0 : _j.message) || (leadFormState === null || leadFormState === void 0 ? void 0 : leadFormState.error);
   }
-  console.log({ errors, errorMessage });
   return {
     states: {
       loading,

package/dist/esm/{ShadowViewAddon-00515b50.js → ShadowViewAddon-64194d20.js}

@@ -4102,7 +4102,6 @@ const styleString$d = sheet$d.toString();
 function LeadFormView(props) {
   var _a, _b, _c, _d;
   const { states, refs, callbacks, content } = props;
-  console.log({ states });
   if (states.error) {
     window.scrollTo({ top: 0, left: 0, behavior: "smooth" });
   }
@@ -4190,6 +4189,9 @@ sl-select::part(label){
   font-size: var(--sl-input-label-font-size-small);
   font-weight: var(--sl-font-weight-semibold);
 }
+sl-select::part(menu){
+  max-height: 300px;
+}
 `;
 jss.setup(create());
 const sheet$e = jss.createStyleSheet(style$e);
@@ -4198,7 +4200,6 @@ function LeadDropdownFieldView(props) {
   var _a, _b, _c, _d, _e;
   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-${dropdownLabel}`,
     defaultMessage: content.requiredFieldErrorMessage,
@@ -4209,7 +4210,7 @@ function LeadDropdownFieldView(props) {
     h("style", { type: "text/css" },
       vanillaStyle$9,
       styleString$e),
-    h("sl-select", Object.assign({ exportparts: "label: input-label, base: input-base", label: `${content.dropdownLabel}${content.dropdownOptional ? ` ${content.optionalLabel}` : ""}`, name: `/${content.dropdownName}`, multiple: content.multiple }, (!content.dropdownOptional ? { required: true } : []), { disabled: ((_b = states.leadFormState) === null || _b === void 0 ? void 0 : _b.loading) || ((_c = states.leadFormState) === null || _c === void 0 ? void 0 : _c.disabled), validationError: ({ value }) => {
+    h("sl-select", Object.assign({ style: { maxHeight: "100px" }, exportparts: "label: input-label, base: input-base", label: `${content.dropdownLabel}${content.dropdownOptional ? ` ${content.optionalLabel}` : ""}`, name: `/${content.dropdownName}`, multiple: content.multiple }, (!content.dropdownOptional ? { required: true } : []), { disabled: ((_b = states.leadFormState) === null || _b === void 0 ? void 0 : _b.loading) || ((_c = states.leadFormState) === null || _c === void 0 ? void 0 : _c.disabled), validationError: ({ value }) => {
         if (!value && !content.dropdownOptional) {
           return getRequiredFieldErrorMessage({
             dropdownLabel: content.dropdownLabel,

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

@@ -19,7 +19,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, W as useBigStat, B as BigStatView, U as autoColorScaleCss, J as CardFeedView, i as CheckboxFieldView, K as CouponCodeView, D as DropdownFieldView, E as EditProfileView, H as HeroView, I as InputFieldView, Q as LeadDropdownFieldView, O as LeadFormView, X 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, Y as demoRewardExchange, j as RewardExchangeView, a as useShareButton, S as ShareButtonView, u as useShareLink, c as StatContainerView, T as TaskCardView } from './ShadowViewAddon-00515b50.js';
+import { b as useDemoBigStat, W as useBigStat, B as BigStatView, U as autoColorScaleCss, J as CardFeedView, i as CheckboxFieldView, K as CouponCodeView, D as DropdownFieldView, E as EditProfileView, H as HeroView, I as InputFieldView, Q as LeadDropdownFieldView, O as LeadFormView, X 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, Y as demoRewardExchange, j as RewardExchangeView, a as useShareButton, S as ShareButtonView, u as useShareLink, c as StatContainerView, T as TaskCardView } from './ShadowViewAddon-64194d20.js';
 import './sqm-portal-container-view-1683ae32.js';
 import { R as RequiredPropsError, L as LEAD_FORM_STATE_CONTEXT, u as useLeadFormState } from './useLeadFormState-9016d812.js';
 import { u as usePayoutStatus } from './usePayoutStatus-fed17fc9.js';
@@ -1387,7 +1387,6 @@ function useLeadForm(props) {
   const programId = H();
   const user = J();
   const { data: userDetails } = wn(GET_USER_DETAILS, { programId }, !(user === null || user === void 0 ? void 0 : user.jwt) || !programId);
-  console.log({ userDetails });
   const [submitLead, { loading, errors, data }] = $e(SUBMIT_LEAD);
   const [success, setSuccess] = useState(false);
   useEffect(() => {
@@ -1432,7 +1431,6 @@ function useLeadForm(props) {
       error: "",
       validationErrors: {},
     });
-    formData = { ...formData };
     const variables = {
       key: props.formKey,
       formData,
@@ -1490,7 +1488,6 @@ function useLeadForm(props) {
     errorMessage =
       ((_f = (_e = (_d = (_c = errors === null || errors === void 0 ? void 0 : errors.response) === null || _c === void 0 ? void 0 : _c.errors) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.extensions) === null || _f === void 0 ? void 0 : _f.message) || ((_j = (_h = (_g = errors === null || errors === void 0 ? void 0 : errors.response) === null || _g === void 0 ? void 0 : _g.errors) === null || _h === void 0 ? void 0 : _h[0]) === null || _j === void 0 ? void 0 : _j.message) || (leadFormState === null || leadFormState === void 0 ? void 0 : leadFormState.error);
   }
-  console.log({ errors, errorMessage });
   return {
     states: {
       loading,

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

@@ -31,7 +31,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 LeadDropdownFieldView, U as autoColorScaleCss, V as ShadowViewAddon } from './ShadowViewAddon-00515b50.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 LeadDropdownFieldView, U as autoColorScaleCss, V as ShadowViewAddon } from './ShadowViewAddon-64194d20.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-4ede5d7f.js';