@saasquatch/mint-components 1.6.2-2 → 1.6.2-22

package/dist/{esm/useValidationState-adb2b066.js → cjs/AsYouType-6788393a.js}

@@ -1,5 +1,4 @@
-import { y } from './stencil-hooks.module-66fea7dc.js';
-import { P } from './index.module-96470dcf.js';
+'use strict';
 
 // This file is a workaround for a bug in web browsers' "native"
 // ES6 importing system which is uncapable of importing "*.json" files.
@@ -3872,11 +3871,4 @@ function AsYouType$1(country) {
 AsYouType$1.prototype = Object.create(AsYouType.prototype, {});
 AsYouType$1.prototype.constructor = AsYouType$1;
 
-const FORM_VALIDATION_CONTEXT = "sq:validation-state";
-function useValidationState(formState) {
-  const host = P();
-  const [validationState, setValidationState] = y(host, FORM_VALIDATION_CONTEXT, formState);
-  return { validationState, setValidationState };
-}
-
-export { AsYouType$1 as A, FORM_VALIDATION_CONTEXT as F, useValidationState as u };
+exports.AsYouType = AsYouType$1;

package/dist/cjs/{GenericTableView-4921be4b.js → GenericTableView-9271483b.js}

@@ -2,7 +2,7 @@
 
 const index = require('./index-b0129cd6.js');
 const mixins = require('./mixins-fe9d4112.js');
-const JSS = require('./JSS-97fd087e.js');
+const JSS = require('./JSS-8503a151.js');
 
 function GenericTableView(props) {
   const { states, data, callbacks, elements } = props;
@@ -103,10 +103,10 @@ function GenericTableView(props) {
           return (index.h("tr", { style: {
               borderTop: `${!data.textOverrides.showLabels && i === 0 ? "none" : ""}`,
             }, part: "table-row" }, row.map((cell, j) => {
-            return (index.h("td", { class: (hiddenCols === null || hiddenCols === void 0 ? void 0 : hiddenCols.includes(j)) ? "hidden" : "", "data-label": columns[j] + ":", style: {
+            return typeof columns[j] === "string" ? (index.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",
-              } }, cell));
+              } }, cell)) : (index.h("td", null));
           })));
         })))),
     index.h("div", { class: sheet.classes.ButtonContainer, part: states.namespace + "-button-wrapper" },

package/dist/cjs/{JSS-97fd087e.js → JSS-8503a151.js}

@@ -1,6 +1,22 @@
 'use strict';
 
-const _extends = require('./extends-08099afd.js');
+function _extends() {
+  _extends = Object.assign || function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+
+  return _extends.apply(this, arguments);
+}
 
 var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
 
@@ -350,7 +366,7 @@ function (_BaseStyleRule) {
   _proto2.toString = function toString(options) {
     var sheet = this.options.sheet;
     var link = sheet ? sheet.options.link : false;
-    var opts = link ? _extends._extends({}, options, {
+    var opts = link ? _extends({}, options, {
       allowEmpty: true
     }) : options;
     return toCss(this.selectorText, this.style, opts);
@@ -418,7 +434,7 @@ function () {
 
     this.query = options.name || "@" + this.at;
     this.options = options;
-    this.rules = new RuleList(_extends._extends({}, options, {
+    this.rules = new RuleList(_extends({}, options, {
       parent: this
     }));
 
@@ -523,12 +539,12 @@ function () {
         sheet = options.sheet,
         generateId = options.generateId;
     this.id = scoped === false ? this.name : escape(generateId(this, sheet));
-    this.rules = new RuleList(_extends._extends({}, options, {
+    this.rules = new RuleList(_extends({}, options, {
       parent: this
     }));
 
     for (var name in frames) {
-      this.rules.add(name, frames[name], _extends._extends({}, options, {
+      this.rules.add(name, frames[name], _extends({}, options, {
         parent: this
       }));
     }
@@ -646,7 +662,7 @@ function (_BaseStyleRule) {
   _proto.toString = function toString(options) {
     var sheet = this.options.sheet;
     var link = sheet ? sheet.options.link : false;
-    var opts = link ? _extends._extends({}, options, {
+    var opts = link ? _extends({}, options, {
       allowEmpty: true
     }) : options;
     return toCss(this.key, this.style, opts);
@@ -846,7 +862,7 @@ function () {
         generateId = _this$options.generateId,
         scoped = _this$options.scoped;
 
-    var options = _extends._extends({
+    var options = _extends({
       classes: this.classes,
       parent: parent,
       sheet: sheet,
@@ -1072,7 +1088,7 @@ function () {
     this.deployed = false;
     this.classes = {};
     this.keyframes = {};
-    this.options = _extends._extends({}, options, {
+    this.options = _extends({}, options, {
       sheet: this,
       parent: this,
       classes: this.classes,
@@ -2048,7 +2064,7 @@ function () {
     }
 
     if (options.id) {
-      this.options.id = _extends._extends({}, this.options.id, options.id);
+      this.options.id = _extends({}, this.options.id, options.id);
     }
 
     if (options.createGenerateId || options.id) {
@@ -2082,7 +2098,7 @@ function () {
       index = registry.index === 0 ? 0 : registry.index + 1;
     }
 
-    var sheet = new StyleSheet(styles, _extends._extends({}, options, {
+    var sheet = new StyleSheet(styles, _extends({}, options, {
       jss: this,
       generateId: options.generateId || this.generateId,
       insertionPoint: this.options.insertionPoint,
@@ -2124,7 +2140,7 @@ function () {
     } // $FlowFixMe[incompatible-type]
 
 
-    var ruleOptions = _extends._extends({}, options, {
+    var ruleOptions = _extends({}, options, {
       name: name,
       jss: this,
       Renderer: this.options.Renderer
@@ -2380,7 +2396,7 @@ function () {
     this.isProcessed = false;
     this.key = key;
     this.options = options;
-    this.rules = new RuleList(_extends._extends({}, options, {
+    this.rules = new RuleList(_extends({}, options, {
       parent: this
     }));
 
@@ -2443,7 +2459,7 @@ function () {
     this.key = key;
     this.options = options;
     var selector = key.substr(atPrefix.length);
-    this.rule = options.jss.createRule(selector, style, _extends._extends({}, options, {
+    this.rule = options.jss.createRule(selector, style, _extends({}, options, {
       parent: this
     }));
   }
@@ -2478,7 +2494,7 @@ function handleNestedGlobalContainerRule(rule, sheet) {
   if (!rules) return;
 
   for (var name in rules) {
-    sheet.addRule(name, rules[name], _extends._extends({}, options, {
+    sheet.addRule(name, rules[name], _extends({}, options, {
       selector: addScope(name, rule.selector)
     }));
   }
@@ -2493,7 +2509,7 @@ function handlePrefixedGlobalRule(rule, sheet) {
   for (var prop in style) {
     if (prop[0] !== '@' || prop.substr(0, at.length) !== at) continue;
     var selector = addScope(prop.substr(at.length), rule.selector);
-    sheet.addRule(selector, style[prop], _extends._extends({}, options, {
+    sheet.addRule(selector, style[prop], _extends({}, options, {
       selector: selector
     }));
     delete style[prop];
@@ -2578,7 +2594,7 @@ function mergeExtend(style, rule, sheet, newStyle) {
   if (Array.isArray(style.extend)) {
     for (var index = 0; index < style.extend.length; index++) {
       var singleExtend = style.extend[index];
-      var singleStyle = typeof singleExtend === 'string' ? _extends._extends({}, style, {
+      var singleStyle = typeof singleExtend === 'string' ? _extends({}, style, {
         extend: singleExtend
       }) : style.extend[index];
       extend(singleStyle, rule, sheet, newStyle);
@@ -2730,14 +2746,14 @@ function jssNested() {
 
   function getOptions(rule, container, prevOptions) {
     // Options has been already created, now we only increase index.
-    if (prevOptions) return _extends._extends({}, prevOptions, {
+    if (prevOptions) return _extends({}, prevOptions, {
       index: prevOptions.index + 1 // $FlowFixMe[prop-missing]
 
     });
     var nestingLevel = rule.options.nestingLevel;
     nestingLevel = nestingLevel === undefined ? 1 : nestingLevel + 1;
 
-    var options = _extends._extends({}, rule.options, {
+    var options = _extends({}, rule.options, {
       nestingLevel: nestingLevel,
       index: container.indexOf(rule) + 1 // We don't need the parent name to be set options for chlid.
 
@@ -2767,7 +2783,7 @@ function jssNested() {
         if (!replaceRef) replaceRef = getReplaceRef(container, sheet); // Replace all $refs.
 
         selector = selector.replace(refRegExp$1, replaceRef);
-        container.addRule(selector, style[prop], _extends._extends({}, options, {
+        container.addRule(selector, style[prop], _extends({}, options, {
           selector: selector
         }));
       } else if (isNestedConditional) {

package/dist/cjs/{ShadowViewAddon-aa14c0c4.js → ShadowViewAddon-4b75a331.js}

@@ -1,18 +1,18 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
-const global = require('./global-5e3deef1.js');
-const index_module = require('./index.module-ffe1aa35.js');
+const stencilHooks_module = require('./stencil-hooks.module-6fe43579.js');
+const global = require('./global-b645d18a.js');
+const index_module = require('./index.module-93c78ac7.js');
 const cjs = require('./cjs-1066ec21.js');
 const mixins = require('./mixins-fe9d4112.js');
-const JSS = require('./JSS-97fd087e.js');
-const useChildElements = require('./useChildElements-a7a7b921.js');
-const luxon = require('./luxon-59ca7d19.js');
+const JSS = require('./JSS-8503a151.js');
+const useChildElements = require('./useChildElements-c0cc8f5d.js');
+const luxon = require('./luxon-479fc825.js');
 const utils = require('./utils-6847bc06.js');
-const sqmTextSpanView = require('./sqm-text-span-view-2c7d94b5.js');
-const sqmPortalContainerView = require('./sqm-portal-container-view-840db620.js');
-const sqmPortalSectionView = require('./sqm-portal-section-view-854a3e9c.js');
+const sqmTextSpanView = require('./sqm-text-span-view-b318af73.js');
+const sqmPortalContainerView = require('./sqm-portal-container-view-2ddcaa12.js');
+const sqmPortalSectionView = require('./sqm-portal-section-view-1e5bbcb1.js');
 
 const medium = {
   facebook: { color: "#1877f2", text: "#fff", icon: "facebook" },
@@ -242,11 +242,7 @@ function BigStatView(props) {
 
 const style$3 = {
   HostBlock: mixins.HostBlock,
-  ":host": {
-    "min-height": "100vh",
-  },
   Frame: {
-    "min-height": "100vh",
     display: "flex",
     "flex-direction": "column",
     "box-sizing": "border-box",
@@ -361,11 +357,11 @@ const WIDGET_ENGAGEMENT_EVENT = index_module.dist.gql `
 `;
 function useShareLink(props) {
   var _a, _b;
-  const { programId = index_module.M() } = props;
-  const user = index_module.ae();
-  const engagementMedium = index_module.J();
-  const { data } = index_module.wn(MessageLinkQuery, { programId }, !(user === null || user === void 0 ? void 0 : user.jwt));
-  const [sendLoadEvent] = index_module.je(WIDGET_ENGAGEMENT_EVENT);
+  const { programId = index_module.O() } = props;
+  const user = index_module.N();
+  const engagementMedium = index_module.U();
+  const { data } = index_module.dn(MessageLinkQuery, { programId }, !(user === null || user === void 0 ? void 0 : user.jwt));
+  const [sendLoadEvent] = index_module.Pe(WIDGET_ENGAGEMENT_EVENT);
   const shareString = (_b = (_a = data === null || data === void 0 ? void 0 : data.user) === null || _a === void 0 ? void 0 : _a.shareLink) !== null && _b !== void 0 ? _b : 
   // Shown during loading
   "...";
@@ -450,17 +446,17 @@ function GenericShare(res) {
 function useShareButton(props) {
   var _a, _b;
   const { sharetitle, sharetext, medium } = props;
-  const programId = props.programId ? props.programId : index_module.M();
-  const user = index_module.ae();
+  const programId = props.programId ? props.programId : index_module.O();
+  const user = index_module.N();
   const variables = {
-    engagementMedium: index_module.J(),
+    engagementMedium: index_module.U(),
     programId: programId,
     shareMedium: medium.toUpperCase(),
   };
   // only queries if a programId is available
-  const res = index_module.wn(MessageLinkQuery$1, variables, !(user === null || user === void 0 ? void 0 : user.jwt) || !programId);
+  const res = index_module.dn(MessageLinkQuery$1, variables, !(user === null || user === void 0 ? void 0 : user.jwt) || !programId);
   const directLink = (_b = (_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.shareLink;
-  const environment = index_module.H();
+  const environment = index_module.getEnvironmentSDK();
   const hide = (medium.toLocaleUpperCase() === "SMS" &&
     window.orientation === undefined) ||
     (medium.toLocaleUpperCase() === "DIRECT" && !window.navigator.share);
@@ -776,7 +772,7 @@ function pathToRegexp(path, keys, options) {
 const debug = stencilHooks_module.browser("sq:useBigStat");
 const LOADING = "...";
 const debugQuery = (query, variables, getStat) => {
-  const res = index_module.wn(query, variables);
+  const res = index_module.dn(query, variables);
   if (!(res === null || res === void 0 ? void 0 : res.data) && !res.loading) {
     console.error("issue getting stat:", res);
   }
@@ -1334,11 +1330,11 @@ const StatPaths = [
 const StatPatterns = StatPaths.map((pattern) => pathToRegexp(pattern.route));
 function useBigStat(props) {
   var _a;
-  const { statType, flexReverse, alignment, programId = index_module.M(), } = props;
+  const { statType, flexReverse, alignment, programId = index_module.O(), } = props;
   // triggers a re-render if the label is manually changed
   useChildElements.useChildElements();
-  const locale = index_module.O();
-  const userIdent = index_module.ae();
+  const locale = index_module.x();
+  const userIdent = index_module.N();
   const re = stencilHooks_module.useMemo(() => StatPatterns.find((re) => re.exec(statType)), [statType]);
   if (!(re === null || re === void 0 ? void 0 : re.exec(statType))) {
     return {
@@ -1623,18 +1619,17 @@ function PortalRegisterView(props) {
           if (!value.includes("@")) {
             return "Must be a valid email address";
           }
-        } }, (((_b = (_a = states.validationState) === null || _a === void 0 ? void 0 : _a.validationErrors) === null || _b === void 0 ? void 0 : _b.email) ? {
+        } }, (((_b = (_a = states.registrationFormState) === null || _a === void 0 ? void 0 : _a.validationErrors) === null || _b === void 0 ? void 0 : _b.email) ? {
         class: sheet$5.classes.ErrorStyle,
-        helpText: ((_d = (_c = states.validationState) === null || _c === void 0 ? void 0 : _c.validationErrors) === null || _d === void 0 ? void 0 : _d.email) ||
+        helpText: ((_d = (_c = states.registrationFormState) === null || _c === void 0 ? void 0 : _c.validationErrors) === null || _d === void 0 ? void 0 : _d.email) ||
           "Cannot be empty",
       }
         : [])))),
-      !states.hideInputs && (index.h("sqm-password-field", { fieldLabel: content.passwordLabel, "enable-validation": states.enablePasswordValidation })),
+      !states.hideInputs && (index.h("sqm-password-field", { fieldLabel: content.passwordLabel, "disable-validation": states.disablePasswordValidation })),
       content.passwordField,
-      !states.hideInputs && states.confirmPassword && (index.h("sl-input", Object.assign({ exportparts: "label: input-label", type: "password", name: "/confirmPassword", label: content.confirmPasswordLabel, disabled: states.loading, required: true }, (((_f = (_e = states.validationState) === null || _e === void 0 ? void 0 : _e.validationErrors) === null || _f === void 0 ? void 0 : _f.confirmPassword) ? {
+      !states.hideInputs && states.confirmPassword && (index.h("sl-input", Object.assign({ exportparts: "label: input-label", type: "password", name: "/confirmPassword", label: content.confirmPasswordLabel, disabled: states.loading, required: true }, (((_f = (_e = states.registrationFormState) === null || _e === void 0 ? void 0 : _e.validationErrors) === null || _f === void 0 ? void 0 : _f.confirmPassword) ? {
         class: sheet$5.classes.ErrorStyle,
-        helpText: ((_h = (_g = states.validationState) === null || _g === void 0 ? void 0 : _g.validationErrors) === null || _h === void 0 ? void 0 : _h.confirmPassword) ||
-          "Cannot be empty",
+        helpText: ((_h = (_g = states.registrationFormState) === null || _g === void 0 ? void 0 : _g.validationErrors) === null || _h === void 0 ? void 0 : _h.confirmPassword) || "Cannot be empty",
       }
         : [])))),
       content.terms,
@@ -2450,18 +2445,25 @@ sl-input::part(label){
 const sheet$9 = JSS.createStyleSheet(style$9);
 const styleString$9 = sheet$9.toString();
 function NameFieldsView(props) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
   const { states } = props;
-  const validationErrors = states === null || states === void 0 ? void 0 : states.validationErrors;
+  const validationErrors = (_a = states === null || states === void 0 ? void 0 : states.registrationFormState) === null || _a === void 0 ? void 0 : _a.validationErrors;
   return (index.h("div", { class: sheet$9.classes.FieldsContainer },
     index.h("style", { type: "text/css" },
       vanillaStyle$3,
       styleString$9),
-    index.h("sl-input", Object.assign({ exportparts: "label: input-label", name: "/firstName", type: "text", label: states.content.firstNameLabel, required: true }, ((validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors.firstName) ? {
+    index.h("sl-input", Object.assign({ exportparts: "label: input-label", name: "/firstName", type: "text", label: states.content.firstNameLabel, required: true, disabled: ((_b = states.registrationFormState) === null || _b === void 0 ? void 0 : _b.loading) || ((_c = states.registrationFormState) === null || _c === void 0 ? void 0 : _c.disabled) }, (((_e = (_d = states.registrationFormState) === null || _d === void 0 ? void 0 : _d.initialData) === null || _e === void 0 ? void 0 : _e.firstName) ? {
+      value: (_g = (_f = states.registrationFormState) === null || _f === void 0 ? void 0 : _f.initialData) === null || _g === void 0 ? void 0 : _g.firstName,
+    }
+      : {}), ((validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors.firstName) ? {
       class: sheet$9.classes.ErrorStyle,
       helpText: (validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors.firstName) || "Cannot be empty",
     }
       : []))),
-    index.h("sl-input", Object.assign({ exportparts: "label: input-label", name: "/lastName", type: "text", label: states.content.lastNameLabel, required: true }, ((validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors.lastName) ? {
+    index.h("sl-input", Object.assign({ exportparts: "label: input-label", name: "/lastName", type: "text", label: states.content.lastNameLabel, required: true, disabled: ((_h = states.registrationFormState) === null || _h === void 0 ? void 0 : _h.loading) || ((_j = states.registrationFormState) === null || _j === void 0 ? void 0 : _j.disabled) }, (((_l = (_k = states.registrationFormState) === null || _k === void 0 ? void 0 : _k.initialData) === null || _l === void 0 ? void 0 : _l.lastName) ? {
+      value: (_o = (_m = states.registrationFormState) === null || _m === void 0 ? void 0 : _m.initialData) === null || _o === void 0 ? void 0 : _o.lastName,
+    }
+      : {}), ((validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors.lastName) ? {
       class: sheet$9.classes.ErrorStyle,
       helpText: (validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors.lastName) || "Cannot be empty",
     }
@@ -2510,8 +2512,9 @@ JSS.jss.setup(JSS.create());
 const sheet$a = JSS.jss.createStyleSheet(style$a);
 const styleString$a = sheet$a.toString();
 function CheckboxFieldView(props) {
+  var _a, _b, _c, _d, _e, _f, _g;
   const { states, content, callbacks } = props;
-  const validationErrors = states === null || states === void 0 ? void 0 : states.validationErrors;
+  const validationErrors = (_a = states === null || states === void 0 ? void 0 : states.registrationFormState) === null || _a === void 0 ? void 0 : _a.validationErrors;
   return (index.h("div", { class: sheet$a.classes.FieldContainer },
     index.h("style", { type: "text/css" },
       vanillaStyle$4,
@@ -2519,7 +2522,10 @@ function CheckboxFieldView(props) {
     index.h("sl-checkbox", Object.assign({ exportparts: "label: input-label", name: `/${content.checkboxName}`, checked: states.checked, "onSl-change": (e) => {
         e.target.value = e.target.checked;
         callbacks.setChecked(e.target.value);
-      } }, (!content.checkboxOptional ? { required: true } : []), (!states.checked && (validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors[content.checkboxName])
+      } }, (!content.checkboxOptional ? { required: true } : []), { disabled: ((_b = states.registrationFormState) === null || _b === void 0 ? void 0 : _b.loading) || ((_c = states.registrationFormState) === null || _c === void 0 ? void 0 : _c.disabled) }, (((_e = (_d = states.registrationFormState) === null || _d === void 0 ? void 0 : _d.initialData) === null || _e === void 0 ? void 0 : _e[content.checkboxName]) ? {
+      value: (_g = (_f = states.registrationFormState) === null || _f === void 0 ? void 0 : _f.initialData) === null || _g === void 0 ? void 0 : _g[content.checkboxName],
+    }
+      : {}), (!states.checked && (validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors[content.checkboxName])
       ? {
         class: sheet$a.classes.ErrorStyle,
       }
@@ -2567,13 +2573,17 @@ JSS.jss.setup(JSS.create());
 const sheet$b = JSS.jss.createStyleSheet(style$b);
 const styleString$b = sheet$b.toString();
 function DropdownFieldView(props) {
+  var _a, _b, _c, _d, _e, _f, _g;
   const { states, content } = props;
-  const validationErrors = states === null || states === void 0 ? void 0 : states.validationErrors;
+  const validationErrors = (_a = states === null || states === void 0 ? void 0 : states.registrationFormState) === null || _a === void 0 ? void 0 : _a.validationErrors;
   return (index.h("div", { class: sheet$b.classes.FieldContainer },
     index.h("style", { type: "text/css" },
       vanillaStyle$5,
       styleString$b),
-    index.h("sl-select", Object.assign({ exportparts: "label: input-label", label: content.dropdownLabel, name: `/${content.dropdownName}` }, (!content.dropdownOptional ? { required: true } : []), ((validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors[content.dropdownName]) ? {
+    index.h("sl-select", Object.assign({ exportparts: "label: input-label", label: content.dropdownLabel, name: `/${content.dropdownName}` }, (!content.dropdownOptional ? { required: true } : []), { disabled: ((_b = states.registrationFormState) === null || _b === void 0 ? void 0 : _b.loading) || ((_c = states.registrationFormState) === null || _c === void 0 ? void 0 : _c.disabled) }, (((_e = (_d = states.registrationFormState) === null || _d === void 0 ? void 0 : _d.initialData) === null || _e === void 0 ? void 0 : _e[content.dropdownName]) ? {
+      value: (_g = (_f = states.registrationFormState) === null || _f === void 0 ? void 0 : _f.initialData) === null || _g === void 0 ? void 0 : _g[content.dropdownName],
+    }
+      : {}), ((validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors[content.dropdownName]) ? {
       class: sheet$b.classes.ErrorStyle,
     }
       : [])), content.selectOptions),
@@ -2600,13 +2610,17 @@ JSS.jss.setup(JSS.create());
 const sheet$c = JSS.jss.createStyleSheet(style$c);
 const styleString$c = sheet$c.toString();
 function InputFieldView(props) {
+  var _a, _b, _c, _d, _e, _f, _g;
   const { states, content } = props;
-  const validationErrors = states === null || states === void 0 ? void 0 : states.validationErrors;
+  const validationErrors = (_a = states === null || states === void 0 ? void 0 : states.registrationFormState) === null || _a === void 0 ? void 0 : _a.validationErrors;
   return (index.h("div", { class: sheet$c.classes.FieldContainer },
     index.h("style", { type: "text/css" },
       vanillaStyle$6,
       styleString$c),
-    index.h("sl-input", Object.assign({ exportparts: "label: input-label", name: `/${content.fieldName}`, type: content.fieldType, label: content.fieldLabel }, (!content.fieldOptional ? { required: true } : []), ((validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors[content.fieldName]) ? {
+    index.h("sl-input", Object.assign({ exportparts: "label: input-label", name: `/${content.fieldName}`, type: content.fieldType, label: content.fieldLabel }, (!content.fieldOptional ? { required: true } : []), { disabled: ((_b = states.registrationFormState) === null || _b === void 0 ? void 0 : _b.loading) || ((_c = states.registrationFormState) === null || _c === void 0 ? void 0 : _c.disabled) }, (((_e = (_d = states.registrationFormState) === null || _d === void 0 ? void 0 : _d.initialData) === null || _e === void 0 ? void 0 : _e[content.fieldName]) ? {
+      value: (_g = (_f = states.registrationFormState) === null || _f === void 0 ? void 0 : _f.initialData) === null || _g === void 0 ? void 0 : _g[content.fieldName],
+    }
+      : {}), ((validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors[content.fieldName]) ? {
       class: sheet$c.classes.ErrorStyle,
       helpText: global.intl.formatMessage({
         id: `errorMessage-${content.fieldName}`,

package/dist/cjs/{global-5e3deef1.js → global-b645d18a.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
-const index_module = require('./index.module-ffe1aa35.js');
+const stencilHooks_module = require('./stencil-hooks.module-6fe43579.js');
+const index_module = require('./index.module-93c78ac7.js');
 
 var __assign = (undefined && undefined.__assign) || function () {
     __assign = Object.assign || function(t) {
@@ -26483,10 +26483,6 @@ html {
 :root {
   --sqm-header-background: var(--sl-color-white);
   --sqm-footer-background: var(--sl-color-white);
-
-  // --st-color-text-error, --st-content-max-width, --st-content-background, and --st-portal-background are no longer provided by mint-component
-  // These variables should be supplied by the Service Titan project
-
   --sqm-color-text-error: #e63717;
   --sqm-content-max-width: 700px;
   --sqm-content-background: var(--sl-color-white);
@@ -26495,6 +26491,7 @@ html {
   --sqm-portal-main-width: 900px;
   --sqm-max-width: 1280px;
 }
+
 body {
   font-family: var(--sl-font-sans);
   font-size: var(--sl-font-size-medium);
@@ -26505,14 +26502,7 @@ body {
   margin: 0;
   background-color: var(--sqm-portal-background);
 }
-a,
-a:visited {
-  text-decoration: none;
-  color: var(--sl-color-primary-500);
-}
-a:hover {
-  color: var(--sl-color-primary-600);
-}
+
 // .terms-link,
 // .terms-link:visited {
 //   color: var(--sl-color-gray-500);
@@ -26641,7 +26631,7 @@ sl-input::part(label){
 
 `;
 
-index_module.E(stencilHooks_module.l);
+index_module.V(stencilHooks_module.l);
 const debug = stencilHooks_module.browser("sq:global");
 const cache = createIntlCache();
 const intl = createIntl({