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

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

@@ -3,31 +3,34 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
-require('./global-67a37b3f.js');
-require('./use-callback-86e9ac75.js');
-const index_module = require('./index.module-c6626247.js');
+const stencilHooks_module = require('./stencil-hooks.module-5344b631.js');
+require('./global-3ebda209.js');
+require('./use-callback-05714e23.js');
+const index_module = require('./index.module-30d74cb5.js');
 require('./cjs-1066ec21.js');
 require('./mixins-fe9d4112.js');
 const JSS = require('./JSS-8503a151.js');
 const GenericTableView = require('./GenericTableView-9271483b.js');
-require('./useChildElements-eaa9e49d.js');
-const luxon = require('./luxon-53e983a6.js');
+require('./useChildElements-161457a6.js');
+const luxon = require('./luxon-1b6e7276.js');
+const index$1 = require('./index-e4027f09.js');
 require('./utils-6847bc06.js');
 require('./sqm-text-span-view-1acdf7e9.js');
 const sqmAssetCardView = require('./sqm-asset-card-view-59c39ed2.js');
-const sqmHeroView = require('./sqm-hero-view-fcc0188c.js');
+const sqmHeroView = require('./sqm-hero-view-201fca7e.js');
 const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-5a3d4a88.js');
 const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-2da83d3b.js');
-const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-8b4f304f.js');
-const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-6f41962b.js');
-const sqmPortalFooterView = require('./sqm-portal-footer-view-349373b2.js');
+const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-9bba2bad.js');
+const PoweredByImg$1 = require('./PoweredByImg-7084ef2d.js');
+const sqmPasswordlessRegistrationView = require('./sqm-passwordless-registration-view-60f25a41.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-e834e79c.js');
+const sqmPortalFooterView = require('./sqm-portal-footer-view-6e490bc6.js');
 const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-a3573ade.js');
-const sqmPortalProfileView = require('./sqm-portal-profile-view-b8215eae.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-c143c506.js');
 const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-a5d48909.js');
 const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-9657cc0c.js');
-const ShadowViewAddon = require('./ShadowViewAddon-9c42e820.js');
-const sqmPortalContainerView = require('./sqm-portal-container-view-3215dce9.js');
+const ShadowViewAddon = require('./ShadowViewAddon-2d3ef919.js');
+const sqmPortalContainerView = require('./sqm-portal-container-view-ec1be9eb.js');
 
 /**
  * lodash (Custom Build) <https://lodash.com/>
@@ -1633,28 +1636,34 @@ const ShareLink_stories = {
 };
 const Default = () => {
   const props = {
-    shareString: "https://noah.example.com",
+    copyString: "https://noah.example.com",
     open: false,
     tooltiptext: "Copied!",
   };
-  return index.h(ShadowViewAddon.ShareLinkView, Object.assign({}, props));
+  return index.h(ShadowViewAddon.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 index.h(ShadowViewAddon.ShareLinkView, Object.assign({}, props));
+  return index.h(ShadowViewAddon.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 index.h(ShadowViewAddon.ShareLinkView, Object.assign({}, props));
+  return index.h(ShadowViewAddon.CopyTextView, Object.assign({}, props));
+};
+const TextAlignCenter = () => {
+  return index.h("sqm-share-link", { textAlign: "center" });
+};
+const CopyButton = () => {
+  return index.h("sqm-share-link", { isCopyIcon: false });
 };
 const FullStack = () => {
   return index.h("sqm-share-link", null);
@@ -1666,6 +1675,8 @@ const ShareLink = /*#__PURE__*/Object.freeze({
   Default: Default,
   Tooltip: Tooltip,
   Disabled: Disabled,
+  TextAlignCenter: TextAlignCenter,
+  CopyButton: CopyButton,
   FullStack: FullStack
 });
 
@@ -2356,36 +2367,36 @@ const routes = `
 `;
 const TemplateNavigation = createHookStory(() => {
   return (index.h("div", null,
-    index.h("button", { onClick: () => index_module.fn.push("/") }, "/"),
-    index.h("button", { onClick: () => index_module.fn.push("/foo") }, "/foo"),
-    index.h("button", { onClick: () => index_module.fn.push("/bar") }, "/bar"),
-    index.h("button", { onClick: () => index_module.fn.push("/baz/bang") }, "/baz/bang"),
-    index.h("button", { onClick: () => index_module.fn.push("/refer") }, "/refer"),
-    index.h("button", { onClick: () => index_module.fn.push("/refer/1") }, "/refer/1"),
-    index.h("button", { onClick: () => index_module.fn.push("/refer/2") }, "/refer/2"),
-    index.h("button", { onClick: () => index_module.fn.back() }, "Back"),
-    index.h("button", { onClick: () => index_module.fn.forward() }, "Forward"),
+    index.h("button", { onClick: () => index_module.gn.push("/") }, "/"),
+    index.h("button", { onClick: () => index_module.gn.push("/foo") }, "/foo"),
+    index.h("button", { onClick: () => index_module.gn.push("/bar") }, "/bar"),
+    index.h("button", { onClick: () => index_module.gn.push("/baz/bang") }, "/baz/bang"),
+    index.h("button", { onClick: () => index_module.gn.push("/refer") }, "/refer"),
+    index.h("button", { onClick: () => index_module.gn.push("/refer/1") }, "/refer/1"),
+    index.h("button", { onClick: () => index_module.gn.push("/refer/2") }, "/refer/2"),
+    index.h("button", { onClick: () => index_module.gn.back() }, "Back"),
+    index.h("button", { onClick: () => index_module.gn.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.fn.push("/") }, "/"),
-    index.h("button", { onClick: () => index_module.fn.push("/foo") }, "/foo"),
-    index.h("button", { onClick: () => index_module.fn.push("/bar") }, "/bar"),
-    index.h("button", { onClick: () => index_module.fn.push("/baz/bang") }, "/baz/bang"),
-    index.h("button", { onClick: () => index_module.fn.push("/refer") }, "/refer"),
-    index.h("button", { onClick: () => index_module.fn.push("/refer/1") }, "/refer/1"),
-    index.h("button", { onClick: () => index_module.fn.push("/refer/2") }, "/refer/2"),
-    index.h("button", { onClick: () => index_module.fn.back() }, "Back"),
-    index.h("button", { onClick: () => index_module.fn.forward() }, "Forward"),
+    index.h("button", { onClick: () => index_module.gn.push("/") }, "/"),
+    index.h("button", { onClick: () => index_module.gn.push("/foo") }, "/foo"),
+    index.h("button", { onClick: () => index_module.gn.push("/bar") }, "/bar"),
+    index.h("button", { onClick: () => index_module.gn.push("/baz/bang") }, "/baz/bang"),
+    index.h("button", { onClick: () => index_module.gn.push("/refer") }, "/refer"),
+    index.h("button", { onClick: () => index_module.gn.push("/refer/1") }, "/refer/1"),
+    index.h("button", { onClick: () => index_module.gn.push("/refer/2") }, "/refer/2"),
+    index.h("button", { onClick: () => index_module.gn.back() }, "Back"),
+    index.h("button", { onClick: () => index_module.gn.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.fn.push("/") }, "/"),
-    index.h("button", { onClick: () => index_module.fn.push("/foo") }, "/foo"),
+    index.h("button", { onClick: () => index_module.gn.push("/") }, "/"),
+    index.h("button", { onClick: () => index_module.gn.push("/foo") }, "/foo"),
     index.h("hr", null),
     index.h("div", { style: { display: "flex", justifyContent: "space-around" } },
       index.h("sqm-router", { innerHTML: `<template path="/">
@@ -2399,7 +2410,7 @@ function useTemplate(templateString) {
   const [previewTemplate, setPreviewTemplate] = stencilHooks_module.useState(templateString);
   function setPath(e) {
     //@ts-ignore
-    index_module.fn.push(e.target.value);
+    index_module.gn.push(e.target.value);
   }
   return {
     states: { previewTemplate, editedTemplate },
@@ -2563,8 +2574,8 @@ const FullStackFrame = () => {
       "Current path:",
       " ",
       index.h("code", null,
-        index.h("strong", null, (_a = index_module.ln()) === null || _a === void 0 ? void 0 : _a.pathname))),
-    index.h("button", { onClick: index_module.fn.back }, "Go Back")));
+        index.h("strong", null, (_a = index_module.mn()) === null || _a === void 0 ? void 0 : _a.pathname))),
+    index.h("button", { onClick: index_module.gn.back }, "Go Back")));
 };
 const FullStackFrameLoggedOut = () => {
   var _a;
@@ -2588,8 +2599,8 @@ const FullStackFrameLoggedOut = () => {
       "Current path:",
       " ",
       index.h("code", null,
-        index.h("strong", null, (_a = index_module.ln()) === null || _a === void 0 ? void 0 : _a.pathname))),
-    index.h("button", { onClick: index_module.fn.back }, "Go Back")));
+        index.h("strong", null, (_a = index_module.mn()) === null || _a === void 0 ? void 0 : _a.pathname))),
+    index.h("button", { onClick: index_module.gn.back }, "Go Back")));
 };
 
 const PortalFrame = /*#__PURE__*/Object.freeze({
@@ -2704,11 +2715,11 @@ const BareBonesView = createHookStory(() => {
   return (index.h("div", null,
     "Sharelink:",
     " ",
-    index.h("code", { style: { borderStyle: "solid", borderWidth: "1px", padding: "2px" } }, res.shareString)));
+    index.h("code", { style: { borderStyle: "solid", borderWidth: "1px", padding: "2px" } }, res.copyString)));
 });
 const RegularView = createHookStory(() => {
   setupGraphQL$1();
-  return (index.h(ShadowViewAddon.ShareLinkView, Object.assign({}, ShadowViewAddon.useShareLink({
+  return (index.h(ShadowViewAddon.CopyTextView, Object.assign({}, ShadowViewAddon.useShareLink({
     programId: "sam-partner-test-2",
     tooltiptext: "Copied to clipboard",
     tooltiplifespan: 1000,
@@ -2716,7 +2727,7 @@ const RegularView = createHookStory(() => {
 });
 const FastTooltip = createHookStory(() => {
   setupGraphQL$1();
-  return (index.h(ShadowViewAddon.ShareLinkView, Object.assign({}, ShadowViewAddon.useShareLink({
+  return (index.h(ShadowViewAddon.CopyTextView, Object.assign({}, ShadowViewAddon.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,
@@ -3236,7 +3247,7 @@ const FormMessage = /*#__PURE__*/Object.freeze({
   FullStackSuccess: FullStackSuccess
 });
 
-const EXCHANGE = index_module.dist.gql `
+const EXCHANGE = index$1.dist.gql `
   mutation exchange($exchangeRewardInput: ExchangeRewardInput!) {
     exchangeReward(exchangeRewardInput: $exchangeRewardInput) {
       reward {
@@ -3593,14 +3604,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",
@@ -3677,14 +3688,14 @@ const Dashboard = () => {
           padding: "none",
           label: (index.h("sqm-text", null,
             index.h("h3", null, "Share your referral link"))),
-          content: index.h(ShadowViewAddon.ShareLinkView, Object.assign({}, sharelinkProps)),
+          content: index.h(ShadowViewAddon.CopyTextView, Object.assign({}, sharelinkProps)),
         })),
         index.h(sqmPortalContainerView.PortalSectionView, Object.assign({}, {
           labelMargin: "small",
           padding: "none",
           label: (index.h("sqm-text", null,
             index.h("h3", null, "Share your referral code"))),
-          content: index.h(ShadowViewAddon.ShareLinkView, Object.assign({}, sharecodeProps)),
+          content: index.h(ShadowViewAddon.CopyTextView, Object.assign({}, sharecodeProps)),
         })),
         index.h(sqmPortalContainerView.PortalSectionView, Object.assign({}, {
           labelMargin: "small",
@@ -9594,16 +9605,16 @@ function DefaultTemplateView$1(props) {
         gridTemplateColumns: "repeat(9, 80px)",
         gridGap: "10px",
       } },
-      index.h("button", { onClick: () => index_module.fn.push("/") }, "Dashboard"),
-      props.leadSubmit && (index.h("button", { onClick: () => index_module.fn.push("/refer") }, "Submit a Referral")),
-      index.h("button", { onClick: () => index_module.fn.push("/activity") }, "Activity"),
-      index.h("button", { onClick: () => index_module.fn.push("/editProfile") }, "Edit Profile"),
-      index.h("button", { onClick: () => index_module.fn.push("/login") }, "Login"),
-      index.h("button", { onClick: () => index_module.fn.push("/register") }, "Register"),
-      index.h("button", { onClick: () => index_module.fn.push("/emailVerification") }, "Email Verification"),
-      index.h("button", { onClick: () => index_module.fn.push("/verifyEmail") }, "Verify Email"),
-      index.h("button", { onClick: () => index_module.fn.push("/forgotPassword") }, "Forgot Password"),
-      index.h("button", { onClick: () => index_module.fn.push("/resetPassword") }, "Reset Password")),
+      index.h("button", { onClick: () => index_module.gn.push("/") }, "Dashboard"),
+      props.leadSubmit && (index.h("button", { onClick: () => index_module.gn.push("/refer") }, "Submit a Referral")),
+      index.h("button", { onClick: () => index_module.gn.push("/activity") }, "Activity"),
+      index.h("button", { onClick: () => index_module.gn.push("/editProfile") }, "Edit Profile"),
+      index.h("button", { onClick: () => index_module.gn.push("/login") }, "Login"),
+      index.h("button", { onClick: () => index_module.gn.push("/register") }, "Register"),
+      index.h("button", { onClick: () => index_module.gn.push("/emailVerification") }, "Email Verification"),
+      index.h("button", { onClick: () => index_module.gn.push("/verifyEmail") }, "Verify Email"),
+      index.h("button", { onClick: () => index_module.gn.push("/forgotPassword") }, "Forgot Password"),
+      index.h("button", { onClick: () => index_module.gn.push("/resetPassword") }, "Reset Password")),
     index.h("br", null),
     index.h("div", { innerHTML: states.previewTemplate })));
 }
@@ -9746,13 +9757,13 @@ const PoweredByImg_stories = {
   title: "Powered By",
 };
 const Default$a = () => {
-  return index.h(sqmPortalFooterView.PoweredByImg, null);
+  return index.h(PoweredByImg$1.PoweredByImg, null);
 };
 const CustomColor = () => {
-  return index.h(sqmPortalFooterView.PoweredByImg, { color: "salmon" });
+  return index.h(PoweredByImg$1.PoweredByImg, { color: "salmon" });
 };
 const CustomWidthAndHeight = () => {
-  return index.h(sqmPortalFooterView.PoweredByImg, { width: 300, height: 50 });
+  return index.h(PoweredByImg$1.PoweredByImg, { width: 300, height: 50 });
 };
 
 const PoweredByImg = /*#__PURE__*/Object.freeze({
@@ -12932,8 +12943,14 @@ const ShareCode = () => {
 const CustomTooltipText = () => {
   return index.h("sqm-share-code", { tooltiptext: "CUSTOM TOOLTIP TEXT" });
 };
+const TextAlignCenter$1 = () => {
+  return index.h("sqm-share-code", { textAlign: "center" });
+};
+const CopyButton$1 = () => {
+  return index.h("sqm-share-code", { isCopyIcon: false });
+};
 const CustomTooltipDuration = () => {
-  return index.h("sqm-share-code", { tooltiplifespan: 5000, tooltiptext: "CUSTOM TOOLTIP TEXT" });
+  return (index.h("sqm-share-code", { tooltiplifespan: 5000, tooltiptext: "CUSTOM TOOLTIP TEXT" }));
 };
 
 const ShareCode$1 = /*#__PURE__*/Object.freeze({
@@ -12941,9 +12958,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 = () => index.h(sqmPasswordlessRegistrationView.PasswordlessRegistrationView, Object.assign({}, defaultProps$d));
+const HasFirstNameLastName = () => (index.h(sqmPasswordlessRegistrationView.PasswordlessRegistrationView, Object.assign({}, defaultProps$d, {
+  content: {
+    includeName: true,
+  },
+})));
+const WithSlots = () => (index.h(sqmPasswordlessRegistrationView.PasswordlessRegistrationView, Object.assign({}, defaultProps$d, {
+  content: {
+    topSlot: index.h("div", null, "Hello this is the top slot"),
+    bottomSlot: index.h("div", null, "Hello this is the bottom slot"),
+  },
+})));
+const HidePoweredBy = () => (index.h(sqmPasswordlessRegistrationView.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 index.h("sqm-coupon-code", { tooltiptext: "Copied to Clipboard" });
+};
+const CustomTooltipText$1 = () => {
+  return index.h("sqm-coupon-code", { tooltiptext: "CUSTOM TOOLTIP TEXT" });
+};
+const TextAlignCenter$2 = () => {
+  return index.h("sqm-coupon-code", { textAlign: "center" });
+};
+const CopyButton$2 = () => {
+  return index.h("sqm-coupon-code", { isCopyIcon: false });
+};
+const CustomTooltipDuration$1 = () => {
+  return (index.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
@@ -12956,7 +13047,7 @@ const ShareCode$1 = /*#__PURE__*/Object.freeze({
  *
  */
 //
-const Default$e = `
+const Default$f = `
  // No CSS
 `;
 const Orangey = `
@@ -12990,7 +13081,7 @@ const Klip = `
 
 const Themes = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  Default: Default$e,
+  Default: Default$f,
   Orangey: Orangey,
   Netflix: Netflix,
   SaaSquatchCorporate: SaaSquatchCorporate,
@@ -15653,12 +15744,14 @@ const stories = [
   Scroll,
   Tabs,
   ShareCode$1,
+  PasswordlessRegistration,
+  CouponCode$1,
 ];
 const StencilStorybook = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.ignored = true;
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   render() {

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
-require('./use-callback-86e9ac75.js');
-require('./index.module-c6626247.js');
-const reRender = require('./re-render-fce04f85.js');
+const stencilHooks_module = require('./stencil-hooks.module-5344b631.js');
+require('./use-callback-05714e23.js');
+require('./index.module-30d74cb5.js');
+const reRender = require('./re-render-6963789e.js');
 
 const TabView = ({}, children) => {
   return index.h(index.Host, null, children);
@@ -15,7 +15,7 @@ const TabView = ({}, children) => {
 const Tab = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   render() {

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
-require('./use-callback-86e9ac75.js');
-const index_module = require('./index.module-c6626247.js');
-const reRender = require('./re-render-fce04f85.js');
-const useChildElements = require('./useChildElements-eaa9e49d.js');
+const stencilHooks_module = require('./stencil-hooks.module-5344b631.js');
+require('./use-callback-05714e23.js');
+const index_module = require('./index.module-30d74cb5.js');
+const reRender = require('./re-render-6963789e.js');
+const useChildElements = require('./useChildElements-161457a6.js');
 const utils = require('./utils-6847bc06.js');
 
 const TabsView = ({ content, placement, }) => {
@@ -88,7 +88,7 @@ function useTabs() {
 const Tabs = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   render() {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
+const stencilHooks_module = require('./stencil-hooks.module-5344b631.js');
 require('./JSS-8503a151.js');
 const sqmTextSpanView = require('./sqm-text-span-view-1acdf7e9.js');
 
@@ -11,7 +11,7 @@ const Text = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.ignored = true;
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   componentWillLoad() { }

package/dist/cjs/sqm-user-identifier.cjs.entry.js

@@ -0,0 +1,56 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-b0129cd6.js');
+const JSS = require('./JSS-8503a151.js');
+const utils = require('./utils-6847bc06.js');
+
+function ImageView(props) {
+  // Dependent on props, not feasiable to move out
+  const style = {
+    Container: {
+      display: "flex",
+      width: "100%",
+      justifyContent: props.alignment || "center",
+      background: props.backgroundColor || "",
+    },
+    Image: {
+      minHeight: props.minHeight || "100%",
+      width: "100%",
+      maxWidth: "max-content",
+      objectFit: "cover",
+    },
+  };
+  const sheet = JSS.createStyleSheet(style);
+  const styleString = sheet.toString();
+  const vanillaStyle = `
+    :host{
+      display: block;   
+    }
+  `;
+  return (index.h("div", null,
+    index.h("style", { type: "text/css" },
+      styleString,
+      vanillaStyle),
+    index.h("div", { class: sheet.classes.Container },
+      index.h("img", { src: props.imageUrl, class: sheet.classes.Image }))));
+}
+
+const Image = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    /**
+     * @uiName Position Alignment
+     * @uiType string
+     * @uiEnum ["left", "center", "right"]
+     * @uiEnumNames ["Left", "Center", "Right"]
+     */
+    this.alignment = "center";
+  }
+  render() {
+    return index.h(ImageView, Object.assign({}, utils.getProps(this)));
+  }
+};
+
+exports.sqm_user_identifier = Image;

package/dist/cjs/{stencil-hooks.module-e4bf7f2d.js → stencil-hooks.module-5344b631.js}

@@ -1114,17 +1114,14 @@ function c$1(){return (c$1=Object.assign||function(e){for(var t=1;t<arguments.le
 function s$2(){return index.getRenderingRef()}function l$1(){var e=s$2();return index.getElement(e)}function d$2(e,t){void 0===t&&(t={});var n=l$1();return h$1(n,e,t)}function m$2(e,t){var n=l$1();return y$1(n,e,t)}var p$1=browser("stencil-hook");function h$2(t){var r,u=index.getElement(t),c=(r=!1,new State(function(){p$1("Queue update on element",u),r||(r=!0,Promise.resolve().then(function(){p$1("Forced update on element",u),r=!1,index.forceUpdate(u);}));},u)),a=t.disconnectedCallback;if(!a)throw new Error("Stencil hooks requires `disconnectedCallback` to be defined (even if it's empty). This is because of how the Stencil compiler works internally");t.disconnectedCallback=function(){c.teardown(),v(a);};var i=t.connectedCallback;t.connectedCallback=function(){c.update(),v(i);};var f=t.render.bind(t);t.render=function(){var e=c.run(f);return c.runEffects(),e};}function v(e){"function"==typeof e&&e();}
 
 exports.browser = browser;
-exports.c = c;
 exports.commonjsGlobal = commonjsGlobal;
 exports.createCommonjsModule = createCommonjsModule;
 exports.d = d$2;
 exports.getAugmentedNamespace = getAugmentedNamespace;
 exports.getDefaultExportFromCjs = getDefaultExportFromCjs;
-exports.h = h$1;
-exports.h$1 = h$2;
+exports.h = h$2;
 exports.l = l$1;
 exports.m = m$2;
-exports.s = s$1;
 exports.useEffect = useEffect;
 exports.useMemo = useMemo;
 exports.useReducer = useReducer;

package/dist/cjs/{use-callback-86e9ac75.js → use-callback-05714e23.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
+const stencilHooks_module = require('./stencil-hooks.module-5344b631.js');
 
 const useCallback = (fn, inputs) => stencilHooks_module.useMemo(() => fn, inputs);
 

package/dist/cjs/{useChildElements-eaa9e49d.js → useChildElements-161457a6.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
-const index_module = require('./index.module-c6626247.js');
+const stencilHooks_module = require('./stencil-hooks.module-5344b631.js');
+const index_module = require('./index.module-30d74cb5.js');
 
 function useChildElements() {
   const host = index_module.R();