@saasquatch/mint-components 2.1.2-0 → 2.1.2-1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "2.1.2-0",
+  "version": "2.1.2-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",
@@ -36,7 +36,7 @@
     "postinstall": "patch-package"
   },
   "devDependencies": {
-    "@formatjs/intl": "1.8.4",
+    "@formatjs/intl": "^3.1.8",
     "@formatjs/intl-pluralrules": "^1.5.8",
     "@formatjs/intl-relativetimeformat": "4.5.15",
     "@formatjs/intl-utils": "^2.2.5",
@@ -72,7 +72,7 @@
   },
   "dependencies": {
     "@raisins/stencil-docs-target": "^1.2.0",
-    "@saasquatch/component-boilerplate": "^1.6.10",
+    "@saasquatch/component-boilerplate": "^1.6.9",
     "@saasquatch/dom-context-hooks": "^1.0.5",
     "@saasquatch/shoelace": "^1.0.0",
     "@saasquatch/stencil-hooks": "^2.0.2",

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

@@ -1,193 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-a43a63b4.js');
-const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
-const index_module = require('./index.module-56edbb0b.js');
-require('./jsonpointer-11327262.js');
-const cjs = require('./cjs-1066ec21.js');
-require('./JSS-8503a151.js');
-require('./mixins-4761d472.js');
-require('./sqm-text-span-view-7a61ae4c.js');
-require('./useRegistrationFormState-967f00f3.js');
-const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-5a96c2f5.js');
-const usePortalRegistrationForm = require('./usePortalRegistrationForm-ce49f0a0.js');
-
-const PortalRegistrationForm = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.ignored = true;
-    /**
-     * Redirect participants to this page after they successfully register.
-     *
-     * @uiName Registration redirect
-     * @uiWidget pageSelect
-     */
-    this.nextPage = "/";
-    /**
-     * Redirect participants to this page from their verification email
-     *
-     * @uiName Email verification redirect
-     * @uiWidget pageSelect
-     */
-    this.redirectPath = "/verifyEmail";
-    /**
-     * @uiName Email field label
-     */
-    this.emailLabel = "Email";
-    /**
-     * @uiName Password field label
-     */
-    this.passwordLabel = "Password";
-    /**
-     * @uiName Submit button text
-     */
-    this.submitLabel = "Register";
-    /**
-     * @uiName Login button text
-     */
-    this.loginLabel = "Sign in";
-    /**
-     * @uiName Confirm password field label
-     */
-    this.confirmPasswordLabel = "Confirm Password";
-    /**
-     * @uiName Show confirm password field
-     */
-    this.confirmPassword = false;
-    /**
-     * @uiName Disable password validation
-     */
-    this.disablePasswordValidation = false;
-    /**
-     * Hides the email and password fields. Note: If you hide default inputs, you must add additional input fields. They must have the input name attributes "email" and "password" for this form to succeed.
-     *
-     * @uiName Hide default fields
-     */
-    this.hideInputs = false;
-    /**
-     * @uiName Header text
-     */
-    this.pageLabel = "Register";
-    /**
-     * Redirect participants to this page after clicking the login button.
-     *
-     * @uiName Login redirect
-     * @uiWidget pageSelect
-     */
-    this.loginPath = "/login";
-    /**
-     * The message to be displayed when a required field is not filled.
-     *
-     * @uiName Required field message
-     * @uiWidget textArea
-     */
-    this.requiredFieldErrorMessage = "Cannot be empty";
-    /**
-     * The message to be displayed when a the form submission fails unexpectedly.
-     *
-     * @uiName Network error message
-     * @uiWidget textArea
-     */
-    this.networkErrorMessage = "Network request failed.";
-    /**
-     * The message to be displayed when password inputs do not match.
-     *
-     * @uiName Password mismatch message
-     * @uiWidget textArea
-     */
-    this.passwordMismatchErrorMessage = "Passwords do not match.";
-    /**
-     * The message to be displayed when the email used is invalid or blocked.
-     *
-     * @uiName Invalid email message
-     * @uiWidget textArea
-     */
-    this.invalidEmailErrorMessage = "Must be a valid email address";
-    /**
-     * The message to be displayed when the registration form is disabled.
-     *
-     * @uiName Form disabled message
-     * @uiWidget textArea
-     */
-    this.formDisabledErrorMessage = "The registration form is currently disabled.";
-    /**
-     * @uiName Password requirement met
-     */
-    this.meetsRequirementsText = "Password has met all requirements";
-    /**
-     * @uiName Password requirement failed
-     */
-    this.doesNotMeetRequirementsText = "Password must meet the following requirements:";
-    /**
-     * @uiName Minimum length text
-     */
-    this.minErrorText = "be a minimum of 8 characters";
-    /**
-     * @uiName Missing uppercase text
-     */
-    this.uppercaseErrorText = "contain at least 1 uppercase character";
-    /**
-     * @uiName Missing lowercase text
-     */
-    this.lowercaseErrorText = "contain at least 1 lowercase character";
-    /**
-     * @uiName Missing number or symbol text
-     */
-    this.hasErrorText = "contain at least 1 number or symbol";
-    domContextHooks_module.h$1(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const { states, callbacks, refs } = index_module.isDemo()
-      ? useRegisterDemo(this)
-      : usePortalRegistrationForm.usePortalRegistrationForm(this);
-    const content = {
-      formData: index.h("slot", { name: "formData" }),
-      secondaryButton: (index.h("slot", { name: "secondaryButton" }, index.h("sl-button", { type: "text", disabled: states.loading, onClick: () => index_module.jn.push(states.loginPath) }, this.loginLabel))),
-      terms: index.h("slot", { name: "terms" }),
-      emailOptIn: index.h("slot", { name: "emailOptIn" }),
-      emailLabel: this.emailLabel,
-      passwordLabel: this.passwordLabel,
-      submitLabel: this.submitLabel,
-      pageLabel: this.pageLabel,
-      confirmPasswordLabel: this.confirmPasswordLabel,
-      networkErrorMessage: this.networkErrorMessage,
-      passwordMismatchErrorMessage: this.passwordMismatchErrorMessage,
-      invalidEmailErrorMessage: this.invalidEmailErrorMessage,
-      formDisabledErrorMessage: this.formDisabledErrorMessage,
-      requiredFieldErrorMessage: this.requiredFieldErrorMessage,
-      meetsRequirementsText: this.meetsRequirementsText,
-      doesNotMeetRequirementsText: this.doesNotMeetRequirementsText,
-      minErrorText: this.minErrorText,
-      uppercaseErrorText: this.uppercaseErrorText,
-      lowercaseErrorText: this.lowercaseErrorText,
-      hasErrorText: this.hasErrorText,
-    };
-    return (index.h(sqmPortalRegistrationFormView.PortalRegistrationFormView, { states: states, callbacks: callbacks, content: content, refs: refs }));
-  }
-};
-function useRegisterDemo(props) {
-  return cjs.cjs({
-    states: {
-      error: "",
-      loading: false,
-      confirmPassword: props.confirmPassword,
-      hideInputs: props.hideInputs || false,
-      customPasswordField: false,
-      loginPath: "/login",
-    },
-    callbacks: {
-      submit: async (_event) => {
-        console.log("submit");
-      },
-      inputFunction: () => { },
-    },
-    refs: {
-      formRef: {},
-    },
-  }, props.demoData || {}, { arrayMerge: (_, a) => a });
-}
-
-exports.sqm_portal_registration_form = PortalRegistrationForm;

package/dist/cjs/sqm-portal-verify-email-view-1c4e781f.js

@@ -1,49 +0,0 @@
-'use strict';
-
-const index = require('./index-a43a63b4.js');
-const JSS = require('./JSS-8503a151.js');
-const mixins = require('./mixins-4761d472.js');
-const sqmTextSpanView = require('./sqm-text-span-view-7a61ae4c.js');
-
-const style = {
-  Wrapper: mixins.AuthWrapper,
-  Column: mixins.AuthColumn,
-  ContinueButton: {
-    width: "100%",
-  },
-};
-const vanillaStyle = `
-:host {
-  display: block;
-}
-:host([hidden]): {
-  display: none;
-}
-`;
-const sheet = JSS.createStyleSheet(style);
-const styleString = sheet.toString();
-function PortalVerifyEmailView(props) {
-  const { states, data, callbacks, content } = props;
-  if (states.loading)
-    return;
-  if (states.success) {
-    return (index.h("div", { class: sheet.classes.Wrapper, part: "sqm-base" },
-      index.h("style", { type: "text/css" },
-        vanillaStyle,
-        styleString),
-      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.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.classes.Wrapper, part: "sqm-base" },
-      index.h("style", { type: "text/css" }, styleString),
-      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.classes.ContinueButton, onClick: callbacks.failed, disabled: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, content.continueText)));
-  }
-}
-
-exports.PortalVerifyEmailView = PortalVerifyEmailView;

package/dist/cjs/sqm-portal-verify-email.cjs.entry.js

@@ -1,171 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-a43a63b4.js');
-const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
-const index_module = require('./index.module-56edbb0b.js');
-const cjs = require('./cjs-1066ec21.js');
-const utils = require('./utils-6847bc06.js');
-require('./JSS-8503a151.js');
-require('./mixins-4761d472.js');
-require('./sqm-text-span-view-7a61ae4c.js');
-const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-1c4e781f.js');
-
-let globalPromise = null;
-function usePortalVerifyEmail({ nextPage, failedPage, verifySuccessText, verifyEmailText, verifyInvalidText, networkErrorMessage, continueText, }) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-  const [completed, setCompleted] = domContextHooks_module.useState(false);
-  const [successful, setSuccessful] = domContextHooks_module.useState(false);
-  const userIdent = index_module.J();
-  const [request, { loading, data, errors }] = index_module.an();
-  const urlParams = new URLSearchParams(index_module.jn.location.search);
-  const oobCode = urlParams.get("oobCode");
-  const oobEmail = urlParams.get("email");
-  const nextPageOverride = urlParams.get("nextPage");
-  // derived from useMutation in component boilerplate initialState
-  const disableContinue = data === undefined && errors === undefined && !!oobCode;
-  // if logged out, userIdent?.managedIdentity?.emailVerified will be falsey, even if verification was successful
-  const verified = !!(((_a = userIdent === null || userIdent === void 0 ? void 0 : userIdent.managedIdentity) === null || _a === void 0 ? void 0 : _a.emailVerified) || ((_b = data === null || data === void 0 ? void 0 : data.verifyManagedIdentityEmail) === null || _b === void 0 ? void 0 : _b.success) ||
-    successful);
-  const validEmail = ((_c = userIdent === null || userIdent === void 0 ? void 0 : userIdent.managedIdentity) === null || _c === void 0 ? void 0 : _c.email) === oobEmail;
-  const failed = () => {
-    return index_module.jn.push({
-      pathname: failedPage,
-      search: urlParams.toString() && "?" + urlParams.toString(),
-    });
-  };
-  const gotoNextPage = () => {
-    urlParams.delete("nextPage");
-    const url = utils.sanitizeUrlPath(nextPageOverride || nextPage);
-    index_module.jn.push(url.href);
-  };
-  const logout = () => {
-    setTimeout(() => {
-      index_module.setUserIdentity(undefined);
-      gotoNextPage();
-    }, 3000);
-  };
-  const login = () => {
-    setTimeout(gotoNextPage, 3000);
-  };
-  domContextHooks_module.useEffect(() => {
-    const verify = async () => {
-      if (!globalPromise)
-        globalPromise = request({ oobCode });
-      const result = await globalPromise;
-      if (!(result instanceof Error) &&
-        result.verifyManagedIdentityEmail.success) {
-        // Needs to be explicitly updated if multiple renders have occured
-        setSuccessful(true);
-      }
-      setCompleted(true);
-    };
-    verify();
-  }, []);
-  domContextHooks_module.useEffect(() => {
-    if (!completed)
-      return;
-    if (verified && validEmail)
-      login();
-    else
-      logout();
-  }, [completed, verified]);
-  return {
-    states: {
-      loading: loading || !completed,
-      disableContinue,
-      error: ((_g = (_f = (_e = (_d = errors === null || errors === void 0 ? void 0 : errors.response) === null || _d === void 0 ? void 0 : _d.errors) === null || _e === void 0 ? void 0 : _e[0]) === null || _f === void 0 ? void 0 : _f.extensions) === null || _g === void 0 ? void 0 : _g.message) || ((_k = (_j = (_h = errors === null || errors === void 0 ? void 0 : errors.response) === null || _h === void 0 ? void 0 : _h.errors) === null || _j === void 0 ? void 0 : _j[0]) === null || _k === void 0 ? void 0 : _k.message) ||
-        (((errors === null || errors === void 0 ? void 0 : errors.message) || !validEmail) && networkErrorMessage),
-      success: completed && (verified || validEmail),
-    },
-    data: {
-      oobCode,
-    },
-    callbacks: {
-      failed,
-      gotoNextPage,
-    },
-    content: {
-      verifySuccessText,
-      verifyEmailText,
-      verifyInvalidText,
-      continueText,
-    },
-  };
-}
-
-const PortalVerifyEmail = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.ignored = true;
-    /**
-     * Redirect participants to this page when they successfully verify their email.
-     *
-     * @uiName Successful verification redirect
-     * @uiWidget pageSelect
-     */
-    this.nextPage = "/";
-    /**
-     * Redirect participants to this page if verification fails due to an outdated verification attempt.
-     *
-     * @uiName Failed verification redirect
-     * @uiWidget pageSelect
-     */
-    this.failedPage = "/";
-    /**
-     * @uiName Verify email text
-     * @uiWidget textArea
-     */
-    this.verifyEmailText = "Verify your email";
-    /**
-     * @uiName Email verification success text
-     * @uiWidget textArea
-     */
-    this.verifySuccessText = "Your email has been verified and you are being redirected. If you are not redirected, please click Continue.";
-    /**
-     * @uiName Email verification invalid text
-     * @uiWidget textArea
-     */
-    this.verifyInvalidText = "The email verification code is invalid or has expired, please try again.";
-    /**
-     * @uiName Continue text
-     */
-    this.continueText = "Continue";
-    /**
-     * Displayed when the email verification fails due to a network error. The participant can try refreshing the page.
-     * @uiName Network error message
-     */
-    this.networkErrorMessage = "An error occurred while verifying your email. Please refresh the page and try again.";
-    domContextHooks_module.h$1(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const { states, data, callbacks, content } = index_module.isDemo()
-      ? usePortalVerifyEmailDemo(utils.getProps(this))
-      : usePortalVerifyEmail(utils.getProps(this));
-    return (index.h(sqmPortalVerifyEmailView.PortalVerifyEmailView, { states: states, data: data, callbacks: callbacks, content: content }));
-  }
-};
-function usePortalVerifyEmailDemo(props) {
-  return cjs.cjs({
-    states: { error: "", loading: false, success: true },
-    data: {
-      oobCode: "code",
-    },
-    callbacks: {
-      failed: () => {
-        console.log("failed");
-      },
-      gotoNextPage: () => { },
-    },
-    content: {
-      verifySuccessText: props.verifySuccessText,
-      verifyEmailText: props.verifyEmailText,
-      verifyInvalidText: props.verifyInvalidText,
-      continueText: props.continueText,
-    },
-  }, props.demoData || {}, { arrayMerge: (_, a) => a });
-}
-
-exports.sqm_portal_verify_email = PortalVerifyEmail;

package/dist/esm/sqm-portal-registration-form.entry.js

@@ -1,189 +0,0 @@
-import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
-import { n as h } from './dom-context-hooks.module-63370afd.js';
-import { i as isDemo, j as jn } from './index.module-6fedc77b.js';
-import './jsonpointer-388a7082.js';
-import { c as cjs } from './cjs-bdfb4486.js';
-import './JSS-67b5cff8.js';
-import './mixins-f750863a.js';
-import './sqm-text-span-view-4c17b8c9.js';
-import './useRegistrationFormState-9436bd07.js';
-import { P as PortalRegistrationFormView } from './sqm-portal-registration-form-view-8bdc3804.js';
-import { u as usePortalRegistrationForm } from './usePortalRegistrationForm-e61f190a.js';
-
-const PortalRegistrationForm = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.ignored = true;
-    /**
-     * Redirect participants to this page after they successfully register.
-     *
-     * @uiName Registration redirect
-     * @uiWidget pageSelect
-     */
-    this.nextPage = "/";
-    /**
-     * Redirect participants to this page from their verification email
-     *
-     * @uiName Email verification redirect
-     * @uiWidget pageSelect
-     */
-    this.redirectPath = "/verifyEmail";
-    /**
-     * @uiName Email field label
-     */
-    this.emailLabel = "Email";
-    /**
-     * @uiName Password field label
-     */
-    this.passwordLabel = "Password";
-    /**
-     * @uiName Submit button text
-     */
-    this.submitLabel = "Register";
-    /**
-     * @uiName Login button text
-     */
-    this.loginLabel = "Sign in";
-    /**
-     * @uiName Confirm password field label
-     */
-    this.confirmPasswordLabel = "Confirm Password";
-    /**
-     * @uiName Show confirm password field
-     */
-    this.confirmPassword = false;
-    /**
-     * @uiName Disable password validation
-     */
-    this.disablePasswordValidation = false;
-    /**
-     * Hides the email and password fields. Note: If you hide default inputs, you must add additional input fields. They must have the input name attributes "email" and "password" for this form to succeed.
-     *
-     * @uiName Hide default fields
-     */
-    this.hideInputs = false;
-    /**
-     * @uiName Header text
-     */
-    this.pageLabel = "Register";
-    /**
-     * Redirect participants to this page after clicking the login button.
-     *
-     * @uiName Login redirect
-     * @uiWidget pageSelect
-     */
-    this.loginPath = "/login";
-    /**
-     * The message to be displayed when a required field is not filled.
-     *
-     * @uiName Required field message
-     * @uiWidget textArea
-     */
-    this.requiredFieldErrorMessage = "Cannot be empty";
-    /**
-     * The message to be displayed when a the form submission fails unexpectedly.
-     *
-     * @uiName Network error message
-     * @uiWidget textArea
-     */
-    this.networkErrorMessage = "Network request failed.";
-    /**
-     * The message to be displayed when password inputs do not match.
-     *
-     * @uiName Password mismatch message
-     * @uiWidget textArea
-     */
-    this.passwordMismatchErrorMessage = "Passwords do not match.";
-    /**
-     * The message to be displayed when the email used is invalid or blocked.
-     *
-     * @uiName Invalid email message
-     * @uiWidget textArea
-     */
-    this.invalidEmailErrorMessage = "Must be a valid email address";
-    /**
-     * The message to be displayed when the registration form is disabled.
-     *
-     * @uiName Form disabled message
-     * @uiWidget textArea
-     */
-    this.formDisabledErrorMessage = "The registration form is currently disabled.";
-    /**
-     * @uiName Password requirement met
-     */
-    this.meetsRequirementsText = "Password has met all requirements";
-    /**
-     * @uiName Password requirement failed
-     */
-    this.doesNotMeetRequirementsText = "Password must meet the following requirements:";
-    /**
-     * @uiName Minimum length text
-     */
-    this.minErrorText = "be a minimum of 8 characters";
-    /**
-     * @uiName Missing uppercase text
-     */
-    this.uppercaseErrorText = "contain at least 1 uppercase character";
-    /**
-     * @uiName Missing lowercase text
-     */
-    this.lowercaseErrorText = "contain at least 1 lowercase character";
-    /**
-     * @uiName Missing number or symbol text
-     */
-    this.hasErrorText = "contain at least 1 number or symbol";
-    h(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const { states, callbacks, refs } = isDemo()
-      ? useRegisterDemo(this)
-      : usePortalRegistrationForm(this);
-    const content = {
-      formData: h$1("slot", { name: "formData" }),
-      secondaryButton: (h$1("slot", { name: "secondaryButton" }, h$1("sl-button", { type: "text", disabled: states.loading, onClick: () => jn.push(states.loginPath) }, this.loginLabel))),
-      terms: h$1("slot", { name: "terms" }),
-      emailOptIn: h$1("slot", { name: "emailOptIn" }),
-      emailLabel: this.emailLabel,
-      passwordLabel: this.passwordLabel,
-      submitLabel: this.submitLabel,
-      pageLabel: this.pageLabel,
-      confirmPasswordLabel: this.confirmPasswordLabel,
-      networkErrorMessage: this.networkErrorMessage,
-      passwordMismatchErrorMessage: this.passwordMismatchErrorMessage,
-      invalidEmailErrorMessage: this.invalidEmailErrorMessage,
-      formDisabledErrorMessage: this.formDisabledErrorMessage,
-      requiredFieldErrorMessage: this.requiredFieldErrorMessage,
-      meetsRequirementsText: this.meetsRequirementsText,
-      doesNotMeetRequirementsText: this.doesNotMeetRequirementsText,
-      minErrorText: this.minErrorText,
-      uppercaseErrorText: this.uppercaseErrorText,
-      lowercaseErrorText: this.lowercaseErrorText,
-      hasErrorText: this.hasErrorText,
-    };
-    return (h$1(PortalRegistrationFormView, { states: states, callbacks: callbacks, content: content, refs: refs }));
-  }
-};
-function useRegisterDemo(props) {
-  return cjs({
-    states: {
-      error: "",
-      loading: false,
-      confirmPassword: props.confirmPassword,
-      hideInputs: props.hideInputs || false,
-      customPasswordField: false,
-      loginPath: "/login",
-    },
-    callbacks: {
-      submit: async (_event) => {
-        console.log("submit");
-      },
-      inputFunction: () => { },
-    },
-    refs: {
-      formRef: {},
-    },
-  }, props.demoData || {}, { arrayMerge: (_, a) => a });
-}
-
-export { PortalRegistrationForm as sqm_portal_registration_form };

package/dist/esm/sqm-portal-verify-email-view-33805220.js

@@ -1,47 +0,0 @@
-import { h } from './index-b3a06de8.js';
-import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { A as AuthWrapper, a as AuthColumn } from './mixins-f750863a.js';
-import { T as TextSpanView } from './sqm-text-span-view-4c17b8c9.js';
-
-const style = {
-  Wrapper: AuthWrapper,
-  Column: AuthColumn,
-  ContinueButton: {
-    width: "100%",
-  },
-};
-const vanillaStyle = `
-:host {
-  display: block;
-}
-:host([hidden]): {
-  display: none;
-}
-`;
-const sheet = createStyleSheet(style);
-const styleString = sheet.toString();
-function PortalVerifyEmailView(props) {
-  const { states, data, callbacks, content } = props;
-  if (states.loading)
-    return;
-  if (states.success) {
-    return (h("div", { class: sheet.classes.Wrapper, part: "sqm-base" },
-      h("style", { type: "text/css" },
-        vanillaStyle,
-        styleString),
-      h(TextSpanView, { type: "h3" }, content.verifyEmailText),
-      h("sqm-form-message", { exportparts: "success-icon" },
-        h("div", { part: "successalert-text" }, content.verifySuccessText)),
-      h("sl-button", { class: sheet.classes.ContinueButton, onClick: callbacks.gotoNextPage, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, content.continueText)));
-  }
-  if (states.error || !data.oobCode) {
-    return (h("div", { class: sheet.classes.Wrapper, part: "sqm-base" },
-      h("style", { type: "text/css" }, styleString),
-      h(TextSpanView, { type: "h3" }, content.verifyEmailText),
-      h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
-        h("div", { part: "erroralert-text" }, content.verifyInvalidText)),
-      h("sl-button", { class: sheet.classes.ContinueButton, onClick: callbacks.failed, disabled: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, content.continueText)));
-  }
-}
-
-export { PortalVerifyEmailView as P };