@saasquatch/mint-components 1.13.0-1 → 1.13.0-11

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a29c60ef.js');
 const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const index_module = require('./index.module-3ae0c462.js');
+const index_module = require('./index.module-57703088.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 require('./JSS-8503a151.js');
@@ -17,9 +17,9 @@ function usePortalVerifyEmail({ nextPage, failedPage, verifySuccessText, verifyE
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
   const [completed, setCompleted] = stencilHooks_module.useState(false);
   const [successful, setSuccessful] = stencilHooks_module.useState(false);
-  const userIdent = index_module.Q();
+  const userIdent = index_module.J();
   const [request, { loading, data, errors }] = index_module.an();
-  const urlParams = new URLSearchParams(index_module.$n.location.search);
+  const urlParams = new URLSearchParams(index_module.jn.location.search);
   const oobCode = urlParams.get("oobCode");
   const oobEmail = urlParams.get("email");
   const nextPageOverride = urlParams.get("nextPage");
@@ -30,7 +30,7 @@ function usePortalVerifyEmail({ nextPage, failedPage, verifySuccessText, verifyE
     successful);
   const validEmail = ((_c = userIdent === null || userIdent === void 0 ? void 0 : userIdent.managedIdentity) === null || _c === void 0 ? void 0 : _c.email) === oobEmail;
   const failed = () => {
-    return index_module.$n.push({
+    return index_module.jn.push({
       pathname: failedPage,
       search: urlParams.toString() && "?" + urlParams.toString(),
     });
@@ -38,7 +38,7 @@ function usePortalVerifyEmail({ nextPage, failedPage, verifySuccessText, verifyE
   const gotoNextPage = () => {
     urlParams.delete("nextPage");
     const url = utils.sanitizeUrlPath(nextPageOverride || nextPage);
-    index_module.$n.push(url.href);
+    index_module.jn.push(url.href);
   };
   const logout = () => {
     setTimeout(() => {

package/dist/cjs/sqm-referral-table_11.cjs.entry.js

@@ -4,18 +4,18 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a29c60ef.js');
 const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const global = require('./global-0cb2907a.js');
-const index_module = require('./index.module-3ae0c462.js');
+const global = require('./global-19fc8a7a.js');
+const index_module = require('./index.module-57703088.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
 require('./mixins-f7e0377a.js');
 const GenericTableView = require('./GenericTableView-a9f4ba75.js');
-const reRender = require('./re-render-5bfdb0d3.js');
-const useChildElements = require('./useChildElements-4e04d4a0.js');
+const reRender = require('./re-render-35b016ed.js');
+const useChildElements = require('./useChildElements-854cd1e5.js');
 const luxon = require('./luxon-2926d85f.js');
 const mockRewardData = require('./mockRewardData-272e22d6.js');
-const useReferralTable = require('./useReferralTable-56d6576f.js');
+const useReferralTable = require('./useReferralTable-283d2316.js');
 const sqmTextSpanView = require('./sqm-text-span-view-0aa82125.js');
 
 const mockReferralData = (count = 4) => {

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

@@ -4,14 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a29c60ef.js');
 const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const index_module = require('./index.module-3ae0c462.js');
+const index_module = require('./index.module-57703088.js');
 require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./JSS-8503a151.js');
 require('./mixins-f7e0377a.js');
 const emailRegistrationView = require('./email-registration-view-55b378dc.js');
-require('./useRegistrationFormState-2a738647.js');
-const useInstantAccessRegistration = require('./useInstantAccessRegistration-b732990f.js');
+require('./useRegistrationFormState-986b5ea1.js');
+const useInstantAccessRegistration = require('./useInstantAccessRegistration-daff8290.js');
 
 const ReferredRegistration = class {
   constructor(hostRef) {

package/dist/cjs/sqm-rewards-table-customer-note-column.cjs.entry.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a29c60ef.js');
 const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-require('./index.module-3ae0c462.js');
-const reRender = require('./re-render-5bfdb0d3.js');
+require('./index.module-57703088.js');
+const reRender = require('./re-render-35b016ed.js');
 
 const RewardTableCustomerNoteColumn = class {
   constructor(hostRef) {

package/dist/cjs/sqm-rewards-table_9.cjs.entry.js

@@ -4,18 +4,18 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a29c60ef.js');
 const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const global = require('./global-0cb2907a.js');
-const index_module = require('./index.module-3ae0c462.js');
+const global = require('./global-19fc8a7a.js');
+const index_module = require('./index.module-57703088.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
 require('./mixins-f7e0377a.js');
 const GenericTableView = require('./GenericTableView-a9f4ba75.js');
-const reRender = require('./re-render-5bfdb0d3.js');
-const useChildElements = require('./useChildElements-4e04d4a0.js');
+const reRender = require('./re-render-35b016ed.js');
+const useChildElements = require('./useChildElements-854cd1e5.js');
 const luxon = require('./luxon-2926d85f.js');
 const mockRewardData = require('./mockRewardData-272e22d6.js');
-const useReferralTable = require('./useReferralTable-56d6576f.js');
+const useReferralTable = require('./useReferralTable-283d2316.js');
 
 const debug = stencilHooks_module.browser("sq:useRewardsTable");
 const CSS_NAMESPACE = "sqm-rewards-table";
@@ -166,7 +166,7 @@ const GET_IMPACT_TAX = index_module.dist.gql `
 `;
 function useRewardsTable(props, emptyElement, loadingElement) {
   var _a, _b, _c;
-  const user = index_module.Q();
+  const user = index_module.J();
   const programIdContext = index_module.H();
   const locale = index_module.L();
   // Default to context, overriden by props
@@ -190,8 +190,8 @@ function useRewardsTable(props, emptyElement, loadingElement) {
     loading: false,
     page: 0,
   });
-  const { data: impactTaxData, loading: taxLoading } = index_module.yn(GET_IMPACT_TAX, {}, !(user === null || user === void 0 ? void 0 : user.jwt));
-  const { envelope: rewardsData, states, callbacks, } = index_module.kn(GET_REWARDS, (data) => { var _a; return (_a = data === null || data === void 0 ? void 0 : data.viewer) === null || _a === void 0 ? void 0 : _a.rewards; }, {
+  const { data: impactTaxData, loading: taxLoading } = index_module.wn(GET_IMPACT_TAX, {}, !(user === null || user === void 0 ? void 0 : user.jwt));
+  const { envelope: rewardsData, states, callbacks, } = index_module.Rn(GET_REWARDS, (data) => { var _a; return (_a = data === null || data === void 0 ? void 0 : data.viewer) === null || _a === void 0 ? void 0 : _a.rewards; }, {
     limit: props.perPage,
     offset: 0,
   }, {

package/dist/cjs/sqm-stencilbook.cjs.entry.js

@@ -4,15 +4,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a29c60ef.js');
 const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-require('./global-0cb2907a.js');
-const index_module = require('./index.module-3ae0c462.js');
+require('./global-19fc8a7a.js');
+const index_module = require('./index.module-57703088.js');
 require('./cjs-1066ec21.js');
 require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
-const copyTextView = require('./copy-text-view-f7a88b15.js');
+const copyTextView = require('./copy-text-view-9b950efe.js');
 require('./mixins-f7e0377a.js');
 const GenericTableView = require('./GenericTableView-a9f4ba75.js');
-require('./useChildElements-4e04d4a0.js');
+require('./useChildElements-854cd1e5.js');
 const luxon = require('./luxon-2926d85f.js');
 require('./sqm-text-span-view-0aa82125.js');
 const sqmAssetCardView = require('./sqm-asset-card-view-21ddf04f.js');
@@ -22,18 +22,18 @@ const emailRegistrationView = require('./email-registration-view-55b378dc.js');
 const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-d39a55d8.js');
 const sqmLogoutCurrentUserView = require('./sqm-logout-current-user-view-11d57c12.js');
 const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-17111896.js');
-const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-9691839f.js');
-const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-758f11cb.js');
+const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-9bba5f7e.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-98d84549.js');
 const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-78f19ef9.js');
 const sqmBaseRegistrationFormView = require('./sqm-base-registration-form-view-d5685747.js');
 const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-e947a5b3.js');
-const sqmPortalProfileView = require('./sqm-portal-profile-view-b944ddba.js');
-require('./utilities-7da4d59a.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-bae28ea0.js');
+require('./utilities-c135f16f.js');
 const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-fe602822.js');
 const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-7b678f34.js');
-const ShadowViewAddon = require('./ShadowViewAddon-c195102f.js');
+const ShadowViewAddon = require('./ShadowViewAddon-44cb1a98.js');
 const sqmPortalContainerView = require('./sqm-portal-container-view-4f15143a.js');
-const sqmInvoiceTableView = require('./sqm-invoice-table-view-1c270db0.js');
+const sqmInvoiceTableView = require('./sqm-invoice-table-view-9dfa2a16.js');
 
 /**
  * lodash (Custom Build) <https://lodash.com/>
@@ -2555,36 +2555,36 @@ const routes = `
 `;
 const TemplateNavigation = createHookStory(() => {
   return (index.h("div", null,
-    index.h("button", { onClick: () => index_module.$n.push("/") }, "/"),
-    index.h("button", { onClick: () => index_module.$n.push("/foo") }, "/foo"),
-    index.h("button", { onClick: () => index_module.$n.push("/bar") }, "/bar"),
-    index.h("button", { onClick: () => index_module.$n.push("/baz/bang") }, "/baz/bang"),
-    index.h("button", { onClick: () => index_module.$n.push("/refer") }, "/refer"),
-    index.h("button", { onClick: () => index_module.$n.push("/refer/1") }, "/refer/1"),
-    index.h("button", { onClick: () => index_module.$n.push("/refer/2") }, "/refer/2"),
-    index.h("button", { onClick: () => index_module.$n.back() }, "Back"),
-    index.h("button", { onClick: () => index_module.$n.forward() }, "Forward"),
+    index.h("button", { onClick: () => index_module.jn.push("/") }, "/"),
+    index.h("button", { onClick: () => index_module.jn.push("/foo") }, "/foo"),
+    index.h("button", { onClick: () => index_module.jn.push("/bar") }, "/bar"),
+    index.h("button", { onClick: () => index_module.jn.push("/baz/bang") }, "/baz/bang"),
+    index.h("button", { onClick: () => index_module.jn.push("/refer") }, "/refer"),
+    index.h("button", { onClick: () => index_module.jn.push("/refer/1") }, "/refer/1"),
+    index.h("button", { onClick: () => index_module.jn.push("/refer/2") }, "/refer/2"),
+    index.h("button", { onClick: () => index_module.jn.back() }, "Back"),
+    index.h("button", { onClick: () => index_module.jn.forward() }, "Forward"),
     index.h("hr", null),
     index.h("sqm-router", { innerHTML: templates })));
 });
 const RouteNavigation = createHookStory(() => {
   return (index.h("div", null,
-    index.h("button", { onClick: () => index_module.$n.push("/") }, "/"),
-    index.h("button", { onClick: () => index_module.$n.push("/foo") }, "/foo"),
-    index.h("button", { onClick: () => index_module.$n.push("/bar") }, "/bar"),
-    index.h("button", { onClick: () => index_module.$n.push("/baz/bang") }, "/baz/bang"),
-    index.h("button", { onClick: () => index_module.$n.push("/refer") }, "/refer"),
-    index.h("button", { onClick: () => index_module.$n.push("/refer/1") }, "/refer/1"),
-    index.h("button", { onClick: () => index_module.$n.push("/refer/2") }, "/refer/2"),
-    index.h("button", { onClick: () => index_module.$n.back() }, "Back"),
-    index.h("button", { onClick: () => index_module.$n.forward() }, "Forward"),
+    index.h("button", { onClick: () => index_module.jn.push("/") }, "/"),
+    index.h("button", { onClick: () => index_module.jn.push("/foo") }, "/foo"),
+    index.h("button", { onClick: () => index_module.jn.push("/bar") }, "/bar"),
+    index.h("button", { onClick: () => index_module.jn.push("/baz/bang") }, "/baz/bang"),
+    index.h("button", { onClick: () => index_module.jn.push("/refer") }, "/refer"),
+    index.h("button", { onClick: () => index_module.jn.push("/refer/1") }, "/refer/1"),
+    index.h("button", { onClick: () => index_module.jn.push("/refer/2") }, "/refer/2"),
+    index.h("button", { onClick: () => index_module.jn.back() }, "Back"),
+    index.h("button", { onClick: () => index_module.jn.forward() }, "Forward"),
     index.h("hr", null),
     index.h("sqm-router", { innerHTML: routes })));
 });
 const Styling = createHookStory(() => {
   return (index.h("div", null,
-    index.h("button", { onClick: () => index_module.$n.push("/") }, "/"),
-    index.h("button", { onClick: () => index_module.$n.push("/foo") }, "/foo"),
+    index.h("button", { onClick: () => index_module.jn.push("/") }, "/"),
+    index.h("button", { onClick: () => index_module.jn.push("/foo") }, "/foo"),
     index.h("hr", null),
     index.h("div", { style: { display: "flex", justifyContent: "space-around" } },
       index.h("sqm-router", { innerHTML: `<template path="/">
@@ -2598,7 +2598,7 @@ function useTemplate(templateString) {
   const [previewTemplate, setPreviewTemplate] = stencilHooks_module.useState(templateString);
   function setPath(e) {
     //@ts-ignore
-    index_module.$n.push(e.target.value);
+    index_module.jn.push(e.target.value);
   }
   return {
     states: { previewTemplate, editedTemplate },
@@ -2762,8 +2762,8 @@ const FullStackFrame = () => {
       "Current path:",
       " ",
       index.h("code", null,
-        index.h("strong", null, (_a = index_module.Sn()) === null || _a === void 0 ? void 0 : _a.pathname))),
-    index.h("button", { onClick: index_module.$n.back }, "Go Back")));
+        index.h("strong", null, (_a = index_module.kn()) === null || _a === void 0 ? void 0 : _a.pathname))),
+    index.h("button", { onClick: index_module.jn.back }, "Go Back")));
 };
 const FullStackFrameLoggedOut = () => {
   var _a;
@@ -2787,8 +2787,8 @@ const FullStackFrameLoggedOut = () => {
       "Current path:",
       " ",
       index.h("code", null,
-        index.h("strong", null, (_a = index_module.Sn()) === null || _a === void 0 ? void 0 : _a.pathname))),
-    index.h("button", { onClick: index_module.$n.back }, "Go Back")));
+        index.h("strong", null, (_a = index_module.kn()) === null || _a === void 0 ? void 0 : _a.pathname))),
+    index.h("button", { onClick: index_module.jn.back }, "Go Back")));
 };
 
 const PortalFrame = /*#__PURE__*/Object.freeze({
@@ -4118,16 +4118,16 @@ function DefaultTemplateView(props) {
         gridTemplateColumns: "repeat(9, 80px)",
         gridGap: "10px",
       } },
-      index.h("button", { onClick: () => index_module.$n.push("/") }, "Dashboard"),
-      props.leadSubmit && (index.h("button", { onClick: () => index_module.$n.push("/refer") }, "Submit a Referral")),
-      index.h("button", { onClick: () => index_module.$n.push("/activity") }, "Activity"),
-      index.h("button", { onClick: () => index_module.$n.push("/editProfile") }, "Edit Profile"),
-      index.h("button", { onClick: () => index_module.$n.push("/login") }, "Login"),
-      index.h("button", { onClick: () => index_module.$n.push("/register") }, "Register"),
-      index.h("button", { onClick: () => index_module.$n.push("/emailVerification") }, "Email Verification"),
-      index.h("button", { onClick: () => index_module.$n.push("/verifyEmail") }, "Verify Email"),
-      index.h("button", { onClick: () => index_module.$n.push("/forgotPassword") }, "Forgot Password"),
-      index.h("button", { onClick: () => index_module.$n.push("/resetPassword") }, "Reset Password")),
+      index.h("button", { onClick: () => index_module.jn.push("/") }, "Dashboard"),
+      props.leadSubmit && (index.h("button", { onClick: () => index_module.jn.push("/refer") }, "Submit a Referral")),
+      index.h("button", { onClick: () => index_module.jn.push("/activity") }, "Activity"),
+      index.h("button", { onClick: () => index_module.jn.push("/editProfile") }, "Edit Profile"),
+      index.h("button", { onClick: () => index_module.jn.push("/login") }, "Login"),
+      index.h("button", { onClick: () => index_module.jn.push("/register") }, "Register"),
+      index.h("button", { onClick: () => index_module.jn.push("/emailVerification") }, "Email Verification"),
+      index.h("button", { onClick: () => index_module.jn.push("/verifyEmail") }, "Verify Email"),
+      index.h("button", { onClick: () => index_module.jn.push("/forgotPassword") }, "Forgot Password"),
+      index.h("button", { onClick: () => index_module.jn.push("/resetPassword") }, "Reset Password")),
     index.h("br", null),
     index.h("div", { innerHTML: states.previewTemplate })));
 }
@@ -7271,6 +7271,7 @@ const defaultProps$2 = {
     registerPath: "/register",
   },
   callbacks: {
+    googleSubmit: async () => { },
     submit: async (e) => await e,
   },
   content: {
@@ -7285,6 +7286,7 @@ const errorProps = {
     registerPath: "/register",
   },
   callbacks: {
+    googleSubmit: async () => { },
     submit: async (e) => await e,
   },
   content: {
@@ -7299,6 +7301,7 @@ const loadingProps = {
     registerPath: "/register",
   },
   callbacks: {
+    googleSubmit: async () => { },
     submit: async (e) => await e,
   },
   content: {

package/dist/cjs/sqm-tab.cjs.entry.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a29c60ef.js');
 const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-require('./index.module-3ae0c462.js');
-const reRender = require('./re-render-5bfdb0d3.js');
+require('./index.module-57703088.js');
+const reRender = require('./re-render-35b016ed.js');
 
 const TabView = ({}, children) => {
   return index.h(index.Host, null, children);

package/dist/cjs/sqm-tabs.cjs.entry.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a29c60ef.js');
 const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const index_module = require('./index.module-3ae0c462.js');
+const index_module = require('./index.module-57703088.js');
 const utils = require('./utils-6847bc06.js');
-const reRender = require('./re-render-5bfdb0d3.js');
-const useChildElements = require('./useChildElements-4e04d4a0.js');
+const reRender = require('./re-render-35b016ed.js');
+const useChildElements = require('./useChildElements-854cd1e5.js');
 
 const TabsView = ({ content, placement, }) => {
   // Vertical padding for top & bottom placement, horizontal for left & right.

package/dist/cjs/{useChildElements-4e04d4a0.js → useChildElements-854cd1e5.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const index_module = require('./index.module-3ae0c462.js');
+const index_module = require('./index.module-57703088.js');
 
 function useChildElements() {
   const host = index_module._();

package/dist/cjs/{useInstantAccessRegistration-b732990f.js → useInstantAccessRegistration-daff8290.js}

@@ -1,15 +1,15 @@
 'use strict';
 
 const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const index_module = require('./index.module-3ae0c462.js');
+const index_module = require('./index.module-57703088.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
-const useRegistrationFormState = require('./useRegistrationFormState-2a738647.js');
+const useRegistrationFormState = require('./useRegistrationFormState-986b5ea1.js');
 
 function useInstantAccessRegistration(props) {
   const cookie = new URLSearchParams(window.location.search);
   const cookies = cookie === null || cookie === void 0 ? void 0 : cookie.get("_saasquatch");
   const { registrationFormState, setRegistrationFormState } = useRegistrationFormState.useRegistrationFormState();
-  const [request, { loading, errors, data }] = index_module.mn();
+  const [request, { loading, errors, data }] = index_module.vn();
   const [error, setError] = stencilHooks_module.useState("");
   const submit = async (event) => {
     var _a;

package/dist/cjs/{usePortalRegistrationForm-99ec3cc2.js → usePortalRegistrationForm-a89d736e.js}

@@ -1,9 +1,9 @@
 'use strict';
 
 const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const index_module = require('./index.module-3ae0c462.js');
+const index_module = require('./index.module-57703088.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
-const useRegistrationFormState = require('./useRegistrationFormState-2a738647.js');
+const useRegistrationFormState = require('./useRegistrationFormState-986b5ea1.js');
 const AsYouType = require('./AsYouType-6788393a.js');
 
 const RegistrationFormQuery = index_module.dist.gql `
@@ -24,8 +24,8 @@ function usePortalRegistrationForm(props) {
   const formRef = stencilHooks_module.useRef(null);
   const locale = index_module.L();
   const { registrationFormState, setRegistrationFormState } = useRegistrationFormState.useRegistrationFormState({});
-  const [request, { loading, errors, data, formError }] = index_module.We();
-  const queryResponse = index_module.yn(RegistrationFormQuery, { key: props.formKey });
+  const [request, { loading, errors, data, formError }] = index_module.Oe();
+  const queryResponse = index_module.wn(RegistrationFormQuery, { key: props.formKey });
   const formLoading = loading || queryResponse.loading;
   stencilHooks_module.useEffect(() => {
     var _a, _b, _c;
@@ -130,7 +130,7 @@ function usePortalRegistrationForm(props) {
         managedIdentityResponse.result.results.length &&
         managedIdentityResponse.result.results[0].success &&
         managedIdentityResponse.result.results[0].data.token) {
-        index_module.$n.push(props.nextPage);
+        index_module.jn.push(props.nextPage);
       }
       else if (
       // check for blocked email error response

package/dist/cjs/{useReferralTable-56d6576f.js → useReferralTable-283d2316.js}

@@ -2,9 +2,9 @@
 
 const index = require('./index-a29c60ef.js');
 const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const index_module = require('./index.module-3ae0c462.js');
-const reRender = require('./re-render-5bfdb0d3.js');
-const useChildElements = require('./useChildElements-4e04d4a0.js');
+const index_module = require('./index.module-57703088.js');
+const reRender = require('./re-render-35b016ed.js');
+const useChildElements = require('./useChildElements-854cd1e5.js');
 
 const debug = stencilHooks_module.browser("sq:useReferralTable");
 const CSS_NAMESPACE = "sqm-referral-table";
@@ -245,7 +245,7 @@ const GET_IMPACT_TAX = index_module.dist.gql `
 `;
 function useReferralTable(props, emptyElement, loadingElement) {
   var _a, _b, _c, _d;
-  const user = index_module.Q();
+  const user = index_module.J();
   const programIdContext = index_module.H();
   // Default to context, overriden by props
   const programId = (_a = props.programId) !== null && _a !== void 0 ? _a : programIdContext;
@@ -269,16 +269,16 @@ function useReferralTable(props, emptyElement, loadingElement) {
     page: 0,
   });
   const locale = index_module.L();
-  const { data: referrerResponse, loading: referrerLoading, refetch, } = index_module.yn(GET_REFERRER_DATA, {
+  const { data: referrerResponse, loading: referrerLoading, refetch, } = index_module.wn(GET_REFERRER_DATA, {
     programId: programId === "classic" ? null : programId,
     rewardFilter,
     locale,
   }, !props.showReferrer || !(user === null || user === void 0 ? void 0 : user.jwt));
   const referrerData = (_b = referrerResponse === null || referrerResponse === void 0 ? void 0 : referrerResponse.viewer) === null || _b === void 0 ? void 0 : _b.referredByReferral;
   const showReferrerRow = props.showReferrer && !!(referrerData === null || referrerData === void 0 ? void 0 : referrerData.dateReferralStarted);
-  const { data: taxResponse, loading: taxLoading } = index_module.yn(GET_IMPACT_TAX, {}, !(user === null || user === void 0 ? void 0 : user.jwt));
+  const { data: taxResponse, loading: taxLoading } = index_module.wn(GET_IMPACT_TAX, {}, !(user === null || user === void 0 ? void 0 : user.jwt));
   const taxConnection = (_c = taxResponse === null || taxResponse === void 0 ? void 0 : taxResponse.viewer) === null || _c === void 0 ? void 0 : _c.impactConnection;
-  const { envelope: referralData, states, callbacks, } = index_module.kn(GET_REFERRAL_DATA, (data) => { var _a; return (_a = data === null || data === void 0 ? void 0 : data.viewer) === null || _a === void 0 ? void 0 : _a.referrals; }, {
+  const { envelope: referralData, states, callbacks, } = index_module.Rn(GET_REFERRAL_DATA, (data) => { var _a; return (_a = data === null || data === void 0 ? void 0 : data.viewer) === null || _a === void 0 ? void 0 : _a.referrals; }, {
     limit: props.perPage,
     offset: 0,
   }, {

package/dist/cjs/{useRegistrationFormState-2a738647.js → useRegistrationFormState-986b5ea1.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const index_module = require('./index.module-3ae0c462.js');
+const index_module = require('./index.module-57703088.js');
 
 const REGISTRATION_FORM_STATE_CONTEXT = "sq:registration-form-state";
 const REGISTRATION_FORM_STATE_CONTEXT_INTERNAL = "sq:registration-form-state-internal";

package/dist/cjs/{utilities-7da4d59a.js → utilities-c135f16f.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const index_module = require('./index.module-3ae0c462.js');
+const index_module = require('./index.module-57703088.js');
 
 // import { IntlMessageFormat } from 'intl-messageformat';
 function isMobile(breakPoint) {

package/dist/collection/components/sqm-google-sign-in/sqm-google-sign-in.js

@@ -5,6 +5,7 @@ import { useGoogleSignIn } from "./useGoogleSignIn";
 /**
  * @uiName Google Sign-In Button
  * @description Requires <script src="https://accounts.google.com/gsi/client" async></script> be added to the <head> section.
+ * @undocumented
  */
 export class GoogleSignIn {
   constructor() {
@@ -24,8 +25,14 @@ export class GoogleSignIn {
     const { setGoogleButtonDiv } = isDemo()
       ? useDemoGoogleSignIn(this)
       : useGoogleSignIn(this);
+    console.log(setGoogleButtonDiv);
     return (h("div", null,
-      h("div", { ref: setGoogleButtonDiv })));
+      h("style", null, `
+          #googleSignIn {
+            max-width: 402px;
+            width: 100%
+          }`),
+      h("div", { id: "googleSignIn", ref: setGoogleButtonDiv })));
   }
   static get is() { return "sqm-google-sign-in"; }
   static get encapsulation() { return "shadow"; }
@@ -87,12 +94,18 @@ function useDemoGoogleSignIn(props) {
     if (!googleButtonDiv || !loaded)
       return;
     const cb = () => {
-      props.initComplete.emit({ credential: "PLACEHOLDERCREDENTIAL" });
+      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,
     });

package/dist/collection/components/sqm-google-sign-in/useGoogleSignIn.js

@@ -30,11 +30,16 @@ export function useGoogleSignIn(props) {
   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,
+      height: 40,
+      width: "100%",
     });
   }, [googleButtonDiv, loaded]);
   return {

package/dist/collection/components/sqm-portal-google-registration-form/sqm-portal-google-registration-form.js

@@ -134,6 +134,12 @@ export class PortalGoogleRegistrationForm {
      * @uiName Missing number or symbol text
      */
     this.hasErrorText = "contain at least 1 number or symbol";
+    /**
+     * Can be "signup_with", "signin_with", "continue_with", or "signin"
+     *
+     * @uiName Google button text
+     */
+    this.googleButtonText = "signup_with";
     withHooks(this);
   }
   disconnectedCallback() { }
@@ -153,7 +159,7 @@ export class PortalGoogleRegistrationForm {
     const { handleGoogleInit, handleEmailSubmit, showRegistrationForm, emailValidationError, } = isDemo() ? useGoogleDemo(this) : usePortalGoogleRegistrationForm(this);
     const content = {
       formData: h("slot", { name: "formData" }),
-      googleButton: (h("sqm-google-sign-in", { text: "Register with Google", onInitComplete: handleGoogleInit })),
+      googleButton: (h("sqm-google-sign-in", { text: this.googleButtonText, onInitComplete: handleGoogleInit })),
       secondaryButton: (h("slot", { name: "secondaryButton" },
         h("style", null, styleString),
         h("span", null,
@@ -746,6 +752,27 @@ export class PortalGoogleRegistrationForm {
       "attribute": "form-key",
       "reflect": false
     },
+    "googleButtonText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Google button text",
+            "name": "uiName"
+          }],
+        "text": "Can be \"signup_with\", \"signin_with\", \"continue_with\", or \"signin\""
+      },
+      "attribute": "google-button-text",
+      "reflect": false,
+      "defaultValue": "\"signup_with\""
+    },
     "demoData": {
       "type": "unknown",
       "mutable": false,

package/dist/collection/components/sqm-portal-google-registration-form/usePortalGoogleRegistrationForm.js

@@ -1,7 +1,7 @@
 import { useState } from "@saasquatch/universal-hooks";
 import jsonpointer from "jsonpointer";
-import decode from "jwt-decode";
 import { useRegistrationForm } from "../sqm-portal-registration-form/useRegistrationFormState";
+import { jwtDecode } from "jwt-decode";
 export function usePortalGoogleRegistrationForm(props) {
   const [emailValidationError, setEmailValidationError] = useState(null);
   const [registrationFormState, setRegistrationFormState] = useRegistrationForm();
@@ -43,8 +43,11 @@ export function usePortalGoogleRegistrationForm(props) {
     setShowRegistrationForm({ mode: "manual" });
   };
   const handleGoogleInit = (event) => {
+    var _a;
+    if (!((_a = event.detail) === null || _a === void 0 ? void 0 : _a.credential))
+      return;
     try {
-      const res = decode(event.detail.credential);
+      const res = jwtDecode(event.detail.credential);
       setRegistrationFormState({
         ...registrationFormState,
         _googleOAuthIdToken: event.detail.credential,

package/dist/collection/components/sqm-portal-login/PortalLogin.stories.js

@@ -11,6 +11,7 @@ const defaultProps = {
     registerPath: "/register",
   },
   callbacks: {
+    googleSubmit: async () => { },
     submit: async (e) => await e,
   },
   content: {
@@ -25,6 +26,7 @@ const errorProps = {
     registerPath: "/register",
   },
   callbacks: {
+    googleSubmit: async () => { },
     submit: async (e) => await e,
   },
   content: {
@@ -39,6 +41,7 @@ const loadingProps = {
     registerPath: "/register",
   },
   callbacks: {
+    googleSubmit: async () => { },
     submit: async (e) => await e,
   },
   content: {