@saasquatch/mint-components 1.12.1-6 → 1.12.1-8

package/dist/collection/components/sqm-referral-codes/sqm-referral-codes.js

@@ -1,219 +0,0 @@
-import { isDemo } from "@saasquatch/component-boilerplate";
-import { withHooks } from "@saasquatch/stencil-hooks";
-import { Component, Prop, h } from "@stencil/core";
-import deepmerge from "deepmerge";
-import { getProps } from "../../utils/utils";
-import { ReferralCodesView, } from "./sqm-referral-codes-view";
-import { useReferralCodes } from "./useReferralCodes";
-/**
- * @uiName Promo Codes
- * @slots [{"name":"", "title":"Promo Codes Content"}]
- * @exampleGroup Sharing
- * @example Promo Codes - <sqm-referral-codes><sqm-pagination slot="pagination"></sqm-pagination><sqm-referral-code slot="shareCodes" show-notification-text="true"></sqm-referral-code><sqm-portal-container gap="small" slot="shareButtons"><sqm-share-button medium="email">Share via email</sqm-share-button><sqm-share-button medium="fbmessenger">Share on Facebook</sqm-share-button><sqm-share-button medium="whatsapp">Share on WhatsApp</sqm-share-button></sqm-portal-container></sqm-referral-codes>
- */
-export class ReferralCodes {
-  constructor() {
-    /**
-     * @uiName Title Text
-     */
-    this.titleText = "Start sharing";
-    /**
-     * @uiName Empty State Header Text
-     */
-    this.emptyStateHeaderText = "Your new codes and links aren’t ready yet";
-    /**
-     * @uiName Empty State Description Text
-     */
-    this.emptyStateDescriptionText = "Please contact our program support team to let them know you’re out of codes.";
-    /**
-     * @uiName Empty State Image URL
-     */
-    this.emptyStateImageUrl = "https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png";
-    withHooks(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const thisProps = getProps(this);
-    const props = isDemo()
-      ? useDemoReferralCodes(thisProps)
-      : useReferralCodes(thisProps);
-    const slots = {
-      shareButtons: h("slot", { name: "shareButtons" }),
-      shareCodes: h("slot", { name: "shareCodes" }),
-      pagination: h("slot", { name: "pagination" }),
-      empty: (h(EmptySlot, { headerText: this.emptyStateHeaderText, descriptionText: this.emptyStateDescriptionText, imageUrl: this.emptyStateImageUrl })),
-      loading: h(LoadingSlot, null),
-    };
-    const viewProps = {
-      slots,
-      ...props,
-      loading: props.states.loading,
-      noCodes: props.states.noCodes,
-    };
-    return h(ReferralCodesView, Object.assign({}, viewProps));
-  }
-  static get is() { return "sqm-referral-codes"; }
-  static get encapsulation() { return "shadow"; }
-  static get properties() { return {
-    "titleText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "Title Text",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "title-text",
-      "reflect": false,
-      "defaultValue": "\"Start sharing\""
-    },
-    "emptyStateHeaderText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "Empty State Header Text",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "empty-state-header-text",
-      "reflect": false,
-      "defaultValue": "\"Your new codes and links aren\u2019t ready yet\""
-    },
-    "emptyStateDescriptionText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "Empty State Description Text",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "empty-state-description-text",
-      "reflect": false,
-      "defaultValue": "\"Please contact our program support team to let them know you\u2019re out of codes.\""
-    },
-    "emptyStateImageUrl": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "Empty State Image URL",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "empty-state-image-url",
-      "reflect": false,
-      "defaultValue": "\"https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png\""
-    },
-    "programId": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "Program ID",
-            "name": "uiName"
-          }, {
-            "text": "programSelector",
-            "name": "uiWidget"
-          }],
-        "text": ""
-      },
-      "attribute": "program-id",
-      "reflect": false
-    },
-    "demoData": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "DemoData<ReferralCodesViewProps>",
-        "resolved": "{ states?: { noCodes: boolean; loading: boolean; }; slots?: { shareButtons: VNode; shareCodes: VNode; pagination: VNode; empty: VNode; loading: VNode; }; titleText?: string; }",
-        "references": {
-          "DemoData": {
-            "location": "import",
-            "path": "../../global/demo"
-          },
-          "ReferralCodesViewProps": {
-            "location": "import",
-            "path": "./sqm-referral-codes-view"
-          }
-        }
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": undefined,
-            "name": "undocumented"
-          }, {
-            "text": "object",
-            "name": "uiType"
-          }],
-        "text": ""
-      }
-    }
-  }; }
-}
-function EmptySlot({ headerText, descriptionText, imageUrl, }) {
-  return (h("slot", { name: "empty" },
-    h("sqm-empty", { emptyStateHeader: headerText, emptyStateText: descriptionText, emptyStateImage: imageUrl })));
-}
-function LoadingSlot() {
-  return (h("slot", { name: "loading" },
-    h(LoadingRow, null),
-    h(LoadingRow, null),
-    h(LoadingRow, null),
-    h(LoadingRow, null)));
-}
-function LoadingRow() {
-  return h("sl-skeleton", { style: { width: "100%" } });
-}
-function useDemoReferralCodes(props) {
-  return deepmerge({
-    titleText: props.titleText,
-    states: {
-      noCodes: false,
-      loading: false,
-    },
-  }, props.demoData || {}, { arrayMerge: (_, a) => a });
-}

package/dist/collection/components/sqm-referral-codes/useReferralCodes.js

@@ -1,131 +0,0 @@
-import { useEngagementMedium, usePaginatedQuery, useParentState, useProgramId, useRefreshDispatcher, useUserIdentity, } from "@saasquatch/component-boilerplate";
-import { useEffect } from "@saasquatch/universal-hooks";
-import { gql } from "graphql-request";
-const GET_REFERRAL_CODES = gql `
-  query getCodes(
-    $engagementMedium: UserEngagementMedium!
-    $limit: Int!
-    $offset: Int!
-    $filter: ReferralCodeFilterInput
-  ) {
-    viewer {
-      ... on User {
-        referralCodeList(limit: $limit, offset: $offset, filter: $filter) {
-          data {
-            code
-            dateUsed
-            dateCopied
-            singleUse
-            shareLinkCodes(limit: $limit) {
-              data {
-                linkCode
-                shareLink: shortUrl(
-                  shareMedium: DIRECT
-                  engagementMedium: EMBED
-                )
-                email: shortUrl(
-                  shareMedium: EMAIL
-                  engagementMedium: $engagementMedium
-                )
-                whatsApp: shortUrl(
-                  shareMedium: WHATSAPP
-                  engagementMedium: $engagementMedium
-                )
-                fbMessenger: shortUrl(
-                  shareMedium: FBMESSENGER
-                  engagementMedium: $engagementMedium
-                )
-              }
-            }
-          }
-          count
-          totalCount
-        }
-      }
-    }
-  }
-`;
-export const REFERRAL_CODES_NAMESPACE = "sq:referral-codes";
-export const REFERRAL_CODES_PAGINATION_CONTEXT = "sq:referral-codes-pagination";
-export const SET_CODE_COPIED = gql `
-  mutation markReferralCodeCopied($referralCode: String!) {
-    markReferralCodeCopied(referralCode: $referralCode) {
-      referralCode {
-        dateCopied
-      }
-    }
-  }
-`;
-export function useReferralCodes(props) {
-  const user = useUserIdentity();
-  const engagementMedium = useEngagementMedium();
-  const programId = props.programId || useProgramId();
-  const { refresh } = useRefreshDispatcher();
-  const { envelope: referralData, states, callbacks, } = usePaginatedQuery(GET_REFERRAL_CODES, (data) => { var _a; return (_a = data === null || data === void 0 ? void 0 : data.viewer) === null || _a === void 0 ? void 0 : _a.referralCodeList; }, {
-    limit: 1,
-    offset: 0,
-  }, {
-    engagementMedium,
-    programId,
-    filter: {
-      fuelTank_eq: true,
-      programId_eq: programId,
-      dateUsed_exists: false,
-    },
-  }, !(user === null || user === void 0 ? void 0 : user.jwt));
-  const [paginationContext, setPaginationContext] = useParentState({
-    namespace: REFERRAL_CODES_PAGINATION_CONTEXT,
-    initialValue: { states, callbacks },
-  });
-  const [referralCodesContext, setReferralCodesContext] = useParentState({
-    namespace: REFERRAL_CODES_NAMESPACE,
-    initialValue: {
-      refresh,
-      loading: true,
-      referralCode: "",
-      shareLink: "",
-      isCopied: false,
-      isUsed: false,
-      singleUse: false,
-      email: {
-        messageLink: "",
-      },
-      fbmessenger: {
-        messageLink: "",
-        shareLink: "",
-      },
-      whatsapp: { messageLink: "" },
-    },
-  });
-  useEffect(() => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
-    if ((_a = referralData === null || referralData === void 0 ? void 0 : referralData.data) === null || _a === void 0 ? void 0 : _a.length) {
-      const data = referralData.data[0];
-      setReferralCodesContext({
-        refresh,
-        referralCode: data.code,
-        isCopied: !!data.dateCopied,
-        isUsed: !!data.dateUsed,
-        singleUse: !!data.singleUse,
-        shareLink: (_d = (_c = (_b = data.shareLinkCodes) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.direct,
-        email: {
-          messageLink: (_g = (_f = (_e = data.shareLinkCodes) === null || _e === void 0 ? void 0 : _e.data) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g.email,
-        },
-        fbmessenger: {
-          messageLink: (_k = (_j = (_h = data.shareLinkCodes) === null || _h === void 0 ? void 0 : _h.data) === null || _j === void 0 ? void 0 : _j[0]) === null || _k === void 0 ? void 0 : _k.fbMessenger,
-          shareLink: (_o = (_m = (_l = data.shareLinkCodes) === null || _l === void 0 ? void 0 : _l.data) === null || _m === void 0 ? void 0 : _m[0]) === null || _o === void 0 ? void 0 : _o.fbMessenger,
-        },
-        whatsapp: { messageLink: (_r = (_q = (_p = data.shareLinkCodes) === null || _p === void 0 ? void 0 : _p.data) === null || _q === void 0 ? void 0 : _q[0]) === null || _r === void 0 ? void 0 : _r.whatsApp },
-      });
-      setPaginationContext({ states, callbacks });
-    }
-  }, [referralData]);
-  return {
-    states: {
-      ...states,
-      noCodes: (referralData === null || referralData === void 0 ? void 0 : referralData.totalCount) === 0,
-    },
-    data: referralCodesContext,
-    callbacks: {},
-  };
-}

package/dist/esm/copy-text-view-61eebf5d.js

@@ -1,225 +0,0 @@
-import { h } from './index-60f16d0a.js';
-import { f as useEffect } from './stencil-hooks.module-e20edc0b.js';
-import { d as dist, K, z, Y as Ye, O as On, F as Fn, n as ne } from './index.module-f3d96fbb.js';
-import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { H as HostBlock } from './mixins-83f90fa1.js';
-
-const GET_REFERRAL_CODES = dist.gql `
-  query getCodes(
-    $engagementMedium: UserEngagementMedium!
-    $limit: Int!
-    $offset: Int!
-    $filter: ReferralCodeFilterInput
-  ) {
-    viewer {
-      ... on User {
-        referralCodeList(limit: $limit, offset: $offset, filter: $filter) {
-          data {
-            code
-            dateUsed
-            dateCopied
-            singleUse
-            shareLinkCodes(limit: $limit) {
-              data {
-                linkCode
-                shareLink: shortUrl(
-                  shareMedium: DIRECT
-                  engagementMedium: EMBED
-                )
-                email: shortUrl(
-                  shareMedium: EMAIL
-                  engagementMedium: $engagementMedium
-                )
-                whatsApp: shortUrl(
-                  shareMedium: WHATSAPP
-                  engagementMedium: $engagementMedium
-                )
-                fbMessenger: shortUrl(
-                  shareMedium: FBMESSENGER
-                  engagementMedium: $engagementMedium
-                )
-              }
-            }
-          }
-          count
-          totalCount
-        }
-      }
-    }
-  }
-`;
-const REFERRAL_CODES_NAMESPACE = "sq:referral-codes";
-const REFERRAL_CODES_PAGINATION_CONTEXT = "sq:referral-codes-pagination";
-const SET_CODE_COPIED = dist.gql `
-  mutation markReferralCodeCopied($referralCode: String!) {
-    markReferralCodeCopied(referralCode: $referralCode) {
-      referralCode {
-        dateCopied
-      }
-    }
-  }
-`;
-function useReferralCodes(props) {
-  const user = K();
-  const engagementMedium = ne();
-  const programId = props.programId || z();
-  const { refresh } = Ye();
-  const { envelope: referralData, states, callbacks, } = On(GET_REFERRAL_CODES, (data) => { var _a; return (_a = data === null || data === void 0 ? void 0 : data.viewer) === null || _a === void 0 ? void 0 : _a.referralCodeList; }, {
-    limit: 1,
-    offset: 0,
-  }, {
-    engagementMedium,
-    programId,
-    filter: {
-      fuelTank_eq: true,
-      programId_eq: programId,
-      dateUsed_exists: false,
-    },
-  }, !(user === null || user === void 0 ? void 0 : user.jwt));
-  const [paginationContext, setPaginationContext] = Fn({
-    namespace: REFERRAL_CODES_PAGINATION_CONTEXT,
-    initialValue: { states, callbacks },
-  });
-  const [referralCodesContext, setReferralCodesContext] = Fn({
-    namespace: REFERRAL_CODES_NAMESPACE,
-    initialValue: {
-      refresh,
-      loading: true,
-      referralCode: "",
-      shareLink: "",
-      isCopied: false,
-      isUsed: false,
-      singleUse: false,
-      email: {
-        messageLink: "",
-      },
-      fbmessenger: {
-        messageLink: "",
-        shareLink: "",
-      },
-      whatsapp: { messageLink: "" },
-    },
-  });
-  useEffect(() => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
-    if ((_a = referralData === null || referralData === void 0 ? void 0 : referralData.data) === null || _a === void 0 ? void 0 : _a.length) {
-      const data = referralData.data[0];
-      setReferralCodesContext({
-        refresh,
-        referralCode: data.code,
-        isCopied: !!data.dateCopied,
-        isUsed: !!data.dateUsed,
-        singleUse: !!data.singleUse,
-        shareLink: (_d = (_c = (_b = data.shareLinkCodes) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.direct,
-        email: {
-          messageLink: (_g = (_f = (_e = data.shareLinkCodes) === null || _e === void 0 ? void 0 : _e.data) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g.email,
-        },
-        fbmessenger: {
-          messageLink: (_k = (_j = (_h = data.shareLinkCodes) === null || _h === void 0 ? void 0 : _h.data) === null || _j === void 0 ? void 0 : _j[0]) === null || _k === void 0 ? void 0 : _k.fbMessenger,
-          shareLink: (_o = (_m = (_l = data.shareLinkCodes) === null || _l === void 0 ? void 0 : _l.data) === null || _m === void 0 ? void 0 : _m[0]) === null || _o === void 0 ? void 0 : _o.fbMessenger,
-        },
-        whatsapp: { messageLink: (_r = (_q = (_p = data.shareLinkCodes) === null || _p === void 0 ? void 0 : _p.data) === null || _q === void 0 ? void 0 : _q[0]) === null || _r === void 0 ? void 0 : _r.whatsApp },
-      });
-      setPaginationContext({ states, callbacks });
-    }
-  }, [referralData]);
-  return {
-    states: {
-      ...states,
-      noCodes: (referralData === null || referralData === void 0 ? void 0 : referralData.totalCount) === 0,
-    },
-    data: referralCodesContext,
-    callbacks: {},
-  };
-}
-
-const style = {
-  HostBlock: HostBlock,
-  inputStyle: {
-    "&::part(input)": { textOverflow: "ellipsis", width: "100%" },
-    "&::part(base)": { cursor: "pointer", overflow: "visible" },
-    width: "100%",
-  },
-  inputErrorStyle: {
-    "&::part(base)": {
-      border: "2px solid red",
-    },
-  },
-  ContainerDiv: {
-    display: "flex",
-    alignItems: "flex-start",
-    flexDirection: "column",
-    justifyContent: "center",
-    gap: "var(--sl-spacing-x-small)",
-    width: "100%",
-  },
-  containerStyle: {
-    display: "flex",
-    alignItems: "center",
-    gap: "var(--sl-spacing-x-small)",
-    width: "100%",
-  },
-  errorTextStyle: {
-    margin: "0",
-    color: "var(--sl-color-danger-500)",
-  },
-  notificationTextStyle: {
-    margin: "0",
-    color: "var(--sl-color-neutral-500)",
-  },
-};
-const vanillaStyle = `
-  :host{
-    display: block;   
-    width: 100%;
-  }
-`;
-const textAlignStyle = {
-  right: `
-sl-input::part(input){
-  text-align: right;
-}`,
-  center: `  
-sl-input::part(input){
-  text-align: center;
-}`,
-  left: ``,
-};
-const disabledStyles = `
-  sl-input::part(input){
-    cursor: default;
-  }
-`;
-const sheet = createStyleSheet(style);
-const styleString = sheet.toString();
-function CopyTextView(props) {
-  const { buttonStyle = "icon" } = props;
-  const error = !props.loading && props.error;
-  const inputText = error ? props.inputPlaceholderText : props.copyString;
-  const disabled = error || props.loading || props.disabled;
-  const tooltipPlacement = props.buttonStyle === "button-below"
-    ? "bottom"
-    : props.buttonStyle === "button-outside"
-      ? "top"
-      : "top-end";
-  const copyButton = (h("sl-tooltip", { trigger: "manual", content: props.tooltiptext, placement: tooltipPlacement, disabled: props.disabled, open: props.open, skidding: props.buttonStyle === "icon" ? -5 : 0, slot: "suffix" }, buttonStyle === "icon" ? (h("sl-icon-button", { exportparts: "base: icon-button-base", onClick: () => { var _a; return (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props); }, name: "files", disabled: disabled })) : (h("sl-button", { exportparts: "base: copy-button-base", onClick: () => { var _a; return (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props); }, size: "medium", style: { width: `${buttonStyle === "button-below" && "100%"}` }, disabled: disabled, type: "primary" }, props.copyButtonLabel || "Copy"))));
-  return (h("div", { class: sheet.classes.ContainerDiv },
-    h("style", { type: "text/css" },
-      styleString,
-      vanillaStyle,
-      textAlignStyle[props.textAlign],
-      disabled && disabledStyles),
-    h("div", { class: sheet.classes.containerStyle, style: {
-        flexDirection: `${buttonStyle === "button-below" ? "column" : "row"}`,
-      } },
-      h("sl-input", { class: `${sheet.classes.inputStyle} ${error ? sheet.classes.inputErrorStyle : ""}`, exportparts: "base: input-base, input: input-label", value: props.loading ? "Loading..." : inputText, readonly: true, disabled: disabled },
-        buttonStyle === "icon" && copyButton,
-        error && (h("p", { slot: "help-text", class: sheet.classes.errorTextStyle }, props.errorText))),
-      (buttonStyle === "button-outside" || buttonStyle === "button-below") &&
-        copyButton),
-    props.isCopied &&
-      props.showNotificationText &&
-      props.notificationText && (h("p", { part: "sqm-notification-text", class: sheet.classes.notificationTextStyle }, props.notificationText))));
-}
-
-export { CopyTextView as C, REFERRAL_CODES_PAGINATION_CONTEXT as R, SET_CODE_COPIED as S, REFERRAL_CODES_NAMESPACE as a, useReferralCodes as u };

package/dist/esm/sqm-base-registration-form-view-dd481f19.js

@@ -1,66 +0,0 @@
-import { h } from './index-60f16d0a.js';
-import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { A as AuthWrapper, a as AuthColumn, H as HostBlock, b as AuthButtonsContainer, E as ErrorStyles } from './mixins-83f90fa1.js';
-import { T as TextSpanView } from './sqm-text-span-view-d1b54710.js';
-
-const style = {
-  Wrapper: { ...AuthWrapper, "max-width": "600px" },
-  Column: AuthColumn,
-  HostBlock: HostBlock,
-  ":host": {
-    margin: "0 auto",
-    width: "100%",
-  },
-  ButtonsContainer: {
-    ...AuthButtonsContainer,
-    gap: "var(--sl-spacing-medium)",
-    "& > *": {
-      margin: "0 !important",
-    },
-  },
-  ErrorStyle: ErrorStyles,
-};
-const vanillaStyle = `
-sqm-portal-register {
-  margin: 0 auto;
-  width: 100%;
-  display: block;
-}
-
-:host{
-  display: block;
-}
-
-:host([hidden]) {
-  display: none;
-}
-`;
-const sheet = createStyleSheet(style);
-const styleString = sheet.toString();
-function BaseRegistrationFormView(props) {
-  const { states, content, callbacks } = props;
-  return (h("div", { class: sheet.classes.Wrapper },
-    h("style", { type: "text/css" },
-      vanillaStyle,
-      styleString),
-    h(TextSpanView, { type: "h3" }, content.pageLabel),
-    h("sl-form", { class: sheet.classes.Column, "onSl-submit": callbacks.handleEmailSubmit, novalidate: true },
-      states.error && (h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
-        h("div", { part: "erroralert-text" }, props.states.error))),
-      h("sl-input", { exportparts: "label: input-label, base: input-base", type: "email", name: "/email", label: content.emailLabel || "Email", required: true, validationError: ({ value }) => {
-          if (!value) {
-            return content.requiredFieldErrorMessage;
-          }
-          // this matches shoelace validation, but could be better
-          if (!value.includes("@")) {
-            return content.invalidEmailErrorMessage;
-          }
-        } }),
-      h("div", { class: sheet.classes.ButtonsContainer },
-        h("sl-button", { submit: true, exportparts: "base: primarybutton-base", type: "primary", style: { margin: "0" } }, content.submitLabel || "Register"),
-        h("sl-menu-divider", { style: { margin: "0" } }),
-        content.googleButton,
-        content.secondaryButton))));
-}
-
-export { BaseRegistrationFormView as B };

package/dist/esm/sqm-google-sign-in.entry.js

@@ -1,41 +0,0 @@
-import { r as registerInstance, e as createEvent, h as h$1 } from './index-60f16d0a.js';
-import { n as h, k as useState, f as useEffect } from './stencil-hooks.module-e20edc0b.js';
-import { g as getEnvironmentSDK } from './index.module-f3d96fbb.js';
-
-const GoogleSignIn = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.initComplete = createEvent(this, "initComplete", 7);
-    h(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const sdk = getEnvironmentSDK();
-    const [googleButtonDiv, setGoogleButtonDiv] = useState(null);
-    useEffect(() => {
-      if (sdk.type !== "SquatchPortal")
-        return;
-      if (!googleButtonDiv)
-        return;
-      const cb = (res) => {
-        this.initComplete.emit(res);
-      };
-      //@ts-expect-error
-      google.accounts.id.initialize({
-        //@ts-expect-error: link component-env/boilerplate for new types
-        client_id: sdk.env.googleClientId,
-        callback: cb,
-      });
-      //@ts-expect-error
-      google.accounts.id.renderButton(googleButtonDiv, {
-        theme: "outline",
-        size: "large",
-        text: this.text,
-      });
-    }, [googleButtonDiv]);
-    // TODO: Maybe a loading placeholder while initialising
-    return h$1("div", { ref: setGoogleButtonDiv });
-  }
-};
-
-export { GoogleSignIn as sqm_google_sign_in };