@saasquatch/mint-components 1.6.2-1 → 1.6.2-10

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

@@ -1,5 +1,4 @@
-import { y } from './stencil-hooks.module-66fea7dc.js';
-import { P } from './index.module-f64d9e4c.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-47869553.js}

@@ -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/{ShadowViewAddon-aa0e441d.js → ShadowViewAddon-0ce4871c.js}

@@ -1,14 +1,14 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
-const global = require('./global-021e3c7a.js');
-const index_module = require('./index.module-6650575b.js');
+const stencilHooks_module = require('./stencil-hooks.module-6fe43579.js');
+const global = require('./global-4e52f274.js');
+const index_module = require('./index.module-7972acac.js');
 const cjs = require('./cjs-1066ec21.js');
 const mixins = require('./mixins-fe9d4112.js');
 const JSS = require('./JSS-97fd087e.js');
-const useChildElements = require('./useChildElements-161f4899.js');
-const luxon = require('./luxon-59ca7d19.js');
+const useChildElements = require('./useChildElements-42a97f2a.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');
@@ -361,11 +361,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.W() } = props;
+  const user = index_module._();
+  const engagementMedium = index_module.Q();
+  const { data } = index_module.dn(MessageLinkQuery, { programId }, !(user === null || user === void 0 ? void 0 : user.jwt));
+  const [sendLoadEvent] = index_module.Ie(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 +450,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.W();
+  const user = index_module._();
   const variables = {
-    engagementMedium: index_module.J(),
+    engagementMedium: index_module.Q(),
     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 +776,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 +1334,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.W(), } = 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.H();
+  const userIdent = index_module._();
   const re = stencilHooks_module.useMemo(() => StatPatterns.find((re) => re.exec(statType)), [statType]);
   if (!(re === null || re === void 0 ? void 0 : re.exec(statType))) {
     return {
@@ -2450,18 +2450,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;
   const { states } = props;
   const validationErrors = states === null || states === void 0 ? void 0 : states.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: ((_a = states.registrationFormState) === null || _a === void 0 ? void 0 : _a.loading) || ((_b = states.registrationFormState) === null || _b === void 0 ? void 0 : _b.disabled) }, (((_d = (_c = states.registrationFormState) === null || _c === void 0 ? void 0 : _c.initialData) === null || _d === void 0 ? void 0 : _d.firstName) ? {
+      value: (_f = (_e = states.registrationFormState) === null || _e === void 0 ? void 0 : _e.initialData) === null || _f === void 0 ? void 0 : _f.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: ((_g = states.registrationFormState) === null || _g === void 0 ? void 0 : _g.loading) || ((_h = states.registrationFormState) === null || _h === void 0 ? void 0 : _h.disabled) }, (((_k = (_j = states.registrationFormState) === null || _j === void 0 ? void 0 : _j.initialData) === null || _k === void 0 ? void 0 : _k.lastName) ? {
+      value: (_m = (_l = states.registrationFormState) === null || _l === void 0 ? void 0 : _l.initialData) === null || _m === void 0 ? void 0 : _m.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",
     }

package/dist/cjs/{global-021e3c7a.js → global-4e52f274.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
-const index_module = require('./index.module-6650575b.js');
+const stencilHooks_module = require('./stencil-hooks.module-6fe43579.js');
+const index_module = require('./index.module-7972acac.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.O(stencilHooks_module.l);
 const debug = stencilHooks_module.browser("sq:global");
 const cache = createIntlCache();
 const intl = createIntl({