@saasquatch/mint-components 1.6.7-2 → 1.6.7-3

package/dist/esm/sqm-portal-reset-password.entry.js

@@ -1,22 +1,22 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { i as useState, u as useEffect, m as h } from './stencil-hooks.module-b48b45ec.js';
-import './use-callback-051c06c6.js';
-import { c as Ne, W as We, f as fn, i as isDemo } from './index.module-3c720e8f.js';
-import { j as jsonpointer } from './jsonpointer-388a7082.js';
+import { e as useState, u as useEffect, j as h } from './stencil-hooks.module-6bde7453.js';
+import './use-callback-c5579ecb.js';
+import { e as We, N as Ne, g as gn, i as isDemo } from './index.module-5043fba6.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
 import './JSS-67b5cff8.js';
 import { s as sanitizeUrlPath } from './utils-334c1e34.js';
 import './sqm-text-span-view-b03a3c6d.js';
+import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-2b9da683.js';
 
 function usePortalResetPassword(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
   const [reset, setReset] = useState(false);
   const [error, setError] = useState("");
-  const [verifyPasswordResetCode, verifyPasswordResetCodeState] = Ne();
-  const [resetPassword, resetPasswordState] = We();
-  const urlParams = new URLSearchParams(fn.location.search);
+  const [verifyPasswordResetCode, verifyPasswordResetCodeState] = We();
+  const [resetPassword, resetPasswordState] = Ne();
+  const urlParams = new URLSearchParams(gn.location.search);
   const oobCode = urlParams.get("oobCode");
   urlParams.delete("oobCode");
   const nextPageOverride = urlParams.get("nextPage");
@@ -54,10 +54,10 @@ function usePortalResetPassword(props) {
   const gotoNextPage = () => {
     urlParams.delete("nextPage");
     const url = sanitizeUrlPath(nextPageOverride || props.nextPage);
-    fn.push(url.href);
+    gn.push(url.href);
   };
   const failed = () => {
-    fn.push({
+    gn.push({
       pathname: props.failedPage,
       search: urlParams.toString() && "?" + urlParams.toString(),
     });

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { u as useEffect, m as h } from './stencil-hooks.module-b48b45ec.js';
-import './use-callback-051c06c6.js';
-import { N, X as Xe, f as fn, i as isDemo } from './index.module-3c720e8f.js';
+import { u as useEffect, j as h } from './stencil-hooks.module-6bde7453.js';
+import './use-callback-c5579ecb.js';
+import { W, X as Xe, g as gn, i as isDemo } from './index.module-5043fba6.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
 import './JSS-67b5cff8.js';
@@ -11,9 +11,9 @@ import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-e3e39
 
 function usePortalVerifyEmail({ nextPage, failedPage }) {
   var _a, _b, _c, _d, _e, _f, _g, _h;
-  const userIdent = N();
+  const userIdent = W();
   const [request, { loading, data, errors }] = Xe();
-  const urlParams = new URLSearchParams(fn.location.search);
+  const urlParams = new URLSearchParams(gn.location.search);
   const oobCode = urlParams.get("oobCode");
   const nextPageOverride = urlParams.get("nextPage");
   // derived from useMutation in component boilerplate initialState
@@ -21,7 +21,7 @@ function usePortalVerifyEmail({ nextPage, failedPage }) {
   // if logged out, userIdent?.managedIdentity?.emailVerified will be falsey, even if verification was successful
   const verified = !!(((_a = userIdent === null || userIdent === void 0 ? void 0 : userIdent.managedIdentity) === null || _a === void 0 ? void 0 : _a.emailVerified) || (data === null || data === void 0 ? void 0 : data.verifyManagedIdentityEmail.success));
   const failed = () => {
-    return fn.push({
+    return gn.push({
       pathname: failedPage,
       search: urlParams.toString() && "?" + urlParams.toString(),
     });
@@ -29,7 +29,7 @@ function usePortalVerifyEmail({ nextPage, failedPage }) {
   const gotoNextPage = () => {
     urlParams.delete("nextPage");
     const url = sanitizeUrlPath(nextPageOverride || nextPage);
-    fn.push(url.href);
+    gn.push(url.href);
   };
   const submit = async () => {
     var _a;

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

@@ -1,16 +1,17 @@
 import { r as registerInstance, h as h$1, g as getElement, c as Host } from './index-17b4da69.js';
-import { m as h, f as useReducer, k as useMemo, u as useEffect } from './stencil-hooks.module-b48b45ec.js';
-import { i as intl } from './global-fbe84c58.js';
-import './use-callback-051c06c6.js';
-import { i as isDemo } from './index.module-3c720e8f.js';
+import { j as h, i as useReducer, f as useMemo, u as useEffect } from './stencil-hooks.module-6bde7453.js';
+import { i as intl } from './global-4bd89b1d.js';
+import './use-callback-c5579ecb.js';
+import { i as isDemo } from './index.module-5043fba6.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { G as GenericTableView } from './GenericTableView-ce26115f.js';
-import { a as useRequestRerender, u as useRerenderListener } from './re-render-695ddbbd.js';
-import { u as useChildElements } from './useChildElements-79be4145.js';
-import { l as luxon } from './luxon-1e38d7f1.js';
-import { a as getPaypalMeta, u as useReferralTable, t as tryMethod } from './useReferralTable-7f8db41f.js';
+import { a as useRequestRerender, u as useRerenderListener } from './re-render-a3c1732f.js';
+import { u as useChildElements } from './useChildElements-a68649fd.js';
+import { l as luxon } from './luxon-dccb73bb.js';
+import { a as getPaypalMeta, u as useReferralTable, t as tryMethod } from './useReferralTable-6c6c06cb.js';
+import './index-4bffa04c.js';
 import { l as luxonLocale } from './utils-334c1e34.js';
 import { T as TextSpanView } from './sqm-text-span-view-b03a3c6d.js';
 

package/dist/esm/sqm-rewards-table-customer-note-cell.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { m as h } from './stencil-hooks.module-b48b45ec.js';
+import { j as h } from './stencil-hooks.module-6bde7453.js';
 import './JSS-67b5cff8.js';
 import { T as TextSpanView } from './sqm-text-span-view-b03a3c6d.js';
 

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, h as h$1, c as Host } from './index-17b4da69.js';
-import { m as h } from './stencil-hooks.module-b48b45ec.js';
-import './use-callback-051c06c6.js';
-import './index.module-3c720e8f.js';
-import { a as useRequestRerender } from './re-render-695ddbbd.js';
+import { j as h } from './stencil-hooks.module-6bde7453.js';
+import './use-callback-c5579ecb.js';
+import './index.module-5043fba6.js';
+import { a as useRequestRerender } from './re-render-a3c1732f.js';
 
 const RewardTableCustomerNoteColumn = class {
   constructor(hostRef) {

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

@@ -1,16 +1,17 @@
 import { h, r as registerInstance, c as Host } from './index-17b4da69.js';
-import { b as browser, f as useReducer, u as useEffect, m as h$1, k as useMemo } from './stencil-hooks.module-b48b45ec.js';
-import { i as intl } from './global-fbe84c58.js';
-import './use-callback-051c06c6.js';
-import { d as dist, N, O, x, v as vn, i as isDemo } from './index.module-3c720e8f.js';
+import { b as browser, i as useReducer, u as useEffect, j as h$1, f as useMemo } from './stencil-hooks.module-6bde7453.js';
+import { i as intl } from './global-4bd89b1d.js';
+import './use-callback-c5579ecb.js';
+import { W, O, x, h as hn, i as isDemo } from './index.module-5043fba6.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { G as GenericTableView } from './GenericTableView-ce26115f.js';
-import { u as useRerenderListener, a as useRequestRerender } from './re-render-695ddbbd.js';
-import { u as useChildElements } from './useChildElements-79be4145.js';
-import { l as luxon } from './luxon-1e38d7f1.js';
-import { g as generateUserError, m as mockRewardData } from './useReferralTable-7f8db41f.js';
+import { u as useRerenderListener, a as useRequestRerender } from './re-render-a3c1732f.js';
+import { u as useChildElements } from './useChildElements-a68649fd.js';
+import { l as luxon } from './luxon-dccb73bb.js';
+import { g as generateUserError, m as mockRewardData } from './useReferralTable-6c6c06cb.js';
+import { d as dist } from './index-4bffa04c.js';
 import { l as luxonLocale } from './utils-334c1e34.js';
 
 const debug = browser("sq:useRewardsTable");
@@ -121,7 +122,7 @@ const GET_REWARDS = dist.gql `
 `;
 function useRewardsTable(props, emptyElement, loadingElement) {
   var _a, _b;
-  const user = N();
+  const user = W();
   const programIdContext = O();
   const locale = x();
   // Default to context, overriden by props
@@ -145,7 +146,7 @@ function useRewardsTable(props, emptyElement, loadingElement) {
     loading: false,
     page: 0,
   });
-  const { envelope: rewardsData, states, callbacks, } = vn(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, } = hn(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,
   }, {
@@ -569,7 +570,7 @@ const RewardTableRewardsCell = class {
         };
         const sheet = createStyleSheet(style);
         const styleString = sheet.toString();
-        return (h("div", null, h("style", { type: "text/css" }, styleString), h("div", { class: sheet.classes.Container }, h("span", null, pimpedPrettyValue + " "), h("br", null), " ", h("div", { class: sheet.classes.Progress }), h("span", { class: sheet.classes.Subtext }, progressBarSubtext))));
+        return (h("div", null, h("style", { type: "text/css" }, styleString), h("div", { class: sheet.classes.Container }, h("span", { part: "sqm-rewards-cell-value" }, pimpedPrettyValue + " "), h("br", null), " ", h("div", { part: "sqm-rewards-cell-progress-bar", class: sheet.classes.Progress }), h("span", { part: "sqm-rewards-cell-subtext", class: sheet.classes.Subtext }, progressBarSubtext))));
       }
       return h("div", null, pimpedPrettyValue);
     };
@@ -600,7 +601,7 @@ const RewardsTableColumn = class {
   }
   disconnectedCallback() { }
   async renderCell(data, locale) {
-    return (h("sqm-rewards-table-reward-cell", { reward: data, redeemedText: this.redeemedText, availableText: this.availableText, copyText: this.copyText, locale: locale }));
+    return (h("sqm-rewards-table-reward-cell", { reward: data, redeemedText: this.redeemedText, availableText: this.availableText, copyText: this.copyText, locale: locale, exportparts: "sqm-rewards-cell-value, sqm-rewards-cell-progress-bar, sqm-rewards-cell-subtext" }));
   }
   async renderLabel() {
     return this.columnTitle;

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

@@ -1,29 +1,32 @@
 import { h, r as registerInstance, c as Host } from './index-17b4da69.js';
-import { a as commonjsGlobal, k as useMemo, i as useState, u as useEffect, c as createCommonjsModule, m as h$1 } from './stencil-hooks.module-b48b45ec.js';
-import './global-fbe84c58.js';
-import './use-callback-051c06c6.js';
-import { f as fn, l as ln, b as setUserIdentity, d as dist, z as ze, e as setProgramId } from './index.module-3c720e8f.js';
+import { a as commonjsGlobal, f as useMemo, e as useState, u as useEffect, c as createCommonjsModule, j as h$1 } from './stencil-hooks.module-6bde7453.js';
+import './global-4bd89b1d.js';
+import './use-callback-c5579ecb.js';
+import { g as gn, m as mn, c as setUserIdentity, z as ze, j as setProgramId } from './index.module-5043fba6.js';
 import './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { G as GenericTableView } from './GenericTableView-ce26115f.js';
-import './useChildElements-79be4145.js';
-import { l as luxon } from './luxon-1e38d7f1.js';
+import './useChildElements-a68649fd.js';
+import { l as luxon } from './luxon-dccb73bb.js';
+import { d as dist } from './index-4bffa04c.js';
 import './utils-334c1e34.js';
 import './sqm-text-span-view-b03a3c6d.js';
 import { A as AssetCardView } from './sqm-asset-card-view-b0f8ef8e.js';
-import { H as HeroView } from './sqm-hero-view-f1809063.js';
+import { H as HeroView } from './sqm-hero-view-27de6b06.js';
 import { L as LeaderboardRankView } from './sqm-leaderboard-rank-view-10657658.js';
 import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-74ad47d4.js';
-import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-6f909ba7.js';
-import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-381320c4.js';
-import { a as PoweredByImg$1, P as PortalFooterView } from './sqm-portal-footer-view-41fe6018.js';
+import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-d63373b2.js';
+import { P as PoweredByImg$1 } from './PoweredByImg-1114005e.js';
+import { P as PasswordlessRegistrationView } from './sqm-passwordless-registration-view-dcd145d6.js';
+import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-9c993283.js';
+import { P as PortalFooterView } from './sqm-portal-footer-view-d673e9b9.js';
 import { P as PortalForgotPasswordView } from './sqm-portal-forgot-password-view-37bafb1c.js';
-import { P as PortalProfileView } from './sqm-portal-profile-view-510e0fac.js';
+import { P as PortalProfileView } from './sqm-portal-profile-view-0b4315c2.js';
 import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-2b9da683.js';
 import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-e3e39501.js';
-import { S as ShareButtonView, L as LeaderboardView, a as ShareLinkView, B as BigStatView, P as PortalFrameView, E as EditProfileView, u as useShareLink, b as useShareButton, c as useDemoBigStat, d as StatContainerView, e as PortalChangePasswordView, f as PortalLoginView, g as PortalRegisterView, T as TaskCardView, h as ProgressBarView, R as ReferralIframeView, N as NameFieldsView, C as CheckboxFieldView, D as DropdownFieldView, I as InputFieldView, i as RewardExchangeView, r as rewardExchangeCustomErrorMsg, j as rewardExchangeLongText, k as rewardExchangeSelected, l as chooseAmountFixed, m as chooseAmountFixedNoDescription, n as chooseAmountVariable, o as chooseAmountVariableNoDescription, p as chooseAmountVariableDisabled, q as chooseAmountVariableUnavailable, s as confirmFixed, t as confirmVariable, v as redemptionError, w as queryError, x as success, y as successVariable, z as loading, A as empty$1, F as rewardExchange, G as CardFeedView, H as autoColorScaleCss, J as ShadowViewAddon } from './ShadowViewAddon-9791fbe2.js';
-import { P as PortalContainerView, a as PortalSectionView } from './sqm-portal-container-view-8e091565.js';
+import { S as ShareButtonView, L as LeaderboardView, C as CopyTextView, B as BigStatView, P as PortalFrameView, E as EditProfileView, u as useShareLink, a as useShareButton, b as useDemoBigStat, c as StatContainerView, d as PortalChangePasswordView, e as PortalLoginView, f as PortalRegisterView, T as TaskCardView, g as ProgressBarView, R as ReferralIframeView, N as NameFieldsView, h as CheckboxFieldView, D as DropdownFieldView, I as InputFieldView, i as RewardExchangeView, r as rewardExchangeCustomErrorMsg, j as rewardExchangeLongText, k as rewardExchangeSelected, l as chooseAmountFixed, m as chooseAmountFixedNoDescription, n as chooseAmountVariable, o as chooseAmountVariableNoDescription, p as chooseAmountVariableDisabled, q as chooseAmountVariableUnavailable, s as confirmFixed, t as confirmVariable, v as redemptionError, w as queryError, x as success, y as successVariable, z as loading, A as empty$1, F as rewardExchange, G as CardFeedView, H as autoColorScaleCss, J as ShadowViewAddon } from './ShadowViewAddon-e57c3d40.js';
+import { P as PortalContainerView, a as PortalSectionView } from './sqm-portal-container-view-06bce80d.js';
 
 /**
  * lodash (Custom Build) <https://lodash.com/>
@@ -1629,28 +1632,34 @@ const ShareLink_stories = {
 };
 const Default = () => {
   const props = {
-    shareString: "https://noah.example.com",
+    copyString: "https://noah.example.com",
     open: false,
     tooltiptext: "Copied!",
   };
-  return h(ShareLinkView, Object.assign({}, props));
+  return h(CopyTextView, Object.assign({}, props));
 };
 const Tooltip = () => {
   const props = {
-    shareString: "https://noah.example.com",
+    copyString: "https://noah.example.com",
     tooltiptext: "Some text for the tooltip",
     open: true,
   };
-  return h(ShareLinkView, Object.assign({}, props));
+  return h(CopyTextView, Object.assign({}, props));
 };
 const Disabled = () => {
   const props = {
-    shareString: "https://noah.example.com",
+    copyString: "https://noah.example.com",
     disabled: true,
     open: true,
     tooltiptext: "Copied!",
   };
-  return h(ShareLinkView, Object.assign({}, props));
+  return h(CopyTextView, Object.assign({}, props));
+};
+const TextAlignCenter = () => {
+  return h("sqm-share-link", { textAlign: "center" });
+};
+const CopyButton = () => {
+  return h("sqm-share-link", { isCopyIcon: false });
 };
 const FullStack = () => {
   return h("sqm-share-link", null);
@@ -1662,6 +1671,8 @@ const ShareLink = /*#__PURE__*/Object.freeze({
   Default: Default,
   Tooltip: Tooltip,
   Disabled: Disabled,
+  TextAlignCenter: TextAlignCenter,
+  CopyButton: CopyButton,
   FullStack: FullStack
 });
 
@@ -2352,36 +2363,36 @@ const routes = `
 `;
 const TemplateNavigation = createHookStory(() => {
   return (h("div", null,
-    h("button", { onClick: () => fn.push("/") }, "/"),
-    h("button", { onClick: () => fn.push("/foo") }, "/foo"),
-    h("button", { onClick: () => fn.push("/bar") }, "/bar"),
-    h("button", { onClick: () => fn.push("/baz/bang") }, "/baz/bang"),
-    h("button", { onClick: () => fn.push("/refer") }, "/refer"),
-    h("button", { onClick: () => fn.push("/refer/1") }, "/refer/1"),
-    h("button", { onClick: () => fn.push("/refer/2") }, "/refer/2"),
-    h("button", { onClick: () => fn.back() }, "Back"),
-    h("button", { onClick: () => fn.forward() }, "Forward"),
+    h("button", { onClick: () => gn.push("/") }, "/"),
+    h("button", { onClick: () => gn.push("/foo") }, "/foo"),
+    h("button", { onClick: () => gn.push("/bar") }, "/bar"),
+    h("button", { onClick: () => gn.push("/baz/bang") }, "/baz/bang"),
+    h("button", { onClick: () => gn.push("/refer") }, "/refer"),
+    h("button", { onClick: () => gn.push("/refer/1") }, "/refer/1"),
+    h("button", { onClick: () => gn.push("/refer/2") }, "/refer/2"),
+    h("button", { onClick: () => gn.back() }, "Back"),
+    h("button", { onClick: () => gn.forward() }, "Forward"),
     h("hr", null),
     h("sqm-router", { innerHTML: templates })));
 });
 const RouteNavigation = createHookStory(() => {
   return (h("div", null,
-    h("button", { onClick: () => fn.push("/") }, "/"),
-    h("button", { onClick: () => fn.push("/foo") }, "/foo"),
-    h("button", { onClick: () => fn.push("/bar") }, "/bar"),
-    h("button", { onClick: () => fn.push("/baz/bang") }, "/baz/bang"),
-    h("button", { onClick: () => fn.push("/refer") }, "/refer"),
-    h("button", { onClick: () => fn.push("/refer/1") }, "/refer/1"),
-    h("button", { onClick: () => fn.push("/refer/2") }, "/refer/2"),
-    h("button", { onClick: () => fn.back() }, "Back"),
-    h("button", { onClick: () => fn.forward() }, "Forward"),
+    h("button", { onClick: () => gn.push("/") }, "/"),
+    h("button", { onClick: () => gn.push("/foo") }, "/foo"),
+    h("button", { onClick: () => gn.push("/bar") }, "/bar"),
+    h("button", { onClick: () => gn.push("/baz/bang") }, "/baz/bang"),
+    h("button", { onClick: () => gn.push("/refer") }, "/refer"),
+    h("button", { onClick: () => gn.push("/refer/1") }, "/refer/1"),
+    h("button", { onClick: () => gn.push("/refer/2") }, "/refer/2"),
+    h("button", { onClick: () => gn.back() }, "Back"),
+    h("button", { onClick: () => gn.forward() }, "Forward"),
     h("hr", null),
     h("sqm-router", { innerHTML: routes })));
 });
 const Styling = createHookStory(() => {
   return (h("div", null,
-    h("button", { onClick: () => fn.push("/") }, "/"),
-    h("button", { onClick: () => fn.push("/foo") }, "/foo"),
+    h("button", { onClick: () => gn.push("/") }, "/"),
+    h("button", { onClick: () => gn.push("/foo") }, "/foo"),
     h("hr", null),
     h("div", { style: { display: "flex", justifyContent: "space-around" } },
       h("sqm-router", { innerHTML: `<template path="/">
@@ -2395,7 +2406,7 @@ function useTemplate(templateString) {
   const [previewTemplate, setPreviewTemplate] = useState(templateString);
   function setPath(e) {
     //@ts-ignore
-    fn.push(e.target.value);
+    gn.push(e.target.value);
   }
   return {
     states: { previewTemplate, editedTemplate },
@@ -2559,8 +2570,8 @@ const FullStackFrame = () => {
       "Current path:",
       " ",
       h("code", null,
-        h("strong", null, (_a = ln()) === null || _a === void 0 ? void 0 : _a.pathname))),
-    h("button", { onClick: fn.back }, "Go Back")));
+        h("strong", null, (_a = mn()) === null || _a === void 0 ? void 0 : _a.pathname))),
+    h("button", { onClick: gn.back }, "Go Back")));
 };
 const FullStackFrameLoggedOut = () => {
   var _a;
@@ -2584,8 +2595,8 @@ const FullStackFrameLoggedOut = () => {
       "Current path:",
       " ",
       h("code", null,
-        h("strong", null, (_a = ln()) === null || _a === void 0 ? void 0 : _a.pathname))),
-    h("button", { onClick: fn.back }, "Go Back")));
+        h("strong", null, (_a = mn()) === null || _a === void 0 ? void 0 : _a.pathname))),
+    h("button", { onClick: gn.back }, "Go Back")));
 };
 
 const PortalFrame = /*#__PURE__*/Object.freeze({
@@ -2700,11 +2711,11 @@ const BareBonesView = createHookStory(() => {
   return (h("div", null,
     "Sharelink:",
     " ",
-    h("code", { style: { borderStyle: "solid", borderWidth: "1px", padding: "2px" } }, res.shareString)));
+    h("code", { style: { borderStyle: "solid", borderWidth: "1px", padding: "2px" } }, res.copyString)));
 });
 const RegularView = createHookStory(() => {
   setupGraphQL$1();
-  return (h(ShareLinkView, Object.assign({}, useShareLink({
+  return (h(CopyTextView, Object.assign({}, useShareLink({
     programId: "sam-partner-test-2",
     tooltiptext: "Copied to clipboard",
     tooltiplifespan: 1000,
@@ -2712,7 +2723,7 @@ const RegularView = createHookStory(() => {
 });
 const FastTooltip = createHookStory(() => {
   setupGraphQL$1();
-  return (h(ShareLinkView, Object.assign({}, useShareLink({
+  return (h(CopyTextView, Object.assign({}, useShareLink({
     programId: "sam-partner-test-2",
     tooltiptext: "⠀⠀⠀⠀⠀⠀⠀⠀⠀HELLO THERE!!!\n⠀⠀⠀⡯⡯⡾⠝⠘⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢊⠘⡮⣣⠪⠢⡑⡌\n⠀⠀⠀⠟⠝⠈⠀⠀⠀⠡⠀⠠⢈⠠⢐⢠⢂⢔⣐⢄⡂⢔⠀⡁⢉⠸⢨⢑⠕⡌\n⠀⠀⡀⠁⠀⠀⠀⡀⢂⠡⠈⡔⣕⢮⣳⢯⣿⣻⣟⣯⣯⢷⣫⣆⡂⠀⠀⢐⠑⡌\n⢀⠠⠐⠈⠀⢀⢂⠢⡂⠕⡁⣝⢮⣳⢽⡽⣾⣻⣿⣯⡯⣟⣞⢾⢜⢆⠀⡀⠀⠪\n⣬⠂⠀⠀⢀⢂⢪⠨⢂⠥⣺⡪⣗⢗⣽⢽⡯⣿⣽⣷⢿⡽⡾⡽⣝⢎⠀⠀⠀⢡\n⣿⠀⠀⠀⢂⠢⢂⢥⢱⡹⣪⢞⡵⣻⡪⡯⡯⣟⡾⣿⣻⡽⣯⡻⣪⠧⠑⠀⠁⢐\n⣿⠀⠀⠀⠢⢑⠠⠑⠕⡝⡎⡗⡝⡎⣞⢽⡹⣕⢯⢻⠹⡹⢚⠝⡷⡽⡨⠀⠀⢔\n⣿⡯⠀⢈⠈⢄⠂⠂⠐⠀⠌⠠⢑⠱⡱⡱⡑⢔⠁⠀⡀⠐⠐⠐⡡⡹⣪⠀⠀⢘\n⣿⣽⠀⡀⡊⠀⠐⠨⠈⡁⠂⢈⠠⡱⡽⣷⡑⠁⠠⠑⠀⢉⢇⣤⢘⣪⢽⠀⢌⢎\n⣿⢾⠀⢌⠌⠀⡁⠢⠂⠐⡀⠀⢀⢳⢽⣽⡺⣨⢄⣑⢉⢃⢭⡲⣕⡭⣹⠠⢐⢗\n⣿⡗⠀⠢⠡⡱⡸⣔⢵⢱⢸⠈⠀⡪⣳⣳⢹⢜⡵⣱⢱⡱⣳⡹⣵⣻⢔⢅⢬⡷\n⣷⡇⡂⠡⡑⢕⢕⠕⡑⠡⢂⢊⢐⢕⡝⡮⡧⡳⣝⢴⡐⣁⠃⡫⡒⣕⢏⡮⣷⡟\n⣷⣻⣅⠑⢌⠢⠁⢐⠠⠑⡐⠐⠌⡪⠮⡫⠪⡪⡪⣺⢸⠰⠡⠠⠐⢱⠨⡪⡪⡰\n⣯⢷⣟⣇⡂⡂⡌⡀⠀⠁⡂⠅⠂⠀⡑⡄⢇⠇⢝⡨⡠⡁⢐⠠⢀⢪⡐⡜⡪⡊\n⣿⢽⡾⢹⡄⠕⡅⢇⠂⠑⣴⡬⣬⣬⣆⢮⣦⣷⣵⣷⡗⢃⢮⠱⡸⢰⢱⢸⢨⢌\n⣯⢯⣟⠸⣳⡅⠜⠔⡌⡐⠈⠻⠟⣿⢿⣿⣿⠿⡻⣃⠢⣱⡳⡱⡩⢢⠣⡃⠢⠁\n⡯⣟⣞⡇⡿⣽⡪⡘⡰⠨⢐⢀⠢⢢⢄⢤⣰⠼⡾⢕⢕⡵⣝⠎⢌⢪⠪⡘⡌⠀\n⡯⣳⠯⠚⢊⠡⡂⢂⠨⠊⠔⡑⠬⡸⣘⢬⢪⣪⡺⡼⣕⢯⢞⢕⢝⠎⢻⢼⣀⠀\n⠁⡂⠔⡁⡢⠣⢀⠢⠀⠅⠱⡐⡱⡘⡔⡕⡕⣲⡹⣎⡮⡏⡑⢜⢼⡱⢩⣗⣯⣟\n⢀⢂⢑⠀⡂⡃⠅⠊⢄⢑⠠⠑⢕⢕⢝⢮⢺⢕⢟⢮⢊⢢⢱⢄⠃⣇⣞⢞⣞⢾\n⢀⠢⡑⡀⢂⢊⠠⠁⡂⡐⠀⠅⡈⠪⠪⠪⠣⠫⠑⡁⢔⠕⣜⣜⢦⡰⡎⡯⡾⡽",
     tooltiplifespan: 500,
@@ -3589,14 +3600,14 @@ const Sidebar = () => {
 };
 const Dashboard = () => {
   const sharelinkProps = {
-    shareString: "https://ssqt.co/johnsmithrox",
+    copyString: "https://ssqt.co/johnsmithrox",
     open: false,
     disabled: false,
     tooltiptext: "Share link copied",
     onClick: () => console.log("Share link copied"),
   };
   const sharecodeProps = {
-    shareString: "JOHNSMITH1",
+    copyString: "JOHNSMITH1",
     open: false,
     disabled: false,
     tooltiptext: "Share code copied",
@@ -3673,14 +3684,14 @@ const Dashboard = () => {
           padding: "none",
           label: (h("sqm-text", null,
             h("h3", null, "Share your referral link"))),
-          content: h(ShareLinkView, Object.assign({}, sharelinkProps)),
+          content: h(CopyTextView, Object.assign({}, sharelinkProps)),
         })),
         h(PortalSectionView, Object.assign({}, {
           labelMargin: "small",
           padding: "none",
           label: (h("sqm-text", null,
             h("h3", null, "Share your referral code"))),
-          content: h(ShareLinkView, Object.assign({}, sharecodeProps)),
+          content: h(CopyTextView, Object.assign({}, sharecodeProps)),
         })),
         h(PortalSectionView, Object.assign({}, {
           labelMargin: "small",
@@ -9590,16 +9601,16 @@ function DefaultTemplateView$1(props) {
         gridTemplateColumns: "repeat(9, 80px)",
         gridGap: "10px",
       } },
-      h("button", { onClick: () => fn.push("/") }, "Dashboard"),
-      props.leadSubmit && (h("button", { onClick: () => fn.push("/refer") }, "Submit a Referral")),
-      h("button", { onClick: () => fn.push("/activity") }, "Activity"),
-      h("button", { onClick: () => fn.push("/editProfile") }, "Edit Profile"),
-      h("button", { onClick: () => fn.push("/login") }, "Login"),
-      h("button", { onClick: () => fn.push("/register") }, "Register"),
-      h("button", { onClick: () => fn.push("/emailVerification") }, "Email Verification"),
-      h("button", { onClick: () => fn.push("/verifyEmail") }, "Verify Email"),
-      h("button", { onClick: () => fn.push("/forgotPassword") }, "Forgot Password"),
-      h("button", { onClick: () => fn.push("/resetPassword") }, "Reset Password")),
+      h("button", { onClick: () => gn.push("/") }, "Dashboard"),
+      props.leadSubmit && (h("button", { onClick: () => gn.push("/refer") }, "Submit a Referral")),
+      h("button", { onClick: () => gn.push("/activity") }, "Activity"),
+      h("button", { onClick: () => gn.push("/editProfile") }, "Edit Profile"),
+      h("button", { onClick: () => gn.push("/login") }, "Login"),
+      h("button", { onClick: () => gn.push("/register") }, "Register"),
+      h("button", { onClick: () => gn.push("/emailVerification") }, "Email Verification"),
+      h("button", { onClick: () => gn.push("/verifyEmail") }, "Verify Email"),
+      h("button", { onClick: () => gn.push("/forgotPassword") }, "Forgot Password"),
+      h("button", { onClick: () => gn.push("/resetPassword") }, "Reset Password")),
     h("br", null),
     h("div", { innerHTML: states.previewTemplate })));
 }
@@ -12928,8 +12939,14 @@ const ShareCode = () => {
 const CustomTooltipText = () => {
   return h("sqm-share-code", { tooltiptext: "CUSTOM TOOLTIP TEXT" });
 };
+const TextAlignCenter$1 = () => {
+  return h("sqm-share-code", { textAlign: "center" });
+};
+const CopyButton$1 = () => {
+  return h("sqm-share-code", { isCopyIcon: false });
+};
 const CustomTooltipDuration = () => {
-  return h("sqm-share-code", { tooltiplifespan: 5000, tooltiptext: "CUSTOM TOOLTIP TEXT" });
+  return (h("sqm-share-code", { tooltiplifespan: 5000, tooltiptext: "CUSTOM TOOLTIP TEXT" }));
 };
 
 const ShareCode$1 = /*#__PURE__*/Object.freeze({
@@ -12937,9 +12954,83 @@ const ShareCode$1 = /*#__PURE__*/Object.freeze({
   'default': ShareCode_stories,
   ShareCode: ShareCode,
   CustomTooltipText: CustomTooltipText,
+  TextAlignCenter: TextAlignCenter$1,
+  CopyButton: CopyButton$1,
   CustomTooltipDuration: CustomTooltipDuration
 });
 
+const PasswordlessRegistration_stories = {
+  title: "Components/Passwordless Registration",
+};
+const defaultProps$d = {
+  states: {
+    error: "",
+    loading: false,
+  },
+  callbacks: {
+    submit: async (e) => await e,
+  },
+  content: {},
+};
+const Default$e = () => h(PasswordlessRegistrationView, Object.assign({}, defaultProps$d));
+const HasFirstNameLastName = () => (h(PasswordlessRegistrationView, Object.assign({}, defaultProps$d, {
+  content: {
+    includeName: true,
+  },
+})));
+const WithSlots = () => (h(PasswordlessRegistrationView, Object.assign({}, defaultProps$d, {
+  content: {
+    topSlot: h("div", null, "Hello this is the top slot"),
+    bottomSlot: h("div", null, "Hello this is the bottom slot"),
+  },
+})));
+const HidePoweredBy = () => (h(PasswordlessRegistrationView, Object.assign({}, defaultProps$d, {
+  content: {
+    hidePoweredBy: true,
+  },
+})));
+
+const PasswordlessRegistration = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  'default': PasswordlessRegistration_stories,
+  Default: Default$e,
+  HasFirstNameLastName: HasFirstNameLastName,
+  WithSlots: WithSlots,
+  HidePoweredBy: HidePoweredBy
+});
+
+const CouponCode_stories = {
+  title: "Components/Coupon Code",
+  parameters: {
+  // scenario,
+  },
+};
+const CouponCode = () => {
+  return h("sqm-coupon-code", { tooltiptext: "Copied to Clipboard" });
+};
+const CustomTooltipText$1 = () => {
+  return h("sqm-coupon-code", { tooltiptext: "CUSTOM TOOLTIP TEXT" });
+};
+const TextAlignCenter$2 = () => {
+  return h("sqm-coupon-code", { textAlign: "center" });
+};
+const CopyButton$2 = () => {
+  return h("sqm-coupon-code", { isCopyIcon: false });
+};
+const CustomTooltipDuration$1 = () => {
+  return (h("sqm-coupon-code", { tooltiplifespan: 5000, tooltiptext: "CUSTOM TOOLTIP TEXT" }));
+};
+
+const CouponCode$1 = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  'default': CouponCode_stories,
+  CouponCode: CouponCode,
+  CustomTooltipText: CustomTooltipText$1,
+  TextAlignCenter: TextAlignCenter$2,
+  CopyButton: CopyButton$2,
+  CustomTooltipDuration: CustomTooltipDuration$1
+});
+
 /**
  *
  * Themes
@@ -12952,7 +13043,7 @@ const ShareCode$1 = /*#__PURE__*/Object.freeze({
  *
  */
 //
-const Default$e = `
+const Default$f = `
  // No CSS
 `;
 const Orangey = `
@@ -12986,7 +13077,7 @@ const Klip = `
 
 const Themes = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  Default: Default$e,
+  Default: Default$f,
   Orangey: Orangey,
   Netflix: Netflix,
   SaaSquatchCorporate: SaaSquatchCorporate,
@@ -15649,6 +15740,8 @@ const stories = [
   Scroll,
   Tabs,
   ShareCode$1,
+  PasswordlessRegistration,
+  CouponCode$1,
 ];
 const StencilStorybook = class {
   constructor(hostRef) {

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

@@ -1,8 +1,8 @@
 import { h, c as Host, r as registerInstance } from './index-17b4da69.js';
-import { m as h$1 } from './stencil-hooks.module-b48b45ec.js';
-import './use-callback-051c06c6.js';
-import './index.module-3c720e8f.js';
-import { a as useRequestRerender } from './re-render-695ddbbd.js';
+import { j as h$1 } from './stencil-hooks.module-6bde7453.js';
+import './use-callback-c5579ecb.js';
+import './index.module-5043fba6.js';
+import { a as useRequestRerender } from './re-render-a3c1732f.js';
 
 const TabView = ({}, children) => {
   return h(Host, null, children);

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

@@ -1,9 +1,9 @@
 import { h, c as Host, r as registerInstance } from './index-17b4da69.js';
-import { l, k as useMemo, u as useEffect, m as h$1 } from './stencil-hooks.module-b48b45ec.js';
-import './use-callback-051c06c6.js';
-import { R } from './index.module-3c720e8f.js';
-import { u as useRerenderListener } from './re-render-695ddbbd.js';
-import { u as useChildElements } from './useChildElements-79be4145.js';
+import { l, f as useMemo, u as useEffect, j as h$1 } from './stencil-hooks.module-6bde7453.js';
+import './use-callback-c5579ecb.js';
+import { R } from './index.module-5043fba6.js';
+import { u as useRerenderListener } from './re-render-a3c1732f.js';
+import { u as useChildElements } from './useChildElements-a68649fd.js';
 import { g as getProps } from './utils-334c1e34.js';
 
 const TabsView = ({ content, placement, }) => {

package/dist/esm/sqm-text-span.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { m as h } from './stencil-hooks.module-b48b45ec.js';
+import { j as h } from './stencil-hooks.module-6bde7453.js';
 import './JSS-67b5cff8.js';
 import { T as TextSpanView } from './sqm-text-span-view-b03a3c6d.js';