@saasquatch/mint-components 1.14.6-18 → 1.14.6-19

package/dist/cjs/{sqm-lead-dropdown-field-view-a3dbb1d7.js → sqm-lead-dropdown-field-view-75eedbfd.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;
+  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 });
@@ -57,12 +57,10 @@ function LeadDropdownFieldView(props) {
         }
       } }, (((_d = states.leadFormState) === null || _d === void 0 ? void 0 : _d.validationErrors) ? {
       class: sheet.classes.ErrorStyle,
-      helpText: ((_f = (_e = states.leadFormState) === null || _e === void 0 ? void 0 : _e.validationErrors) === null || _f === void 0 ? void 0 : _f[content.dropdownName]) || content.requiredFieldErrorMessage,
     }
       : [])), content.selectOptions),
-    (validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors[content.dropdownName]) && (index.h("p", { class: sheet.classes.ErrorMessageStyle }, global.intl.formatMessage({
-      id: `errorMessage-${content.dropdownName}`,
-      defaultMessage: content.requiredFieldErrorMessage,
+    (validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors[content.dropdownName]) && (index.h("p", { class: sheet.classes.ErrorMessageStyle }, getRequiredFieldErrorMessage({
+      dropdownLabel: content.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-a3dbb1d7.js');
+const sqmLeadDropdownFieldView = require('./sqm-lead-dropdown-field-view-75eedbfd.js');
 
 function useLeadDropdownField() {
   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-a3dbb1d7.js');
+const sqmLeadDropdownFieldView = require('./sqm-lead-dropdown-field-view-75eedbfd.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');

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;
+  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 });
@@ -55,11 +55,9 @@ export function LeadDropdownFieldView(props) {
         }
       } }, (((_d = states.leadFormState) === null || _d === void 0 ? void 0 : _d.validationErrors) ? {
       class: sheet.classes.ErrorStyle,
-      helpText: ((_f = (_e = states.leadFormState) === null || _e === void 0 ? void 0 : _e.validationErrors) === null || _f === void 0 ? void 0 : _f[content.dropdownName]) || content.requiredFieldErrorMessage,
     }
       : [])), content.selectOptions),
-    (validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors[content.dropdownName]) && (h("p", { class: sheet.classes.ErrorMessageStyle }, intl.formatMessage({
-      id: `errorMessage-${content.dropdownName}`,
-      defaultMessage: content.requiredFieldErrorMessage,
+    (validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors[content.dropdownName]) && (h("p", { class: sheet.classes.ErrorMessageStyle }, getRequiredFieldErrorMessage({
+      dropdownLabel: content.dropdownLabel,
     })))));
 }

package/dist/esm/{sqm-lead-dropdown-field-view-679663e3.js → sqm-lead-dropdown-field-view-30de0597.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;
+  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 });
@@ -55,12 +55,10 @@ function LeadDropdownFieldView(props) {
         }
       } }, (((_d = states.leadFormState) === null || _d === void 0 ? void 0 : _d.validationErrors) ? {
       class: sheet.classes.ErrorStyle,
-      helpText: ((_f = (_e = states.leadFormState) === null || _e === void 0 ? void 0 : _e.validationErrors) === null || _f === void 0 ? void 0 : _f[content.dropdownName]) || content.requiredFieldErrorMessage,
     }
       : [])), content.selectOptions),
-    (validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors[content.dropdownName]) && (h("p", { class: sheet.classes.ErrorMessageStyle }, intl.formatMessage({
-      id: `errorMessage-${content.dropdownName}`,
-      defaultMessage: content.requiredFieldErrorMessage,
+    (validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors[content.dropdownName]) && (h("p", { class: sheet.classes.ErrorMessageStyle }, getRequiredFieldErrorMessage({
+      dropdownLabel: content.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-679663e3.js';
+import { L as LeadDropdownFieldView } from './sqm-lead-dropdown-field-view-30de0597.js';
 
 function useLeadDropdownField() {
   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-679663e3.js';
+import { L as LeadDropdownFieldView } from './sqm-lead-dropdown-field-view-30de0597.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';

package/dist/esm-es5/sqm-lead-dropdown-field-view-30de0597.js

@@ -0,0 +1 @@
+import{h}from"./index-91e7729f.js";import{i as intl}from"./global-be1f9992.js";import{j as jss,a as create}from"./JSS-67b5cff8.js";var style={ErrorStyle:{"--sl-input-border-color":"var(--sl-color-danger-500)","--sl-input-background-color":"var(--sl-color-danger-10)","--sl-input-border-color-focus":"var(--sl-color-danger-500)","--sl-input-border-color-hover":"var(--sl-color-danger-500)"},ErrorMessageStyle:{margin:0,color:"var(--sl-color-danger-500)",fontSize:"var(--sl-input-help-text-font-size-medium)"},FieldContainer:{"margin-bottom":"var(--sl-spacing-large)"}};var vanillaStyle="\n:host {\n  margin: 0 auto;\n  width: 100%;\n  display: block;\n}\nsl-select::part(label){\n  font-size: var(--sl-input-label-font-size-small);\n  font-weight: var(--sl-font-weight-semibold);\n}\n";jss.setup(create());var sheet=jss.createStyleSheet(style);var styleString=sheet.toString();function LeadDropdownFieldView(e){var r,o,l,a;var s=e.states,t=e.content;var n=(r=s===null||s===void 0?void 0:s.leadFormState)===null||r===void 0?void 0:r.validationErrors;console.log({validationErrors:n});var i=function(e){var r=e.dropdownLabel;return intl.formatMessage({id:"requiredFieldErrorMessage-"+r,defaultMessage:t.requiredFieldErrorMessage},{dropdownLabel:r})};return h("div",{class:sheet.classes.FieldContainer,part:"sqm-base"},h("style",{type:"text/css"},vanillaStyle,styleString),h("sl-select",Object.assign({exportparts:"label: input-label, base: input-base",label:t.dropdownLabel,name:"/"+t.dropdownName},!t.dropdownOptional?{required:true}:[],{disabled:((o=s.leadFormState)===null||o===void 0?void 0:o.loading)||((l=s.leadFormState)===null||l===void 0?void 0:l.disabled),validationError:function(e){var r=e.value;if(!r){return i({dropdownLabel:t.dropdownLabel})}}},((a=s.leadFormState)===null||a===void 0?void 0:a.validationErrors)?{class:sheet.classes.ErrorStyle}:[]),t.selectOptions),(n===null||n===void 0?void 0:n[t.dropdownName])&&h("p",{class:sheet.classes.ErrorMessageStyle},i({dropdownLabel:t.dropdownLabel})))}export{LeadDropdownFieldView as L};

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

@@ -1 +1 @@
-var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var o,r=1,s=arguments.length;r<s;r++){o=arguments[r];for(var t in o)if(Object.prototype.hasOwnProperty.call(o,t))e[t]=o[t]}return e};return __assign.apply(this,arguments)};import{r as registerInstance,h as h$1}from"./index-91e7729f.js";import{i as d,n as h}from"./stencil-hooks.module-4bc38af4.js";import"./global-be1f9992.js";import{i as isDemo}from"./index.module-89a79f66.js";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-679663e3.js";function useLeadDropdownField(){var e=d(LEAD_FORM_STATE_CONTEXT);return{states:{leadFormState:e}}}var LeadDropdownField=function(){function e(e){registerInstance(this,e);this.ignored=true;this.dropdownLabel="Select an option";this.requiredFieldErrorMessage="Please select a {dropdownLabel}";this.dropdownOptional=false;h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=getMissingProps([{attribute:"dropdown-name",value:this.dropdownName}]);if(!isDemo()&&e){return h$1(RequiredPropsError,{missingProps:e,heading:"An error occured while loading this form",subheading:"A technical problem prevented this drop down field from loading. Please contact us with the link to this page.",description:"Values for the following attributes are missing:"},h$1("slot",null))}var o=__assign(__assign({},getProps(this)),{selectOptions:h$1("slot",null)});var r=(isDemo()?useLeadDropdownFieldDemo(this):useLeadDropdownField()).states;return h$1(LeadDropdownFieldView,{states:r,content:o})};return e}();function useLeadDropdownFieldDemo(e){return cjs({states:{leadFormState:{}},content:{dropdownName:e.dropdownName,dropdownLabel:e.dropdownLabel,requiredFieldErrorMessage:e.requiredFieldErrorMessage,dropdownOptional:e.dropdownOptional}},e.demoData||{},{arrayMerge:function(e,o){return o}})}export{LeadDropdownField as sqm_lead_dropdown_field};
+var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var o,r=1,s=arguments.length;r<s;r++){o=arguments[r];for(var t in o)if(Object.prototype.hasOwnProperty.call(o,t))e[t]=o[t]}return e};return __assign.apply(this,arguments)};import{r as registerInstance,h as h$1}from"./index-91e7729f.js";import{i as d,n as h}from"./stencil-hooks.module-4bc38af4.js";import"./global-be1f9992.js";import{i as isDemo}from"./index.module-89a79f66.js";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-30de0597.js";function useLeadDropdownField(){var e=d(LEAD_FORM_STATE_CONTEXT);return{states:{leadFormState:e}}}var LeadDropdownField=function(){function e(e){registerInstance(this,e);this.ignored=true;this.dropdownLabel="Select an option";this.requiredFieldErrorMessage="Please select a {dropdownLabel}";this.dropdownOptional=false;h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=getMissingProps([{attribute:"dropdown-name",value:this.dropdownName}]);if(!isDemo()&&e){return h$1(RequiredPropsError,{missingProps:e,heading:"An error occured while loading this form",subheading:"A technical problem prevented this drop down field from loading. Please contact us with the link to this page.",description:"Values for the following attributes are missing:"},h$1("slot",null))}var o=__assign(__assign({},getProps(this)),{selectOptions:h$1("slot",null)});var r=(isDemo()?useLeadDropdownFieldDemo(this):useLeadDropdownField()).states;return h$1(LeadDropdownFieldView,{states:r,content:o})};return e}();function useLeadDropdownFieldDemo(e){return cjs({states:{leadFormState:{}},content:{dropdownName:e.dropdownName,dropdownLabel:e.dropdownLabel,requiredFieldErrorMessage:e.requiredFieldErrorMessage,dropdownOptional:e.dropdownOptional}},e.demoData||{},{arrayMerge:function(e,o){return o}})}export{LeadDropdownField as sqm_lead_dropdown_field};