@saasquatch/mint-components 1.3.3-5 → 1.4.0

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

@@ -5,65 +5,65 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
 require('./use-callback-fadb2643.js');
-const index_module = require('./index.module-c9d4779a.js');
-const utils = require('./utils-a58bfe0d.js');
+const index_module = require('./index.module-2925fe3b.js');
+const utils = require('./utils-95e5317c.js');
 
-const PopupContainerView = (props) => {
-  const { states, callbacks } = props;
-  const { styles } = states;
-  return (index.h(index.Host, { class: "squatch-container" },
-    index.h("div", { style: { padding: props.states.styles.padding } },
-      styles.closeButton && (index.h("span", { class: "close squatch-header-close", "data-close-panel": "#squatch-panel", onClick: () => callbacks.closePopup() }, styles.closeButtonText)),
-      index.h("slot", null),
-      styles.poweredBy ? (index.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 (index.h(index.Host, { class: "squatch-container" },
+    index.h("div", { style: { padding: props.states.styles.padding } },
+      styles.closeButton && (index.h("span", { class: "close squatch-header-close", "data-close-panel": "#squatch-panel", onClick: () => callbacks.closePopup() }, styles.closeButtonText)),
+      index.h("slot", null),
+      styles.poweredBy ? (index.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 = index_module.x();
-  function closePopup() {
-    var _a;
-    if (index_module.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 = index_module.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 = index_module.x();
+  function closePopup() {
+    var _a;
+    if (index_module.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 = index_module.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) {
-    index.registerInstance(this, hostRef);
-    _extends.h$1(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const thisProps = utils.getProps(this);
-    return index.h(PopupContainerView, Object.assign({}, usePopupContainer(thisProps)));
-  }
-};
+const PopupContainer = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    _extends.h$1(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    const thisProps = utils.getProps(this);
+    return index.h(PopupContainerView, Object.assign({}, usePopupContainer(thisProps)));
+  }
+};
 PopupContainer.style = sqmPopupContainerCss;
 
 exports.sqm_popup_container = PopupContainer;

package/dist/cjs/{sqm-portal-container-view-35c09ff2.js → sqm-portal-container-view-d144735a.js}

@@ -3,29 +3,29 @@
 const index = require('./index-b0129cd6.js');
 const jssPresetDefault_esm = require('./jss-preset-default.esm-6304d24f.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%;
-  }`;
-  jssPresetDefault_esm.jss.setup(jssPresetDefault_esm.create());
-  const sheet = jssPresetDefault_esm.jss.createStyleSheet(style);
-  const styleString = sheet.toString();
-  return (index.h("div", { class: sheet.classes.Container },
-    index.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%;
+  }`;
+  jssPresetDefault_esm.jss.setup(jssPresetDefault_esm.create());
+  const sheet = jssPresetDefault_esm.jss.createStyleSheet(style);
+  const styleString = sheet.toString();
+  return (index.h("div", { class: sheet.classes.Container },
+    index.h("style", { type: "text/css" },
+      vanillaStyle,
+      styleString),
+    children));
 }
 
 exports.PortalContainerView = PortalContainerView;

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

@@ -5,31 +5,31 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
 require('./jss-preset-default.esm-6304d24f.js');
-const utils = require('./utils-a58bfe0d.js');
-const sqmPortalContainerView = require('./sqm-portal-container-view-35c09ff2.js');
+const utils = require('./utils-95e5317c.js');
+const sqmPortalContainerView = require('./sqm-portal-container-view-d144735a.js');
 
-const PortalContainer = class {
-  constructor(hostRef) {
-    index.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";
-    _extends.h$1(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    return (index.h(sqmPortalContainerView.PortalContainerView, Object.assign({}, utils.getProps(this)), index.h("slot", null)));
-  }
+const PortalContainer = class {
+  constructor(hostRef) {
+    index.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";
+    _extends.h$1(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    return (index.h(sqmPortalContainerView.PortalContainerView, Object.assign({}, utils.getProps(this)), index.h("slot", null)));
+  }
 };
 
 exports.sqm_portal_container = PortalContainer;

package/dist/cjs/{sqm-portal-email-verification-view-c327bb36.js → sqm-portal-email-verification-view-68b16f27.js}

@@ -1,45 +1,45 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const global = require('./global-5694a95e.js');
+const global = require('./global-0c01d88f.js');
 const jssPresetDefault_esm = require('./jss-preset-default.esm-6304d24f.js');
-const mixins = require('./mixins-ebc0fed1.js');
-const sqmTextSpanView = require('./sqm-text-span-view-b7e0f9b8.js');
+const mixins = require('./mixins-7b7c59fe.js');
+const sqmTextSpanView = require('./sqm-text-span-view-b5ae787b.js');
 
-const style = {
-  Wrapper: mixins.AuthWrapper,
-  Column: { ...mixins.AuthColumn },
-};
-const vanillaStyle = `
-:host {
-  display: block;
-}
-:host([hidden]): {
-  display: none;
-}
-`;
-jssPresetDefault_esm.jss.setup(jssPresetDefault_esm.create());
-const sheet = jssPresetDefault_esm.jss.createStyleSheet(style);
-const styleString = sheet.toString();
-function PortalEmailVerificationView(props) {
-  const { states, callbacks, content: { email, verifyMessage, emailVerificationHeader, resendEmailButtonText }, } = props;
-  return (index.h("div", { class: sheet.classes.Wrapper },
-    index.h("style", { type: "text/css" },
-      vanillaStyle,
-      styleString),
-    index.h(sqmTextSpanView.TextSpanView, { type: "h3" }, emailVerificationHeader),
-    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" }, "Your verification email has been resent successfully"))),
-      index.h(sqmTextSpanView.TextSpanView, { type: "p" }, global.intl.formatMessage({
-        id: "verifyMessage",
-        defaultMessage: verifyMessage,
-      }, {
-        email: (index.h("span", { style: { fontWeight: "var(--sl-font-weight-semibold)" } }, email)),
-      })),
-      index.h("sl-button", { submit: true, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, resendEmailButtonText))));
+const style = {
+  Wrapper: mixins.AuthWrapper,
+  Column: { ...mixins.AuthColumn },
+};
+const vanillaStyle = `
+:host {
+  display: block;
+}
+:host([hidden]): {
+  display: none;
+}
+`;
+jssPresetDefault_esm.jss.setup(jssPresetDefault_esm.create());
+const sheet = jssPresetDefault_esm.jss.createStyleSheet(style);
+const styleString = sheet.toString();
+function PortalEmailVerificationView(props) {
+  const { states, callbacks, content: { email, verifyMessage, emailVerificationHeader, resendEmailButtonText }, } = props;
+  return (index.h("div", { class: sheet.classes.Wrapper },
+    index.h("style", { type: "text/css" },
+      vanillaStyle,
+      styleString),
+    index.h(sqmTextSpanView.TextSpanView, { type: "h3" }, emailVerificationHeader),
+    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" }, "Your verification email has been resent successfully"))),
+      index.h(sqmTextSpanView.TextSpanView, { type: "p" }, global.intl.formatMessage({
+        id: "verifyMessage",
+        defaultMessage: verifyMessage,
+      }, {
+        email: (index.h("span", { style: { fontWeight: "var(--sl-font-weight-semibold)" } }, email)),
+      })),
+      index.h("sl-button", { submit: true, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, resendEmailButtonText))));
 }
 
 exports.PortalEmailVerificationView = PortalEmailVerificationView;

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

@@ -4,105 +4,107 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
-require('./global-5694a95e.js');
+require('./global-0c01d88f.js');
 require('./use-callback-fadb2643.js');
-const index_module = require('./index.module-c9d4779a.js');
+const index_module = require('./index.module-2925fe3b.js');
 require('./jss-preset-default.esm-6304d24f.js');
 const cjs = require('./cjs-1066ec21.js');
-require('./mixins-ebc0fed1.js');
-require('./sqm-text-span-view-b7e0f9b8.js');
-const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-c327bb36.js');
+require('./mixins-7b7c59fe.js');
+require('./sqm-text-span-view-b5ae787b.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-68b16f27.js');
 
-function usePortalEmailVerification(props) {
-  var _a, _b, _c, _d, _e;
-  const [request, { loading, data, errors }] = index_module.Be();
-  const userIdent = index_module.T();
-  const email = (_a = userIdent === null || userIdent === void 0 ? void 0 : userIdent.managedIdentity) === null || _a === void 0 ? void 0 : _a.email;
-  const [success, setSuccess] = _extends.useState(false);
-  const [error, setError] = _extends.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);
-  };
-  _extends.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]);
-  _extends.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 }] = index_module.an();
+  const userIdent = index_module.ne();
+  const email = (_a = userIdent === null || userIdent === void 0 ? void 0 : userIdent.managedIdentity) === null || _a === void 0 ? void 0 : _a.email;
+  const [success, setSuccess] = _extends.useState(false);
+  const [error, setError] = _extends.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);
+  };
+  _extends.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]);
+  _extends.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) {
-    index.registerInstance(this, hostRef);
-    this.ignored = true;
-    /**
-     * @uiName Base path of verify email link
-     */
-    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.";
-    _extends.h$1(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const { states, callbacks, content } = index_module.j()
-      ? usePortalEmailVerificationDemo(this)
-      : usePortalEmailVerification(this);
-    return (index.h(sqmPortalEmailVerificationView.PortalEmailVerificationView, { states: states, callbacks: callbacks, content: content }));
-  }
-};
-function usePortalEmailVerificationDemo(props) {
-  return cjs.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) {
+    index.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.";
+    _extends.h$1(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    const { states, callbacks, content } = index_module.j()
+      ? usePortalEmailVerificationDemo(this)
+      : usePortalEmailVerification(this);
+    return (index.h(sqmPortalEmailVerificationView.PortalEmailVerificationView, { states: states, callbacks: callbacks, content: content }));
+  }
+};
+function usePortalEmailVerificationDemo(props) {
+  return cjs.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 });
 }
 
 exports.sqm_portal_email_verification = PortalEmailVerification;