@saasquatch/mint-components 1.3.3-4 → 1.4.0-0

package/dist/esm/sqm-popup-container.entry.js

@@ -1,65 +1,65 @@
 import { h, c as Host, r as registerInstance } from './index-17b4da69.js';
 import { m as h$1 } from './extends-3a3f9fe2.js';
 import './use-callback-b38a1523.js';
-import { x } from './index.module-8c0fcb22.js';
-import { g as getProps } from './utils-271197e1.js';
+import { x } from './index.module-1e92a7a3.js';
+import { g as getProps } from './utils-454405f5.js';
 
-const PopupContainerView = (props) => {
-  const { states, callbacks } = props;
-  const { styles } = states;
-  return (h(Host, { class: "squatch-container" },
-    h("div", { style: { padding: props.states.styles.padding } },
-      styles.closeButton && (h("span", { class: "close squatch-header-close", "data-close-panel": "#squatch-panel", onClick: () => callbacks.closePopup() }, styles.closeButtonText)),
-      h("slot", null),
-      styles.poweredBy ? (h("a", { class: "sqh-attribution", href: "https://www.saasquatch.com/?utm_source=app&utm_medium=user-widget&utm_campaign=referral-widget", target: "_blank" }, "Powered By")) : (""))));
+const PopupContainerView = (props) => {
+  const { states, callbacks } = props;
+  const { styles } = states;
+  return (h(Host, { class: "squatch-container" },
+    h("div", { style: { padding: props.states.styles.padding } },
+      styles.closeButton && (h("span", { class: "close squatch-header-close", "data-close-panel": "#squatch-panel", onClick: () => callbacks.closePopup() }, styles.closeButtonText)),
+      h("slot", null),
+      styles.poweredBy ? (h("a", { class: "sqh-attribution", href: "https://www.saasquatch.com/?utm_source=app&utm_medium=user-widget&utm_campaign=referral-widget", target: "_blank" }, "Powered By")) : (""))));
 };
 
-function usePopupContainer(props) {
-  const engagementMedium = x();
-  function closePopup() {
-    var _a;
-    if (x() === "POPUP") {
-      (_a = window.frameElement["squatchJsApi"]) === null || _a === void 0 ? void 0 : _a.close();
-    }
-  }
-  const popupPadding = props.popupPadding
-    ? props.popupPadding === "none"
-      ? "0"
-      : `var(--sl-spacing-${props.popupPadding})`
-    : "var(--sl-spacing-medium)";
-  const embedPadding = props.embedPadding
-    ? props.embedPadding === "none"
-      ? "0"
-      : `var(--sl-spacing-${props.embedPadding})`
-    : "0";
-  const padding = x() === "POPUP" ? popupPadding : embedPadding;
-  return {
-    states: {
-      showCloseButton: props.closeButton && engagementMedium === "POPUP",
-      styles: {
-        ...props,
-        padding,
-        closeButtonText: props.closeButtonText ? props.closeButtonText : "X",
-      },
-    },
-    data: {},
-    callbacks: { closePopup },
-  };
+function usePopupContainer(props) {
+  const engagementMedium = x();
+  function closePopup() {
+    var _a;
+    if (x() === "POPUP") {
+      (_a = window.frameElement["squatchJsApi"]) === null || _a === void 0 ? void 0 : _a.close();
+    }
+  }
+  const popupPadding = props.popupPadding
+    ? props.popupPadding === "none"
+      ? "0"
+      : `var(--sl-spacing-${props.popupPadding})`
+    : "var(--sl-spacing-medium)";
+  const embedPadding = props.embedPadding
+    ? props.embedPadding === "none"
+      ? "0"
+      : `var(--sl-spacing-${props.embedPadding})`
+    : "0";
+  const padding = x() === "POPUP" ? popupPadding : embedPadding;
+  return {
+    states: {
+      showCloseButton: props.closeButton && engagementMedium === "POPUP",
+      styles: {
+        ...props,
+        padding,
+        closeButtonText: props.closeButtonText ? props.closeButtonText : "X",
+      },
+    },
+    data: {},
+    callbacks: { closePopup },
+  };
 }
 
 const sqmPopupContainerCss = ".squatch-header-close{position:absolute;right:20px;top:10px;cursor:pointer}.squatch-container{background-color:var(--widget-background-color);display:block}";
 
-const PopupContainer = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    h$1(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const thisProps = getProps(this);
-    return h(PopupContainerView, Object.assign({}, usePopupContainer(thisProps)));
-  }
-};
+const PopupContainer = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    h$1(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    const thisProps = getProps(this);
+    return h(PopupContainerView, Object.assign({}, usePopupContainer(thisProps)));
+  }
+};
 PopupContainer.style = sqmPopupContainerCss;
 
 export { PopupContainer as sqm_popup_container };

package/dist/esm/{sqm-portal-container-view-015fbb1c.js → sqm-portal-container-view-73757ca5.js}

@@ -1,29 +1,29 @@
 import { h } from './index-17b4da69.js';
 import { j as jss, c as create } from './jss-preset-default.esm-71fae192.js';
 
-function PortalContainerView(props, children) {
-  const style = {
-    Container: {
-      display: "grid",
-      "grid-template-columns": props.direction === "row"
-        ? `repeat(auto-fill, minmax(${props.minWidth}, auto))`
-        : "",
-      "grid-gap": `var(--sl-spacing-${props.gap})`,
-      padding: props.padding === "none" ? "0" : `var(--sl-spacing-${props.padding})`,
-    },
-  };
-  const vanillaStyle = `
-  :host{
-    width: 100%;
-  }`;
-  jss.setup(create());
-  const sheet = jss.createStyleSheet(style);
-  const styleString = sheet.toString();
-  return (h("div", { class: sheet.classes.Container },
-    h("style", { type: "text/css" },
-      vanillaStyle,
-      styleString),
-    children));
+function PortalContainerView(props, children) {
+  const style = {
+    Container: {
+      display: "grid",
+      "grid-template-columns": props.direction === "row"
+        ? `repeat(auto-fill, minmax(${props.minWidth}, auto))`
+        : "",
+      "grid-gap": `var(--sl-spacing-${props.gap})`,
+      padding: props.padding === "none" ? "0" : `var(--sl-spacing-${props.padding})`,
+    },
+  };
+  const vanillaStyle = `
+  :host{
+    width: 100%;
+  }`;
+  jss.setup(create());
+  const sheet = jss.createStyleSheet(style);
+  const styleString = sheet.toString();
+  return (h("div", { class: sheet.classes.Container },
+    h("style", { type: "text/css" },
+      vanillaStyle,
+      styleString),
+    children));
 }
 
 export { PortalContainerView as P };

package/dist/esm/sqm-portal-container.entry.js

@@ -1,31 +1,31 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
 import { m as h } from './extends-3a3f9fe2.js';
 import './jss-preset-default.esm-71fae192.js';
-import { g as getProps } from './utils-271197e1.js';
-import { P as PortalContainerView } from './sqm-portal-container-view-015fbb1c.js';
+import { g as getProps } from './utils-454405f5.js';
+import { P as PortalContainerView } from './sqm-portal-container-view-73757ca5.js';
 
-const PortalContainer = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.ignored = true;
-    /**
-     * @uiName Direction
-     * @uiType string
-     * @uiEnum ["row", "column"]
-     */
-    this.direction = "column";
-    /**
-     * @uiName Gap
-     * @uiType string
-     * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-     */
-    this.gap = "xxx-large";
-    h(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    return (h$1(PortalContainerView, Object.assign({}, getProps(this)), h$1("slot", null)));
-  }
+const PortalContainer = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.ignored = true;
+    /**
+     * @uiName Direction
+     * @uiType string
+     * @uiEnum ["row", "column"]
+     */
+    this.direction = "column";
+    /**
+     * @uiName Gap
+     * @uiType string
+     * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+     */
+    this.gap = "xxx-large";
+    h(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    return (h$1(PortalContainerView, Object.assign({}, getProps(this)), h$1("slot", null)));
+  }
 };
 
 export { PortalContainer as sqm_portal_container };

package/dist/esm/{sqm-portal-email-verification-view-a4181f6d.js → sqm-portal-email-verification-view-6cc56c87.js}

@@ -1,43 +1,43 @@
 import { h } from './index-17b4da69.js';
-import { i as intl } from './global-a9d82dd9.js';
+import { i as intl } from './global-0fcfbedf.js';
 import { j as jss, c as create } from './jss-preset-default.esm-71fae192.js';
-import { A as AuthWrapper, a as AuthColumn } from './mixins-eba86511.js';
-import { T as TextSpanView } from './sqm-text-span-view-db65d1ea.js';
+import { A as AuthWrapper, a as AuthColumn } from './mixins-10353a39.js';
+import { T as TextSpanView } from './sqm-text-span-view-1781df94.js';
 
-const style = {
-  Wrapper: AuthWrapper,
-  Column: { ...AuthColumn },
-};
-const vanillaStyle = `
-:host {
-  display: block;
-}
-:host([hidden]): {
-  display: none;
-}
-`;
-jss.setup(create());
-const sheet = jss.createStyleSheet(style);
-const styleString = sheet.toString();
-function PortalEmailVerificationView(props) {
-  const { states, callbacks, content: { email, verifyMessage, emailVerificationHeader, resendEmailButtonText }, } = props;
-  return (h("div", { class: sheet.classes.Wrapper },
-    h("style", { type: "text/css" },
-      vanillaStyle,
-      styleString),
-    h(TextSpanView, { type: "h3" }, emailVerificationHeader),
-    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" }, "Your verification email has been resent successfully"))),
-      h(TextSpanView, { type: "p" }, intl.formatMessage({
-        id: "verifyMessage",
-        defaultMessage: verifyMessage,
-      }, {
-        email: (h("span", { style: { fontWeight: "var(--sl-font-weight-semibold)" } }, email)),
-      })),
-      h("sl-button", { submit: true, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, resendEmailButtonText))));
+const style = {
+  Wrapper: AuthWrapper,
+  Column: { ...AuthColumn },
+};
+const vanillaStyle = `
+:host {
+  display: block;
+}
+:host([hidden]): {
+  display: none;
+}
+`;
+jss.setup(create());
+const sheet = jss.createStyleSheet(style);
+const styleString = sheet.toString();
+function PortalEmailVerificationView(props) {
+  const { states, callbacks, content: { email, verifyMessage, emailVerificationHeader, resendEmailButtonText }, } = props;
+  return (h("div", { class: sheet.classes.Wrapper },
+    h("style", { type: "text/css" },
+      vanillaStyle,
+      styleString),
+    h(TextSpanView, { type: "h3" }, emailVerificationHeader),
+    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" }, "Your verification email has been resent successfully"))),
+      h(TextSpanView, { type: "p" }, intl.formatMessage({
+        id: "verifyMessage",
+        defaultMessage: verifyMessage,
+      }, {
+        email: (h("span", { style: { fontWeight: "var(--sl-font-weight-semibold)" } }, email)),
+      })),
+      h("sl-button", { submit: true, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, resendEmailButtonText))));
 }
 
 export { PortalEmailVerificationView as P };

package/dist/esm/sqm-portal-email-verification.entry.js

@@ -1,99 +1,106 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
 import { j as useState, e as useEffect, m as h } from './extends-3a3f9fe2.js';
-import './global-a9d82dd9.js';
+import './global-0fcfbedf.js';
 import './use-callback-b38a1523.js';
-import { B as Be, T, j } from './index.module-8c0fcb22.js';
+import { i as an, n as ne, j } from './index.module-1e92a7a3.js';
 import './jss-preset-default.esm-71fae192.js';
 import { c as cjs } from './cjs-bdfb4486.js';
-import './mixins-eba86511.js';
-import './sqm-text-span-view-db65d1ea.js';
-import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-a4181f6d.js';
+import './mixins-10353a39.js';
+import './sqm-text-span-view-1781df94.js';
+import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-6cc56c87.js';
 
-function usePortalEmailVerification(props) {
-  var _a, _b, _c, _d, _e;
-  const [request, { loading, data, errors }] = Be();
-  const userIdent = T();
-  const email = (_a = userIdent === null || userIdent === void 0 ? void 0 : userIdent.managedIdentity) === null || _a === void 0 ? void 0 : _a.email;
-  const [success, setSuccess] = useState(false);
-  const [error, setError] = useState("");
-  const urlParams = new URLSearchParams(window.location.search);
-  const nextPage = urlParams.get("nextPage");
-  const submit = async () => {
-    if (!email)
-      return;
-    setError("");
-    const urlParams = nextPage ? { nextPage } : null;
-    const variables = { email, urlParams };
-    await request(variables);
-  };
-  useEffect(() => {
-    var _a;
-    if ((_a = data === null || data === void 0 ? void 0 : data.requestManagedIdentityVerificationEmail) === null || _a === void 0 ? void 0 : _a.success) {
-      setSuccess(true);
-    }
-  }, [(_b = data === null || data === void 0 ? void 0 : data.requestManagedIdentityVerificationEmail) === null || _b === void 0 ? void 0 : _b.success]);
-  useEffect(() => {
-    if (errors === null || errors === void 0 ? void 0 : errors.message) {
-      setError("Network request failed.");
-    }
-  }, [errors]);
-  return {
-    states: {
-      loading,
-      error: ((_e = (_d = (_c = errors === null || errors === void 0 ? void 0 : errors.response) === null || _c === void 0 ? void 0 : _c.errors) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.message) || error,
-      success,
-    },
-    callbacks: {
-      submit,
-    },
-    content: {
-      email,
-      verifyMessage: props.verifyMessage,
-      emailVerificationHeader: props.emailVerificationHeader,
-      resendEmailButtonText: props.resendEmailButtonText,
-    },
-  };
+function usePortalEmailVerification(props) {
+  var _a, _b, _c, _d, _e;
+  const [request, { loading, data, errors }] = an();
+  const userIdent = ne();
+  const email = (_a = userIdent === null || userIdent === void 0 ? void 0 : userIdent.managedIdentity) === null || _a === void 0 ? void 0 : _a.email;
+  const [success, setSuccess] = useState(false);
+  const [error, setError] = useState("");
+  const urlParams = new URLSearchParams(window.location.search);
+  const nextPage = urlParams.get("nextPage");
+  const submit = async () => {
+    if (!email)
+      return;
+    setError("");
+    const urlParams = nextPage ? { nextPage } : null;
+    const redirectPath = props.redirectPath;
+    const variables = { email, urlParams, redirectPath };
+    await request(variables);
+  };
+  useEffect(() => {
+    var _a;
+    if ((_a = data === null || data === void 0 ? void 0 : data.requestManagedIdentityVerificationEmail) === null || _a === void 0 ? void 0 : _a.success) {
+      setSuccess(true);
+    }
+  }, [(_b = data === null || data === void 0 ? void 0 : data.requestManagedIdentityVerificationEmail) === null || _b === void 0 ? void 0 : _b.success]);
+  useEffect(() => {
+    if (errors === null || errors === void 0 ? void 0 : errors.message) {
+      setError("Network request failed.");
+    }
+  }, [errors]);
+  return {
+    states: {
+      loading,
+      error: ((_e = (_d = (_c = errors === null || errors === void 0 ? void 0 : errors.response) === null || _c === void 0 ? void 0 : _c.errors) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.message) || error,
+      success,
+    },
+    callbacks: {
+      submit,
+    },
+    content: {
+      email,
+      verifyMessage: props.verifyMessage,
+      emailVerificationHeader: props.emailVerificationHeader,
+      resendEmailButtonText: props.resendEmailButtonText,
+    },
+  };
 }
 
-const PortalEmailVerification = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.ignored = true;
-    /**
-     * @uiName Email verification header text
-     */
-    this.emailVerificationHeader = "Verify your email";
-    /**
-     * @uiName Re-send email button text
-     */
-    this.resendEmailButtonText = "Re-send Email";
-    /**
-     * @uiName Email verification body text
-     */
-    this.verifyMessage = "A verification email was sent to {email}. Please verify your email to continue to the portal.";
-    h(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const { states, callbacks, content } = j()
-      ? usePortalEmailVerificationDemo(this)
-      : usePortalEmailVerification(this);
-    return (h$1(PortalEmailVerificationView, { states: states, callbacks: callbacks, content: content }));
-  }
-};
-function usePortalEmailVerificationDemo(props) {
-  return cjs({
-    states: { error: "", loading: false, success: false },
-    callbacks: {
-      submit: async (_event) => { },
-    },
-    content: {
-      email: "test@example.com",
-      verifyMessage: "A verification email was sent to {email}. Please verify your email to continue to the portal.",
-      emailVerificationHeader: "Verify your email",
-      resendEmailButtonText: "Re-send Email",
-    },
-  }, props.demoData || {}, { arrayMerge: (_, a) => a });
+const PortalEmailVerification = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.ignored = true;
+    /**
+     * The page that users are redirected to from the verification email.
+     *
+     * @uiName Email redirection base path
+     */
+    this.redirectPath = "/verifyEmail";
+    /**
+     * @uiName Email verification header text
+     */
+    this.emailVerificationHeader = "Verify your email";
+    /**
+     * @uiName Re-send email button text
+     */
+    this.resendEmailButtonText = "Re-send Email";
+    /**
+     * @uiName Email verification body text
+     */
+    this.verifyMessage = "A verification email was sent to {email}. Please verify your email to continue to the portal.";
+    h(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    const { states, callbacks, content } = j()
+      ? usePortalEmailVerificationDemo(this)
+      : usePortalEmailVerification(this);
+    return (h$1(PortalEmailVerificationView, { states: states, callbacks: callbacks, content: content }));
+  }
+};
+function usePortalEmailVerificationDemo(props) {
+  return cjs({
+    states: { error: "", loading: false, success: false },
+    callbacks: {
+      submit: async (_event) => { },
+    },
+    content: {
+      email: "test@example.com",
+      verifyMessage: "A verification email was sent to {email}. Please verify your email to continue to the portal.",
+      emailVerificationHeader: "Verify your email",
+      resendEmailButtonText: "Re-send Email",
+    },
+  }, props.demoData || {}, { arrayMerge: (_, a) => a });
 }
 
 export { PortalEmailVerification as sqm_portal_email_verification };