@saasquatch/mint-components 1.12.1-7 → 1.13.0-1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.12.1-7",
+  "version": "1.13.0-1",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
@@ -77,6 +77,8 @@
     "@saasquatch/stencil-hooks": "^2.0.2",
     "@saasquatch/stencilbook": "^1.1.0",
     "@saasquatch/universal-hooks": "^1.0.0",
+    "@stencil-community/helmet": "^0.3.3",
+    "@stencil/helmet": "^0.3.3",
     "babel-polyfill": "^6.26.0",
     "canvas-confetti": "^1.4.0",
     "color2k": "^1.2.4",

package/dist/cjs/sqm-name-fields-view-57c734bf.js

@@ -1,55 +0,0 @@
-'use strict';
-
-const index = require('./index-3cf5ef3d.js');
-const JSS = require('./JSS-8503a151.js');
-const mixins = require('./mixins-f7e0377a.js');
-
-const style = {
-  ErrorStyle: mixins.ErrorStyles,
-  FieldsContainer: {
-    "& sl-input": {
-      "margin-bottom": "var(--sl-spacing-large)",
-    },
-  },
-};
-const vanillaStyle = `
-:host {
-  margin: 0 auto;
-  width: 100%;
-  display: block;
-}
-
-sl-input::part(label){
-  font-size: var(--sl-input-label-font-size-small);
-  font-weight: var(--sl-font-weight-semibold);
-}
-`;
-const sheet = JSS.createStyleSheet(style);
-const styleString = sheet.toString();
-function NameFieldsView(props) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
-  const { states } = props;
-  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.classes.FieldsContainer },
-    index.h("style", { type: "text/css" },
-      vanillaStyle,
-      styleString),
-    index.h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", 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.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, base: input-base", 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.classes.ErrorStyle,
-      helpText: (validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors.lastName) || "Cannot be empty",
-    }
-      : [])))));
-}
-
-exports.NameFieldsView = NameFieldsView;

package/dist/cjs/sqm-name-fields.cjs.entry.js

@@ -1,59 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-3cf5ef3d.js');
-const stencilHooks_module = require('./stencil-hooks.module-ece1ee46.js');
-const index_module = require('./index.module-ccf9bd9c.js');
-const cjs = require('./cjs-1066ec21.js');
-require('./JSS-8503a151.js');
-require('./mixins-f7e0377a.js');
-const useRegistrationFormState = require('./useRegistrationFormState-5911d016.js');
-const sqmNameFieldsView = require('./sqm-name-fields-view-57c734bf.js');
-
-function useNameFields(props) {
-  const registrationFormState = stencilHooks_module.d(useRegistrationFormState.REGISTRATION_FORM_STATE_CONTEXT);
-  return {
-    states: {
-      registrationFormState,
-      content: {
-        lastNameLabel: props.lastNameLabel,
-        firstNameLabel: props.firstNameLabel,
-      },
-    },
-  };
-}
-
-const NameFields = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.ignored = true;
-    /**
-     * @uiName First name label
-     */
-    this.firstNameLabel = "First Name";
-    /**
-     * @uiName Last name label
-     */
-    this.lastNameLabel = "Last Name";
-    stencilHooks_module.h$1(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const { states } = index_module.isDemo() ? useNameFieldsDemo(this) : useNameFields(this);
-    return index.h(sqmNameFieldsView.NameFieldsView, { states: states });
-  }
-};
-function useNameFieldsDemo(props) {
-  return cjs.cjs({
-    states: {
-      validationErrors: [],
-      content: {
-        firstNameLabel: props.firstNameLabel,
-        lastNameLabel: props.lastNameLabel,
-      },
-    },
-  }, props.demoData || {}, { arrayMerge: (_, a) => a });
-}
-
-exports.sqm_name_fields = NameFields;

package/dist/cjs/useRegistrationFormState-5911d016.js

@@ -1,14 +0,0 @@
-'use strict';
-
-const stencilHooks_module = require('./stencil-hooks.module-ece1ee46.js');
-const index_module = require('./index.module-ccf9bd9c.js');
-
-const REGISTRATION_FORM_STATE_CONTEXT = "sq:registration-form-state";
-function useRegistrationFormState(formState) {
-  const host = index_module.T();
-  const [registrationFormState, setRegistrationFormState] = stencilHooks_module.y(host, REGISTRATION_FORM_STATE_CONTEXT, formState);
-  return { registrationFormState, setRegistrationFormState };
-}
-
-exports.REGISTRATION_FORM_STATE_CONTEXT = REGISTRATION_FORM_STATE_CONTEXT;
-exports.useRegistrationFormState = useRegistrationFormState;

package/dist/esm/sqm-name-fields-view-ec19e9e8.js

@@ -1,53 +0,0 @@
-import { h } from './index-60f16d0a.js';
-import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { E as ErrorStyles } from './mixins-83f90fa1.js';
-
-const style = {
-  ErrorStyle: ErrorStyles,
-  FieldsContainer: {
-    "& sl-input": {
-      "margin-bottom": "var(--sl-spacing-large)",
-    },
-  },
-};
-const vanillaStyle = `
-:host {
-  margin: 0 auto;
-  width: 100%;
-  display: block;
-}
-
-sl-input::part(label){
-  font-size: var(--sl-input-label-font-size-small);
-  font-weight: var(--sl-font-weight-semibold);
-}
-`;
-const sheet = createStyleSheet(style);
-const styleString = sheet.toString();
-function NameFieldsView(props) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
-  const { states } = props;
-  const validationErrors = (_a = states === null || states === void 0 ? void 0 : states.registrationFormState) === null || _a === void 0 ? void 0 : _a.validationErrors;
-  return (h("div", { class: sheet.classes.FieldsContainer },
-    h("style", { type: "text/css" },
-      vanillaStyle,
-      styleString),
-    h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", 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.classes.ErrorStyle,
-      helpText: (validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors.firstName) || "Cannot be empty",
-    }
-      : []))),
-    h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", 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.classes.ErrorStyle,
-      helpText: (validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors.lastName) || "Cannot be empty",
-    }
-      : [])))));
-}
-
-export { NameFieldsView as N };

package/dist/esm/sqm-name-fields.entry.js

@@ -1,55 +0,0 @@
-import { r as registerInstance, h as h$1 } from './index-60f16d0a.js';
-import { i as d, n as h } from './stencil-hooks.module-e20edc0b.js';
-import { i as isDemo } from './index.module-f3d96fbb.js';
-import { c as cjs } from './cjs-bdfb4486.js';
-import './JSS-67b5cff8.js';
-import './mixins-83f90fa1.js';
-import { R as REGISTRATION_FORM_STATE_CONTEXT } from './useRegistrationFormState-33f9cb24.js';
-import { N as NameFieldsView } from './sqm-name-fields-view-ec19e9e8.js';
-
-function useNameFields(props) {
-  const registrationFormState = d(REGISTRATION_FORM_STATE_CONTEXT);
-  return {
-    states: {
-      registrationFormState,
-      content: {
-        lastNameLabel: props.lastNameLabel,
-        firstNameLabel: props.firstNameLabel,
-      },
-    },
-  };
-}
-
-const NameFields = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.ignored = true;
-    /**
-     * @uiName First name label
-     */
-    this.firstNameLabel = "First Name";
-    /**
-     * @uiName Last name label
-     */
-    this.lastNameLabel = "Last Name";
-    h(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const { states } = isDemo() ? useNameFieldsDemo(this) : useNameFields(this);
-    return h$1(NameFieldsView, { states: states });
-  }
-};
-function useNameFieldsDemo(props) {
-  return cjs({
-    states: {
-      validationErrors: [],
-      content: {
-        firstNameLabel: props.firstNameLabel,
-        lastNameLabel: props.lastNameLabel,
-      },
-    },
-  }, props.demoData || {}, { arrayMerge: (_, a) => a });
-}
-
-export { NameFields as sqm_name_fields };

package/dist/esm/useRegistrationFormState-33f9cb24.js

@@ -1,11 +0,0 @@
-import { y } from './stencil-hooks.module-e20edc0b.js';
-import { T } from './index.module-f3d96fbb.js';
-
-const REGISTRATION_FORM_STATE_CONTEXT = "sq:registration-form-state";
-function useRegistrationFormState(formState) {
-  const host = T();
-  const [registrationFormState, setRegistrationFormState] = y(host, REGISTRATION_FORM_STATE_CONTEXT, formState);
-  return { registrationFormState, setRegistrationFormState };
-}
-
-export { REGISTRATION_FORM_STATE_CONTEXT as R, useRegistrationFormState as u };