@saasquatch/mint-components 1.15.0-118 → 1.15.0-119

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.15.0-118",
+  "version": "1.15.0-119",
   "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",

package/dist/cjs/sqm-portal-forgot-password-view-0a8d3243.js

@@ -1,53 +0,0 @@
-'use strict';
-
-const index = require('./index-a43a63b4.js');
-const index_module = require('./index.module-4f54e412.js');
-const JSS = require('./JSS-8503a151.js');
-const mixins = require('./mixins-4761d472.js');
-const sqmTextSpanView = require('./sqm-text-span-view-7a61ae4c.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)))));
-}
-
-exports.PortalForgotPasswordView = PortalForgotPasswordView;

package/dist/cjs/sqm-portal-forgot-password.cjs.entry.js

@@ -1,156 +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-4f54e412.js');
-const jsonpointer = 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');
-const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-0a8d3243.js');
-
-function usePortalForgotPassword(props) {
-  var _a, _b, _c, _d, _e, _f, _g;
-  const [success, setSuccess] = domContextHooks_module.useState(false);
-  const [error, setError] = domContextHooks_module.useState("");
-  const [request, { loading, data, errors }] = index_module.un();
-  const urlParams = new URLSearchParams(index_module.jn.location.search);
-  const nextPage = urlParams.get("nextPage");
-  const submit = async (event) => {
-    var _a;
-    setError("");
-    setSuccess(false);
-    let formData = event.detail.formData;
-    formData === null || formData === void 0 ? void 0 : formData.forEach((value, key) => {
-      jsonpointer.jsonpointer.set(formData, key, value);
-    });
-    const urlParams = nextPage ? { nextPage } : null;
-    const redirectPath = props.redirectPath;
-    const variables = { email: formData.email, urlParams, redirectPath };
-    const result = await request(variables);
-    if (result instanceof Error) {
-      if (result.message)
-        setError(props.networkErrorMessage);
-      return;
-    }
-    if ((_a = result.requestManagedIdentityPasswordResetEmail) === null || _a === void 0 ? void 0 : _a.success) {
-      setSuccess(true);
-    }
-  };
-  return {
-    states: {
-      loading,
-      error: ((_d = (_c = (_b = (_a = errors === null || errors === void 0 ? void 0 : errors.response) === null || _a === void 0 ? void 0 : _a.errors) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.extensions) === null || _d === void 0 ? void 0 : _d.message) || ((_g = (_f = (_e = errors === null || errors === void 0 ? void 0 : errors.response) === null || _e === void 0 ? void 0 : _e.errors) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g.message) ||
-        error,
-      success,
-      loginPath: props.loginPath,
-      headerText: props.headerText,
-      loginText: props.loginText,
-    },
-    callbacks: {
-      submit,
-    },
-  };
-}
-
-const PortalForgotPassword = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.ignored = true;
-    /**
-     * Redirect participants to this page after they verify their email.
-     *
-     * @uiName Email redirect
-     * @uiWidget pageSelect
-     */
-    this.redirectPath = "/resetPassword";
-    /**
-     * @uiName Email field label
-     */
-    this.emailLabel = "Email";
-    /**
-     * @uiName Password reset button text
-     */
-    this.submitLabel = "Request Password Reset";
-    /**
-     * @uiName Login redirect path
-     * @uiWidget pageSelect
-     */
-    this.loginPath = "/login";
-    /**
-     * @uiName Header text
-     * @uiWidget textArea
-     */
-    this.headerText = "Enter your email below to receive a password reset link.";
-    /**
-     * @uiName Sign in link text
-     */
-    this.loginText = "Sign In";
-    /**
-     * Displayed when the forgot password action fails due to a network error. The participant can try refreshing the page.
-     * @uiName Network error message
-     */
-    this.networkErrorMessage = "An error occurred while loading this page. Please refresh the page.";
-    /**
-     * @uiName Email verification sent text
-     */
-    this.successAlertText = "If an account with that email exists, a password reset email will be sent.";
-    /**
-     * @uiName Background color
-     * @uiWidget color
-     */
-    this.backgroundColor = "var(--sqm-portal-background, #ffffff)";
-    /**
-     * @uiName Border radius
-     * @uiWidget number
-     */
-    this.borderRadius = "var(--sqm-border-radius-normal, 8px)";
-    /**
-     * @uiName Border style
-     * @uiWidget textArea
-     */
-    this.border = "var(--sqm-border-thickness, 1px) solid var(--sqm-border-color, #eaeaea)";
-    domContextHooks_module.h$1(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const { states, callbacks } = index_module.isDemo()
-      ? usePortalForgotPasswordDemo(this)
-      : usePortalForgotPassword(this);
-    const content = {
-      messageSlot: index.h("slot", { name: "messageSlot" }, this.headerText),
-      emailLabel: this.emailLabel,
-      submitLabel: this.submitLabel,
-      successAlertText: this.successAlertText,
-      loginText: this.loginText,
-      backgroundColor: this.backgroundColor,
-      borderRadius: this.borderRadius,
-      border: this.border,
-    };
-    return (index.h(sqmPortalForgotPasswordView.PortalForgotPasswordView, { states: states, callbacks: callbacks, content: content }));
-  }
-};
-function usePortalForgotPasswordDemo(props) {
-  return cjs.cjs({
-    states: { error: "", loading: false, success: false },
-    callbacks: {
-      submit: async (_event) => { },
-    },
-    content: {
-      secondaryButton: (index.h("sl-button", { type: "secondary", exportparts: "base: secondarybutton-base", disabled: false, onClick: () => index_module.jn.push(props.loginPath) }, props.loginText)),
-      messageSlot: index.h("span", null, props.headerText),
-      emailLabel: props.emailLabel,
-      submitLabel: props.submitLabel,
-      successAlertText: props.successAlertText,
-      loginText: props.loginText,
-      backgroundColor: props.backgroundColor,
-      borderRadius: props.borderRadius,
-      border: props.border,
-    },
-  }, props.demoData || {}, { arrayMerge: (_, a) => a });
-}
-
-exports.sqm_portal_forgot_password = PortalForgotPassword;

package/dist/esm/sqm-portal-forgot-password-view-0e795cdd.js

@@ -1,51 +0,0 @@
-import { h } from './index-b3a06de8.js';
-import { j as jn } from './index.module-38dad6c9.js';
-import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { A as AuthWrapper, a as AuthColumn, b as AuthButtonsContainer } from './mixins-f750863a.js';
-import { T as TextSpanView } from './sqm-text-span-view-4c17b8c9.js';
-
-const vanillaStyle = `
-:host {
-  display: block;
-}
-:host([hidden]): {
-  display: none;
-}
-`;
-function PortalForgotPasswordView(props) {
-  const { states, callbacks, content } = props;
-  const style = {
-    FormWrapper: {
-      ...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: { ...AuthColumn },
-    ButtonsContainer: AuthButtonsContainer,
-    SecondaryButton: {
-      margin: "auto",
-      display: "block",
-      cursor: "pointer",
-    },
-  };
-  const sheet = createStyleSheet(style);
-  const styleString = sheet.toString();
-  return (h("div", { class: sheet.classes.FormWrapper, part: "sqm-base" },
-    h("style", { type: "text/css" },
-      vanillaStyle,
-      styleString),
-    h(TextSpanView, { type: "h3" }, content.messageSlot),
-    h("sl-form", { class: sheet.classes.Column, "onSl-submit": callbacks.submit },
-      props.states.error && (h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
-        h("div", { part: "erroralert-text" }, props.states.error))),
-      props.states.success && (h("sqm-form-message", { type: "success", exportparts: "successalert-icon" },
-        h("div", { part: "successalert-text" }, content.successAlertText))),
-      h("sl-input", { exportparts: "label: input-label, base: input-base", type: "email", name: "/email", label: content.emailLabel || "Email", disabled: states.loading, required: true }),
-      h("div", { class: sheet.classes.ButtonsContainer },
-        h("sl-button", { submit: true, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, content.submitLabel || "Reset Password"),
-        h("sl-button", { type: "secondary", exportparts: "base: secondarybutton-base", class: sheet.classes.SecondaryButton, disabled: states.loading, onClick: () => jn.push(states.loginPath) }, content.loginText)))));
-}
-
-export { PortalForgotPasswordView as P };

package/dist/esm/sqm-portal-forgot-password.entry.js

@@ -1,152 +0,0 @@
-import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
-import { k as useState, n as h } from './dom-context-hooks.module-63370afd.js';
-import { c as un, j as jn, i as isDemo } from './index.module-38dad6c9.js';
-import { j as jsonpointer } from './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 { P as PortalForgotPasswordView } from './sqm-portal-forgot-password-view-0e795cdd.js';
-
-function usePortalForgotPassword(props) {
-  var _a, _b, _c, _d, _e, _f, _g;
-  const [success, setSuccess] = useState(false);
-  const [error, setError] = useState("");
-  const [request, { loading, data, errors }] = un();
-  const urlParams = new URLSearchParams(jn.location.search);
-  const nextPage = urlParams.get("nextPage");
-  const submit = async (event) => {
-    var _a;
-    setError("");
-    setSuccess(false);
-    let formData = event.detail.formData;
-    formData === null || formData === void 0 ? void 0 : formData.forEach((value, key) => {
-      jsonpointer.set(formData, key, value);
-    });
-    const urlParams = nextPage ? { nextPage } : null;
-    const redirectPath = props.redirectPath;
-    const variables = { email: formData.email, urlParams, redirectPath };
-    const result = await request(variables);
-    if (result instanceof Error) {
-      if (result.message)
-        setError(props.networkErrorMessage);
-      return;
-    }
-    if ((_a = result.requestManagedIdentityPasswordResetEmail) === null || _a === void 0 ? void 0 : _a.success) {
-      setSuccess(true);
-    }
-  };
-  return {
-    states: {
-      loading,
-      error: ((_d = (_c = (_b = (_a = errors === null || errors === void 0 ? void 0 : errors.response) === null || _a === void 0 ? void 0 : _a.errors) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.extensions) === null || _d === void 0 ? void 0 : _d.message) || ((_g = (_f = (_e = errors === null || errors === void 0 ? void 0 : errors.response) === null || _e === void 0 ? void 0 : _e.errors) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g.message) ||
-        error,
-      success,
-      loginPath: props.loginPath,
-      headerText: props.headerText,
-      loginText: props.loginText,
-    },
-    callbacks: {
-      submit,
-    },
-  };
-}
-
-const PortalForgotPassword = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.ignored = true;
-    /**
-     * Redirect participants to this page after they verify their email.
-     *
-     * @uiName Email redirect
-     * @uiWidget pageSelect
-     */
-    this.redirectPath = "/resetPassword";
-    /**
-     * @uiName Email field label
-     */
-    this.emailLabel = "Email";
-    /**
-     * @uiName Password reset button text
-     */
-    this.submitLabel = "Request Password Reset";
-    /**
-     * @uiName Login redirect path
-     * @uiWidget pageSelect
-     */
-    this.loginPath = "/login";
-    /**
-     * @uiName Header text
-     * @uiWidget textArea
-     */
-    this.headerText = "Enter your email below to receive a password reset link.";
-    /**
-     * @uiName Sign in link text
-     */
-    this.loginText = "Sign In";
-    /**
-     * Displayed when the forgot password action fails due to a network error. The participant can try refreshing the page.
-     * @uiName Network error message
-     */
-    this.networkErrorMessage = "An error occurred while loading this page. Please refresh the page.";
-    /**
-     * @uiName Email verification sent text
-     */
-    this.successAlertText = "If an account with that email exists, a password reset email will be sent.";
-    /**
-     * @uiName Background color
-     * @uiWidget color
-     */
-    this.backgroundColor = "var(--sqm-portal-background, #ffffff)";
-    /**
-     * @uiName Border radius
-     * @uiWidget number
-     */
-    this.borderRadius = "var(--sqm-border-radius-normal, 8px)";
-    /**
-     * @uiName Border style
-     * @uiWidget textArea
-     */
-    this.border = "var(--sqm-border-thickness, 1px) solid var(--sqm-border-color, #eaeaea)";
-    h(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const { states, callbacks } = isDemo()
-      ? usePortalForgotPasswordDemo(this)
-      : usePortalForgotPassword(this);
-    const content = {
-      messageSlot: h$1("slot", { name: "messageSlot" }, this.headerText),
-      emailLabel: this.emailLabel,
-      submitLabel: this.submitLabel,
-      successAlertText: this.successAlertText,
-      loginText: this.loginText,
-      backgroundColor: this.backgroundColor,
-      borderRadius: this.borderRadius,
-      border: this.border,
-    };
-    return (h$1(PortalForgotPasswordView, { states: states, callbacks: callbacks, content: content }));
-  }
-};
-function usePortalForgotPasswordDemo(props) {
-  return cjs({
-    states: { error: "", loading: false, success: false },
-    callbacks: {
-      submit: async (_event) => { },
-    },
-    content: {
-      secondaryButton: (h$1("sl-button", { type: "secondary", exportparts: "base: secondarybutton-base", disabled: false, onClick: () => jn.push(props.loginPath) }, props.loginText)),
-      messageSlot: h$1("span", null, props.headerText),
-      emailLabel: props.emailLabel,
-      submitLabel: props.submitLabel,
-      successAlertText: props.successAlertText,
-      loginText: props.loginText,
-      backgroundColor: props.backgroundColor,
-      borderRadius: props.borderRadius,
-      border: props.border,
-    },
-  }, props.demoData || {}, { arrayMerge: (_, a) => a });
-}
-
-export { PortalForgotPassword as sqm_portal_forgot_password };