npm - @saasquatch/mint-components - Versions diffs - 1.13.0-0 → 1.13.0-10 - Mend

@saasquatch/mint-components 1.13.0-0 → 1.13.0-10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (441) hide show

package/dist/cjs/sqm-big-stat_38.cjs.entry.js CHANGED Viewed

@@ -2,26 +2,26 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-3cf5ef3d.js');
-const stencilHooks_module = require('./stencil-hooks.module-ece1ee46.js');
-const global = require('./global-d9abaf4d.js');
-const index_module = require('./index.module-ccf9bd9c.js');
+const index = require('./index-a29c60ef.js');
+const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
+const global = require('./global-19fc8a7a.js');
+const index_module = require('./index.module-57703088.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
-const copyTextView = require('./copy-text-view-43e8349f.js');
+const copyTextView = require('./copy-text-view-9b950efe.js');
 require('./mixins-f7e0377a.js');
-const reRender = require('./re-render-1e63c82b.js');
-const useChildElements = require('./useChildElements-438cf387.js');
-require('./luxon-14ae1f8a.js');
-require('./sqm-text-span-view-a22f50aa.js');
+const reRender = require('./re-render-35b016ed.js');
+const useChildElements = require('./useChildElements-854cd1e5.js');
+require('./luxon-2926d85f.js');
+require('./sqm-text-span-view-0aa82125.js');
 const index$1 = require('./index-8c6255f5.js');
-const useRegistrationFormState = require('./useRegistrationFormState-5911d016.js');
+const useRegistrationFormState = require('./useRegistrationFormState-986b5ea1.js');
 const AsYouType = require('./AsYouType-6788393a.js');
-const utilities = require('./utilities-27e9535b.js');
-const ShadowViewAddon = require('./ShadowViewAddon-2aa1bd99.js');
-require('./sqm-portal-container-view-9a36f5ed.js');
+const utilities = require('./utilities-c135f16f.js');
+const ShadowViewAddon = require('./ShadowViewAddon-44cb1a98.js');
+require('./sqm-portal-container-view-4f15143a.js');
 const BigStat = class {
   constructor(hostRef) {
@@ -40,7 +40,7 @@ const BigStat = class {
   render() {
     var _a;
     const { props, label } = index_module.isDemo() ? ShadowViewAddon.useDemoBigStat(this) : ShadowViewAddon.useBigStat(this);
-    const host = index_module.T();
+    const host = index_module._();
     const hasLabel = !!((_a = host.innerHTML) === null || _a === void 0 ? void 0 : _a.trim());
     const labelSlot = index.h("slot", { name: "label" }, hasLabel ? index.h("slot", null) : label);
     return index.h(ShadowViewAddon.BigStatView, Object.assign({}, props, { labelSlot: labelSlot }));
@@ -161,7 +161,7 @@ const styleString = sheet.toString();
 function RequiredPropsError({ missingProps, heading = "There was a problem loading this section", subheading = "There was a technical problem that prevented this section from loading. Please contact us with the link to this page.", description = "Error occured while loading <{tagName}>. Values for the following attributes are missing:", }, children) {
   if (!missingProps)
     return false;
-  const host = index_module.T();
+  const host = index_module._();
   const [detailsOpen, setDetailsOpen] = stencilHooks_module.useState(false);
   return (index.h("sl-alert", { type: "danger", open: true },
     index.h("style", { type: "text/css" }, styleString),
@@ -303,11 +303,11 @@ const WIDGET_ENGAGEMENT_EVENT = index_module.dist.gql `
 `;
 function useCouponCode(props) {
   var _a, _b, _c;
-  const user = index_module.K();
-  const programId = index_module.z();
-  const engagementMedium = index_module.ne();
-  const [sendLoadEvent] = index_module.xe(WIDGET_ENGAGEMENT_EVENT);
-  const { data, loading, refetch, errors } = index_module.En(FuelTankRewardsQuery, { programId }, !(user === null || user === void 0 ? void 0 : user.jwt));
+  const user = index_module.J();
+  const programId = index_module.H();
+  const engagementMedium = index_module.B();
+  const [sendLoadEvent] = index_module.$e(WIDGET_ENGAGEMENT_EVENT);
+  const { data, loading, refetch, errors } = index_module.wn(FuelTankRewardsQuery, { programId }, !(user === null || user === void 0 ? void 0 : user.jwt));
   const getStatus = (reward) => {
     if (!reward || !reward.statuses)
       return "ERROR";
@@ -697,13 +697,13 @@ const defaultFormState = {
   error: "",
 };
 function useEditProfile(props) {
-  const userIdent = index_module.K();
+  const userIdent = index_module.J();
   const [showEdit, setShowEdit] = stencilHooks_module.useState(false);
   const [error, setError] = stencilHooks_module.useState("");
   const [userData, setUserData] = stencilHooks_module.useState(undefined);
   const [formState, setFormState] = stencilHooks_module.useState(defaultFormState);
-  const userDataResponse = index_module.En(GET_USER, {}, !(userIdent === null || userIdent === void 0 ? void 0 : userIdent.jwt));
-  const [upsertUser, upsertUserResponse] = index_module.xe(UPSERT_USER);
+  const userDataResponse = index_module.wn(GET_USER, {}, !(userIdent === null || userIdent === void 0 ? void 0 : userIdent.jwt));
+  const [upsertUser, upsertUserResponse] = index_module.$e(UPSERT_USER);
   stencilHooks_module.useEffect(() => {
     if ((upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.loading) || !showEdit)
       return;
@@ -1342,11 +1342,11 @@ const GET_RANK_WITHOUT_NAMES = index_module.dist.gql `
 `;
 function useLeaderboard(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-  const programIdContext = index_module.z();
+  const programIdContext = index_module.H();
   // Default to context, overriden by props
   const programId = (_a = props.programId) !== null && _a !== void 0 ? _a : programIdContext;
-  const user = index_module.K();
-  const locale = index_module.Q();
+  const user = index_module.J();
+  const locale = index_module.L();
   const variables = programId
     ? {
       type: props.leaderboardType,
@@ -1365,8 +1365,8 @@ function useLeaderboard(props) {
   if (props.maxRows > 0) {
     variables["limit"] = props.maxRows;
   }
-  const { data: leaderboardData, loading: loadingLeaderboard, errors: leaderboardErrors, } = index_module.En(props.hideNames ? GET_LEADERBOARD_WITHOUT_NAMES : GET_LEADERBOARD, variables, !(user === null || user === void 0 ? void 0 : user.jwt), { batch: false });
-  const { data: rankData } = index_module.En(props.hideNames ? GET_RANK_WITHOUT_NAMES : GET_RANK, variables, !(user === null || user === void 0 ? void 0 : user.jwt));
+  const { data: leaderboardData, loading: loadingLeaderboard, errors: leaderboardErrors, } = index_module.wn(props.hideNames ? GET_LEADERBOARD_WITHOUT_NAMES : GET_LEADERBOARD, variables, !(user === null || user === void 0 ? void 0 : user.jwt), { batch: false });
+  const { data: rankData } = index_module.wn(props.hideNames ? GET_RANK_WITHOUT_NAMES : GET_RANK, variables, !(user === null || user === void 0 ? void 0 : user.jwt));
   const leaderboardRows = (_b = leaderboardData === null || leaderboardData === void 0 ? void 0 : leaderboardData.userLeaderboard) === null || _b === void 0 ? void 0 : _b.rows;
   const flattenedLeaderboard = getFlattenedLeaderboard(leaderboardRows);
   const sortedLeaderboard = flattenedLeaderboard === null || flattenedLeaderboard === void 0 ? void 0 : flattenedLeaderboard.sort(function (a, b) {
@@ -1664,12 +1664,12 @@ function NavigationMenuView(props) {
 }
 function handleMenu(e) {
-  index_module.xn.push(e.detail.item.value);
+  index_module.jn.push(e.detail.item.value);
 }
 function useNavigationMenu(props) {
   const ref = stencilHooks_module.useRef();
-  const [, rerender] = index_module.wn();
-  const user = index_module.K();
+  const [, rerender] = index_module.yn();
+  const user = index_module.J();
   stencilHooks_module.useEffect(() => {
     var _a;
     (_a = ref.current) === null || _a === void 0 ? void 0 : _a.addEventListener("sl-select", (e) => handleMenu(e));
@@ -1723,11 +1723,11 @@ NavigationMenu.style = sqmNavigationMenuCss;
 function usePortalChangePassword(props) {
   var _a, _b, _c, _d, _e, _f, _g;
-  const [request, { loading, errors, data }] = index_module.ze();
+  const [request, { loading, errors, data }] = index_module.Ue();
   const [open, setOpen] = stencilHooks_module.useState(false);
   const [error, setError] = stencilHooks_module.useState("");
   const [success, setSuccess] = stencilHooks_module.useState(false);
-  const user = index_module.K();
+  const user = index_module.J();
   const submit = async (event) => {
     var _a, _b;
     setSuccess(false);
@@ -1969,7 +1969,7 @@ const PortalFooter = class {
 };
 function usePortalFrame(footerContent, headerContent) {
-  const [, rerender] = index_module.wn();
+  const [, rerender] = index_module.yn();
   return {
     data: {
       footer: footerContent,
@@ -2018,11 +2018,28 @@ function usePortalFrameDemo(footerContent, headerContent, props) {
 }
 function usePortalLogin(props) {
-  var _a, _b, _c, _d, _e, _f, _g;
-  const [request, { loading, errors, data }] = index_module.We();
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+  const [request, { loading, errors, data }] = index_module.je();
+  const [loginWithGoogle, { loading: gLoading, errors: gErrors }] = index_module.hn();
   const [error, setError] = stencilHooks_module.useState("");
-  const urlParams = new URLSearchParams(index_module.xn.location.search);
+  const urlParams = new URLSearchParams(index_module.jn.location.search);
   const nextPageOverride = urlParams.get("nextPage");
+  const googleSubmit = async (e) => {
+    var _a, _b, _c;
+    if (!((_a = e.detail) === null || _a === void 0 ? void 0 : _a.credential))
+      return;
+    const result = await loginWithGoogle({ idToken: e.detail.credential });
+    if (result instanceof Error) {
+      if ((result === null || result === void 0 ? void 0 : result.message) || ((_b = result === null || result === void 0 ? void 0 : result["response"]) === null || _b === void 0 ? void 0 : _b["error"]))
+        setError(props.networkErrorMessage);
+      return;
+    }
+    if ((_c = result.authenticateManagedIdentityWithGoogle) === null || _c === void 0 ? void 0 : _c.token) {
+      urlParams.delete("nextPage");
+      const url = utils.sanitizeUrlPath(nextPageOverride || props.nextPage);
+      index_module.jn.push(url.href);
+    }
+  };
   const submit = async (event) => {
     var _a, _b;
     setError("");
@@ -2040,19 +2057,22 @@ function usePortalLogin(props) {
     if ((_b = result.authenticateManagedIdentityWithEmailAndPassword) === null || _b === void 0 ? void 0 : _b.token) {
       urlParams.delete("nextPage");
       const url = utils.sanitizeUrlPath(nextPageOverride || props.nextPage);
-      index_module.xn.push(url.href);
+      index_module.jn.push(url.href);
     }
   };
   const errorMessage = ((_d = (_c = (_b = (_a = errors === null || errors === void 0 ? void 0 : errors.response) === null || _a === void 0 ? void 0 : _a.errors) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.extensions) === null || _d === void 0 ? void 0 : _d.message) || ((_g = (_f = (_e = errors === null || errors === void 0 ? void 0 : errors.response) === null || _e === void 0 ? void 0 : _e.errors) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g.message) ||
     error;
+  const googleErrorMessage = ((_l = (_k = (_j = (_h = gErrors === null || gErrors === void 0 ? void 0 : gErrors.response) === null || _h === void 0 ? void 0 : _h.errors) === null || _j === void 0 ? void 0 : _j[0]) === null || _k === void 0 ? void 0 : _k.extensions) === null || _l === void 0 ? void 0 : _l.message) || ((_p = (_o = (_m = gErrors === null || gErrors === void 0 ? void 0 : gErrors.response) === null || _m === void 0 ? void 0 : _m.errors) === null || _o === void 0 ? void 0 : _o[0]) === null || _p === void 0 ? void 0 : _p.message) ||
+    error;
   return {
     states: {
-      loading,
-      error: errorMessage,
+      loading: loading || gLoading,
+      error: errorMessage || googleErrorMessage,
       registerPath: props.registerPath,
       forgotPasswordPath: props.forgotPasswordPath,
     },
     callbacks: {
+      googleSubmit,
       submit,
     },
   };
@@ -2118,7 +2138,7 @@ const PortalLogin = class {
     /**
      * @undocumented
      */
-    this.showGoogleLogin = true;
+    this.showGoogleLogin = false;
     stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
@@ -2126,7 +2146,6 @@ const PortalLogin = class {
     const { states, callbacks } = index_module.isDemo()
       ? useLoginDemo(this)
       : usePortalLogin(this);
-    // AL: TODO styling cleanup
     const styles = {
       RegisterButton: {
         "&::part(label)": {
@@ -2137,9 +2156,9 @@ const PortalLogin = class {
     const sheet = JSS.createStyleSheet(styles);
     const styleString = sheet.toString();
     const content = {
-      forgotPasswordButton: (index.h("slot", { name: "forgotPassword" }, index.h("a", { onClick: () => index_module.xn.push(states.forgotPasswordPath) }, this.forgotPasswordLabel))),
-      googleButton: this.showGoogleLogin ? (index.h("sqm-google-sign-in", { onInitComplete: (res) => console.log(res) })) : null,
-      secondaryButton: (index.h("slot", { name: "secondaryButton" }, index.h("style", null, styleString), this.showGoogleLogin ? (index.h("span", null, this.registerCTA, " ", index.h("sl-button", { type: "text", disabled: states.loading, onClick: () => index_module.xn.push(states.registerPath), className: sheet.classes.RegisterButton }, this.registerLabel))) : (index.h("sl-button", { type: "text", disabled: states.loading, onClick: () => index_module.xn.push(states.registerPath) }, this.registerLabel)))),
+      forgotPasswordButton: (index.h("slot", { name: "forgotPassword" }, index.h("a", { onClick: () => index_module.jn.push(states.forgotPasswordPath) }, this.forgotPasswordLabel))),
+      googleButton: this.showGoogleLogin ? (index.h("sqm-google-sign-in", { onInitComplete: callbacks.googleSubmit })) : null,
+      secondaryButton: (index.h("slot", { name: "secondaryButton" }, index.h("style", null, styleString), this.showGoogleLogin ? (index.h("span", null, this.registerCTA, " ", index.h("sl-button", { size: "large", type: "text", disabled: states.loading, onClick: () => index_module.jn.push(states.registerPath), className: sheet.classes.RegisterButton }, this.registerLabel))) : (index.h("sl-button", { type: "text", disabled: states.loading, onClick: () => index_module.jn.push(states.registerPath) }, this.registerLabel)))),
       emailLabel: this.emailLabel,
       passwordLabel: this.passwordLabel,
       submitLabel: this.submitLabel,
@@ -2158,6 +2177,9 @@ function useLoginDemo(props) {
       showLoginForm: "manual",
     },
     callbacks: {
+      googleSubmit: async () => {
+        console.log("google submit");
+      },
       submit: async (_event) => {
         console.log("submit");
       },
@@ -2172,7 +2194,7 @@ function usePortalRegister(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j;
   const formRef = stencilHooks_module.useRef(null);
   const { registrationFormState, setRegistrationFormState } = useRegistrationFormState.useRegistrationFormState({});
-  const [request, { loading, errors, data }] = index_module.Ue();
+  const [request, { loading, errors, data }] = index_module.Ve();
   stencilHooks_module.useEffect(() => {
     if (!formRef.current)
       return;
@@ -2245,7 +2267,7 @@ function usePortalRegister(props) {
         validationErrors: {},
       });
       if ((_a = result.registerManagedIdentityWithEmailAndPassword) === null || _a === void 0 ? void 0 : _a.token) {
-        index_module.xn.push(props.nextPage);
+        index_module.jn.push(props.nextPage);
       }
     }
     catch (error) {
@@ -2419,7 +2441,7 @@ const PortalRegister = class {
       : usePortalRegister(this);
     const content = {
       formData: index.h("slot", { name: "formData" }),
-      secondaryButton: (index.h("slot", { name: "secondaryButton" }, index.h("sl-button", { type: "text", disabled: states.loading, onClick: () => index_module.xn.push(states.loginPath) }, this.loginLabel))),
+      secondaryButton: (index.h("slot", { name: "secondaryButton" }, index.h("sl-button", { type: "text", disabled: states.loading, onClick: () => index_module.jn.push(states.loginPath) }, this.loginLabel))),
       terms: index.h("slot", { name: "terms" }),
       emailLabel: this.emailLabel,
       passwordLabel: this.passwordLabel,
@@ -2590,11 +2612,11 @@ const ProgramExplainerStep = class {
 const debug = stencilHooks_module.browser("sq:useProgramMenu");
 const UPDATE_PROGRAM_EVENT = "sq:update-program-id";
 function useProgramMenu(props) {
-  const programId = index_module.z();
-  const host = index_module.T();
+  const programId = index_module.H();
+  const host = index_module._();
   debug({ programId, props });
   const ref = stencilHooks_module.useRef();
-  const [, rerender] = index_module.wn();
+  const [, rerender] = index_module.yn();
   stencilHooks_module.useEffect(() => {
     var _a;
     (_a = ref.current) === null || _a === void 0 ? void 0 : _a.addEventListener("sl-select", (e) => {
@@ -2772,9 +2794,9 @@ const GET_USER_DETAILS = index_module.dist.gql `
 `;
 function useReferralIframe(props) {
   var _a;
-  const programId = index_module.z();
-  const user = index_module.K();
-  const { data } = index_module.En(GET_USER_DETAILS, { programId }, !(user === null || user === void 0 ? void 0 : user.jwt) || !programId);
+  const programId = index_module.H();
+  const user = index_module.J();
+  const { data } = index_module.wn(GET_USER_DETAILS, { programId }, !(user === null || user === void 0 ? void 0 : user.jwt) || !programId);
   return {
     states: {
       content: props,
@@ -3499,9 +3521,9 @@ function useRewardExchangeList(props) {
   });
   const [open, setOpen] = stencilHooks_module.useState(false);
   const { selectedItem, selectedStep, redeemStage, amount, exchangeError } = exchangeState;
-  const user = index_module.K();
-  const [exchange, { data: exchangeResponse, loading: exchangeLoading, errors },] = index_module.xe(EXCHANGE);
-  const { data, loading, refetch, errors: queryError, } = index_module.En(GET_EXCHANGE_LIST, {}, !(user === null || user === void 0 ? void 0 : user.jwt));
+  const user = index_module.J();
+  const [exchange, { data: exchangeResponse, loading: exchangeLoading, errors },] = index_module.$e(EXCHANGE);
+  const { data, loading, refetch, errors: queryError, } = index_module.wn(GET_EXCHANGE_LIST, {}, !(user === null || user === void 0 ? void 0 : user.jwt));
   stencilHooks_module.useEffect(() => {
     var _a, _b;
     if ((_b = (_a = exchangeResponse === null || exchangeResponse === void 0 ? void 0 : exchangeResponse.exchangeReward) === null || _a === void 0 ? void 0 : _a.reward) === null || _b === void 0 ? void 0 : _b.id) {
@@ -3520,7 +3542,7 @@ function useRewardExchangeList(props) {
       canvas.confetti || confetti.create(canvas, { resize: true });
     canvas.confetti();
   }, [canvasRef.current]);
-  const { refresh } = index_module.Ye();
+  const { refresh } = index_module.Qe();
   async function exchangeReward() {
     if (!selectedItem)
       return;
@@ -3828,8 +3850,8 @@ function matchPath(pattern, page) {
   return regexp.exec(page);
 }
 function useRouter() {
-  const location = index_module.jn();
-  const host = index_module.T();
+  const location = index_module.kn();
+  const host = index_module._();
   const [slot, setSlot] = stencilHooks_module.useState(undefined);
   const [container, setContainer] = stencilHooks_module.useState(undefined);
   const page = location.pathname;
@@ -4090,11 +4112,11 @@ const WIDGET_ENGAGEMENT_EVENT$1 = index_module.dist.gql `
 `;
 function useShareCode(props) {
   var _a, _b;
-  const { programId = index_module.z() } = props;
-  const user = index_module.K();
-  const engagementMedium = index_module.ne();
-  const { data } = index_module.En(MessageLinkQuery, { programId }, !(user === null || user === void 0 ? void 0 : user.jwt));
-  const [sendLoadEvent] = index_module.xe(WIDGET_ENGAGEMENT_EVENT$1);
+  const { programId = index_module.H() } = props;
+  const user = index_module.J();
+  const engagementMedium = index_module.B();
+  const { data } = index_module.wn(MessageLinkQuery, { programId }, !(user === null || user === void 0 ? void 0 : user.jwt));
+  const [sendLoadEvent] = index_module.$e(WIDGET_ENGAGEMENT_EVENT$1);
   const copyString = (_b = (_a = data === null || data === void 0 ? void 0 : data.user) === null || _a === void 0 ? void 0 : _a.referralCode) !== null && _b !== void 0 ? _b :
   // Shown during loading
   "...";
@@ -4293,10 +4315,10 @@ const SEND_EVENT = index_module.dist.gql `
   }
 `;
 function useTaskCard(props) {
-  const user = index_module.K();
-  const locale = index_module.Q();
-  const [sendUserEvent, { data, loading: loadingEvent }] = index_module.xe(SEND_EVENT);
-  const { refresh } = index_module.Ye();
+  const user = index_module.J();
+  const locale = index_module.L();
+  const [sendUserEvent, { data, loading: loadingEvent }] = index_module.$e(SEND_EVENT);
+  const { refresh } = index_module.Qe();
   stencilHooks_module.useEffect(() => {
     if (data) {
       refresh();
@@ -4617,8 +4639,8 @@ const GET_USER_NAME = index_module.dist.gql `
 `;
 function useUserName(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h;
-  const user = index_module.K();
-  const res = index_module.En(GET_USER_NAME, {}, !(user === null || user === void 0 ? void 0 : user.jwt));
+  const user = index_module.J();
+  const res = index_module.wn(GET_USER_NAME, {}, !(user === null || user === void 0 ? void 0 : user.jwt));
   const loading = res.loading;
   const username = ((_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.firstName) || ((_d = (_c = res.data) === null || _c === void 0 ? void 0 : _c.viewer) === null || _d === void 0 ? void 0 : _d.lastName)
     ? `${(_f = (_e = res.data) === null || _e === void 0 ? void 0 : _e.viewer) === null || _f === void 0 ? void 0 : _f.firstName} ${(_h = (_g = res.data) === null || _g === void 0 ? void 0 : _g.viewer) === null || _h === void 0 ? void 0 : _h.lastName}`

package/dist/cjs/{sqm-close-button-view-0cdada3a.js → sqm-close-button-view-ea3fa23b.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-const index = require('./index-3cf5ef3d.js');
+const index = require('./index-a29c60ef.js');
 const JSS = require('./JSS-8503a151.js');
 const mixins = require('./mixins-f7e0377a.js');

package/dist/cjs/sqm-close-button.cjs.entry.js CHANGED Viewed

@@ -2,12 +2,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-3cf5ef3d.js');
-const stencilHooks_module = require('./stencil-hooks.module-ece1ee46.js');
-const index_module = require('./index.module-ccf9bd9c.js');
+const index = require('./index-a29c60ef.js');
+const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
+const index_module = require('./index.module-57703088.js');
 require('./JSS-8503a151.js');
 require('./mixins-f7e0377a.js');
-const sqmCloseButtonView = require('./sqm-close-button-view-0cdada3a.js');
+const sqmCloseButtonView = require('./sqm-close-button-view-ea3fa23b.js');
 const CloseButton = class {
   constructor(hostRef) {

package/dist/cjs/sqm-context-router.cjs.entry.js CHANGED Viewed

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index$1 = require('./index-3cf5ef3d.js');
-const stencilHooks_module = require('./stencil-hooks.module-ece1ee46.js');
-const index_module = require('./index.module-ccf9bd9c.js');
+const index$1 = require('./index-a29c60ef.js');
+const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
+const index_module = require('./index.module-57703088.js');
 const utils = require('./utils-6847bc06.js');
 const index = require('./index-8c6255f5.js');
@@ -16,7 +16,7 @@ function matchPath(pattern, page) {
   return regexp.exec(page);
 }
 function useContextRouter(props) {
-  const host = index_module.T();
+  const host = index_module._();
   const [slot, setSlot] = stencilHooks_module.useState(undefined);
   const [container, setContainer] = stencilHooks_module.useState(undefined);
   const context = props.contextName;

package/dist/cjs/sqm-empty_4.cjs.entry.js CHANGED Viewed

@@ -2,13 +2,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-3cf5ef3d.js');
-const stencilHooks_module = require('./stencil-hooks.module-ece1ee46.js');
-const global = require('./global-d9abaf4d.js');
-require('./index.module-ccf9bd9c.js');
+const index = require('./index-a29c60ef.js');
+const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
+const global = require('./global-19fc8a7a.js');
+require('./index.module-57703088.js');
 const utils = require('./utils-6847bc06.js');
 require('./JSS-8503a151.js');
-const sqmPortalContainerView = require('./sqm-portal-container-view-9a36f5ed.js');
+const sqmPortalContainerView = require('./sqm-portal-container-view-4f15143a.js');
 function EmptyStateView(props) {
   const { emptyStateHeader, emptyStateImage, emptyStateText, supportText, missingFeature = "", } = props;

package/dist/cjs/sqm-form-message.cjs.entry.js CHANGED Viewed

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-3cf5ef3d.js');
-const stencilHooks_module = require('./stencil-hooks.module-ece1ee46.js');
+const index = require('./index-a29c60ef.js');
+const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
 const sqmFormMessageCss = "sl-alert::part(base){border:1px solid;border-radius:3px;-webkit-box-shadow:0 1px 2px rgba(20, 20, 20, 0.1);box-shadow:0 1px 2px rgba(20, 20, 20, 0.1)}.Error::part(base){background-color:var(--sl-color-danger-100);border-color:var(--sl-color-danger-200)}.Warning::part(base){background-color:var(--sl-color-warning-100);border-color:var(--sl-color-warning-200)}.Success::part(base){background-color:var(--sl-color-success-100);border-color:var(--sl-color-success-200)}.Info::part(base){background-color:var(--sl-color-primary-100);border-color:var(--sl-color-primary-200)}";

package/dist/cjs/sqm-google-sign-in.cjs.entry.js CHANGED Viewed

@@ -2,44 +2,121 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-3cf5ef3d.js');
-const stencilHooks_module = require('./stencil-hooks.module-ece1ee46.js');
-const index_module = require('./index.module-ccf9bd9c.js');
+const index = require('./index-a29c60ef.js');
+const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
+const index_module = require('./index.module-57703088.js');
-const GoogleSignIn = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.initComplete = index.createEvent(this, "initComplete", 7);
-    stencilHooks_module.h$1(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const sdk = index_module.getEnvironmentSDK();
-    const [googleButtonDiv, setGoogleButtonDiv] = stencilHooks_module.useState(null);
-    stencilHooks_module.useEffect(() => {
+function useGoogleSignIn(props) {
+  const [loaded, setLoaded] = stencilHooks_module.useState(false);
+  const [googleButtonDiv, setGoogleButtonDiv] = stencilHooks_module.useState(null);
+  stencilHooks_module.useEffect(() => {
+    const cb = () => {
+      // @ts-expect-error
+      window.onGoogleLibraryLoad = null;
+      const sdk = index_module.getEnvironmentSDK();
       if (sdk.type !== "SquatchPortal")
         return;
-      if (!googleButtonDiv)
-        return;
       const cb = (res) => {
-        this.initComplete.emit(res);
+        props.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,
+        client_id: sdk.env.googleOAuthId,
         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 index.h("div", { ref: setGoogleButtonDiv });
+      setLoaded(true);
+    };
+    // @ts-expect-error
+    if (window.google)
+      cb();
+    // @ts-expect-error
+    window.onGoogleLibraryLoad = cb;
+  }, []);
+  stencilHooks_module.useEffect(() => {
+    if (!googleButtonDiv || !loaded)
+      return;
+    console.log(googleButtonDiv, "googleBUttonDiv");
+    googleButtonDiv.style.maxWidth = "402px";
+    googleButtonDiv.style.width = "100%";
+    //@ts-expect-error
+    google.accounts.id.renderButton(googleButtonDiv, {
+      theme: "outline",
+      size: "large",
+      text: props.text,
+    });
+  }, [googleButtonDiv, loaded]);
+  return {
+    setGoogleButtonDiv,
+  };
+}
+const GoogleSignIn = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.initComplete = index.createEvent(this, "initComplete", 7);
+    stencilHooks_module.h$1(this);
+  }
+  disconnectedCallback() { }
+  connectedCallback() {
+    const src = "https://accounts.google.com/gsi/client";
+    if (!document.head.querySelector(`script[src="${src}"]`)) {
+      const script = document.createElement("script");
+      script.src = "https://accounts.google.com/gsi/client";
+      script.async = true;
+      document.head.appendChild(script);
+    }
+  }
+  render() {
+    const { setGoogleButtonDiv } = index_module.isDemo()
+      ? useDemoGoogleSignIn(this)
+      : useGoogleSignIn(this);
+    console.log(setGoogleButtonDiv);
+    return (index.h("div", null, index.h("style", null, `
+          #googleSignIn {
+            max-width: 402px;
+            width: 100%
+          }`), index.h("div", { id: "googleSignIn", ref: setGoogleButtonDiv })));
   }
 };
+function useDemoGoogleSignIn(props) {
+  const [loaded, setLoaded] = stencilHooks_module.useState(false);
+  const [googleButtonDiv, setGoogleButtonDiv] = stencilHooks_module.useState(null);
+  stencilHooks_module.useEffect(() => {
+    const cb = () => {
+      // @ts-expect-error
+      window.onGoogleLibraryLoad = null;
+      setLoaded(true);
+    };
+    // @ts-expect-error
+    if (window.google)
+      cb();
+    // @ts-expect-error
+    window.onGoogleLibraryLoad = cb;
+  }, []);
+  stencilHooks_module.useEffect(() => {
+    if (!googleButtonDiv || !loaded)
+      return;
+    const cb = () => {
+      props.initComplete.emit({ credential: null });
+    };
+    // @ts-expect-error
+    google.accounts.id.initialize({
+      client_id: "PLACEHOLDER",
+      cb: () => { },
+    });
+    //@ts-expect-error
+    google.accounts.id.renderButton(googleButtonDiv, {
+      theme: "outline",
+      size: "large",
+      width: 400,
+      text: props.text,
+      click_listener: cb,
+    });
+  }, [googleButtonDiv, loaded]);
+  return {
+    setGoogleButtonDiv,
+  };
+}
 exports.sqm_google_sign_in = GoogleSignIn;

package/dist/cjs/sqm-graphql-client-provider.cjs.entry.js CHANGED Viewed

@@ -2,17 +2,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-3cf5ef3d.js');
-const stencilHooks_module = require('./stencil-hooks.module-ece1ee46.js');
-const index_module = require('./index.module-ccf9bd9c.js');
+const index = require('./index-a29c60ef.js');
+const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
+const index_module = require('./index.module-57703088.js');
 async function useGraphQLClientProvider({ domain }) {
-  const token = index_module.B();
+  const token = index_module.G();
   const appDomain = domain;
-  const tenantAlias = index_module.Y();
+  const tenantAlias = index_module.Q();
   // Memoization is shared. One client per domain, tenant and token (or null)
-  const managedIdentityClient = index_module.ke(appDomain, tenantAlias, token);
-  const [, setGraphQLClient] = stencilHooks_module.m(index_module.$e, managedIdentityClient);
+  const managedIdentityClient = index_module.Ee(appDomain, tenantAlias, token);
+  const [, setGraphQLClient] = stencilHooks_module.m(index_module.Pe, managedIdentityClient);
   stencilHooks_module.useEffect(() => {
     setGraphQLClient(managedIdentityClient);
   }, [managedIdentityClient]);

package/dist/cjs/sqm-header-logo.cjs.entry.js CHANGED Viewed

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-3cf5ef3d.js');
-const stencilHooks_module = require('./stencil-hooks.module-ece1ee46.js');
+const index = require('./index-a29c60ef.js');
+const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
 const HeroImage = class {
   constructor(hostRef) {