@saasquatch/mint-components 1.3.3-1 → 1.3.3-2

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

@@ -0,0 +1,129 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-b0129cd6.js');
+require('./_commonjsHelpers-dcc4cf71.js');
+const stencilHooks_module = require('./stencil-hooks.module-426df801.js');
+require('./use-callback-c5f2b2fe.js');
+const index_module = require('./index.module-d669d91a.js');
+require('./extends-08099afd.js');
+require('./jss-preset-default.esm-62f8ddc9.js');
+const cjs = require('./cjs-1066ec21.js');
+require('./mixins-7b7c59fe.js');
+require('./sqm-text-span-view-90e828b7.js');
+const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-faad7c8d.js');
+
+function usePortalVerifyEmail({ nextPage }) {
+  var _a, _b, _c, _d, _e;
+  const [verified, setVerified] = stencilHooks_module.useState(false);
+  const [disableContinue, setDisableContinue] = stencilHooks_module.useState(true);
+  const userIdent = index_module.T();
+  const [request, { loading, data, errors }] = index_module.Le();
+  const [error, setError] = stencilHooks_module.useState("");
+  const urlParams = new URLSearchParams(window.location.search);
+  const oobCode = urlParams.get("oobCode");
+  const nextPageOverride = urlParams.get("nextPage");
+  urlParams.delete("oobCode");
+  const failed = () => {
+    return index_module.rn.push({
+      pathname: "/",
+      search: urlParams.toString() && "?" + urlParams.toString(),
+    });
+  };
+  const gotoNextPage = () => {
+    urlParams.delete("nextPage");
+    return index_module.rn.push({
+      pathname: nextPageOverride || nextPage,
+      search: urlParams.toString() && "?" + urlParams.toString(),
+    });
+  };
+  const submit = async () => {
+    if (oobCode) {
+      setError("");
+      await request({ oobCode });
+    }
+  };
+  stencilHooks_module.useEffect(() => {
+    var _a;
+    if ((_a = data === null || data === void 0 ? void 0 : data.verifyManagedIdentityEmail) === null || _a === void 0 ? void 0 : _a.success) {
+      setVerified(true);
+    }
+  }, [(_a = data === null || data === void 0 ? void 0 : data.verifyManagedIdentityEmail) === null || _a === void 0 ? void 0 : _a.success]);
+  stencilHooks_module.useEffect(() => {
+    submit();
+  }, []);
+  stencilHooks_module.useEffect(() => {
+    var _a, _b;
+    if ((_a = userIdent === null || userIdent === void 0 ? void 0 : userIdent.managedIdentity) === null || _a === void 0 ? void 0 : _a.emailVerified) {
+      setDisableContinue(false);
+      setTimeout(() => {
+        gotoNextPage();
+      }, 3000);
+    }
+    else if (!oobCode ||
+      ((_b = data === null || data === void 0 ? void 0 : data.verifyManagedIdentityEmail) === null || _b === void 0 ? void 0 : _b.success) === false) {
+      setDisableContinue(false);
+    }
+    else if (!userIdent) {
+      setDisableContinue(false);
+      setTimeout(() => {
+        gotoNextPage();
+      }, 3000);
+    }
+  }, [(_b = userIdent === null || userIdent === void 0 ? void 0 : userIdent.managedIdentity) === null || _b === void 0 ? void 0 : _b.emailVerified]);
+  stencilHooks_module.useEffect(() => {
+    if (errors === null || errors === void 0 ? void 0 : errors.message) {
+      setError("Network request failed.");
+    }
+  }, [errors]);
+  return {
+    states: {
+      loading: loading || disableContinue,
+      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,
+      verified,
+    },
+    data: {
+      oobCode,
+    },
+    callbacks: {
+      failed,
+      gotoNextPage,
+    },
+  };
+}
+
+const PortalVerifyEmail = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.ignored = true;
+    /**
+     * @uiName Next page path
+     */
+    this.nextPage = "/";
+    stencilHooks_module.h$1(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    const { states, data, callbacks } = index_module.j()
+      ? usePortalVerifyEmailDemo(this)
+      : usePortalVerifyEmail(this);
+    return (index.h(sqmPortalVerifyEmailView.PortalVerifyEmailView, { states: states, data: data, callbacks: callbacks }));
+  }
+};
+function usePortalVerifyEmailDemo(props) {
+  return cjs.cjs({
+    states: { error: "", loading: false, verified: true },
+    data: {
+      oobCode: "code",
+    },
+    callbacks: {
+      failed: () => {
+        console.log("failed");
+      },
+      gotoNextPage: () => { },
+    },
+  }, props.demoData || {}, { arrayMerge: (_, a) => a });
+}
+
+exports.sqm_portal_verify_email = PortalVerifyEmail;

package/dist/cjs/sqm-referral-iframe-view-e0150e4e.js

@@ -0,0 +1,523 @@
+'use strict';
+
+const index = require('./index-b0129cd6.js');
+const stencilHooks_module = require('./stencil-hooks.module-426df801.js');
+const index_module = require('./index.module-d669d91a.js');
+const jssPresetDefault_esm = require('./jss-preset-default.esm-62f8ddc9.js');
+const index$1 = require('./index-dcad341a.js');
+const mixins = require('./mixins-7b7c59fe.js');
+const sqmPortalContainerView = require('./sqm-portal-container-view-b12d5fde.js');
+const sqmTextSpanView = require('./sqm-text-span-view-90e828b7.js');
+const sqmPortalSectionView = require('./sqm-portal-section-view-15c6d536.js');
+
+const style = {
+  HostBlock: mixins.HostBlock,
+  buttonStyle: {
+    display: "block",
+  },
+};
+jssPresetDefault_esm.jss.setup(jssPresetDefault_esm.create());
+const sheet = jssPresetDefault_esm.jss.createStyleSheet(style);
+const styleString = sheet.toString();
+function ShareButtonView(props, children) {
+  return props.hide ? (index.h(index.Host, { style: { display: "none" } })) : (index.h("div", null,
+    index.h("style", { type: "text/css" }, styleString),
+    index.h("sl-button", { class: sheet.classes.buttonStyle, loading: props.loading, disabled: props.disabled, pill: props.pill, size: props.size, type: props.type, onClick: props.onClick, exportparts: `base: ${props.type}sharebutton-base` },
+      !props.hideicon && (index.h("sl-icon", { slot: props.iconslot, name: props.icon ? props.icon : props.medium, exportparts: "icon" })),
+      !props.hidetext && children)));
+}
+
+const style$1 = {
+  HostBlock: mixins.HostBlock,
+  ":host": {
+    "min-height": "100vh",
+  },
+  Frame: {
+    "min-height": "100vh",
+    display: "flex",
+    "flex-direction": "column",
+    "box-sizing": "border-box",
+  },
+  FooterWrapper: {
+    width: "100%",
+    "max-width": "100%",
+    padding: "var(--sl-spacing-medium) var(--sl-spacing-x-large)",
+    background: "var(--sqm-footer-background)",
+    display: "flex",
+    "justify-content": "flex-end",
+    "align-items": "center",
+    "box-sizing": "border-box",
+    "margin-top": "auto",
+  },
+  HeaderWrapper: {
+    width: "100%",
+    "max-width": "100%",
+    "box-sizing": "border-box",
+    display: "flex",
+    "justify-content": "space-between",
+    padding: "var(--sl-spacing-small) var(--sl-spacing-large)",
+    "align-items": "center",
+    "background-color": "var(--sqm-header-background)",
+    "@media screen and (max-width: 499px)": {
+      "flex-direction": "row-reverse",
+      "justify-content": "flex-end",
+      padding: "0",
+    },
+  },
+};
+jssPresetDefault_esm.jss.setup(jssPresetDefault_esm.create());
+const sheet$1 = jssPresetDefault_esm.jss.createStyleSheet(style$1);
+const styleString$1 = sheet$1.toString();
+function PortalFrameView(props, children) {
+  const { data } = props;
+  return (index.h("div", { class: sheet$1.classes.Frame },
+    index.h("style", { type: "text/css" }, styleString$1),
+    index.h("div", { class: sheet$1.classes.HeaderWrapper },
+      data.header,
+      index.h("slot", { name: "sqm-navigation-menu" })),
+    children,
+    index.h("div", { class: sheet$1.classes.FooterWrapper }, data.footer)));
+}
+
+const EditProfileView = (props) => {
+  var _a, _b, _c, _d;
+  const { states, callbacks } = props;
+  const { text } = states;
+  const { errors } = states.formState;
+  if (states.showEdit) {
+    return (index.h("div", { class: `CardWrapper ${!states.showEdit && "ShowEdit"}` },
+      index.h("h2", { style: {
+          fontSize: "var(--sl-font-size-x-large)",
+          margin: "0px",
+          textAlign: "center",
+        } }, text.editprofileheader),
+      index.h("form", { class: "FormWrapper", onSubmit: callbacks.onSubmit },
+        index.h("div", { class: "FormSection" },
+          states.formState.error && (index.h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
+            index.h("div", { part: "erroralert-text" }, states.formState.error))),
+          index.h("sl-input", Object.assign({ exportparts: "label: input-label", value: states.formState.firstName, onInput: callbacks.onChange, label: text.firstnametext, disabled: states.loading }, (errors.firstName && errors.firstName.status !== "valid"
+            ? { class: "ErrorStyles", helpText: "Cannot be empty" }
+            : []), { id: "firstName", name: "firstName", error: errors.firstName && errors.firstName.status !== "valid"
+              ? errors.firstName.message
+              : undefined })),
+          index.h("sl-input", Object.assign({ exportparts: "label: input-label", value: states.formState.lastName, onInput: callbacks.onChange, label: text.lastnametext, disabled: states.loading, id: "lastName", name: "lastName" }, (errors.lastName && errors.lastName.status !== "valid"
+            ? { class: "ErrorStyles", helpText: "Cannot be empty" }
+            : []), { error: errors.lastName && errors.lastName.status !== "valid"
+              ? errors.lastName.message
+              : undefined }))),
+        text.showregion && states.formState.currentRegion && (index.h("sl-input", { exportparts: "label: input-label", disabled: true, value: states.formState.currentRegion, label: text.currentregiontext, id: "currentRegion", name: "currentRegion" })),
+        index.h("div", { class: "ButtonWrapper" },
+          index.h("sl-button", { onClick: () => {
+              callbacks.setShowEdit(false);
+            }, exportparts: "base: defaultbutton-base" }, text.canceltext),
+          index.h("sl-button", { type: "primary", loading: states.loading, disabled: states.submitDisabled, onClick: (e) => {
+              callbacks.onSubmit(e);
+            }, submit: true, exportparts: "base: primarybutton-base" }, text.updatetext)))));
+  }
+  return (index.h("div", { class: `CardWrapper FormWrapper ${!states.showEdit && "ShowEdit"}` },
+    index.h("div", { class: "FormSection" },
+      index.h("h2", { style: {
+          fontSize: "var(--sl-font-size-x-large",
+          marginBottom: "0px",
+          textAlign: "center",
+        } }, text.editprofileheader),
+      index.h("div", null,
+        index.h("p", { style: { fontSize: "var(--sl-font-size-medium)" } }, (_a = states.user) === null || _a === void 0 ? void 0 :
+          _a.firstName,
+          " ", (_b = states.user) === null || _b === void 0 ? void 0 :
+          _b.lastName),
+        index.h("p", { style: { fontSize: "var(--sl-font-size-medium)" }, title: (_c = states.user) === null || _c === void 0 ? void 0 : _c.email }, (_d = states.user) === null || _d === void 0 ? void 0 : _d.email))),
+    index.h("sl-button", { type: "primary", loading: states.loading, onClick: () => {
+        callbacks.resetForm();
+        callbacks.setShowEdit(true);
+      }, exportparts: "base: primarybutton-base" }, text.editprofiletext)));
+};
+
+const MessageLinkQuery = index_module.dist.gql `
+  query ($programId: ID) {
+    user: viewer {
+      ... on User {
+        shareLink(programId: $programId)
+      }
+    }
+  }
+`;
+function useShareLink(props) {
+  var _a, _b;
+  const { programId = index_module.M() } = props;
+  const user = index_module.T();
+  const { data } = index_module.en(MessageLinkQuery, { programId }, !(user === null || user === void 0 ? void 0 : user.jwt));
+  const shareString = (_b = (_a = data === null || data === void 0 ? void 0 : data.user) === null || _a === void 0 ? void 0 : _a.shareLink) !== null && _b !== void 0 ? _b : 
+  // Shown during loading
+  "...";
+  const [open, setOpen] = stencilHooks_module.useState(false);
+  function onClick() {
+    // Should well supported: https://developer.mozilla.org/en-US/docs/Web/API/Clipboard#browser_compatibility
+    // Only if called from a user-initiated event
+    navigator.clipboard.writeText(shareString);
+    setOpen(true);
+    setTimeout(() => setOpen(false), props.tooltiplifespan);
+  }
+  return { ...props, onClick, open, shareString };
+}
+
+const MessageLinkQuery$1 = index$1.gql `
+  query (
+    $programId: ID
+    $engagementMedium: UserEngagementMedium!
+    $shareMedium: ReferralShareMedium!
+  ) {
+    viewer {
+      ... on User {
+        messageLink(
+          programId: $programId
+          engagementMedium: $engagementMedium
+          shareMedium: $shareMedium
+        )
+        shareLink(programId: $programId, engagementMedium: $engagementMedium)
+      }
+    }
+  }
+`;
+function NativeShare(props, directLink) {
+  const title = props.sharetitle || "Share title";
+  const text = props.sharetext || "Share text";
+  if (directLink === "undefined") {
+    return alert("error: message link undefined!");
+  }
+  if (window.navigator.share) {
+    window.navigator
+      .share({
+      title,
+      text,
+      url: directLink,
+    })
+      .catch((error) => console.error("Error on web share", error));
+  }
+  else {
+    alert("Not on a supported device");
+  }
+}
+function FacebookShare(directLink, res) {
+  var _a, _b;
+  if (((_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.messageLink) === "undefined" ||
+    directLink === "undefined") {
+    return alert("error: message link undefined!");
+  }
+  if (typeof SquatchAndroid.shareOnFacebook !== "undefined") {
+    return SquatchAndroid.shareOnFacebook(directLink, res.data.viewer.messageLink);
+  }
+  else {
+    return GenericShare(res);
+  }
+}
+function GenericShare(res) {
+  var _a, _b;
+  return ((_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.messageLink) ? window.open(res.data.viewer.messageLink)
+    : alert("error: message link undefined!");
+}
+function useShareButton(props) {
+  var _a, _b;
+  const { sharetitle, sharetext, medium } = props;
+  const programId = props.programId ? props.programId : index_module.M();
+  const user = index_module.T();
+  const variables = {
+    engagementMedium: index_module.x(),
+    programId: programId,
+    shareMedium: medium.toUpperCase(),
+  };
+  // only queries if a programId is available
+  const res = index_module.en(MessageLinkQuery$1, variables, !(user === null || user === void 0 ? void 0 : user.jwt) || !programId);
+  const directLink = (_b = (_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.shareLink;
+  const environment = index_module.D();
+  const hide = (medium.toLocaleUpperCase() === "SMS" &&
+    window.orientation === undefined) ||
+    (medium.toLocaleUpperCase() === "DIRECT" && !window.navigator.share);
+  function onClick() {
+    if (medium.toLocaleUpperCase() === "FACEBOOK" &&
+      environment.type === "SquatchAndroid") {
+      FacebookShare(directLink, res);
+    }
+    else if (medium.toLocaleUpperCase() === "DIRECT") {
+      NativeShare({ sharetitle, sharetext }, directLink);
+    }
+    else {
+      GenericShare(res);
+    }
+  }
+  return { ...props, loading: res.loading, onClick, hide };
+}
+
+function PortalChangePasswordView(props) {
+  const { states, callbacks } = props;
+  const style = {
+    Dialog: {
+      padding: "0",
+      "&::part(close-button)": {
+        "margin-top": "var(--sl-spacing-medium)",
+      },
+      "&::part(body)": {
+        padding: "0 var(--sl-spacing-x-large) var(--sl-spacing-x-large) var(--sl-spacing-x-large)",
+      },
+    },
+    Error: {
+      "&::part(erroralert-base)": {
+        "margin-bottom": "15px",
+      },
+    },
+    Success: {
+      "&::part(successalert-base)": {
+        "margin-bottom": "15px",
+      },
+    },
+    InputContainer: {
+      "& > :not(:last-child)": {
+        "margin-bottom": "var(--sl-spacing-x-large)",
+      },
+    },
+    CancelButton: {
+      width: "25%",
+      margin: "var(--sl-spacing-large) auto",
+    },
+    PasswordField: {
+      marginBottom: "var(--sl-spacing-large) !important",
+      display: "block",
+    },
+    ChangePasswordButton: {
+      paddingTop: "var(--sl-spacing-x-large)",
+    },
+  };
+  jssPresetDefault_esm.jss.setup(jssPresetDefault_esm.create());
+  const sheet = jssPresetDefault_esm.jss.createStyleSheet(style);
+  const styleString = sheet.toString();
+  return (index.h("div", null,
+    index.h("style", { type: "text/css" }, styleString),
+    index.h("sl-dialog", { class: sheet.classes.Dialog, open: states.open, "onSl-hide": () => callbacks.setOpen(false) },
+      index.h(sqmPortalSectionView.PortalSectionView, Object.assign({}, {
+        labelMargin: "x-large",
+        padding: "none",
+        label: (index.h(sqmTextSpanView.TextSpanView, Object.assign({}, { type: "h2" }), states.content.modalChangePasswordHeader)),
+        content: (index.h(sqmPortalContainerView.PortalContainerView, Object.assign({}, { direction: "column", padding: "none", gap: "32px" }),
+          states.error && (index.h("sqm-form-message", { class: sheet.classes.Error, type: "error", exportparts: "erroralert-icon" },
+            index.h("div", { part: "erroralert-text" }, states.error))),
+          states.success && (index.h("sqm-form-message", { class: sheet.classes.Success, type: "success", exportparts: "successalert-icon" },
+            index.h("div", { part: "successalert-text" }, states.content.successMessage))),
+          index.h("sl-form", { "onSl-submit": callbacks.submit },
+            index.h("div", { class: sheet.classes.InputContainer },
+              index.h("sqm-password-field", { exportparts: "input-label: input-label", class: sheet.classes.PasswordField, fieldLabel: states.content.passwordFieldLabel }),
+              index.h("sl-input", { exportparts: "label: input-label", name: "/confirmPassword", label: states.content.confirmPasswordFieldLabel, required: true, togglePassword: true, disabled: states.loading, type: "password" })),
+            index.h(sqmPortalContainerView.PortalContainerView, Object.assign({}, { direction: "row", padding: "none", gap: "20px" }),
+              index.h("sl-button", { class: sheet.classes.ChangePasswordButton, type: "primary", submit: true, loading: states.loading }, states.content.changePasswordButtonText),
+              index.h("sl-button", { class: sheet.classes.CancelButton, type: "text", onClick: () => callbacks.setOpen(false) }, states.content.cancelText))))),
+      }))),
+    index.h(sqmPortalSectionView.PortalSectionView, Object.assign({}, {
+      labelMargin: "x-large",
+      padding: "xxx-large",
+      label: (index.h(sqmTextSpanView.TextSpanView, Object.assign({}, { type: "h2" }), states.content.portalChangePasswordHeader)),
+      content: (index.h("sl-button", { onClick: () => callbacks.setOpen(true) }, states.content.portalChangePasswordButtonText)),
+    }),
+      index.h("style", { type: "text/css" }, styleString))));
+}
+
+const style$2 = {
+  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;
+}
+`;
+jssPresetDefault_esm.jss.setup(jssPresetDefault_esm.create());
+const sheet$2 = jssPresetDefault_esm.jss.createStyleSheet(style$2);
+const styleString$2 = sheet$2.toString();
+function PortalLoginView(props) {
+  const { states, callbacks, content } = props;
+  return (index.h("div", { class: sheet$2.classes.Wrapper },
+    index.h("style", { type: "text/css" },
+      vanillaStyle,
+      styleString$2),
+    index.h(sqmTextSpanView.TextSpanView, { type: "h3" }, content.pageLabel),
+    index.h("sl-form", { class: sheet$2.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))),
+      index.h("sl-input", { exportparts: "label: input-label", type: "email", name: "/email", label: content.emailLabel || "Email", disabled: states.loading, required: true }),
+      index.h("div", null,
+        index.h("sl-input", { exportparts: "label: input-label", type: "password", name: "/password", label: content.passwordLabel || "Password", disabled: states.loading, required: true }),
+        index.h("div", { class: sheet$2.classes.ForgotButtonContainer }, content.forgotPasswordButton)),
+      index.h("div", { class: sheet$2.classes.ButtonsContainer },
+        index.h("sl-button", { submit: true, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, content.submitLabel || "Login"),
+        content.secondaryButton))));
+}
+
+const style$3 = {
+  Wrapper: { ...mixins.AuthWrapper, "max-width": "600px" },
+  Column: mixins.AuthColumn,
+  HostBlock: mixins.HostBlock,
+  ":host": {
+    margin: "0 auto",
+    width: "100%",
+  },
+  ButtonsContainer: mixins.AuthButtonsContainer,
+  ErrorStyle: mixins.ErrorStyles,
+};
+const vanillaStyle$1 = `
+sqm-portal-register {
+  margin: 0 auto;
+  width: 100%;
+  display: block;
+}
+
+:host{
+  display: block;
+}
+
+:host([hidden]) {
+  display: none;
+}
+`;
+jssPresetDefault_esm.jss.setup(jssPresetDefault_esm.create());
+const sheet$3 = jssPresetDefault_esm.jss.createStyleSheet(style$3);
+const styleString$3 = sheet$3.toString();
+function PortalRegisterView(props) {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  const { states, refs, callbacks, content } = props;
+  if (states.error) {
+    window.scrollTo({ top: 0, left: 0, behavior: "smooth" });
+  }
+  return (index.h("div", { class: sheet$3.classes.Wrapper },
+    index.h("style", { type: "text/css" },
+      vanillaStyle$1,
+      styleString$3),
+    index.h(sqmTextSpanView.TextSpanView, { type: "h3" }, content.pageLabel),
+    index.h("sl-form", { class: sheet$3.classes.Column, "onSl-submit": callbacks.submit, ref: (el) => (refs.formRef.current = el), novalidate: true },
+      states.error && (index.h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
+        index.h("div", { part: "erroralert-text" }, props.states.error))),
+      content.formData,
+      !states.hideInputs && (index.h("sl-input", Object.assign({ exportparts: "label: input-label", type: "email", name: "/email", label: content.emailLabel || "Email", disabled: states.loading, required: true, validationError: ({ value }) => {
+          if (!value) {
+            return "Cannot be empty";
+          }
+          // this matches shoelace validation, but could be better
+          if (!value.includes("@")) {
+            return "Must be a valid email address";
+          }
+        } }, (((_b = (_a = states.validationState) === null || _a === void 0 ? void 0 : _a.validationErrors) === null || _b === void 0 ? void 0 : _b.email) ? {
+        class: sheet$3.classes.ErrorStyle,
+        helpText: ((_d = (_c = states.validationState) === null || _c === void 0 ? void 0 : _c.validationErrors) === null || _d === void 0 ? void 0 : _d.email) ||
+          "Cannot be empty",
+      }
+        : [])))),
+      !states.hideInputs && (index.h("sqm-password-field", { fieldLabel: content.passwordLabel, "enable-validation": states.enablePasswordValidation })),
+      content.passwordField,
+      !states.hideInputs && states.confirmPassword && (index.h("sl-input", Object.assign({ exportparts: "label: input-label", type: "password", name: "/confirmPassword", label: content.confirmPasswordLabel, disabled: states.loading, required: true }, (((_f = (_e = states.validationState) === null || _e === void 0 ? void 0 : _e.validationErrors) === null || _f === void 0 ? void 0 : _f.confirmPassword) ? {
+        class: sheet$3.classes.ErrorStyle,
+        helpText: ((_h = (_g = states.validationState) === null || _g === void 0 ? void 0 : _g.validationErrors) === null || _h === void 0 ? void 0 : _h.confirmPassword) ||
+          "Cannot be empty",
+      }
+        : [])))),
+      index.h("div", { class: sheet$3.classes.ButtonsContainer },
+        index.h("sl-button", { submit: true, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, content.submitLabel || "Register"),
+        content.secondaryButton))));
+}
+
+const style$4 = {
+  THead: {
+    padding: "var(--sl-spacing-small) var(--sl-spacing-medium) var(--sl-spacing-small) 0",
+    "text-align": "left",
+  },
+  TCell: {
+    padding: "var(--sl-spacing-small) var(--sl-spacing-medium) var(--sl-spacing-small) 0",
+  },
+  TRow: {
+    "border-top": "1px solid #EAEAEA",
+  },
+  Table: {
+    "border-collapse": "collapse",
+    width: "100%",
+  },
+  ButtonContainer: {
+    display: "flex",
+    "justify-content": "flex-end",
+    "margin-top": "var(--sl-spacing-small)",
+    ...mixins.gap({ direction: "row", size: "var(--sl-spacing-small)" }),
+  },
+};
+jssPresetDefault_esm.jss.setup(jssPresetDefault_esm.create());
+const sheet$4 = jssPresetDefault_esm.jss.createStyleSheet(style$4);
+const styleString$4 = sheet$4.toString();
+function ReferralTableView(props) {
+  var _a, _b;
+  const { states, data, callbacks, elements } = props;
+  const { columns, rows } = elements;
+  return (index.h("div", null,
+    index.h("style", { type: "text/css" }, styleString$4),
+    index.h("table", { class: sheet$4.classes.Table },
+      data.textOverrides.showLabels && (index.h("thead", null,
+        index.h("tr", null, columns === null || columns === void 0 ? void 0 : columns.map((column) => (index.h("th", { class: sheet$4.classes.THead },
+          index.h(sqmTextSpanView.TextSpanView, { type: "h3" }, column))))))),
+      index.h("tbody", null, states.loading
+        ? elements.loadingElement
+        : !((_a = elements === null || elements === void 0 ? void 0 : elements.rows) === null || _a === void 0 ? void 0 : _a.length) && !((_b = data.referralData) === null || _b === void 0 ? void 0 : _b.length)
+          ? elements.emptyElement
+          : rows === null || rows === void 0 ? void 0 : rows.map((row, i) => (index.h("tr", { class: sheet$4.classes.TRow, style: {
+              borderTop: `${!data.textOverrides.showLabels && i === 0
+                ? "none"
+                : ""}`,
+            }, part: "table-row" }, row.map((cell) => (index.h("td", { class: sheet$4.classes.TCell },
+            index.h(sqmTextSpanView.TextSpanView, { type: "p" }, cell))))))))),
+    index.h("div", { class: sheet$4.classes.ButtonContainer, part: "sqm-referral-table-button-wrapper" },
+      index.h("sl-button", { size: "small", disabled: !states.hasPrev, loading: states.loading, onClick: callbacks.prevPage, exportparts: "base: defaultbutton-base" }, data.textOverrides.prevLabel),
+      index.h("sl-button", { size: "small", loading: states.loading, disabled: !states.hasNext, onClick: callbacks.nextPage, exportparts: "base: defaultbutton-base" }, data.textOverrides.moreLabel))));
+}
+
+function ReferralIframeView(props) {
+  const { states, data } = props;
+  const { content } = states;
+  const style = {
+    Container: {
+      position: "relative",
+      width: content.iframeWidth,
+      height: content.iframeHeight,
+    },
+    IFrame: {
+      position: "absolute",
+      width: "100%",
+      height: "100%",
+      border: "0",
+      top: "0",
+      left: "0",
+      right: "0",
+    },
+  };
+  // JSS config
+  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" }, styleString),
+    index.h("iframe", { class: sheet.classes.IFrame, src: `${content.iframeSrc}?rsCode=${data.shareCode}` })));
+}
+
+exports.EditProfileView = EditProfileView;
+exports.PortalChangePasswordView = PortalChangePasswordView;
+exports.PortalFrameView = PortalFrameView;
+exports.PortalLoginView = PortalLoginView;
+exports.PortalRegisterView = PortalRegisterView;
+exports.ReferralIframeView = ReferralIframeView;
+exports.ReferralTableView = ReferralTableView;
+exports.ShareButtonView = ShareButtonView;
+exports.useShareButton = useShareButton;
+exports.useShareLink = useShareLink;

package/dist/cjs/sqm-referral-table-cell.cjs.entry.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-b0129cd6.js');
+require('./_commonjsHelpers-dcc4cf71.js');
+const stencilHooks_module = require('./stencil-hooks.module-426df801.js');
+
+const ReferralTableCell = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.ignored = true;
+    stencilHooks_module.h$1(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    return index.h("div", { innerHTML: this.innerTemplate });
+  }
+};
+
+exports.sqm_referral_table_cell = ReferralTableCell;