@saasquatch/mint-components 1.5.0-4 → 1.5.0-5

package/dist/esm/sqm-brand_31.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, h as h$1, c as Host, d as getAssetPath } from './index-17b4da69.js';
 import { c as createCommonjsModule, a as commonjsGlobal, m as h, e as useEffect, j as useState, f as useRef, n as d$2, y as y$1, b as browser, u as useReducer, k as useMemo } from './extends-3a3f9fe2.js';
-import { i as intl, a as insertCSS } from './global-90da933f.js';
+import { i as intl, a as insertCSS } from './global-e0e25c22.js';
 import { u as useCallback } from './use-callback-b38a1523.js';
-import { d as dist, T as T$1, e as en, b as be, j as j$1, Z as Ze, r as rn, D as De, q as qe, P as P$1, E as Ee, M as M$1, a as sn, c as an, x as x$1, f as D$1, L as L$1, N as Ne, A as A$1 } from './index.module-90d2c3ad.js';
+import { d as dist, n as ne$1, c as cn, D as De, j as j$1, a as sn, b as mn, H as He, $ as $e, S as S$1, V as Ve, M as M$1, p as pn, v as vn, x as x$1, e as D$1, Y, z as ze, A as A$1 } from './index.module-eb50a8d2.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import { j as jss, c as create } from './jss-preset-default.esm-71fae192.js';
 import { g as getProps, a as getMissingProps } from './utils-454405f5.js';
@@ -11,25 +11,25 @@ import { E as ErrorStyles, H as HostBlock, A as AuthWrapper, a as AuthColumn, b
 import { P as PortalContainerView } from './sqm-portal-container-view-73757ca5.js';
 import { P as PortalSectionView } from './sqm-portal-section-view-f0876545.js';
 import { T as TextSpanView } from './sqm-text-span-view-1781df94.js';
-import { g as gql, L as LeaderboardRankView } from './sqm-leaderboard-rank-view-47844836.js';
-import { u as useRerenderListener, a as useRequestRerender } from './re-render-e06f2f7f.js';
+import { g as gql, L as LeaderboardRankView } from './sqm-leaderboard-rank-view-cd1e8962.js';
+import { u as useRerenderListener, a as useRequestRerender } from './re-render-6d5b856e.js';
 import { S as ShareLinkView } from './sqm-share-link-view-9282b8e8.js';
-import { p as pathToRegexp, B as BigStatView, u as useBigStat, a as useDemoBigStat } from './useDemoBigStat-c3b955b7.js';
-import { L as LeaderboardView, u as useLeaderboard, S as ShadowViewAddon } from './ShadowViewAddon-a3f510db.js';
+import { p as pathToRegexp, B as BigStatView, u as useBigStat, a as useDemoBigStat } from './useDemoBigStat-d227b2f9.js';
+import { L as LeaderboardView, u as useLeaderboard, S as ShadowViewAddon } from './ShadowViewAddon-558fabb7.js';
 import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-2242502c.js';
-import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-f2304ad9.js';
+import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-2d8c368c.js';
 import { S as StatContainerView } from './sqm-stat-container-view-4133feb6.js';
-import { P as PortalProfileView } from './sqm-portal-profile-view-b67467b4.js';
+import { P as PortalProfileView } from './sqm-portal-profile-view-f1deea0f.js';
 import { P as PortalForgotPasswordView } from './sqm-portal-forgot-password-view-e3a6a716.js';
-import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-8cefe480.js';
+import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-2af31979.js';
 import { P as PortalResetPasswordView$1 } from './sqm-portal-reset-password-view-a4e50da2.js';
 import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-6f18bac2.js';
 import { A as AssetCardView } from './sqm-asset-card-view-6f360937.js';
-import { P as PoweredByImg$1, a as PortalFooterView } from './sqm-portal-footer-view-d9fe0bf8.js';
+import { P as PoweredByImg$1, a as PortalFooterView } from './sqm-portal-footer-view-60cd9ae5.js';
 import { H as HeroView } from './sqm-hero-view-bfd8abd1.js';
 import { N as NameFieldsView } from './sqm-name-fields-view-4162fb7b.js';
-import { P as ProgramExplainerView } from './sqm-program-explainer-view-1c603bb7.js';
-import { P as ProgramExplainerStepView } from './sqm-program-explainer-step-view-f190277a.js';
+import { P as ProgramExplainerView } from './sqm-program-explainer-view-098a64a9.js';
+import { P as ProgramExplainerStepView } from './sqm-program-explainer-step-view-41c1eecd.js';
 
 /**
  * Build a font CSS URL using the Google Fonts CSS API
@@ -3514,13 +3514,13 @@ const defaultFormState = {
   error: "",
 };
 function useEditProfile(props) {
-  const userIdent = T$1();
+  const userIdent = ne$1();
   const [showEdit, setShowEdit] = useState(false);
   const [error, setError] = useState("");
   const [userData, setUserData] = useState(undefined);
   const [formState, setFormState] = useState(defaultFormState);
-  const userDataResponse = en(GET_USER, {}, !(userIdent === null || userIdent === void 0 ? void 0 : userIdent.jwt));
-  const [upsertUser, upsertUserResponse] = be(UPSERT_USER);
+  const userDataResponse = cn(GET_USER, {}, !(userIdent === null || userIdent === void 0 ? void 0 : userIdent.jwt));
+  const [upsertUser, upsertUserResponse] = De(UPSERT_USER);
   useEffect(() => {
     if ((upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.loading) || !showEdit)
       return;
@@ -3746,12 +3746,12 @@ function NavigationMenuView(props) {
 }
 
 function handleMenu(e) {
-  rn.push(e.detail.item.value);
+  mn.push(e.detail.item.value);
 }
 function useNavigationMenu(props) {
   const ref = useRef();
-  const [, rerender] = Ze();
-  const user = T$1();
+  const [, rerender] = sn();
+  const user = ne$1();
   useEffect(() => {
     var _a;
     (_a = ref.current) === null || _a === void 0 ? void 0 : _a.addEventListener("sl-select", (e) => handleMenu(e));
@@ -4445,11 +4445,11 @@ function PortalChangePasswordView(props) {
 
 function usePortalChangePassword(props) {
   var _a, _b, _c, _d;
-  const [request, { loading, errors, data }] = De();
+  const [request, { loading, errors, data }] = He();
   const [open, setOpen] = useState(false);
   const [error, setError] = useState("");
   const [success, setSuccess] = useState(false);
-  const user = T$1();
+  const user = ne$1();
   const submit = async (event) => {
     var _a;
     setSuccess(false);
@@ -4624,7 +4624,7 @@ function PortalFrameView(props, children) {
 }
 
 function usePortalFrame(footerContent, headerContent) {
-  const [, rerender] = Ze();
+  const [, rerender] = sn();
   return {
     data: {
       footer: footerContent,
@@ -4712,7 +4712,7 @@ function PortalLoginView(props) {
 
 function usePortalLogin({ nextPage }) {
   var _a, _b, _c, _d;
-  const [request, { loading, errors, data }] = qe();
+  const [request, { loading, errors, data }] = $e();
   const [error, setError] = useState("");
   const urlParams = new URLSearchParams(window.location.search);
   const nextPageOverride = urlParams.get("nextPage");
@@ -4729,7 +4729,7 @@ function usePortalLogin({ nextPage }) {
     var _a;
     if ((_a = data === null || data === void 0 ? void 0 : data.authenticateManagedIdentityWithEmailAndPassword) === null || _a === void 0 ? void 0 : _a.token) {
       urlParams.delete("nextPage");
-      rn.push({
+      mn.push({
         pathname: nextPageOverride || nextPage,
         search: urlParams.toString() && "?" + urlParams.toString(),
       });
@@ -4793,8 +4793,8 @@ const PortalLogin = class {
       ? useLoginDemo(this)
       : usePortalLogin(this);
     const content = {
-      forgotPasswordButton: (h$1("slot", { name: "forgotPassword" }, h$1("a", { onClick: () => rn.push("/forgotPassword") }, this.forgotPasswordLabel))),
-      secondaryButton: (h$1("slot", { name: "secondaryButton" }, h$1("sl-button", { type: "text", disabled: states.loading, onClick: () => rn.push("/register") }, this.registerLabel))),
+      forgotPasswordButton: (h$1("slot", { name: "forgotPassword" }, h$1("a", { onClick: () => mn.push("/forgotPassword") }, this.forgotPasswordLabel))),
+      secondaryButton: (h$1("slot", { name: "secondaryButton" }, h$1("sl-button", { type: "text", disabled: states.loading, onClick: () => mn.push("/register") }, this.registerLabel))),
       emailLabel: this.emailLabel,
       passwordLabel: this.passwordLabel,
       submitLabel: this.submitLabel,
@@ -4887,7 +4887,7 @@ function PortalRegisterView(props) {
 
 const CONTEXT_NAME$1 = "sq:validation-state";
 function useValidationState(formState) {
-  const host = P$1();
+  const host = S$1();
   const [validationState, setValidationState] = y$1(host, CONTEXT_NAME$1, formState);
   return { validationState, setValidationState };
 }
@@ -8767,7 +8767,7 @@ function usePortalRegister(props) {
   var _a, _b, _c, _d, _e, _f;
   const formRef = useRef(null);
   const { validationState, setValidationState } = useValidationState({});
-  const [request, { loading, errors, data }] = Ee();
+  const [request, { loading, errors, data }] = Ve();
   const submit = async (event) => {
     let formControls = event.target.getFormControls();
     let formData = {};
@@ -8830,7 +8830,7 @@ function usePortalRegister(props) {
   useEffect(() => {
     var _a;
     if ((_a = data === null || data === void 0 ? void 0 : data.registerManagedIdentityWithEmailAndPassword) === null || _a === void 0 ? void 0 : _a.token) {
-      rn.push(props.nextPage);
+      mn.push(props.nextPage);
     }
   }, [(_a = data === null || data === void 0 ? void 0 : data.registerManagedIdentityWithEmailAndPassword) === null || _a === void 0 ? void 0 : _a.token]);
   useEffect(() => {
@@ -8924,7 +8924,7 @@ const PortalRegister = class {
       : usePortalRegister(this);
     const content = {
       formData: h$1("slot", { name: "formData" }),
-      secondaryButton: (h$1("slot", { name: "secondaryButton" }, h$1("sl-button", { type: "text", disabled: states.loading, onClick: () => rn.push("/login") }, this.loginLabel))),
+      secondaryButton: (h$1("slot", { name: "secondaryButton" }, h$1("sl-button", { type: "text", disabled: states.loading, onClick: () => mn.push("/login") }, this.loginLabel))),
       emailLabel: this.emailLabel,
       passwordLabel: this.passwordLabel,
       submitLabel: this.submitLabel,
@@ -8959,10 +8959,10 @@ const debug = browser('sq:useProgramMenu');
 const UPDATE_PROGRAM_EVENT = 'sq:update-program-id';
 function useProgramMenu(props) {
   const programId = M$1();
-  const host = P$1();
+  const host = S$1();
   debug({ programId, props });
   const ref = useRef();
-  const [, rerender] = Ze();
+  const [, rerender] = sn();
   useEffect(() => {
     var _a;
     (_a = ref.current) === null || _a === void 0 ? void 0 : _a.addEventListener('sl-select', (e) => {
@@ -9011,8 +9011,8 @@ const GET_USER_DETAILS = dist.gql `
 function useReferralIframe(props) {
   var _a;
   const programId = M$1();
-  const user = T$1();
-  const { data } = en(GET_USER_DETAILS, { programId }, !(user === null || user === void 0 ? void 0 : user.jwt) || !programId);
+  const user = ne$1();
+  const { data } = cn(GET_USER_DETAILS, { programId }, !(user === null || user === void 0 ? void 0 : user.jwt) || !programId);
   return {
     states: {
       content: props,
@@ -9076,7 +9076,7 @@ const styleString$5 = sheet$5.toString();
 function RequiredPropsError({ missingProps }) {
   if (!missingProps)
     return false;
-  const host = P$1();
+  const host = S$1();
   const [detailsOpen, setDetailsOpen] = useState(false);
   return (h$1("sl-alert", { type: "danger", open: true, class: sheet$5.classes.Alert },
     h$1("style", { type: "text/css" }, styleString$5),
@@ -9193,7 +9193,7 @@ function ReferralTableView(props) {
 }
 
 function useChildElements() {
-  const host = P$1();
+  const host = S$1();
   const initialState = host.children.length ? Array.from(host.children) : [];
   const [childElements, setChildElements] = useState(initialState);
   useEffect(() => {
@@ -9366,7 +9366,7 @@ const GET_REFERRAL_DATA = gql `
 `;
 function useReferralTable(props, emptyElement, loadingElement) {
   var _a, _b;
-  const user = T$1();
+  const user = ne$1();
   const programIdContext = M$1();
   // Default to context, overriden by props
   const programId = (_a = props.programId) !== null && _a !== void 0 ? _a : programIdContext;
@@ -9389,13 +9389,13 @@ function useReferralTable(props, emptyElement, loadingElement) {
     loading: false,
     page: 0,
   });
-  const { data: referrerResponse, loading: referrerLoading, refetch, } = en(GET_REFERRER_DATA, {
+  const { data: referrerResponse, loading: referrerLoading, refetch, } = cn(GET_REFERRER_DATA, {
     programId: programId === "classic" ? null : programId,
     rewardFilter,
   }, !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 { envelope: referralData, states, callbacks, } = sn(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, } = pn(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,
   }, {
@@ -18101,6 +18101,7 @@ const GET_EXCHANGE_LIST = dist.gql `
               available
               globalRewardKey
               unavailableReasonCode
+              rewardInput
             }
           }
           totalCount
@@ -18133,9 +18134,9 @@ function useRewardExchangeList(props) {
   });
   const [open, setOpen] = useState(false);
   const { selectedItem, selectedStep, redeemStage, amount, exchangeError } = exchangeState;
-  const user = T$1();
-  const [exchange, { data: exchangeResponse, loading: exchangeLoading, errors },] = be(EXCHANGE);
-  const { data, loading, refetch, errors: queryError, } = en(GET_EXCHANGE_LIST, !(user === null || user === void 0 ? void 0 : user.jwt));
+  const user = ne$1();
+  const [exchange, { data: exchangeResponse, loading: exchangeLoading, errors },] = De(EXCHANGE);
+  const { data, loading, refetch, errors: queryError, } = cn(GET_EXCHANGE_LIST, {}, !(user === null || user === void 0 ? void 0 : user.jwt));
   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) {
@@ -18181,9 +18182,7 @@ function useRewardExchangeList(props) {
             unit: selectedItem.sourceUnit,
           },
           globalRewardKey: selectedItem.globalRewardKey,
-          rewardInput: {
-            valueInCents: selectedStep.destinationValue,
-          },
+          rewardInput: selectedStep.rewardInput,
         };
         break;
       case "VARIABLE_CREDIT_REWARD":
@@ -18203,11 +18202,7 @@ function useRewardExchangeList(props) {
       default:
         exchangeVariables = {
           ...exchangeVariables,
-          redeemCreditInput: {
-            amount: selectedItem.sourceValue,
-            unit: selectedItem.sourceUnit,
-          },
-          globalRewardKey: selectedItem.globalRewardKey,
+          ...selectedStep.rewardInput,
         };
     }
     exchange({ exchangeRewardInput: exchangeVariables });
@@ -19080,7 +19075,7 @@ const GET_REWARDS = gql `
 `;
 function useRewardsTable(props, emptyElement, loadingElement) {
   var _a, _b;
-  const user = T$1();
+  const user = ne$1();
   const programIdContext = M$1();
   // Default to context, overriden by props
   const programId = (_a = props.programId) !== null && _a !== void 0 ? _a : programIdContext;
@@ -19103,7 +19098,7 @@ function useRewardsTable(props, emptyElement, loadingElement) {
     loading: false,
     page: 0,
   });
-  const { envelope: rewardsData, states, callbacks, } = sn(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 { envelope: rewardsData, states, callbacks, } = pn(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,
   }, {
@@ -19305,8 +19300,8 @@ function matchPath(pattern, page) {
   return regexp.exec(page);
 }
 function useRouter() {
-  const location = an();
-  const host = P$1();
+  const location = vn();
+  const host = S$1();
   const [slot, setSlot] = useState(undefined);
   const [container, setContainer] = useState(undefined);
   const page = location.pathname;
@@ -19465,14 +19460,14 @@ function useShareButton(props) {
   var _a, _b;
   const { sharetitle, sharetext, medium } = props;
   const programId = props.programId ? props.programId : M$1();
-  const user = T$1();
+  const user = ne$1();
   const variables = {
     engagementMedium: x$1(),
     programId: programId,
     shareMedium: medium.toUpperCase(),
   };
   // only queries if a programId is available
-  const res = en(MessageLinkQuery, variables, !(user === null || user === void 0 ? void 0 : user.jwt) || !programId);
+  const res = cn(MessageLinkQuery, 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 = D$1();
   const hide = (medium.toLocaleUpperCase() === "SMS" &&
@@ -19567,10 +19562,10 @@ const WIDGET_ENGAGEMENT_EVENT = dist.gql `
 function useShareLink(props) {
   var _a, _b;
   const { programId = M$1() } = props;
-  const user = T$1();
+  const user = ne$1();
   const engagementMedium = x$1();
-  const { data } = en(MessageLinkQuery$1, { programId }, !(user === null || user === void 0 ? void 0 : user.jwt));
-  const [sendLoadEvent] = be(WIDGET_ENGAGEMENT_EVENT);
+  const { data } = cn(MessageLinkQuery$1, { programId }, !(user === null || user === void 0 ? void 0 : user.jwt));
+  const [sendLoadEvent] = De(WIDGET_ENGAGEMENT_EVENT);
   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
   "...";
@@ -21426,36 +21421,36 @@ const routes = `
 `;
 const TemplateNavigation = createHookStory(() => {
   return (h$1("div", null,
-    h$1("button", { onClick: () => rn.push("/") }, "/"),
-    h$1("button", { onClick: () => rn.push("/foo") }, "/foo"),
-    h$1("button", { onClick: () => rn.push("/bar") }, "/bar"),
-    h$1("button", { onClick: () => rn.push("/baz/bang") }, "/baz/bang"),
-    h$1("button", { onClick: () => rn.push("/refer") }, "/refer"),
-    h$1("button", { onClick: () => rn.push("/refer/1") }, "/refer/1"),
-    h$1("button", { onClick: () => rn.push("/refer/2") }, "/refer/2"),
-    h$1("button", { onClick: () => rn.back() }, "Back"),
-    h$1("button", { onClick: () => rn.forward() }, "Forward"),
+    h$1("button", { onClick: () => mn.push("/") }, "/"),
+    h$1("button", { onClick: () => mn.push("/foo") }, "/foo"),
+    h$1("button", { onClick: () => mn.push("/bar") }, "/bar"),
+    h$1("button", { onClick: () => mn.push("/baz/bang") }, "/baz/bang"),
+    h$1("button", { onClick: () => mn.push("/refer") }, "/refer"),
+    h$1("button", { onClick: () => mn.push("/refer/1") }, "/refer/1"),
+    h$1("button", { onClick: () => mn.push("/refer/2") }, "/refer/2"),
+    h$1("button", { onClick: () => mn.back() }, "Back"),
+    h$1("button", { onClick: () => mn.forward() }, "Forward"),
     h$1("hr", null),
     h$1("sqm-router", { innerHTML: templates })));
 });
 const RouteNavigation = createHookStory(() => {
   return (h$1("div", null,
-    h$1("button", { onClick: () => rn.push("/") }, "/"),
-    h$1("button", { onClick: () => rn.push("/foo") }, "/foo"),
-    h$1("button", { onClick: () => rn.push("/bar") }, "/bar"),
-    h$1("button", { onClick: () => rn.push("/baz/bang") }, "/baz/bang"),
-    h$1("button", { onClick: () => rn.push("/refer") }, "/refer"),
-    h$1("button", { onClick: () => rn.push("/refer/1") }, "/refer/1"),
-    h$1("button", { onClick: () => rn.push("/refer/2") }, "/refer/2"),
-    h$1("button", { onClick: () => rn.back() }, "Back"),
-    h$1("button", { onClick: () => rn.forward() }, "Forward"),
+    h$1("button", { onClick: () => mn.push("/") }, "/"),
+    h$1("button", { onClick: () => mn.push("/foo") }, "/foo"),
+    h$1("button", { onClick: () => mn.push("/bar") }, "/bar"),
+    h$1("button", { onClick: () => mn.push("/baz/bang") }, "/baz/bang"),
+    h$1("button", { onClick: () => mn.push("/refer") }, "/refer"),
+    h$1("button", { onClick: () => mn.push("/refer/1") }, "/refer/1"),
+    h$1("button", { onClick: () => mn.push("/refer/2") }, "/refer/2"),
+    h$1("button", { onClick: () => mn.back() }, "Back"),
+    h$1("button", { onClick: () => mn.forward() }, "Forward"),
     h$1("hr", null),
     h$1("sqm-router", { innerHTML: routes })));
 });
 const Styling = createHookStory(() => {
   return (h$1("div", null,
-    h$1("button", { onClick: () => rn.push("/") }, "/"),
-    h$1("button", { onClick: () => rn.push("/foo") }, "/foo"),
+    h$1("button", { onClick: () => mn.push("/") }, "/"),
+    h$1("button", { onClick: () => mn.push("/foo") }, "/foo"),
     h$1("hr", null),
     h$1("div", { style: { display: "flex", justifyContent: "space-around" } },
       h$1("sqm-router", { innerHTML: `<template path="/">
@@ -21469,7 +21464,7 @@ function useTemplate(templateString) {
   const [previewTemplate, setPreviewTemplate] = useState(templateString);
   function setPath(e) {
     //@ts-ignore
-    rn.push(e.target.value);
+    mn.push(e.target.value);
   }
   return {
     states: { previewTemplate, editedTemplate },
@@ -21612,8 +21607,8 @@ const FullStackFrame = () => {
       "Current path:",
       " ",
       h$1("code", null,
-        h$1("strong", null, (_a = an()) === null || _a === void 0 ? void 0 : _a.pathname))),
-    h$1("button", { onClick: rn.back }, "Go Back")));
+        h$1("strong", null, (_a = vn()) === null || _a === void 0 ? void 0 : _a.pathname))),
+    h$1("button", { onClick: mn.back }, "Go Back")));
 };
 const FullStackFrameLoggedOut = () => {
   var _a;
@@ -21637,8 +21632,8 @@ const FullStackFrameLoggedOut = () => {
       "Current path:",
       " ",
       h$1("code", null,
-        h$1("strong", null, (_a = an()) === null || _a === void 0 ? void 0 : _a.pathname))),
-    h$1("button", { onClick: rn.back }, "Go Back")));
+        h$1("strong", null, (_a = vn()) === null || _a === void 0 ? void 0 : _a.pathname))),
+    h$1("button", { onClick: mn.back }, "Go Back")));
 };
 
 const PortalFrame$1 = /*#__PURE__*/Object.freeze({
@@ -21732,14 +21727,14 @@ function setupGraphQL$1() {
     programId,
   };
   useEffect(() => {
-    L$1({
+    Y({
       accountId,
       id,
       jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InRlc3Rlc3Rlc3QiLCJpZCI6InRlc3Rlc3Rlc3QifX0.qYnU5hNeIj9C_G3NogfG7btgCPGZC7JRXY0MG6a63zs",
     });
     return () => {
       window.widgetIdent = undefined;
-      L$1(undefined);
+      Y(undefined);
     };
   }, []);
 }
@@ -21794,14 +21789,14 @@ function setupGraphQL$2() {
     programId,
   };
   useEffect(() => {
-    L$1({
+    Y({
       accountId,
       id,
       jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InRlc3Rlc3Rlc3QiLCJpZCI6InRlc3Rlc3Rlc3QifX0.qYnU5hNeIj9C_G3NogfG7btgCPGZC7JRXY0MG6a63zs",
     });
     return () => {
       window.widgetIdent = undefined;
-      L$1(undefined);
+      Y(undefined);
     };
   }, []);
 }
@@ -21856,14 +21851,14 @@ function setupGraphQL$3() {
     programId,
   };
   useEffect(() => {
-    L$1({
+    Y({
       accountId,
       id,
       jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6Im55bmVsbGllIiwiaWQiOiJueW5lbGxpZSJ9fQ.3KV974VPLgk4tD8LQfJTi4IPkKCmnaB8w48HzVJYDuI",
     });
     return () => {
       window.widgetIdent = undefined;
-      L$1(undefined);
+      Y(undefined);
     };
   }, []);
 }
@@ -21987,14 +21982,14 @@ function setupGraphQL$4() {
     programId,
   };
   useEffect(() => {
-    L$1({
+    Y({
       accountId,
       id,
       jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6IndvcnJpZWQtY2FtZXJhQHVleHdsdGdoLm1haWxvc2F1ci5uZXQiLCJpZCI6IndvcnJpZWQtY2FtZXJhQHVleHdsdGdoLm1haWxvc2F1ci5uZXQiLCJmaXJzdE5hbWUiOiJ0ZXN0IiwibGFzdE5hbWUiOiJ0ZXN0In19.ziDWbdCwsTo1ijxl8d2__Ga-6iFOVShaJUPp2ZBMeO0",
     });
     return () => {
       window.widgetIdent = undefined;
-      L$1(undefined);
+      Y(undefined);
     };
   }, []);
 }
@@ -22034,14 +22029,14 @@ function setupGraphQL$5() {
     programId,
   };
   useEffect(() => {
-    L$1({
+    Y({
       accountId,
       id,
       jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InRlc3Rlc3Rlc3QiLCJpZCI6InRlc3Rlc3Rlc3QifX0.qYnU5hNeIj9C_G3NogfG7btgCPGZC7JRXY0MG6a63zs",
     });
     return () => {
       window.widgetIdent = undefined;
-      L$1(undefined);
+      Y(undefined);
     };
   }, []);
 }
@@ -22161,14 +22156,14 @@ function setupGraphQL$6() {
     programId,
   };
   useEffect(() => {
-    L$1({
+    Y({
       accountId,
       id,
       jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InRlc3Rlc3Rlc3QiLCJpZCI6InRlc3Rlc3Rlc3QifX0.qYnU5hNeIj9C_G3NogfG7btgCPGZC7JRXY0MG6a63zs",
     });
     return () => {
       window.widgetIdent = undefined;
-      L$1(undefined);
+      Y(undefined);
     };
   }, []);
   return { id, accountId };
@@ -22177,7 +22172,7 @@ function useExchangeButton() {
   const { id, accountId } = setupGraphQL$6();
   const [points, setPoints] = useState(10);
   const [rate, setRate] = useState(100);
-  const [exchange, { data, errors }] = Ne(EXCHANGE$1);
+  const [exchange, { data, errors }] = ze(EXCHANGE$1);
   return {
     states: {
       points,
@@ -22292,14 +22287,14 @@ function setupGraphQL$7() {
     appDomain: "https://staging.referralsaasquatch.com",
   };
   useEffect(() => {
-    L$1({
+    Y({
       accountId,
       id,
       jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InRlc3Rlc3Rlc3QiLCJpZCI6InRlc3Rlc3Rlc3QifX0.qYnU5hNeIj9C_G3NogfG7btgCPGZC7JRXY0MG6a63zs",
     });
     return () => {
       window.widgetIdent = undefined;
-      L$1(undefined);
+      Y(undefined);
     };
   }, []);
   return { id, accountId };
@@ -22339,14 +22334,14 @@ function setupGraphQL$8() {
     programId,
   };
   useEffect(() => {
-    L$1({
+    Y({
       accountId,
       id,
       jwt: JWT,
     });
     return () => {
       window.widgetIdent = undefined;
-      L$1(undefined);
+      Y(undefined);
     };
   }, []);
   return { id, accountId };
@@ -28877,16 +28872,16 @@ function DefaultTemplateView(props) {
         gridTemplateColumns: "repeat(9, 80px)",
         gridGap: "10px",
       } },
-      h$1("button", { onClick: () => rn.push("/") }, "Dashboard"),
-      props.leadSubmit && (h$1("button", { onClick: () => rn.push("/refer") }, "Submit a Referral")),
-      h$1("button", { onClick: () => rn.push("/activity") }, "Activity"),
-      h$1("button", { onClick: () => rn.push("/editProfile") }, "Edit Profile"),
-      h$1("button", { onClick: () => rn.push("/login") }, "Login"),
-      h$1("button", { onClick: () => rn.push("/register") }, "Register"),
-      h$1("button", { onClick: () => rn.push("/emailVerification") }, "Email Verification"),
-      h$1("button", { onClick: () => rn.push("/verifyEmail") }, "Verify Email"),
-      h$1("button", { onClick: () => rn.push("/forgotPassword") }, "Forgot Password"),
-      h$1("button", { onClick: () => rn.push("/resetPassword") }, "Reset Password")),
+      h$1("button", { onClick: () => mn.push("/") }, "Dashboard"),
+      props.leadSubmit && (h$1("button", { onClick: () => mn.push("/refer") }, "Submit a Referral")),
+      h$1("button", { onClick: () => mn.push("/activity") }, "Activity"),
+      h$1("button", { onClick: () => mn.push("/editProfile") }, "Edit Profile"),
+      h$1("button", { onClick: () => mn.push("/login") }, "Login"),
+      h$1("button", { onClick: () => mn.push("/register") }, "Register"),
+      h$1("button", { onClick: () => mn.push("/emailVerification") }, "Email Verification"),
+      h$1("button", { onClick: () => mn.push("/verifyEmail") }, "Verify Email"),
+      h$1("button", { onClick: () => mn.push("/forgotPassword") }, "Forgot Password"),
+      h$1("button", { onClick: () => mn.push("/resetPassword") }, "Reset Password")),
     h$1("br", null),
     h$1("div", { innerHTML: states.previewTemplate })));
 }
@@ -29611,27 +29606,27 @@ const ProgramExplainer_stories = {
 };
 const props$2 = {
   header: "Klip Rewards",
-  title: "Earn rewards with our loyalty program",
+  cardTitle: "Earn rewards with our loyalty program",
   description: "Earn points by completing tasks like uploading your first video or sharing videos with friends. Use your points to redeem rewards like one free month of Klip Enterprise or two plane tickets to anywhere in North America.",
   color: "black",
   background: "#F3F0EC",
 };
 const steps1 = {
-  title: "Invite your friends to Klip",
+  cardTitle: "Invite your friends to Klip",
   description: "Earn up to $1200 in rewards for each referral",
   color: "white",
   background: "#5B3EDA",
   icon: "person-plus-fill",
 };
 const steps2 = {
-  title: "If your friend signs up for a Klip Business plan",
+  cardTitle: "If your friend signs up for a Klip Business plan",
   description: "Get a $50 VISA giftcard when they pay for their first month",
   color: "black",
   background: "#F3CC66",
   icon: "server",
 };
 const steps3 = {
-  title: "If your friend signs up for a Klip Enterprise plan",
+  cardTitle: "If your friend signs up for a Klip Enterprise plan",
   description: "Get up to $1200 in rewards - a $200 VISA giftcard when our sales team qualifies them as a good fit for Klip, and a $1000 VISA giftcard when they become a paying customer",
   color: "black",
   background: "#D3CCF5",
@@ -29666,7 +29661,7 @@ const ProgramExplainerStep_stories = {
 };
 const Example1 = () => {
   const props = {
-    title: "Invite your friends to Klip",
+    cardTitle: "Invite your friends to Klip",
     description: "Earn up to $1200 in rewards for each referral",
     color: "white",
     background: "#5B3EDA",
@@ -32708,8 +32703,8 @@ const GET_USER_NAME = gql `
 `;
 function useUserName(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h;
-  const user = T$1();
-  const res = en(GET_USER_NAME, {}, !(user === null || user === void 0 ? void 0 : user.jwt));
+  const user = ne$1();
+  const res = cn(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}`