@saasquatch/mint-components 1.5.0-3 → 1.5.0-33

package/dist/cjs/sqm-card-feed-view-4ca3133b.js

@@ -0,0 +1,31 @@
+'use strict';
+
+const index = require('./index-b0129cd6.js');
+const JSS = require('./JSS-95c698c1.js');
+
+function CardFeedView(props, children) {
+  const style = {
+    Container: {
+      columnGap: props.gap + "px",
+      columnWidth: props.width + "px",
+      "& > div": {
+        marginBottom: "24px",
+      },
+    },
+  };
+  const sheet = JSS.createStyleSheet(style);
+  const styleString = sheet.toString();
+  console.log(props);
+  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 }, children)));
+}
+
+exports.CardFeedView = CardFeedView;

package/dist/cjs/sqm-card-feed.cjs.entry.js

@@ -0,0 +1,32 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-b0129cd6.js');
+const _extends = require('./extends-0302d27d.js');
+require('./JSS-95c698c1.js');
+const utils = require('./utils-95e5317c.js');
+const sqmCardFeedView = require('./sqm-card-feed-view-4ca3133b.js');
+
+const CardFeed = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.ignored = true;
+    /**
+     * @uiName Card Width
+     */
+    this.width = 347;
+    /**
+     * @uiName Column Gap
+     * @uiType number
+     */
+    this.gap = 24;
+    _extends.h$1(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    return (index.h(sqmCardFeedView.CardFeedView, Object.assign({}, utils.getProps(this)), index.h("slot", null)));
+  }
+};
+
+exports.sqm_card_feed = CardFeed;

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

@@ -5,15 +5,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
 require('./use-callback-fadb2643.js');
-const index_module = require('./index.module-7dd4b981.js');
+const index_module = require('./index.module-548bf279.js');
 
 async function useGraphQLClientProvider({ domain }) {
-  const token = index_module.Q();
+  const token = index_module.ee();
   const appDomain = domain;
-  const tenantAlias = index_module.k();
+  const tenantAlias = index_module.j();
   // Memoization is shared. One client per domain, tenant and token (or null)
-  const managedIdentityClient = index_module.pe(appDomain, tenantAlias, token);
-  const [, setGraphQLClient] = _extends.m(index_module.ge, managedIdentityClient);
+  const managedIdentityClient = index_module.Pe(appDomain, tenantAlias, token);
+  const [, setGraphQLClient] = _extends.m(index_module.qe, managedIdentityClient);
   _extends.useEffect(() => {
     setGraphQLClient(managedIdentityClient);
   }, [managedIdentityClient]);

package/dist/cjs/{sqm-hero-view-bb3d00a1.js → sqm-hero-view-9edbbcc3.js}

@@ -3,7 +3,7 @@
 const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
 const useCallback = require('./use-callback-fadb2643.js');
-const jssPresetDefault_esm = require('./jss-preset-default.esm-6304d24f.js');
+const JSS = require('./JSS-95c698c1.js');
 
 // import { IntlMessageFormat } from 'intl-messageformat';
 function isMobile(breakPoint) {
@@ -118,8 +118,7 @@ function HeroView(props) {
       minHeight: "100%",
     },
   };
-  jssPresetDefault_esm.jss.setup(jssPresetDefault_esm.create());
-  const sheet = jssPresetDefault_esm.jss.createStyleSheet(style);
+  const sheet = JSS.createStyleSheet(style);
   const styleString = sheet.toString();
   const vanillaStyle = `
   :host{    

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

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
 require('./use-callback-fadb2643.js');
-require('./jss-preset-default.esm-6304d24f.js');
+require('./JSS-95c698c1.js');
 const utils = require('./utils-95e5317c.js');
-const sqmHeroView = require('./sqm-hero-view-bb3d00a1.js');
+const sqmHeroView = require('./sqm-hero-view-9edbbcc3.js');
 
 const Hero = class {
   constructor(hostRef) {

package/dist/cjs/{sqm-leaderboard-rank-view-7dd44d62.js → sqm-leaderboard-rank-view-f11e8d8f.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const global = require('./global-6223fe8f.js');
-const index_module = require('./index.module-7dd4b981.js');
+const global = require('./global-0dfbf15e.js');
+const index_module = require('./index.module-548bf279.js');
 
 var docCache = new Map();
 var fragmentSourceMap = new Map();

package/dist/cjs/sqm-leaderboard-rank.cjs.entry.js

@@ -4,11 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
-const global = require('./global-6223fe8f.js');
+const global = require('./global-0dfbf15e.js');
 require('./use-callback-fadb2643.js');
-const index_module = require('./index.module-7dd4b981.js');
+const index_module = require('./index.module-548bf279.js');
 const cjs = require('./cjs-1066ec21.js');
-const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-7dd44d62.js');
+const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-f11e8d8f.js');
 
 const GET_RANK = sqmLeaderboardRankView.gql `
   query ($type: String!, $filter: UserLeaderboardFilterInput) {
@@ -26,7 +26,7 @@ const GET_RANK = sqmLeaderboardRankView.gql `
 function useLeaderboardRank(props) {
   var _a, _b, _c;
   const programId = index_module.M();
-  const user = index_module.T();
+  const user = index_module.ne();
   const rankVariables = {
     type: props.leaderboardType,
     filter: { programId_eq: programId },
@@ -34,7 +34,7 @@ function useLeaderboardRank(props) {
   if (props.interval) {
     rankVariables.filter["interval"] = props.interval;
   }
-  const { data: rankData } = index_module.en(GET_RANK, rankVariables, !(user === null || user === void 0 ? void 0 : user.jwt));
+  const { data: rankData } = index_module.mn(GET_RANK, rankVariables, !(user === null || user === void 0 ? void 0 : user.jwt));
   const fullRankText = ((_a = rankData === null || rankData === void 0 ? void 0 : rankData.viewer) === null || _a === void 0 ? void 0 : _a.leaderboardRank) ? global.intl.formatMessage({ id: "rankText", defaultMessage: props.rankText }, {
     rank: (_c = (_b = rankData === null || rankData === void 0 ? void 0 : rankData.viewer) === null || _b === void 0 ? void 0 : _b.leaderboardRank) === null || _c === void 0 ? void 0 : _c[props.rankType],
   })
@@ -59,7 +59,7 @@ const LeaderboardRank = class {
   }
   disconnectedCallback() { }
   render() {
-    const props = index_module.j()
+    const props = index_module.k()
       ? useLeaderboardRankDemo(this)
       : useLeaderboardRank(this);
     return index.h(sqmLeaderboardRankView.LeaderboardRankView, Object.assign({}, props));

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

@@ -5,32 +5,39 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
 require('./use-callback-fadb2643.js');
-const index_module = require('./index.module-7dd4b981.js');
+const index_module = require('./index.module-548bf279.js');
 const cjs = require('./cjs-1066ec21.js');
-const ShadowViewAddon = require('./ShadowViewAddon-a85b8c8d.js');
+const ShadowViewAddon = require('./ShadowViewAddon-a56caef2.js');
 
-const sqmLeaderboardCss = ":host{display:block}:host([hidden]){display:none}table{width:100%}th{font-size:var(--sl-font-size-small);font-weight:var(--sl-font-weight-semibold);text-align:left}td{font-size:var(--sl-font-size-medium);font-weight:var(--sl-font-weight-normal)}td,th{color:var(--sl-color-gray-800);padding:var(--sl-spacing-x-small) var(--sl-spacing-small)}.User{width:100%}.Score{width:auto;white-space:nowrap}";
+const sqmLeaderboardCss = ":host{display:block}:host([hidden]){display:none}.header-title{font-size:var(--sl-font-size-large);font-weight:var(--sl-font-weight-semibold)}.header-description{font-size:var(--sl-font-size-medium);font-weight:var(--sl-font-weight-normal);margin-bottom:var(--sl-spacing-large)}.cover-image{width:100%;margin-bottom:var(--sl-spacing-large)}table{width:100%;border-collapse:collapse}th{font-size:var(--sl-font-size-small);font-weight:var(--sl-font-weight-semibold);text-align:left}tr:not(:first-child){border-top:1px solid var(--sl-color-neutral-200)}td{font-size:var(--sl-font-size-medium);font-weight:var(--sl-font-weight-normal)}.ellipses{text-align:center;padding:0;color:var(--sl-color-neutral-500)}.highlight{background:var(--sl-color-primary-50)}td,th{color:var(--sl-color-gray-800);padding:var(--sl-spacing-medium)}th{padding:var(--sl-spacing-medium);padding-top:0}.User{width:100%}.Score{width:auto;white-space:nowrap}";
 
 const Leaderboard = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    /**
+     * @uiName Show viewing user's rank
+     */
+    this.showUser = true;
     this.ignored = true;
     _extends.h$1(this);
     ShadowViewAddon.withShadowView(this);
   }
   disconnectedCallback() { }
   render() {
+    const loading = index.h(ShadowViewAddon.LoadingSlot, null);
+    const empty = index.h(ShadowViewAddon.EmptySkeleton, { label: "No Users Yet" });
     const props = {
-      empty: index.h("slot", { name: "empty" }),
-      loadingstate: index.h("slot", { name: "loading" }),
+      empty: empty,
+      loadingstate: loading,
       usersheading: this.usersheading,
       statsheading: this.statsheading,
       rankType: this.rankType,
       leaderboardType: this.leaderboardType,
       interval: this.interval,
+      showUser: this.showUser,
     };
     const demoProps = { ...props, demoData: this.demoData };
-    const viewprops = index_module.j()
+    const viewprops = index_module.k()
       ? useLeaderboardDemo(demoProps)
       : ShadowViewAddon.useLeaderboard(props);
     return index.h(ShadowViewAddon.LeaderboardView, Object.assign({}, viewprops));
@@ -59,8 +66,8 @@ function useLeaderboardDemo(props) {
       ],
     },
     elements: {
-      empty: props.empty ? props.empty : index.h("div", null, "Empty"),
-      loadingstate: props.loadingstate ? (props.loadingstate) : (index.h("div", null, "Loading")),
+      empty: props.empty ? (props.empty) : (index.h(ShadowViewAddon.EmptySkeleton, { label: "No Users Yet" })),
+      loadingstate: props.loadingstate ? (props.loadingstate) : (index.h(ShadowViewAddon.LoadingSkeleton, null)),
     },
   }, props.demoProps || {}, { arrayMerge: (_, a) => a });
 }

package/dist/cjs/sqm-media-view-47ab3f6e.js

@@ -0,0 +1,107 @@
+'use strict';
+
+const index = require('./index-b0129cd6.js');
+const JSS = require('./JSS-95c698c1.js');
+
+function MediaView(props, children) {
+  const overlay = Boolean(props.imageHeader || props.imageDescription);
+  const showButton = Boolean(props.buttonText || props.buttonLink);
+  const style = {
+    Container: {
+      position: "relative",
+      maxWidth: props.width ? props.width : "100%",
+      maxHeight: props.height ? props.height : "100%",
+      "&:before": {
+        content: overlay ? '""' : "",
+        width: "100%",
+        height: "100%",
+        position: "absolute",
+        background: "var(--sl-color-primary-900)",
+        opacity: "0.75",
+      },
+    },
+    Image: {
+      display: "block",
+      maxWidth: "inherit",
+      maxHeight: "inherit",
+      objectFit: props.objectFit ? props.objectFit : "cover",
+    },
+    Center: {
+      position: "absolute",
+      top: "50%",
+      left: "50%",
+      textAlign: "center",
+      transform: "translate(-50%, -50%)",
+    },
+    ImageHeader: {
+      color: "var(--sl-color-neutral-0)",
+      fontSize: "var(--sl-font-size-xxx-large)",
+      fontWeight: "var(--sl-font-weight-bold)",
+      "@media (max-width: 899px)": {
+        fontSize: "var(--sl-font-size-x-large)",
+      },
+      "@media (max-width: 499px)": {
+        fontSize: "var(--sl-font-size-small)",
+      },
+      "@media (max-width: 399px)": {
+        fontSize: "var(--sl-font-size-x-small)",
+      },
+    },
+    ImageDescription: {
+      color: "var(--sl-color-neutral-0)",
+      fontSize: "var(--sl-font-size-x-large)",
+      fontWeight: "var(--sl-font-weight-semibold)",
+      "@media (max-width: 899px)": {
+        fontSize: "var(--sl-font-size-medium)",
+      },
+      "@media (max-width: 499px)": {
+        fontSize: "var(--sl-font-size-x-small)",
+      },
+      "@media (max-width: 399px)": {
+        fontSize: "var(--sl-font-size-xx-small)",
+      },
+    },
+    Header: {
+      fontSize: "var(--sl-font-size-large)",
+      fontWeight: "var(--sl-font-weight-semibold)",
+    },
+    Description: {
+      fontSize: "var(--sl-font-size-medium)",
+      fontWeight: "var(--sl-font-weight-normal)",
+    },
+    Button: {
+      marginTop: "var(--sl-spacing-medium)",
+      "@media (max-width: 499px)": {
+        marginTop: "var(--sl-spacing-small)",
+        transform: "scale(0.75)",
+      },
+      "@media (max-width: 399px)": {
+        marginTop: "0",
+      },
+    },
+  };
+  const sheet = JSS.createStyleSheet(style);
+  const styleString = sheet.toString();
+  const vanillaStyle = `
+  :host{
+    display: block;
+  }`;
+  return (index.h("div", null,
+    props.header && index.h("div", { class: sheet.classes.Header }, props.header),
+    props.description && (index.h("div", { class: sheet.classes.Description }, props.description)),
+    index.h("div", { class: sheet.classes.Container },
+      index.h("style", { type: "text/css" },
+        vanillaStyle,
+        styleString),
+      props.imgUrl && (index.h("img", { class: sheet.classes.Image, src: props.imgUrl })),
+      index.h("div", { class: sheet.classes.Center },
+        props.imageHeader && (index.h("div", { class: sheet.classes.ImageHeader }, props.imageHeader)),
+        props.imageDescription && (index.h("div", { class: sheet.classes.ImageDescription }, props.imageDescription)),
+        showButton && (index.h("div", { class: sheet.classes.Button },
+          index.h("sl-button", { type: "primary", onClick: () => props.buttonNewTab
+              ? window.open(props.buttonLink)
+              : window.open(props.buttonLink, "_parent") }, props.buttonText))))),
+    children));
+}
+
+exports.MediaView = MediaView;

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

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-b0129cd6.js');
+const _extends = require('./extends-0302d27d.js');
+require('./JSS-95c698c1.js');
+const utils = require('./utils-95e5317c.js');
+const sqmMediaView = require('./sqm-media-view-47ab3f6e.js');
+
+const Media = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    _extends.h$1(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    return index.h(sqmMediaView.MediaView, Object.assign({}, utils.getProps(this)));
+  }
+};
+
+exports.sqm_media = Media;

package/dist/cjs/{sqm-name-fields-view-24614ac7.js → sqm-name-fields-view-33ff432a.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const jssPresetDefault_esm = require('./jss-preset-default.esm-6304d24f.js');
+const JSS = require('./JSS-95c698c1.js');
 const mixins = require('./mixins-7b7c59fe.js');
 
 const style = {
@@ -29,8 +29,7 @@ sl-input::part(label){
   font-weight: var(--sl-font-weight-semibold);
 }
 `;
-jssPresetDefault_esm.jss.setup(jssPresetDefault_esm.create());
-const sheet = jssPresetDefault_esm.jss.createStyleSheet(style);
+const sheet = JSS.createStyleSheet(style);
 const styleString = sheet.toString();
 function NameFieldsView(props) {
   const { states } = props;

package/dist/cjs/sqm-name-fields.cjs.entry.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
 require('./use-callback-fadb2643.js');
-const index_module = require('./index.module-7dd4b981.js');
-require('./jss-preset-default.esm-6304d24f.js');
+const index_module = require('./index.module-548bf279.js');
+require('./JSS-95c698c1.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-7b7c59fe.js');
-const sqmNameFieldsView = require('./sqm-name-fields-view-24614ac7.js');
+const sqmNameFieldsView = require('./sqm-name-fields-view-33ff432a.js');
 
 const CONTEXT_NAME = "sq:validation-state";
 function useNameFields(props) {
@@ -41,7 +41,7 @@ const NameFields = class {
   }
   disconnectedCallback() { }
   render() {
-    const { states } = index_module.j() ? useNameFieldsDemo(this) : useNameFields(this);
+    const { states } = index_module.k() ? useNameFieldsDemo(this) : useNameFields(this);
     return index.h(sqmNameFieldsView.NameFieldsView, { states: states });
   }
 };

package/dist/cjs/{sqm-navigation-sidebar-item-view-6c7f78e6.js → sqm-navigation-sidebar-item-view-b2b3db71.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const index_module = require('./index.module-7dd4b981.js');
-const jssPresetDefault_esm = require('./jss-preset-default.esm-6304d24f.js');
+const index_module = require('./index.module-548bf279.js');
+const JSS = require('./JSS-95c698c1.js');
 const mixins = require('./mixins-7b7c59fe.js');
 
 function NavigationSidebarItemView(props) {
@@ -19,7 +19,9 @@ function NavigationSidebarItemView(props) {
       ...mixins.gap({ direction: "row", size: "var(--sl-font-size-small)" }),
       "&:hover": {
         cursor: "pointer",
-        background: states.active ? "var(--sl-color-gray-300)" : "var(--sl-color-gray-50)",
+        background: states.active
+          ? "var(--sl-color-gray-300)"
+          : "var(--sl-color-gray-50)",
       },
     },
     Label: {
@@ -29,12 +31,11 @@ function NavigationSidebarItemView(props) {
       "flex-shrink": "0",
     },
   };
-  jssPresetDefault_esm.jss.setup(jssPresetDefault_esm.create());
-  const sheet = jssPresetDefault_esm.jss.createStyleSheet(style);
+  const sheet = JSS.createStyleSheet(style);
   const styleString = sheet.toString();
   return (index.h("a", { href: data.path, onClick: (e) => {
       e.preventDefault();
-      index_module.rn.push(data.path);
+      index_module.pn.push(data.path);
     }, class: sheet.classes.ItemContainer },
     index.h("style", { type: "text/css" }, styleString),
     index.h("sl-icon", { class: sheet.classes.Icon, name: data.icon }),

package/dist/cjs/sqm-navigation-sidebar-item.cjs.entry.js

@@ -5,15 +5,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
 require('./use-callback-fadb2643.js');
-const index_module = require('./index.module-7dd4b981.js');
-require('./jss-preset-default.esm-6304d24f.js');
+const index_module = require('./index.module-548bf279.js');
+require('./JSS-95c698c1.js');
 const utils = require('./utils-95e5317c.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-7b7c59fe.js');
-const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-6c7f78e6.js');
+const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-b2b3db71.js');
 
 function useNavigationSidebarItem(props) {
-  const currentPage = index_module.an();
+  const currentPage = index_module.hn();
   return {
     states: {
       active: currentPage.pathname === props.path,
@@ -33,7 +33,7 @@ const NavigationSidebarItem = class {
   }
   disconnectedCallback() { }
   render() {
-    const props = index_module.j()
+    const props = index_module.k()
       ? useSidebarItemDemo(utils.getProps(this))
       : useNavigationSidebarItem(utils.getProps(this));
     return index.h(sqmNavigationSidebarItemView.NavigationSidebarItemView, Object.assign({}, props));

package/dist/cjs/{sqm-navigation-sidebar-view-d06e1885.js → sqm-navigation-sidebar-view-bdd64e54.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const jssPresetDefault_esm = require('./jss-preset-default.esm-6304d24f.js');
+const JSS = require('./JSS-95c698c1.js');
 const mixins = require('./mixins-7b7c59fe.js');
 
 const style = {
@@ -20,8 +20,7 @@ const vanillaStyle = `
     max-width: 320px;
   }
 `;
-jssPresetDefault_esm.jss.setup(jssPresetDefault_esm.create());
-const sheet = jssPresetDefault_esm.jss.createStyleSheet(style);
+const sheet = JSS.createStyleSheet(style);
 const styleString = sheet.toString();
 function NavigationSidebarView(
 // @ts-ignore - Stencil requires props (even if empty)

package/dist/cjs/sqm-navigation-sidebar.cjs.entry.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
-require('./jss-preset-default.esm-6304d24f.js');
+require('./JSS-95c698c1.js');
 require('./mixins-7b7c59fe.js');
-const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-d06e1885.js');
+const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-bdd64e54.js');
 
 const NavigationSidebar = class {
   constructor(hostRef) {

package/dist/cjs/sqm-popup-container.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
 require('./use-callback-fadb2643.js');
-const index_module = require('./index.module-7dd4b981.js');
+const index_module = require('./index.module-548bf279.js');
 const utils = require('./utils-95e5317c.js');
 
 const PopupContainerView = (props) => {

package/dist/cjs/{sqm-portal-email-verification-view-08d1848c.js → sqm-portal-email-verification-view-0f7cb29a.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const global = require('./global-6223fe8f.js');
-const jssPresetDefault_esm = require('./jss-preset-default.esm-6304d24f.js');
+const global = require('./global-0dfbf15e.js');
+const JSS = require('./JSS-95c698c1.js');
 const mixins = require('./mixins-7b7c59fe.js');
-const sqmTextSpanView = require('./sqm-text-span-view-b5ae787b.js');
+const sqmTextSpanView = require('./sqm-text-span-view-96f53c04.js');
 
 const style = {
   Wrapper: mixins.AuthWrapper,
@@ -18,11 +18,10 @@ const vanillaStyle = `
   display: none;
 }
 `;
-jssPresetDefault_esm.jss.setup(jssPresetDefault_esm.create());
-const sheet = jssPresetDefault_esm.jss.createStyleSheet(style);
+const sheet = JSS.createStyleSheet(style);
 const styleString = sheet.toString();
 function PortalEmailVerificationView(props) {
-  const { states, callbacks, content: { email, verifyMessage, emailVerificationHeader, resendEmailButtonText }, } = props;
+  const { states, callbacks, content: { email, verifyMessage, emailVerificationHeader, resendEmailButtonText, }, } = props;
   return (index.h("div", { class: sheet.classes.Wrapper },
     index.h("style", { type: "text/css" },
       vanillaStyle,

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

@@ -4,19 +4,19 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
-require('./global-6223fe8f.js');
+require('./global-0dfbf15e.js');
 require('./use-callback-fadb2643.js');
-const index_module = require('./index.module-7dd4b981.js');
-require('./jss-preset-default.esm-6304d24f.js');
+const index_module = require('./index.module-548bf279.js');
+require('./JSS-95c698c1.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-7b7c59fe.js');
-require('./sqm-text-span-view-b5ae787b.js');
-const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-08d1848c.js');
+require('./sqm-text-span-view-96f53c04.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-0f7cb29a.js');
 
 function usePortalEmailVerification(props) {
   var _a, _b, _c, _d, _e;
-  const [request, { loading, data, errors }] = index_module.Be();
-  const userIdent = index_module.T();
+  const [request, { loading, data, errors }] = index_module.un();
+  const userIdent = index_module.ne();
   const email = (_a = userIdent === null || userIdent === void 0 ? void 0 : userIdent.managedIdentity) === null || _a === void 0 ? void 0 : _a.email;
   const [success, setSuccess] = _extends.useState(false);
   const [error, setError] = _extends.useState("");
@@ -27,7 +27,8 @@ function usePortalEmailVerification(props) {
       return;
     setError("");
     const urlParams = nextPage ? { nextPage } : null;
-    const variables = { email, urlParams };
+    const redirectPath = props.redirectPath;
+    const variables = { email, urlParams, redirectPath };
     await request(variables);
   };
   _extends.useEffect(() => {
@@ -63,6 +64,12 @@ const PortalEmailVerification = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.ignored = true;
+    /**
+     * The page that users are redirected to from the verification email.
+     *
+     * @uiName Email redirection base path
+     */
+    this.redirectPath = "/verifyEmail";
     /**
      * @uiName Email verification header text
      */
@@ -79,7 +86,7 @@ const PortalEmailVerification = class {
   }
   disconnectedCallback() { }
   render() {
-    const { states, callbacks, content } = index_module.j()
+    const { states, callbacks, content } = index_module.k()
       ? usePortalEmailVerificationDemo(this)
       : usePortalEmailVerification(this);
     return (index.h(sqmPortalEmailVerificationView.PortalEmailVerificationView, { states: states, callbacks: callbacks, content: content }));

package/dist/cjs/{sqm-portal-footer-view-69c73802.js → sqm-portal-footer-view-d4410720.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const global = require('./global-6223fe8f.js');
-const jssPresetDefault_esm = require('./jss-preset-default.esm-6304d24f.js');
+const global = require('./global-0dfbf15e.js');
+const JSS = require('./JSS-95c698c1.js');
 
 function PoweredByImg({ color = "#A6A6A6", width = 190, height = 29, }) {
   return (index.h("svg", { width: width, height: height, viewBox: "0 0 132 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
@@ -59,8 +59,7 @@ function PortalFooterView(props) {
       },
     },
   };
-  jssPresetDefault_esm.jss.setup(jssPresetDefault_esm.create());
-  const sheet = jssPresetDefault_esm.jss.createStyleSheet(style);
+  const sheet = JSS.createStyleSheet(style);
   const styleString = sheet.toString();
   return (index.h("div", { class: sheet.classes.Container },
     index.h("style", { type: "text/css" },

package/dist/cjs/sqm-portal-footer.cjs.entry.js

@@ -4,12 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
-require('./global-6223fe8f.js');
+require('./global-0dfbf15e.js');
 require('./use-callback-fadb2643.js');
-require('./index.module-7dd4b981.js');
-require('./jss-preset-default.esm-6304d24f.js');
+require('./index.module-548bf279.js');
+require('./JSS-95c698c1.js');
 const utils = require('./utils-95e5317c.js');
-const sqmPortalFooterView = require('./sqm-portal-footer-view-69c73802.js');
+const sqmPortalFooterView = require('./sqm-portal-footer-view-d4410720.js');
 
 const PortalFooter = class {
   constructor(hostRef) {