@saasquatch/mint-components 2.0.5-1 → 2.0.5-2

package/dist/cjs/sqm-portal-google-registration-form.cjs.entry.js

@@ -10,11 +10,11 @@ const cjs = require('./cjs-1066ec21.js');
 const JSS = require('./JSS-8503a151.js');
 require('./mixins-4761d472.js');
 require('./sqm-text-span-view-f274fdf2.js');
+require('./AsYouType-6788393a.js');
 const useRegistrationFormState = require('./useRegistrationFormState-0f85c946.js');
-const sqmBaseRegistrationFormView = require('./sqm-base-registration-form-view-992c7f18.js');
 const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-020f661c.js');
-require('./AsYouType-6788393a.js');
-const usePortalRegistrationForm = require('./usePortalRegistrationForm-cdf6cb76.js');
+const usePortalRegistrationForm = require('./usePortalRegistrationForm-a0a45299.js');
+const sqmBaseRegistrationFormView = require('./sqm-base-registration-form-view-992c7f18.js');
 
 class InvalidTokenError extends Error {
 }

package/dist/cjs/sqm-portal-verify-email-view-6fcde0e7.js

@@ -0,0 +1,220 @@
+'use strict';
+
+const index = require('./index-8277cbb3.js');
+const index_module = require('./index.module-f267fad6.js');
+const JSS = require('./JSS-8503a151.js');
+const mixins = require('./mixins-4761d472.js');
+const sqmTextSpanView = require('./sqm-text-span-view-f274fdf2.js');
+
+const vanillaStyle = `
+:host {
+  display: block;
+}
+:host([hidden]): {
+  display: none;
+}
+`;
+function PortalForgotPasswordView(props) {
+  const { states, callbacks, content } = props;
+  const style = {
+    FormWrapper: {
+      ...mixins.AuthWrapper,
+      background: content.backgroundColor || "var(--sqm-portal-background)",
+      borderRadius: content.borderRadius || "var(--sqm-border-radius-normal)",
+      border: content.border ||
+        "var(--sqm-border-thickness) solid var(--sqm-border-color)",
+    },
+    Column: { ...mixins.AuthColumn },
+    ButtonsContainer: mixins.AuthButtonsContainer,
+    SecondaryButton: {
+      margin: "auto",
+      display: "block",
+      cursor: "pointer",
+    },
+  };
+  const sheet = JSS.createStyleSheet(style);
+  const styleString = sheet.toString();
+  return (index.h("div", { class: sheet.classes.FormWrapper, part: "sqm-base" },
+    index.h("style", { type: "text/css" },
+      vanillaStyle,
+      styleString),
+    index.h(sqmTextSpanView.TextSpanView, { type: "h3" }, content.messageSlot),
+    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))),
+      props.states.success && (index.h("sqm-form-message", { type: "success", exportparts: "successalert-icon" },
+        index.h("div", { part: "successalert-text" }, content.successAlertText))),
+      index.h("sl-input", { exportparts: "label: input-label, base: input-base", type: "email", name: "/email", label: content.emailLabel || "Email", disabled: states.loading, required: true }),
+      index.h("div", { class: sheet.classes.ButtonsContainer },
+        index.h("sl-button", { submit: true, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, content.submitLabel || "Reset Password"),
+        index.h("sl-button", { type: "secondary", exportparts: "base: secondarybutton-base", class: sheet.classes.SecondaryButton, disabled: states.loading, onClick: () => index_module.jn.push(states.loginPath) }, content.loginText)))));
+}
+
+const style = {
+  Wrapper: mixins.AuthWrapper,
+  Column: mixins.AuthColumn,
+  ForgotButtonContainer: {
+    display: "inline",
+    cursor: "pointer",
+    "font-size": "13px",
+    "font-weight": "600",
+    color: "var(--sqm-text-subdued)",
+    margin: "0",
+  },
+  ButtonsContainer: {
+    ...mixins.AuthButtonsContainer,
+    gap: "var(--sl-spacing-medium)",
+    "& > *": {
+      margin: "0 !important",
+    },
+  },
+};
+const vanillaStyle$1 = `
+:host {
+  display: block;
+}
+:host([hidden]): {
+  display: none;
+}
+`;
+const sheet = JSS.createStyleSheet(style);
+const styleString = sheet.toString();
+function PortalLoginView(props) {
+  const { states, callbacks, content } = props;
+  return (index.h("div", { class: sheet.classes.Wrapper, part: "sqm-base" },
+    index.h("style", { type: "text/css" },
+      vanillaStyle$1,
+      styleString),
+    index.h(sqmTextSpanView.TextSpanView, { type: "h3" }, content.pageLabel),
+    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))),
+      index.h("sl-input", { exportparts: "label: input-label, base: input-base", type: "email", name: "/email", label: content.emailLabel || "Email", disabled: states.loading, required: true }),
+      index.h("div", null,
+        index.h("sl-input", { exportparts: "label: input-label, base: input-base", type: "password", name: "/password", label: content.passwordLabel || "Password", disabled: states.loading, required: true }),
+        index.h("div", { class: sheet.classes.ForgotButtonContainer }, content.forgotPasswordButton)),
+      index.h("div", { class: sheet.classes.ButtonsContainer },
+        index.h("sl-button", { submit: true, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, content.submitLabel || "Login"),
+        content.googleButton && index.h("sl-menu-divider", null),
+        content.googleButton,
+        content.secondaryButton))));
+}
+
+const style$1 = {
+  Wrapper: { ...mixins.AuthWrapper, "max-width": "600px" },
+  Column: mixins.AuthColumn,
+  HostBlock: mixins.HostBlock,
+  ":host": {
+    margin: "0 auto",
+    width: "100%",
+  },
+  ButtonsContainer: mixins.AuthButtonsContainer,
+  ErrorStyle: mixins.ErrorStyles,
+};
+const vanillaStyle$2 = `
+sqm-portal-register {
+  margin: 0 auto;
+  width: 100%;
+  display: block;
+}
+
+:host{
+  display: block;
+}
+
+:host([hidden]) {
+  display: none;
+}
+`;
+const sheet$1 = JSS.createStyleSheet(style$1);
+const styleString$1 = sheet$1.toString();
+function PortalRegisterView(props) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+  const { states, refs, callbacks, content } = props;
+  if (states.error) {
+    window.scrollTo({ top: 0, left: 0, behavior: "smooth" });
+  }
+  return (index.h("div", { class: sheet$1.classes.Wrapper, part: "sqm-base" },
+    index.h("style", { type: "text/css" },
+      vanillaStyle$2,
+      styleString$1),
+    index.h(sqmTextSpanView.TextSpanView, { type: "h3" }, content.pageLabel),
+    index.h("sl-form", { class: sheet$1.classes.Column, "onSl-submit": callbacks.submit, ref: (el) => (refs.formRef.current = el), novalidate: true },
+      states.error && (index.h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
+        index.h("div", { part: "erroralert-text" }, props.states.error))),
+      content.formData,
+      !states.hideInputs && (index.h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", type: "email", name: "/email", label: content.emailLabel || "Email", disabled: states.loading, required: true, validationError: ({ value }) => {
+          if (!value) {
+            return content.requiredFieldErrorMessage;
+          }
+          // this matches shoelace validation, but could be better
+          if (!value.includes("@")) {
+            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$1.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,
+      }
+        : [])))),
+      !states.hideInputs && (index.h("sqm-password-field", { fieldLabel: content.passwordLabel, "disable-validation": states.disablePasswordValidation, meetsRequirementsText: content.meetsRequirementsText, doesNotMeetRequirementsText: content.doesNotMeetRequirementsText, minErrorText: content.minErrorText, uppercaseErrorText: content.uppercaseErrorText, lowercaseErrorText: content.lowercaseErrorText, hasErrorText: content.hasErrorText })),
+      content.passwordField,
+      !states.hideInputs && states.confirmPassword && (index.h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", type: "password", name: "/confirmPassword", label: content.confirmPasswordLabel, disabled: states.loading || ((_e = states.registrationFormState) === null || _e === void 0 ? void 0 : _e.disabled), required: true }, (((_g = (_f = states.registrationFormState) === null || _f === void 0 ? void 0 : _f.initialData) === null || _g === void 0 ? void 0 : _g.confirmPassword) ? {
+        value: (_j = (_h = states.registrationFormState) === null || _h === void 0 ? void 0 : _h.initialData) === null || _j === void 0 ? void 0 : _j.confirmPassword,
+      }
+        : {}), (((_l = (_k = states.registrationFormState) === null || _k === void 0 ? void 0 : _k.validationErrors) === null || _l === void 0 ? void 0 : _l.confirmPassword) ? {
+        class: sheet$1.classes.ErrorStyle,
+        helpText: ((_o = (_m = states.registrationFormState) === null || _m === void 0 ? void 0 : _m.validationErrors) === null || _o === void 0 ? void 0 : _o.confirmPassword) || content.requiredFieldErrorMessage,
+      }
+        : [])))),
+      content.terms,
+      index.h("div", { class: sheet$1.classes.ButtonsContainer },
+        index.h("sl-button", { submit: true, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, content.submitLabel || "Register"),
+        content.secondaryButton))));
+}
+
+const style$2 = {
+  Wrapper: mixins.AuthWrapper,
+  Column: mixins.AuthColumn,
+  ContinueButton: {
+    width: "100%",
+  },
+};
+const vanillaStyle$3 = `
+:host {
+  display: block;
+}
+:host([hidden]): {
+  display: none;
+}
+`;
+const sheet$2 = JSS.createStyleSheet(style$2);
+const styleString$2 = sheet$2.toString();
+function PortalVerifyEmailView(props) {
+  const { states, data, callbacks, content } = props;
+  if (states.loading)
+    return;
+  if (states.success) {
+    return (index.h("div", { class: sheet$2.classes.Wrapper, part: "sqm-base" },
+      index.h("style", { type: "text/css" },
+        vanillaStyle$3,
+        styleString$2),
+      index.h(sqmTextSpanView.TextSpanView, { type: "h3" }, content.verifyEmailText),
+      index.h("sqm-form-message", { exportparts: "success-icon" },
+        index.h("div", { part: "successalert-text" }, content.verifySuccessText)),
+      index.h("sl-button", { class: sheet$2.classes.ContinueButton, onClick: callbacks.gotoNextPage, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, content.continueText)));
+  }
+  if (states.error || !data.oobCode) {
+    return (index.h("div", { class: sheet$2.classes.Wrapper, part: "sqm-base" },
+      index.h("style", { type: "text/css" }, styleString$2),
+      index.h(sqmTextSpanView.TextSpanView, { type: "h3" }, content.verifyEmailText),
+      index.h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
+        index.h("div", { part: "erroralert-text" }, content.verifyInvalidText)),
+      index.h("sl-button", { class: sheet$2.classes.ContinueButton, onClick: callbacks.failed, disabled: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, content.continueText)));
+  }
+}
+
+exports.PortalForgotPasswordView = PortalForgotPasswordView;
+exports.PortalLoginView = PortalLoginView;
+exports.PortalRegisterView = PortalRegisterView;
+exports.PortalVerifyEmailView = PortalVerifyEmailView;

package/dist/cjs/sqm-referral-table_11.cjs.entry.js

@@ -10,13 +10,13 @@ const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
 require('./mixins-4761d472.js');
+const sqmTextSpanView = require('./sqm-text-span-view-f274fdf2.js');
 const GenericTableView = require('./GenericTableView-be5648e4.js');
 const reRender = require('./re-render-f59ad8a9.js');
 const useChildElements = require('./useChildElements-84b623d1.js');
 const luxon = require('./luxon-c1ad356a.js');
 const mockRewardData = require('./mockRewardData-ed603fca.js');
 const useReferralTable = require('./useReferralTable-207b4ff0.js');
-const sqmTextSpanView = require('./sqm-text-span-view-f274fdf2.js');
 
 const mockReferralData = (count = 4) => {
   const data = [...Array(count)].map(() => getMockData());

package/dist/cjs/sqm-stencilbook.cjs.entry.js

@@ -12,10 +12,12 @@ const JSS = require('./JSS-8503a151.js');
 require('./useReferralCodes-03024ff4.js');
 require('./mixins-4761d472.js');
 const copyTextView = require('./copy-text-view-bb2c0ea7.js');
+require('./sqm-text-span-view-f274fdf2.js');
+const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-6fcde0e7.js');
+const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-020f661c.js');
 const GenericTableView = require('./GenericTableView-be5648e4.js');
 require('./useChildElements-84b623d1.js');
 const luxon = require('./luxon-c1ad356a.js');
-require('./sqm-text-span-view-f274fdf2.js');
 const sqmCloseButtonView = require('./sqm-close-button-view-e9f2a454.js');
 require('./index-8c6255f5.js');
 const emailRegistrationView = require('./email-registration-view-306c8878.js');
@@ -25,16 +27,13 @@ const sqmLogoutCurrentUserView = require('./sqm-logout-current-user-view-f330d64
 const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-6616e3e0.js');
 const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-41edbbc4.js');
 const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-9f1b4ba4.js');
-const sqmPortalLoginView = require('./sqm-portal-login-view-298425ad.js');
 const sqmBaseRegistrationFormView = require('./sqm-base-registration-form-view-992c7f18.js');
-const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-020f661c.js');
 const sqmPortalProfileView = require('./sqm-portal-profile-view-7defab25.js');
 require('./utilities-3577b60d.js');
 const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-6b1acd90.js');
-const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-eb487415.js');
 require('./ErrorView-ee7b0f36.js');
 const sqmQrCodeView = require('./sqm-qr-code-view-b388e408.js');
-const ShadowViewAddon = require('./ShadowViewAddon-00e7bf6d.js');
+const ShadowViewAddon = require('./ShadowViewAddon-5a9d4a55.js');
 const sqmPortalContainerView = require('./sqm-portal-container-view-70a47420.js');
 const IndirectTaxDetailsView = require('./IndirectTaxDetailsView-d339f4a2.js');
 const utils = require('./utils-064a7c83.js');
@@ -5803,14 +5802,14 @@ const CustomError = createHookStory(() => (index.h(ShadowViewAddon.CheckboxField
     ...defaultProps$1.content,
     errorMessage: "This checkbox must be checked to continue",
   } }))));
-const TermsAndConditions = createHookStory(() => (index.h(ShadowViewAddon.PortalRegisterView, Object.assign({}, defaultRegisterProps, { 
+const TermsAndConditions = createHookStory(() => (index.h(sqmPortalVerifyEmailView.PortalRegisterView, Object.assign({}, defaultRegisterProps, { 
   //@ts-ignore
   content: {
     ...defaultRegisterProps.content,
     terms: (index.h("p", null,
       index.h("sqm-checkbox-field", null))),
   } }))));
-const TermsAndConditionsCustomLabel = createHookStory(() => (index.h(ShadowViewAddon.PortalRegisterView, Object.assign({}, defaultRegisterProps, { 
+const TermsAndConditionsCustomLabel = createHookStory(() => (index.h(sqmPortalVerifyEmailView.PortalRegisterView, Object.assign({}, defaultRegisterProps, { 
   //@ts-ignore
   content: {
     ...defaultRegisterProps.content,
@@ -5820,7 +5819,7 @@ const TermsAndConditionsCustomLabel = createHookStory(() => (index.h(ShadowViewA
       index.h("a", { href: "https://example.com", target: "_blank" }, "Terms and Conditions"),
       index.h("sqm-checkbox-field", { "checkbox-label": "I agree" }))),
   } }))));
-const TermsAndConditionsLongCustomLabel = createHookStory(() => (index.h(ShadowViewAddon.PortalRegisterView, Object.assign({}, defaultRegisterProps, { 
+const TermsAndConditionsLongCustomLabel = createHookStory(() => (index.h(sqmPortalVerifyEmailView.PortalRegisterView, Object.assign({}, defaultRegisterProps, { 
   //@ts-ignore
   content: {
     ...defaultRegisterProps.content,
@@ -6882,11 +6881,11 @@ const TelType = () => {
       fieldType: "tel",
     } })));
 };
-const RegistrationField = () => (index.h(ShadowViewAddon.PortalRegisterView, Object.assign({}, defaultRegisterProps$1, { content: {
+const RegistrationField = () => (index.h(sqmPortalVerifyEmailView.PortalRegisterView, Object.assign({}, defaultRegisterProps$1, { content: {
     ...defaultRegisterProps$1.content,
     formData: index.h(ShadowViewAddon.InputFieldView, Object.assign({}, defaultProps$6)),
   } })));
-const RegistrationFieldCustomLabel = () => (index.h(ShadowViewAddon.PortalRegisterView, Object.assign({}, defaultRegisterProps$1, { content: {
+const RegistrationFieldCustomLabel = () => (index.h(sqmPortalVerifyEmailView.PortalRegisterView, Object.assign({}, defaultRegisterProps$1, { content: {
     ...defaultRegisterProps$1.content,
     formData: (index.h(ShadowViewAddon.InputFieldView, Object.assign({}, defaultProps$6, { content: {
         ...defaultProps$6.content,
@@ -9021,11 +9020,11 @@ const successProps$2 = {
     successAlertText: "An email has been sent with instructions to reset your password.",
   },
 };
-const Default$e = () => index.h(ShadowViewAddon.PortalForgotPasswordView, Object.assign({}, defaultProps$e));
+const Default$e = () => index.h(sqmPortalVerifyEmailView.PortalForgotPasswordView, Object.assign({}, defaultProps$e));
 const DemoDataTest = () => (index.h("sqm-portal-forgot-password", null));
-const ForgotPasswordWithError = () => (index.h(ShadowViewAddon.PortalForgotPasswordView, Object.assign({}, errorProps$4)));
-const ForgotPasswordLoading = () => (index.h(ShadowViewAddon.PortalForgotPasswordView, Object.assign({}, loadingProps$2)));
-const ForgotPasswordSuccess = () => (index.h(ShadowViewAddon.PortalForgotPasswordView, Object.assign({}, successProps$2)));
+const ForgotPasswordWithError = () => (index.h(sqmPortalVerifyEmailView.PortalForgotPasswordView, Object.assign({}, errorProps$4)));
+const ForgotPasswordLoading = () => (index.h(sqmPortalVerifyEmailView.PortalForgotPasswordView, Object.assign({}, loadingProps$2)));
+const ForgotPasswordSuccess = () => (index.h(sqmPortalVerifyEmailView.PortalForgotPasswordView, Object.assign({}, successProps$2)));
 
 const PortalForgotPassword = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -9321,7 +9320,7 @@ const googleProps = {
   },
 };
 const Default$g = () => (index.h("sqm-portal-login", { demoData: { ...defaultProps$h } }));
-const Text = () => index.h(sqmPortalLoginView.PortalLoginView, Object.assign({}, defaultProps$h));
+const Text = () => index.h(sqmPortalVerifyEmailView.PortalLoginView, Object.assign({}, defaultProps$h));
 const IsGoogle = () => (index.h("sqm-portal-login", { demoData: { ...googleProps } }));
 const LoginWithError = () => (index.h("sqm-portal-login", { demoData: { ...errorProps$6 } }));
 const LoginLoading = () => (index.h("sqm-portal-login", { demoData: { ...loadingProps$4 } }));
@@ -9671,9 +9670,9 @@ const slottedProps = {
       index.h("sl-input", { exportparts: "label: input-label, base: input-base", label: "Slotted Input 2", required: true }))),
   },
 };
-const Default$i = () => index.h(ShadowViewAddon.PortalRegisterView, Object.assign({}, defaultProps$j));
-const RegisterWithError$1 = () => index.h(ShadowViewAddon.PortalRegisterView, Object.assign({}, errorProps$8));
-const RegisterLoading$1 = () => index.h(ShadowViewAddon.PortalRegisterView, Object.assign({}, loadingProps$6));
+const Default$i = () => index.h(sqmPortalVerifyEmailView.PortalRegisterView, Object.assign({}, defaultProps$j));
+const RegisterWithError$1 = () => index.h(sqmPortalVerifyEmailView.PortalRegisterView, Object.assign({}, errorProps$8));
+const RegisterLoading$1 = () => index.h(sqmPortalVerifyEmailView.PortalRegisterView, Object.assign({}, loadingProps$6));
 const FieldsHidden = () => {
   return (index.h("sqm-portal-register", { demoData: {
       states: {
@@ -9686,8 +9685,8 @@ const FieldsHidden = () => {
       },
     } }));
 };
-const SlottedInputs = () => index.h(ShadowViewAddon.PortalRegisterView, Object.assign({}, slottedProps));
-const TermsAndConditions$3 = () => (index.h(ShadowViewAddon.PortalRegisterView, Object.assign({}, defaultProps$j, { content: {
+const SlottedInputs = () => index.h(sqmPortalVerifyEmailView.PortalRegisterView, Object.assign({}, slottedProps));
+const TermsAndConditions$3 = () => (index.h(sqmPortalVerifyEmailView.PortalRegisterView, Object.assign({}, defaultProps$j, { content: {
     ...defaultProps$j.content,
     terms: (index.h("p", null,
       "By signing up you agree to the",

package/dist/collection/collection-manifest.json

@@ -142,6 +142,16 @@
         "sqm-referral-codes"
       ]
     },
+    {
+      "components": [
+        "sqm-portal-forgot-password",
+        "sqm-portal-google-login",
+        "sqm-portal-login",
+        "sqm-portal-register",
+        "sqm-portal-registration-form",
+        "sqm-portal-verify-email"
+      ]
+    },
     {
       "components": [
         "sqm-rewards-table",

package/dist/esm/{IndirectTaxDetailsView-62f67557.js → IndirectTaxDetailsView-4cf9514a.js}

@@ -1,7 +1,7 @@
 import { h } from './index-38ad4957.js';
-import { i as intl } from './global-31893424.js';
+import { i as intl } from './global-fc653a2a.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { f as formatErrorMessage } from './utils-635fa4ea.js';
+import { f as formatErrorMessage } from './utils-3c8913e6.js';
 
 const style = {
   Description: {