@saasquatch/mint-components 1.6.7 → 1.6.8-1

package/dist/cjs/sqm-passwordless-registration-view-202978e8.js

@@ -0,0 +1,51 @@
+'use strict';
+
+const index = require('./index-b0129cd6.js');
+const mixins = require('./mixins-fe9d4112.js');
+const JSS = require('./JSS-8503a151.js');
+const PoweredByImg = require('./PoweredByImg-7084ef2d.js');
+
+const style = {
+  Wrapper: mixins.AuthWrapper,
+  Column: mixins.AuthColumn,
+  ForgotButtonContainer: {
+    display: "inline",
+    cursor: "pointer",
+    "font-size": "13px",
+    "font-weight": "600",
+    color: "#AAAAAA",
+    margin: "0",
+  },
+  ButtonsContainer: mixins.AuthButtonsContainer,
+};
+const vanillaStyle = `
+:host {
+  display: block;
+}
+:host([hidden]): {
+  display: none;
+}
+`;
+const sheet = JSS.createStyleSheet(style);
+const styleString = sheet.toString();
+function PasswordlessRegistrationView(props) {
+  const { states, callbacks, content } = props;
+  return (index.h("div", { class: sheet.classes.Wrapper },
+    index.h("style", { type: "text/css" },
+      vanillaStyle,
+      styleString),
+    content.topSlot,
+    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))),
+      content.includeName && (index.h("sl-input", { exportparts: "label: input-label", type: "name", name: "/firstName", label: content.firstNameLabel || "First Name", disabled: states.loading, required: true })),
+      content.includeName && (index.h("sl-input", { exportparts: "label: input-label", type: "name", name: "/lastName", label: content.lastNameLabel || "Last Name", disabled: states.loading, required: true })),
+      index.h("sl-input", { exportparts: "label: input-label", 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.registerLabel || "Registration"))),
+    content.bottomSlot,
+    !content.hidePoweredBy && (index.h("a", { target: "_blank", href: "www.saasquatch.com" },
+      index.h(PoweredByImg.PoweredByImg, null)))));
+}
+
+exports.PasswordlessRegistrationView = PasswordlessRegistrationView;

package/dist/cjs/sqm-passwordless-registration.cjs.entry.js

@@ -0,0 +1,89 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-b0129cd6.js');
+const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
+require('./use-callback-86e9ac75.js');
+const index_module = require('./index.module-bd6e817a.js');
+require('./jsonpointer-11327262.js');
+const cjs = require('./cjs-1066ec21.js');
+require('./mixins-fe9d4112.js');
+require('./JSS-8503a151.js');
+require('./PoweredByImg-7084ef2d.js');
+const sqmPasswordlessRegistrationView = require('./sqm-passwordless-registration-view-202978e8.js');
+const usePasswordlessRegistration = require('./usePasswordlessRegistration-9105faa4.js');
+
+const PasswordlessRegistration = 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 = "/";
+    /**
+     * @uiName Email Field Label
+     */
+    this.emailLabel = "Email";
+    /**
+     * @uiName First Name Field Label
+     */
+    this.firstNameLabel = "First Name";
+    /**
+     * @uiName Last Name Field Label
+     */
+    this.lastNameLabel = "Last Name";
+    /**
+     * @uiName Register Button Text
+     */
+    this.registerLabel = "Start Referring";
+    /**
+     * @uiName Include name fields
+     */
+    this.includeName = false;
+    /**
+     * @uiName Include name fields
+     */
+    this.hidePoweredBy = false;
+    stencilHooks_module.h$1(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    const { states, callbacks } = index_module.isDemo()
+      ? useRegistrationDemo(this)
+      : usePasswordlessRegistration.usePasswordlessRegistration();
+    const content = {
+      emailLabel: this.emailLabel,
+      registerLabel: this.registerLabel,
+      firstNameLabel: this.firstNameLabel,
+      lastNameLabel: this.lastNameLabel,
+      includeName: this.includeName,
+      hidePoweredBy: this.hidePoweredBy,
+      // slots
+      topSlot: index.h("slot", { name: "top-slot" }),
+      bottomSlot: index.h("slot", { name: "bottom-slot" }),
+    };
+    return (index.h(sqmPasswordlessRegistrationView.PasswordlessRegistrationView, { states: states, callbacks: callbacks, content: content }));
+  }
+};
+function useRegistrationDemo(props) {
+  return cjs.cjs({
+    states: {
+      error: "",
+      loading: false,
+      forgotPasswordPath: "/forgotPassword",
+      registerPath: "/register",
+    },
+    callbacks: {
+      submit: async (_event) => {
+        console.log("submit");
+      },
+    },
+  }, props.demoData || {}, { arrayMerge: (_, a) => a });
+}
+
+exports.sqm_passwordless_registration = PasswordlessRegistration;

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
 require('./use-callback-86e9ac75.js');
-const index_module = require('./index.module-c6626247.js');
+const index_module = require('./index.module-bd6e817a.js');
 const utils = require('./utils-6847bc06.js');
 
 const PopupContainerView = (props) => {
@@ -19,10 +19,10 @@ const PopupContainerView = (props) => {
 };
 
 function usePopupContainer(props) {
-  const engagementMedium = index_module.U();
+  const engagementMedium = index_module._();
   function closePopup() {
     var _a;
-    if (index_module.U() === "POPUP") {
+    if (index_module._() === "POPUP") {
       (_a = window.frameElement["squatchJsApi"]) === null || _a === void 0 ? void 0 : _a.close();
     }
   }
@@ -36,7 +36,7 @@ function usePopupContainer(props) {
       ? "0"
       : `var(--sl-spacing-${props.embedPadding})`
     : "0";
-  const padding = index_module.U() === "POPUP" ? popupPadding : embedPadding;
+  const padding = index_module._() === "POPUP" ? popupPadding : embedPadding;
   return {
     states: {
       showCloseButton: props.closeButton && engagementMedium === "POPUP",

package/dist/cjs/{sqm-portal-container-view-3215dce9.js → sqm-portal-container-view-e81faa02.js}

@@ -40,14 +40,14 @@ function PortalContainerView(props, children) {
       justifyContent: props.justifyContent,
     },
   };
-  const vanillaStyle = `
-  :host{
-    width: 100%;
-    display: block;
+  const vanillaStyle = `
+  :host{
+    width: 100%;
+    display: block;
   }`;
   const sheet = JSS.createStyleSheet(style);
   const styleString = sheet.toString();
-  return (index.h("div", { class: sheet.classes.Container },
+  return (index.h("div", { class: sheet.classes.Container, part: 'sqm-base' },
     index.h("style", { type: "text/css" },
       vanillaStyle,
       styleString),

package/dist/cjs/{sqm-portal-email-verification-view-6f41962b.js → sqm-portal-email-verification-view-c2bf10fc.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const global = require('./global-67a37b3f.js');
+const global = require('./global-915ed2a6.js');
 const mixins = require('./mixins-fe9d4112.js');
 const JSS = require('./JSS-8503a151.js');
-const sqmTextSpanView = require('./sqm-text-span-view-1acdf7e9.js');
+const sqmTextSpanView = require('./sqm-text-span-view-dfb76601.js');
 
 const style = {
   Wrapper: mixins.AuthWrapper,
@@ -29,13 +29,13 @@ const style = {
     },
   },
 };
-const vanillaStyle = `
-:host {
-  display: block;
-}
-:host([hidden]): {
-  display: none;
-}
+const vanillaStyle = `
+:host {
+  display: block;
+}
+:host([hidden]): {
+  display: none;
+}
 `;
 const sheet = JSS.createStyleSheet(style);
 const styleString = sheet.toString();

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

@@ -4,22 +4,22 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
-require('./global-67a37b3f.js');
+require('./global-915ed2a6.js');
 const useCallback = require('./use-callback-86e9ac75.js');
-const index_module = require('./index.module-c6626247.js');
+const index_module = require('./index.module-bd6e817a.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-fe9d4112.js');
 require('./JSS-8503a151.js');
-require('./sqm-text-span-view-1acdf7e9.js');
-const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-6f41962b.js');
+require('./sqm-text-span-view-dfb76601.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-c2bf10fc.js');
 
 function usePortalEmailVerification(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-  const [request, { loading, data, errors }] = index_module.tn();
+  const [request, { loading, data, errors }] = index_module.an();
   const [getVerificationStatus, { data: user, loading: loadingVerification }] = index_module.Be();
-  const userIdent = index_module.N();
+  const userIdent = index_module.W();
   const email = (_a = userIdent === null || userIdent === void 0 ? void 0 : userIdent.managedIdentity) === null || _a === void 0 ? void 0 : _a.email;
-  const urlParams = new URLSearchParams(index_module.fn.location.search);
+  const urlParams = new URLSearchParams(index_module.gn.location.search);
   const nextPage = urlParams.get("nextPage");
   const [success, setSuccess] = stencilHooks_module.useState(false);
   const [error, setError] = stencilHooks_module.useState("");
@@ -49,7 +49,7 @@ function usePortalEmailVerification(props) {
     const data = (await getVerificationStatus());
     if ((_a = data === null || data === void 0 ? void 0 : data.managedIdentitySession) === null || _a === void 0 ? void 0 : _a.emailVerified) {
       clearInterval(timerRef.current);
-      return index_module.fn.push({
+      return index_module.gn.push({
         pathname: props.redirectPath,
         search: urlParams.toString() && "?" + urlParams.toString(),
       });

package/dist/cjs/sqm-portal-footer-view-6603da15.js

@@ -0,0 +1,71 @@
+'use strict';
+
+const index = require('./index-b0129cd6.js');
+const global = require('./global-915ed2a6.js');
+const JSS = require('./JSS-8503a151.js');
+const PoweredByImg = require('./PoweredByImg-7084ef2d.js');
+
+const vanillaStyle = `
+  :host{
+    margin: 0 auto;
+    width: 100%;
+  }
+  a{
+    cursor:pointer;
+    color: inherit;
+    text-decoration: none;
+  }
+`;
+function PortalFooterView(props) {
+  const style = {
+    RowContainer: {
+      display: "flex",
+      "& > :not(:last-child)": {
+        "margin-right": "var(--sl-spacing-large)",
+      },
+    },
+    Container: {
+      display: "flex",
+      "flex-direction": "column",
+      "align-items": "center",
+      "font-size": "var(--sl-font-size-small)",
+      color: "var(--sl-color-gray-600)",
+      "padding-top": `var(--sl-spacing-${props.paddingTop})`,
+      "padding-right": `var(--sl-spacing-${props.paddingRight})`,
+      "padding-bottom": `var(--sl-spacing-${props.paddingBottom})`,
+      "padding-left": `var(--sl-spacing-${props.paddingLeft})`,
+      "& a:hover": {
+        color: "var(--sl-color-gray-900)",
+      },
+    },
+    SupportText: {
+      textAlign: "center",
+    },
+    PoweredByLink: {
+      color: "var(--sl-color-gray-400)",
+      "font-size": "var(--sl-font-size-xx-small)",
+      "&:hover": {
+        color: "var(--sl-color-gray-900)",
+      },
+    },
+  };
+  const sheet = JSS.createStyleSheet(style);
+  const styleString = sheet.toString();
+  return (index.h("div", { class: sheet.classes.Container },
+    index.h("style", { type: "text/css" },
+      vanillaStyle,
+      styleString),
+    index.h("div", { class: sheet.classes.RowContainer },
+      props.faqLink && (index.h("a", { target: "_blank", href: props.faqLink }, props.faqText)),
+      props.termsLink && (index.h("a", { target: "_blank", href: props.termsLink }, props.termsText))),
+    index.h("p", { class: sheet.classes.SupportText }, global.intl.formatMessage({
+      id: "supportFooter",
+      defaultMessage: props.supportText,
+    }, {
+      email: (index.h("a", { target: "_blank", href: `mailto:${props.supportEmail}` }, props.supportEmail)),
+    })),
+    !props.hidePoweredBy && (index.h("a", { class: sheet.classes.PoweredByLink, target: "_blank", href: props.poweredByLink },
+      index.h(PoweredByImg.PoweredByImg, null)))));
+}
+
+exports.PortalFooterView = PortalFooterView;

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

@@ -4,12 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
-require('./global-67a37b3f.js');
+require('./global-915ed2a6.js');
 require('./use-callback-86e9ac75.js');
-require('./index.module-c6626247.js');
+require('./index.module-bd6e817a.js');
 require('./JSS-8503a151.js');
 const utils = require('./utils-6847bc06.js');
-const sqmPortalFooterView = require('./sqm-portal-footer-view-349373b2.js');
+require('./PoweredByImg-7084ef2d.js');
+const sqmPortalFooterView = require('./sqm-portal-footer-view-6603da15.js');
 
 const PortalFooter = class {
   constructor(hostRef) {

package/dist/cjs/{sqm-portal-forgot-password-view-a3573ade.js → sqm-portal-forgot-password-view-4b1e9876.js}

@@ -3,7 +3,7 @@
 const index = require('./index-b0129cd6.js');
 const mixins = require('./mixins-fe9d4112.js');
 const JSS = require('./JSS-8503a151.js');
-const sqmTextSpanView = require('./sqm-text-span-view-1acdf7e9.js');
+const sqmTextSpanView = require('./sqm-text-span-view-dfb76601.js');
 
 const style = {
   Wrapper: mixins.AuthWrapper,
@@ -14,13 +14,13 @@ const style = {
     width: "25%",
   },
 };
-const vanillaStyle = `
-:host {
-  display: block;
-}
-:host([hidden]): {
-  display: none;
-}
+const vanillaStyle = `
+:host {
+  display: block;
+}
+:host([hidden]): {
+  display: none;
+}
 `;
 const sheet = JSS.createStyleSheet(style);
 const styleString = sheet.toString();

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

@@ -5,20 +5,20 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
 require('./use-callback-86e9ac75.js');
-const index_module = require('./index.module-c6626247.js');
+const index_module = require('./index.module-bd6e817a.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-fe9d4112.js');
 require('./JSS-8503a151.js');
-require('./sqm-text-span-view-1acdf7e9.js');
-const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-a3573ade.js');
+require('./sqm-text-span-view-dfb76601.js');
+const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-4b1e9876.js');
 
 function usePortalForgotPassword(props) {
   var _a, _b, _c, _d, _e, _f, _g;
   const [success, setSuccess] = stencilHooks_module.useState(false);
   const [error, setError] = stencilHooks_module.useState("");
   const [request, { loading, data, errors }] = index_module.nn();
-  const urlParams = new URLSearchParams(index_module.fn.location.search);
+  const urlParams = new URLSearchParams(index_module.gn.location.search);
   const nextPage = urlParams.get("nextPage");
   const submit = async (event) => {
     var _a;
@@ -98,7 +98,7 @@ const PortalForgotPassword = class {
       ? usePortalForgotPasswordDemo(this)
       : usePortalForgotPassword(this);
     const content = {
-      secondaryButton: (index.h("slot", { name: "secondaryButton" }, index.h("sl-button", { type: "text", disabled: states.loading, onClick: () => index_module.fn.push(states.loginPath) }, "Sign In"))),
+      secondaryButton: (index.h("slot", { name: "secondaryButton" }, index.h("sl-button", { type: "text", disabled: states.loading, onClick: () => index_module.gn.push(states.loginPath) }, "Sign In"))),
       messageSlot: (index.h("slot", { name: "messageSlot" }, "Enter your email below to receive a password reset link.")),
       emailLabel: this.emailLabel,
       submitLabel: this.submitLabel,

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
 require('./use-callback-86e9ac75.js');
-const index_module = require('./index.module-c6626247.js');
+const index_module = require('./index.module-bd6e817a.js');
 
 function usePortalLogout({ nextPage }) {
   index_module.setUserIdentity(undefined);
-  index_module.fn.push({ pathname: nextPage, search: "" });
+  index_module.gn.push({ pathname: nextPage, search: "" });
 }
 
 const PortalLogout = class {

package/dist/cjs/{sqm-portal-profile-view-b8215eae.js → sqm-portal-profile-view-7b81c233.js}

@@ -1,9 +1,9 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const global = require('./global-67a37b3f.js');
+const global = require('./global-915ed2a6.js');
 const JSS = require('./JSS-8503a151.js');
-const sqmTextSpanView = require('./sqm-text-span-view-1acdf7e9.js');
+const sqmTextSpanView = require('./sqm-text-span-view-dfb76601.js');
 
 function PortalProfileView(props) {
   var _a, _b, _c, _d, _e;

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

@@ -4,48 +4,48 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
-require('./global-67a37b3f.js');
+require('./global-915ed2a6.js');
 require('./use-callback-86e9ac75.js');
-const index_module = require('./index.module-c6626247.js');
+const index_module = require('./index.module-bd6e817a.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./JSS-8503a151.js');
 const utils = require('./utils-6847bc06.js');
-require('./sqm-text-span-view-1acdf7e9.js');
-const sqmPortalProfileView = require('./sqm-portal-profile-view-b8215eae.js');
+require('./sqm-text-span-view-dfb76601.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-7b81c233.js');
 
-const GET_USER = index_module.dist.gql `
-  query {
-    viewer {
-      ... on User {
-        id
-        accountId
-        firstName
-        lastName
-        email
-        countryCode
-      }
-    }
-  }
+const GET_USER = index_module.dist.gql `
+  query {
+    viewer {
+      ... on User {
+        id
+        accountId
+        firstName
+        lastName
+        email
+        countryCode
+      }
+    }
+  }
 `;
-const UPSERT_USER = index_module.dist.gql `
-  mutation (
-    $id: String!
-    $accountId: String!
-    $firstName: String!
-    $lastName: String!
-  ) {
-    upsertUser(
-      userInput: {
-        id: $id
-        accountId: $accountId
-        firstName: $firstName
-        lastName: $lastName
-      }
-    ) {
-      firstName
-      lastName
-    }
-  }
+const UPSERT_USER = index_module.dist.gql `
+  mutation (
+    $id: String!
+    $accountId: String!
+    $firstName: String!
+    $lastName: String!
+  ) {
+    upsertUser(
+      userInput: {
+        id: $id
+        accountId: $accountId
+        firstName: $firstName
+        lastName: $lastName
+      }
+    ) {
+      firstName
+      lastName
+    }
+  }
 `;
 // view doesn't tolerate undefined, even when we're loading
 const defaultFormState = {
@@ -57,12 +57,12 @@ const defaultFormState = {
   error: "",
 };
 function usePortalProfile(props) {
-  const userIdent = index_module.N();
+  const userIdent = index_module.W();
   const [success, setSuccess] = stencilHooks_module.useState(false);
   const [userData, setUserData] = stencilHooks_module.useState(undefined);
   const [formState, setFormState] = stencilHooks_module.useState(defaultFormState);
-  const userDataResponse = index_module.dn(GET_USER, {}, !(userIdent === null || userIdent === void 0 ? void 0 : userIdent.jwt));
-  const [upsertUser, upsertUserResponse] = index_module.Pe(UPSERT_USER);
+  const userDataResponse = index_module.fn(GET_USER, {}, !(userIdent === null || userIdent === void 0 ? void 0 : userIdent.jwt));
+  const [upsertUser, upsertUserResponse] = index_module.Fe(UPSERT_USER);
   stencilHooks_module.useEffect(() => {
     if (upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.loading)
       return;

package/dist/cjs/sqm-portal-protected-route.cjs.entry.js

@@ -5,25 +5,25 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
 require('./use-callback-86e9ac75.js');
-const index_module = require('./index.module-c6626247.js');
+const index_module = require('./index.module-bd6e817a.js');
 
 function usePortalProtectedRoute({ requireEmailVerification, redirectTo, redirectToUnverified, }) {
   var _a;
-  const userIdent = index_module.N();
+  const userIdent = index_module.W();
   const authenticated = !!(userIdent === null || userIdent === void 0 ? void 0 : userIdent.jwt);
   const emailVerified = (_a = userIdent === null || userIdent === void 0 ? void 0 : userIdent.managedIdentity) === null || _a === void 0 ? void 0 : _a.emailVerified;
-  const { pathname, search } = index_module.ln();
+  const { pathname, search } = index_module.mn();
   const nextPageParam = new URLSearchParams();
   nextPageParam.append("nextPage", `${pathname}${search}`);
   stencilHooks_module.useEffect(() => {
     if (!authenticated) {
-      return index_module.fn.push({
+      return index_module.gn.push({
         pathname: redirectTo,
         search: "?" + nextPageParam.toString(),
       });
     }
     if (requireEmailVerification && !emailVerified) {
-      return index_module.fn.push({
+      return index_module.gn.push({
         pathname: redirectToUnverified || redirectTo,
         search: "?" + nextPageParam.toString(),
       });