@saasquatch/mint-components 1.6.8-9 → 1.6.9

package/dist/cjs/email-registration-view-f347daa7.js

@@ -0,0 +1,79 @@
+'use strict';
+
+const index = require('./index-b0129cd6.js');
+const mixins = require('./mixins-fe9d4112.js');
+const JSS = require('./JSS-8503a151.js');
+
+const style = {
+  Wrapper: {
+    ...mixins.AuthWrapper,
+    ...mixins.gap({ direction: "column", size: "var(--sl-spacing-small)" }),
+  },
+  Column: mixins.AuthColumn,
+  ForgotButtonContainer: {
+    display: "inline",
+    cursor: "pointer",
+    "font-size": "13px",
+    "font-weight": "600",
+    color: "#AAAAAA",
+    margin: "0",
+  },
+  ButtonsContainer: mixins.AuthButtonsContainer,
+  ErrorStyle: mixins.ErrorStyles,
+};
+const vanillaStyle = `
+:host {
+  display: block;
+}
+:host([hidden]): {
+  display: none;
+}
+a svg {
+  margin: 0 auto;
+  display: block;
+}
+`;
+const sheet = JSS.createStyleSheet(style);
+const styleString = sheet.toString();
+function EmailRegistrationView(props) {
+  var _a, _b, _c, _d;
+  const { states, callbacks, content } = props;
+  const emailValidationRegex = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+  return (index.h("div", { class: sheet.classes.Wrapper, style: {
+      border: `${content.hideBorder ? "none" : "1px solid #eaeaea"}`,
+      backgroundColor: content.backgroundColor,
+      "padding-top": `var(--sl-spacing-${content.paddingTop})`,
+      "padding-right": `var(--sl-spacing-${content.paddingRight})`,
+      "padding-bottom": `var(--sl-spacing-${content.paddingBottom})`,
+      "padding-left": `var(--sl-spacing-${content.paddingLeft})`,
+    } },
+    index.h("style", { type: "text/css" },
+      vanillaStyle,
+      styleString),
+    content.topSlot,
+    index.h("sl-form", { class: sheet.classes.Column, "onSl-submit": callbacks.submit },
+      props.states.error && (index.h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
+        index.h("div", { part: "erroralert-text" }, props.states.error))),
+      content.includeName && (index.h("sl-input", { exportparts: "label: input-label", type: "name", name: "/firstName", label: content.firstNameLabel || "First Name", disabled: states.loading })),
+      content.includeName && (index.h("sl-input", { exportparts: "label: input-label", type: "name", name: "/lastName", label: content.lastNameLabel || "Last Name", disabled: states.loading })),
+      index.h("sl-input", Object.assign({ exportparts: "label: input-label", type: "email", name: "/email", label: content.emailLabel || "Email", disabled: states.loading, required: true, validationError: ({ value }) => {
+          if (!value) {
+            return content.requiredFieldErrorMessage;
+          }
+          if (!value.match(emailValidationRegex)) {
+            return content.invalidEmailErrorMessage;
+          }
+        } }, (((_b = (_a = states.registrationFormState) === null || _a === void 0 ? void 0 : _a.validationErrors) === null || _b === void 0 ? void 0 : _b.email) ? {
+        class: sheet.classes.ErrorStyle,
+        helpText: ((_d = (_c = states.registrationFormState) === null || _c === void 0 ? void 0 : _c.validationErrors) === null || _d === void 0 ? void 0 : _d.email) ||
+          content.requiredFieldErrorMessage,
+      }
+        : []))),
+      index.h("div", { class: sheet.classes.ButtonsContainer, style: {
+          paddingTop: `${content.includeName ? "var(--sl-spacing-medium)" : "0"}`,
+        } },
+        index.h("sl-button", { submit: true, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, content.registerLabel || "Registration"))),
+    content.bottomSlot));
+}
+
+exports.EmailRegistrationView = EmailRegistrationView;

package/dist/cjs/{global-48c25606.js → global-40232313.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
-const index_module = require('./index.module-f6afc139.js');
+const index_module = require('./index.module-4314dfb1.js');
 
 var __assign = (undefined && undefined.__assign) || function () {
     __assign = Object.assign || function(t) {
@@ -26511,6 +26511,12 @@ body {
 // .terms-link:hover {
 //   color: var(--sl-color-gray-600);
 // }
+
+h1, h2, h3, h4{
+  line-height: var(--sl-line-height-dense);
+}
+
+
 h2, .Title {
   font-size: var(--sl-font-size-large);
   font-weight: var(--sl-font-weight-semibold);
@@ -26631,7 +26637,7 @@ sl-input::part(label){
 
 `;
 
-index_module.V(stencilHooks_module.l);
+index_module.x(stencilHooks_module.l);
 const debug = stencilHooks_module.browser("sq:global");
 const cache = createIntlCache();
 const intl = createIntl({