@saasquatch/mint-components 1.5.0-65 → 1.5.0-69

package/dist/cjs/{GenericTableView-c8f8f3fe.js → GenericTableView-65598160.js}

@@ -96,9 +96,13 @@ function GenericTableView(props) {
       index.h("tbody", null,
         show === "loading" && elements.loadingElement,
         show === "empty" && elements.emptyElement,
-        show === "rows" && (rows === null || rows === void 0 ? void 0 : rows.map((row, i) => (index.h("tr", { style: {
-            borderTop: `${!data.textOverrides.showLabels && i === 0 ? "none" : ""}`,
-          }, part: "table-row" }, row.map((cell, j) => (index.h("td", { class: hiddenCols.includes(j) ? "hidden" : "", "data-label": columns[j] + ":" }, cell))))))))),
+        show === "rows" && (rows === null || rows === void 0 ? void 0 : rows.map((row, i) => {
+          return (index.h("tr", { style: {
+              borderTop: `${!data.textOverrides.showLabels && i === 0 ? "none" : ""}`,
+            }, part: "table-row" }, row === null || row === void 0 ? void 0 : row.map((cell, j) => {
+            return (index.h("td", { class: hiddenCols.includes(j) ? "hidden" : "", "data-label": columns[j].$children$[0].$text$ + ":" }, cell));
+          })));
+        })))),
     index.h("div", { class: sheet.classes.ButtonContainer, part: states.namespace + "-button-wrapper" },
       index.h("sl-button", { size: "small", disabled: !states.hasPrev, loading: show === "loading", onClick: callbacks.prevPage, exportparts: "base: defaultbutton-base", class: !states.hasPrev ? sheet.classes.ButtonDisabled : "" }, data.textOverrides.prevLabel),
       index.h("sl-button", { size: "small", loading: show === "loading", disabled: !states.hasNext, onClick: callbacks.nextPage, exportparts: "base: defaultbutton-base", class: !states.hasNext ? sheet.classes.ButtonDisabled : "" }, data.textOverrides.moreLabel))));

package/dist/cjs/{AutoColor-86984176.js → ShadowViewAddon-25f524e4.js}

@@ -9,8 +9,8 @@ const JSS = require('./JSS-c65a40f1.js');
 const luxon = require('./luxon-59ca7d19.js');
 const utils = require('./utils-01dbfd4a.js');
 const sqmTextSpanView = require('./sqm-text-span-view-f101dedf.js');
-const sqmPortalContainerView = require('./sqm-portal-container-view-185b4bd0.js');
-const sqmPortalSectionView = require('./sqm-portal-section-view-7ce92f61.js');
+const sqmPortalContainerView = require('./sqm-portal-container-view-3bc23603.js');
+const sqmPortalSectionView = require('./sqm-portal-section-view-186a5f7e.js');
 
 const medium = {
   facebook: "#1877f2",
@@ -127,6 +127,103 @@ function ShareLinkView(props) {
 }
 
 const style$1 = {
+  Leaderboard: {
+    "& table": {
+      width: "100%",
+      borderCollapse: "collapse",
+    },
+    "& th": {
+      textAlign: "left",
+      padding: "var(--sl-spacing-medium)",
+      paddingTop: "0",
+      fontSize: "var(--sl-font-size-medium)",
+      fontWeight: "var(--sl-font-weight-semibold)",
+    },
+    "& tr:not(:first-child)": {
+      borderTop: "1px solid var(--sl-color-neutral-200)",
+    },
+    "& td": {
+      fontSize: "var(--sl-font-size-medium)",
+      fontWeight: "var(--sl-font-weight-normal)",
+    },
+    "& .ellipses": {
+      textAlign: "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)",
+    },
+    "& .User": {
+      width: "100%",
+    },
+    "& .Score": {
+      width: "auto",
+      whiteSpace: "nowrap",
+    },
+  },
+};
+const sheet$1 = JSS.createStyleSheet(style$1);
+const styleString$1 = sheet$1.toString();
+const vanillaStyle = `
+	:host{
+		display: block;
+	}
+`;
+function LeaderboardView(props) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+  const { states, data, elements } = props;
+  const { styles } = states;
+  console.log("I AM THE LEADERBOARDS", props);
+  if (states.loading)
+    return (index.h("div", { class: sheet$1.classes.Leaderboard },
+      index.h("style", { type: "text/css" },
+        styleString$1,
+        vanillaStyle),
+      elements.loadingstate));
+  let userSeenFlag = false;
+  return (index.h("div", { class: sheet$1.classes.Leaderboard },
+    index.h("style", { type: "text/css" },
+      styleString$1,
+      vanillaStyle),
+    index.h("table", null,
+      index.h("tr", null,
+        styles.showRank && index.h("th", { class: "Rank" }, styles.rankheading),
+        index.h("th", { class: "User" }, styles.usersheading),
+        index.h("th", { class: "Score" }, styles.statsheading)),
+      !states.hasLeaders && (index.h("tr", null,
+        index.h("td", { colSpan: 100 }, elements.empty))), (_a = data.leaderboard) === null || _a === void 0 ? void 0 :
+      _a.map((user) => {
+        var _a, _b;
+        if (user.rowNumber === ((_a = data.userRank) === null || _a === void 0 ? void 0 : _a.rowNumber))
+          userSeenFlag = true;
+        return (index.h("tr", { class: user.rowNumber === ((_b = data.userRank) === null || _b === void 0 ? void 0 : _b.rowNumber) ? "highlight" : "" },
+          styles.showRank && index.h("td", { class: "Rank" }, user.rank),
+          index.h("td", { class: "User" }, user.firstName && user.lastInitial
+            ? user.firstName + " " + user.lastInitial
+            : user.firstName || user.lastInitial
+              ? user.firstName || user.lastInitial
+              : styles.anonymousUser || "Anonymous User"),
+          index.h("td", { class: "Score" }, user.value)));
+      }),
+      states.hasLeaders && !userSeenFlag && data.showUser && (index.h("tr", null,
+        index.h("td", { colSpan: 100, class: "ellipses" },
+          index.h("sl-icon", { name: "three-dots", style: { verticalAlign: "middle" } })))),
+      states.hasLeaders && !userSeenFlag && data.showUser && (index.h("tr", { class: "highlight" },
+        styles.showRank && (index.h("td", { class: "Rank" }, ((_b = data.userRank) === null || _b === void 0 ? void 0 : _b.rank) || "-")),
+        index.h("td", { class: "User" }, ((_c = data.userRank) === null || _c === void 0 ? void 0 : _c.firstName) && ((_d = data.userRank) === null || _d === void 0 ? void 0 : _d.lastInitial)
+          ? ((_e = data.userRank) === null || _e === void 0 ? void 0 : _e.firstName) + " " + ((_f = data.userRank) === null || _f === void 0 ? void 0 : _f.lastInitial)
+          : ((_g = data.userRank) === null || _g === void 0 ? void 0 : _g.firstName) || ((_h = data.userRank) === null || _h === void 0 ? void 0 : _h.lastInitial)
+            ? ((_j = data.userRank) === null || _j === void 0 ? void 0 : _j.firstName) || ((_k = data.userRank) === null || _k === void 0 ? void 0 : _k.lastInitial)
+            : styles.anonymousUser || "Anonymous User"),
+        index.h("td", { class: "Score" }, ((_l = data.userRank) === null || _l === void 0 ? void 0 : _l.value) || "0"))))));
+}
+
+const style$2 = {
   HostBlock: mixins.HostBlock,
   ":host": {
     "min-height": "100vh",
@@ -164,17 +261,17 @@ const style$1 = {
     },
   },
 };
-const sheet$1 = JSS.createStyleSheet(style$1);
-const styleString$1 = sheet$1.toString();
+const sheet$2 = JSS.createStyleSheet(style$2);
+const styleString$2 = sheet$2.toString();
 function PortalFrameView(props, children) {
   const { data } = props;
-  return (index.h("div", { class: sheet$1.classes.Frame },
-    index.h("style", { type: "text/css" }, styleString$1),
-    index.h("div", { class: sheet$1.classes.HeaderWrapper },
+  return (index.h("div", { class: sheet$2.classes.Frame },
+    index.h("style", { type: "text/css" }, styleString$2),
+    index.h("div", { class: sheet$2.classes.HeaderWrapper },
       data.header,
       index.h("slot", { name: "sqm-navigation-menu" })),
     children,
-    index.h("div", { class: sheet$1.classes.FooterWrapper }, data.footer)));
+    index.h("div", { class: sheet$2.classes.FooterWrapper }, data.footer)));
 }
 
 const EditProfileView = (props) => {
@@ -435,7 +532,7 @@ function PortalChangePasswordView(props) {
       index.h("style", { type: "text/css" }, styleString))));
 }
 
-const style$2 = {
+const style$3 = {
   Wrapper: mixins.AuthWrapper,
   Column: mixins.AuthColumn,
   ForgotButtonContainer: {
@@ -448,7 +545,7 @@ const style$2 = {
   },
   ButtonsContainer: mixins.AuthButtonsContainer,
 };
-const vanillaStyle = `
+const vanillaStyle$1 = `
 :host {
   display: block;
 }
@@ -456,28 +553,28 @@ const vanillaStyle = `
   display: none;
 }
 `;
-const sheet$2 = JSS.createStyleSheet(style$2);
-const styleString$2 = sheet$2.toString();
+const sheet$3 = JSS.createStyleSheet(style$3);
+const styleString$3 = sheet$3.toString();
 function PortalLoginView(props) {
   const { states, callbacks, content } = props;
-  return (index.h("div", { class: sheet$2.classes.Wrapper },
+  return (index.h("div", { class: sheet$3.classes.Wrapper },
     index.h("style", { type: "text/css" },
-      vanillaStyle,
-      styleString$2),
+      vanillaStyle$1,
+      styleString$3),
     index.h(sqmTextSpanView.TextSpanView, { type: "h3" }, content.pageLabel),
-    index.h("sl-form", { class: sheet$2.classes.Column, "onSl-submit": callbacks.submit },
+    index.h("sl-form", { class: sheet$3.classes.Column, "onSl-submit": callbacks.submit },
       props.states.error && (index.h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
         index.h("div", { part: "erroralert-text" }, props.states.error))),
       index.h("sl-input", { exportparts: "label: input-label", type: "email", name: "/email", label: content.emailLabel || "Email", disabled: states.loading, required: true }),
       index.h("div", null,
         index.h("sl-input", { exportparts: "label: input-label", type: "password", name: "/password", label: content.passwordLabel || "Password", disabled: states.loading, required: true }),
-        index.h("div", { class: sheet$2.classes.ForgotButtonContainer }, content.forgotPasswordButton)),
-      index.h("div", { class: sheet$2.classes.ButtonsContainer },
+        index.h("div", { class: sheet$3.classes.ForgotButtonContainer }, content.forgotPasswordButton)),
+      index.h("div", { class: sheet$3.classes.ButtonsContainer },
         index.h("sl-button", { submit: true, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, content.submitLabel || "Login"),
         content.secondaryButton))));
 }
 
-const style$3 = {
+const style$4 = {
   Wrapper: { ...mixins.AuthWrapper, "max-width": "600px" },
   Column: mixins.AuthColumn,
   HostBlock: mixins.HostBlock,
@@ -488,7 +585,7 @@ const style$3 = {
   ButtonsContainer: mixins.AuthButtonsContainer,
   ErrorStyle: mixins.ErrorStyles,
 };
-const vanillaStyle$1 = `
+const vanillaStyle$2 = `
 sqm-portal-register {
   margin: 0 auto;
   width: 100%;
@@ -503,20 +600,20 @@ sqm-portal-register {
   display: none;
 }
 `;
-const sheet$3 = JSS.createStyleSheet(style$3);
-const styleString$3 = sheet$3.toString();
+const sheet$4 = JSS.createStyleSheet(style$4);
+const styleString$4 = sheet$4.toString();
 function PortalRegisterView(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h;
   const { states, refs, callbacks, content } = props;
   if (states.error) {
     window.scrollTo({ top: 0, left: 0, behavior: "smooth" });
   }
-  return (index.h("div", { class: sheet$3.classes.Wrapper },
+  return (index.h("div", { class: sheet$4.classes.Wrapper },
     index.h("style", { type: "text/css" },
-      vanillaStyle$1,
-      styleString$3),
+      vanillaStyle$2,
+      styleString$4),
     index.h(sqmTextSpanView.TextSpanView, { type: "h3" }, content.pageLabel),
-    index.h("sl-form", { class: sheet$3.classes.Column, "onSl-submit": callbacks.submit, ref: (el) => (refs.formRef.current = el), novalidate: true },
+    index.h("sl-form", { class: sheet$4.classes.Column, "onSl-submit": callbacks.submit, ref: (el) => (refs.formRef.current = el), novalidate: true },
       states.error && (index.h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
         index.h("div", { part: "erroralert-text" }, props.states.error))),
       content.formData,
@@ -529,7 +626,7 @@ function PortalRegisterView(props) {
             return "Must be a valid email address";
           }
         } }, (((_b = (_a = states.validationState) === null || _a === void 0 ? void 0 : _a.validationErrors) === null || _b === void 0 ? void 0 : _b.email) ? {
-        class: sheet$3.classes.ErrorStyle,
+        class: sheet$4.classes.ErrorStyle,
         helpText: ((_d = (_c = states.validationState) === null || _c === void 0 ? void 0 : _c.validationErrors) === null || _d === void 0 ? void 0 : _d.email) ||
           "Cannot be empty",
       }
@@ -537,18 +634,18 @@ function PortalRegisterView(props) {
       !states.hideInputs && (index.h("sqm-password-field", { fieldLabel: content.passwordLabel, "enable-validation": states.enablePasswordValidation })),
       content.passwordField,
       !states.hideInputs && states.confirmPassword && (index.h("sl-input", Object.assign({ exportparts: "label: input-label", type: "password", name: "/confirmPassword", label: content.confirmPasswordLabel, disabled: states.loading, required: true }, (((_f = (_e = states.validationState) === null || _e === void 0 ? void 0 : _e.validationErrors) === null || _f === void 0 ? void 0 : _f.confirmPassword) ? {
-        class: sheet$3.classes.ErrorStyle,
+        class: sheet$4.classes.ErrorStyle,
         helpText: ((_h = (_g = states.validationState) === null || _g === void 0 ? void 0 : _g.validationErrors) === null || _h === void 0 ? void 0 : _h.confirmPassword) ||
           "Cannot be empty",
       }
         : [])))),
       content.terms,
-      index.h("div", { class: sheet$3.classes.ButtonsContainer },
+      index.h("div", { class: sheet$4.classes.ButtonsContainer },
         index.h("sl-button", { submit: true, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, content.submitLabel || "Register"),
         content.secondaryButton))));
 }
 
-const style$4 = {
+const style$5 = {
   Description: {
     "& input[type=checkbox]": {
       display: "none",
@@ -587,13 +684,13 @@ const style$4 = {
     },
   },
 };
-const sheet$4 = JSS.createStyleSheet(style$4);
-const styleString$4 = sheet$4.toString();
+const sheet$5 = JSS.createStyleSheet(style$5);
+const styleString$5 = sheet$5.toString();
 function Details(props) {
   const rid = Math.random().toString(36).slice(2);
   return (index.h("div", null,
-    index.h("style", { type: "text/css" }, styleString$4),
-    index.h("span", { class: sheet$4.classes.Description },
+    index.h("style", { type: "text/css" }, styleString$5),
+    index.h("span", { class: sheet$5.classes.Description },
       index.h("input", { type: "checkbox", id: "details-" + rid }),
       index.h("label", { class: "details", htmlFor: "details-" + rid },
         index.h("sl-icon", { name: "chevron-down" })),
@@ -608,7 +705,7 @@ const Gift = () => {
     index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M14 2.70949C14 3.59565 12.6694 4.93746 12 5H9V16H7.00179V5H4.58792C3.21247 4.70182 2 3.64537 2 2.52072C2 1.42474 2.47603 0.556701 3.34184 0.182041C4.16921 -0.175986 5.12452 0.0203328 5.87976 0.544666C6.80676 1.18825 7.32679 2.3963 7.79856 3.49226C7.83996 3.58845 7.88099 3.68378 7.9219 3.77778C7.96173 3.68865 8.00186 3.59793 8.0425 3.50608C8.50995 2.44948 9.04359 1.24325 9.9404 0.59563C10.7332 0.0231438 11.741 -0.193157 12.6121 0.198945C13.5129 0.604397 14 1.53453 14 2.70949ZM10.6123 1.5C11.0928 1.15305 11.668 1.09012 12.1597 1.5C12.5879 1.85694 12.6108 2.02497 12.6658 2.42926L12.6755 2.5C12.6755 3.09851 12.1597 4 11.6439 4C11.2785 4 10.9914 3.99691 10.7224 3.99402C10.2319 3.98875 9.80131 3.98412 9.06496 4C9.20533 3.72786 9.31743 3.46669 9.42434 3.21761C9.71026 2.55143 9.95907 1.97176 10.6123 1.5ZM4.93861 1.5C4.70607 1.33855 4.17281 1.4106 3.95166 1.5063C3.76894 1.58537 3.49602 1.82658 3.49602 2.52072C3.49602 3.19524 4.58792 3.77778 4.58792 3.77778C4.58792 3.77778 5.45441 4 7.00179 4C6.47506 2.69451 5.7289 2.04867 4.93861 1.5Z", fill: "#EB5757" })));
 };
 
-const style$5 = {
+const style$6 = {
   ProgressBar: {
     "& .progress-bar": {
       height: "0",
@@ -717,8 +814,8 @@ const style$5 = {
     },
   },
 };
-const sheet$5 = JSS.createStyleSheet(style$5, { classNamePrefix: "sqm-prog-bar" });
-const styleString$5 = sheet$5.toString();
+const sheet$6 = JSS.createStyleSheet(style$6, { classNamePrefix: "sqm-prog-bar" });
+const styleString$6 = sheet$6.toString();
 function ProgressBarView(props) {
   var _a;
   const { progress = 0, goal = 1, steps = false, progressBarUnit = "", repeatable = false, expired = false, finite = 0, } = props;
@@ -727,8 +824,8 @@ function ProgressBarView(props) {
   //@ts-ignore
   console.log("PROGRESS BAR PROPS " + ((_a = props === null || props === void 0 ? void 0 : props.content) === null || _a === void 0 ? void 0 : _a.cardTitle));
   console.log({ props });
-  return (index.h("div", { class: sheet$5.classes.ProgressBar, "data-expired": expired, "data-steps": steps, "data-done": goal <= progress },
-    index.h("style", { type: "text/css" }, styleString$5),
+  return (index.h("div", { class: sheet$6.classes.ProgressBar, "data-expired": expired, "data-steps": steps, "data-done": goal <= progress },
+    index.h("style", { type: "text/css" }, styleString$6),
     index.h("div", { class: (!Boolean(finite) && progress >= 2 * goal) ||
         (Boolean(finite) && progress > 2 * goal)
         ? "progress-bar repeatable-steps"
@@ -1020,7 +1117,7 @@ const arrow_left_right = () => {
     index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10.265 2.789a.346.346 0 000-.489L8.066.101a.346.346 0 10-.489.489l1.61 1.609H2.073a.691.691 0 00-.69.691v1.728a.346.346 0 00.69 0V2.89h7.114L7.577 4.5a.346.346 0 10.49.488l2.198-2.2zM.101 9.21a.346.346 0 000 .489l2.2 2.199a.346.346 0 00.488-.489l-1.61-1.609h7.114c.382 0 .691-.31.691-.691V7.382a.346.346 0 00-.691 0V9.11H1.18L2.789 7.5a.346.346 0 10-.489-.488l-2.199 2.2z", fill: "currentColor" })));
 };
 
-const style$6 = {
+const style$7 = {
   TaskCard: {
     display: "inline-block",
     width: "100%",
@@ -1170,8 +1267,8 @@ const style$6 = {
     },
   },
 };
-const sheet$6 = JSS.createStyleSheet(style$6);
-const styleString$6 = sheet$6.toString();
+const sheet$7 = JSS.createStyleSheet(style$7);
+const styleString$7 = sheet$7.toString();
 function TaskCardView(props) {
   var _a, _b, _c;
   console.log("TASK CARD PROPS " + ((_a = props === null || props === void 0 ? void 0 : props.content) === null || _a === void 0 ? void 0 : _a.cardTitle));
@@ -1209,11 +1306,11 @@ function TaskCardView(props) {
 		margin-bottom: var(--sl-spacing-large);
 	}
   `;
-  return (index.h("div", { class: sheet$6.classes.TaskCard },
+  return (index.h("div", { class: sheet$7.classes.TaskCard },
     index.h("style", { type: "text/css" },
-      styleString$6,
+      styleString$7,
       vanillaStyle),
-    !states.loading && taskNotStarted && (index.h("div", { class: sheet$6.classes.NotStarted },
+    !states.loading && taskNotStarted && (index.h("div", { class: sheet$7.classes.NotStarted },
       index.h("span", { class: "icon" },
         index.h("sl-icon", { name: "info-circle-fill" })),
       global.intl.formatMessage({
@@ -1224,7 +1321,7 @@ function TaskCardView(props) {
           .setLocale(utils.luxonLocale(states.locale))
           .toLocaleString(luxon.luxon.DateTime.DATETIME_MED),
       }))),
-    !states.loading && taskEnded && (index.h("div", { class: sheet$6.classes.Ended },
+    !states.loading && taskEnded && (index.h("div", { class: sheet$7.classes.Ended },
       index.h("span", { class: "icon" },
         index.h("sl-icon", { name: "exclamation-triangle-fill" })),
       global.intl.formatMessage({
@@ -1244,7 +1341,7 @@ function TaskCardView(props) {
           ? "main complete"
           : "main" },
       index.h("div", { class: taskComplete || taskUnavailable ? "container subdued" : "container" },
-        index.h("div", { class: sheet$6.classes.Header }, states.loading ? (index.h("sl-skeleton", { style: { width: "22%", margin: "0" } })) : (index.h("div", null,
+        index.h("div", { class: sheet$7.classes.Header }, states.loading ? (index.h("sl-skeleton", { style: { width: "22%", margin: "0" } })) : (index.h("div", null,
           showComplete && (index.h("span", { class: taskUnavailable ? "icon neutral" : "icon" }, taskComplete ? checkmark_filled$1 : checkmark_circle$1)),
           index.h("span", { class: "value" }, content.rewardAmount),
           index.h("span", { class: "text" }, content.rewardUnit)))),
@@ -1259,7 +1356,7 @@ function TaskCardView(props) {
           } }, content.cardTitle)),
         states.loading ? (index.h("sl-skeleton", { style: { margin: "var(--sl-spacing-medium) 0" } })) : (content.description && index.h(Details, Object.assign({}, props))),
         content.showProgressBar && states.loading ? (index.h("sl-skeleton", { style: { margin: "var(--sl-spacing-medium) 0" } })) : (content.showProgressBar && (index.h(ProgressBarView, Object.assign({}, props.content, props.states, { complete: taskComplete, expired: taskUnavailable })))),
-        index.h("div", { class: sheet$6.classes.Footer }, states.loading ? (index.h("sl-skeleton", { style: { width: "25%", marginLeft: "auto" } })) : (index.h("div", { style: { display: "contents" } },
+        index.h("div", { class: sheet$7.classes.Footer }, states.loading ? (index.h("sl-skeleton", { style: { width: "25%", marginLeft: "auto" } })) : (index.h("div", { style: { display: "contents" } },
           index.h("span", { class: "text" },
             content.repeatable && (index.h("div", null,
               index.h("span", { class: repetitions > 0
@@ -2102,8 +2199,43 @@ function autoColorScaleCss(color, name = "primary") {
   return generateScale(color, name).join("\n");
 }
 
+const map = new Map();
+function withShadowView(component) {
+  // TODO: Could only do this if rendered in a Stencilbook environment to prevent unintended side-effects
+  const element = index.getElement(component);
+  let renderFn = component["render"].bind(component);
+  const newRenderFn = () => {
+    const key = element.getAttribute("stencilbook-shadow-view");
+    if (key) {
+      const value = map.get(key);
+      if (value) {
+        return value;
+      }
+    }
+    return renderFn();
+  };
+  component["render"] = newRenderFn;
+}
+/**
+ * Any story that defines `parameters.tagname` will be used as a wrapper component around the view
+ */
+const ShadowViewAddon = ({ story }, children) => {
+  var _a;
+  let TagName = (_a = story.parent.parameters) === null || _a === void 0 ? void 0 : _a.tagname;
+  if (!TagName)
+    return children;
+  const randomInt = Math.round(Math.random() * 100000);
+  map.set(randomInt + "", children);
+  const RandomTagName = "stencilbook-shawdow-view-" + randomInt;
+  // This will only re-render when the tag name changes, so we use a random tag name every time.
+  // Altneratively we could try to trick Stencil to call `forceUpdate` every time.
+  return (index.h(RandomTagName, null,
+    index.h(TagName, { "stencilbook-shadow-view": randomInt })));
+};
+
 exports.CardFeedView = CardFeedView;
 exports.EditProfileView = EditProfileView;
+exports.LeaderboardView = LeaderboardView;
 exports.PortalChangePasswordView = PortalChangePasswordView;
 exports.PortalFrameView = PortalFrameView;
 exports.PortalLoginView = PortalLoginView;
@@ -2111,9 +2243,11 @@ exports.PortalRegisterView = PortalRegisterView;
 exports.ProgressBarView = ProgressBarView;
 exports.ReferralIframeView = ReferralIframeView;
 exports.RewardExchangeView = RewardExchangeView;
+exports.ShadowViewAddon = ShadowViewAddon;
 exports.ShareButtonView = ShareButtonView;
 exports.ShareLinkView = ShareLinkView;
 exports.TaskCardView = TaskCardView;
 exports.autoColorScaleCss = autoColorScaleCss;
 exports.useShareButton = useShareButton;
 exports.useShareLink = useShareLink;
+exports.withShadowView = withShadowView;

package/dist/cjs/loader.cjs.js

@@ -20,7 +20,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return index.bootstrapLazy(JSON.parse("[[\"sqm-stencilbook.cjs\",[[4,\"sqm-stencilbook\",{\"ignored\":[32]}]]],[\"sqm-leaderboard.cjs\",[[1,\"sqm-leaderboard\",{\"usersheading\":[1],\"statsheading\":[1],\"rankheading\":[1],\"showRank\":[4,\"show-rank\"],\"showUser\":[4,\"show-user\"],\"rankType\":[1,\"rank-type\"],\"leaderboardType\":[1,\"leaderboard-type\"],\"anonymousUser\":[1,\"anonymous-user\"],\"interval\":[1],\"emptyStateImage\":[1,\"empty-state-image\"],\"emptyStateHeader\":[1,\"empty-state-header\"],\"emptyStateText\":[1,\"empty-state-text\"],\"demoData\":[16],\"ignored\":[32]}]]],[\"sqm-portal-reset-password.cjs\",[[1,\"sqm-portal-reset-password\",{\"nextPage\":[1,\"next-page\"],\"failedPage\":[1,\"failed-page\"],\"confirmPassword\":[4,\"confirm-password\"],\"resetPasswordHeader\":[1,\"reset-password-header\"],\"passwordResetHeader\":[1,\"password-reset-header\"],\"resetPasswordButtonText\":[1,\"reset-password-button-text\"],\"continueButtonText\":[1,\"continue-button-text\"],\"confirmPasswordFieldLabel\":[1,\"confirm-password-field-label\"],\"passwordFieldLabel\":[1,\"password-field-label\"],\"demoData\":[16],\"ignored\":[32]}]]],[\"sqm-portal-email-verification.cjs\",[[1,\"sqm-portal-email-verification\",{\"redirectPath\":[1,\"redirect-path\"],\"emailVerificationHeader\":[1,\"email-verification-header\"],\"resendEmailButtonText\":[1,\"resend-email-button-text\"],\"verifyMessage\":[1,\"verify-message\"],\"demoData\":[16],\"ignored\":[32]}]]],[\"sqm-portal-forgot-password.cjs\",[[1,\"sqm-portal-forgot-password\",{\"redirectPath\":[1,\"redirect-path\"],\"emailLabel\":[1,\"email-label\"],\"submitLabel\":[1,\"submit-label\"],\"loginPath\":[1,\"login-path\"],\"demoData\":[16],\"ignored\":[32]}]]],[\"sqm-portal-profile.cjs\",[[1,\"sqm-portal-profile\",{\"firstnametext\":[1],\"lastnametext\":[1],\"emailtext\":[1],\"countrytext\":[1],\"editProfileHeader\":[1,\"edit-profile-header\"],\"editProfileSubHeader\":[1,\"edit-profile-sub-header\"],\"submitChangeButtonText\":[1,\"submit-change-button-text\"],\"showCountry\":[4,\"show-country\"],\"demoData\":[16],\"ignored\":[32]}]]],[\"sqm-portal-verify-email.cjs\",[[1,\"sqm-portal-verify-email\",{\"nextPage\":[1,\"next-page\"],\"failedPage\":[1,\"failed-page\"],\"demoData\":[16],\"ignored\":[32]}]]],[\"sqm-asset-card.cjs\",[[1,\"sqm-asset-card\",{\"titleText\":[1,\"title-text\"],\"imgUrl\":[1,\"img-url\"],\"demoData\":[16],\"ignored\":[32]}]]],[\"sqm-big-stat.cjs\",[[1,\"sqm-big-stat\",{\"statType\":[1,\"stat-type\"],\"flexReverse\":[4,\"flex-reverse\"],\"alignment\":[1],\"programId\":[1,\"program-id\"],\"demoData\":[16],\"ignored\":[32]}]]],[\"sqm-graphql-client-provider.cjs\",[[4,\"sqm-graphql-client-provider\",{\"domain\":[1],\"ignored\":[32]}]]],[\"sqm-hero.cjs\",[[1,\"sqm-hero\",{\"columns\":[2],\"background\":[1],\"paddingSize\":[1,\"padding-size\"],\"secondaryBackground\":[1,\"secondary-background\"],\"wrapDirection\":[1,\"wrap-direction\"]}]]],[\"sqm-leaderboard-rank.cjs\",[[1,\"sqm-leaderboard-rank\",{\"rankType\":[1,\"rank-type\"],\"rankText\":[1,\"rank-text\"],\"leaderboardType\":[1,\"leaderboard-type\"],\"unrankedText\":[1,\"unranked-text\"],\"interval\":[1],\"demoData\":[16]}]]],[\"sqm-name-fields.cjs\",[[0,\"sqm-name-fields\",{\"firstNameLabel\":[1,\"first-name-label\"],\"lastNameLabel\":[1,\"last-name-label\"],\"demoData\":[16],\"ignored\":[32]}]]],[\"sqm-navigation-sidebar.cjs\",[[1,\"sqm-navigation-sidebar\",{\"ignored\":[32]}]]],[\"sqm-navigation-sidebar-item.cjs\",[[1,\"sqm-navigation-sidebar-item\",{\"path\":[1],\"icon\":[1],\"label\":[1],\"demoData\":[16]}]]],[\"sqm-popup-container.cjs\",[[4,\"sqm-popup-container\",{\"poweredBy\":[4,\"powered-by\"],\"closeButton\":[4,\"close-button\"],\"closeButtonText\":[1,\"close-button-text\"],\"embedPadding\":[1,\"embed-padding\"],\"popupPadding\":[1,\"popup-padding\"]}]]],[\"sqm-portal-footer.cjs\",[[1,\"sqm-portal-footer\",{\"supportEmail\":[1,\"support-email\"],\"supportText\":[1,\"support-text\"],\"termsLink\":[1,\"terms-link\"],\"termsText\":[1,\"terms-text\"],\"faqLink\":[1,\"faq-link\"],\"faqText\":[1,\"faq-text\"],\"showPoweredBy\":[4,\"show-powered-by\"],\"poweredByLink\":[1,\"powered-by-link\"],\"paddingTop\":[1,\"padding-top\"],\"paddingRight\":[1,\"padding-right\"],\"paddingBottom\":[1,\"padding-bottom\"],\"paddingLeft\":[1,\"padding-left\"],\"ignored\":[32]}]]],[\"sqm-portal-logout.cjs\",[[1,\"sqm-portal-logout\",{\"nextPage\":[1,\"next-page\"],\"ignored\":[32]}]]],[\"sqm-portal-protected-route.cjs\",[[1,\"sqm-portal-protected-route\",{\"redirectTo\":[1,\"redirect-to\"],\"requireEmailVerification\":[4,\"require-email-verification\"],\"redirectToUnverified\":[1,\"redirect-to-unverified\"],\"ignored\":[32]}]]],[\"sqm-refresh-button.cjs\",[[1,\"sqm-refresh-button\",{\"icon\":[1]}]]],[\"sqm-route.cjs\",[[1,\"sqm-route\",{\"path\":[1],\"ignored\":[32]}]]],[\"sqm-stat-container.cjs\",[[1,\"sqm-stat-container\",{\"space\":[1],\"ignored\":[32]}]]],[\"sqm-text-span.cjs\",[[0,\"sqm-text-span\",{\"text\":[1],\"type\":[1],\"ignored\":[32]}]]],[\"sqm-password-field.cjs\",[[0,\"sqm-password-field\",{\"fieldLabel\":[1,\"field-label\"],\"enableValidation\":[4,\"enable-validation\"],\"demoData\":[16],\"ignored\":[32]}]]],[\"sqm-image_4.cjs\",[[1,\"sqm-image\",{\"imageUrl\":[1,\"image-url\"],\"left\":[1],\"right\":[1],\"align\":[1],\"backgroundColor\":[1,\"background-color\"],\"minHeight\":[1,\"min-height\"],\"maxWidth\":[1,\"max-width\"],\"ignored\":[32]}],[1,\"sqm-portal-container\",{\"direction\":[1],\"padding\":[1],\"gap\":[1],\"minWidth\":[1,\"min-width\"],\"display\":[1],\"maxWidth\":[1,\"max-width\"],\"ignored\":[32]}],[4,\"sqm-text\",{\"ignored\":[32]}],[1,\"sqm-titled-section\",{\"label\":[1],\"align\":[1],\"labelMargin\":[1,\"label-margin\"],\"padding\":[1]}]]],[\"sqm-form-message.cjs\",[[1,\"sqm-form-message\",{\"type\":[1],\"icon\":[1],\"ignored\":[32]}]]],[\"sqm-brand_27.cjs\",[[1,\"sqm-portal-change-password\",{\"modalChangePasswordHeader\":[1,\"modal-change-password-header\"],\"cancelText\":[1,\"cancel-text\"],\"changePasswordButtonText\":[1,\"change-password-button-text\"],\"passwordFieldLabel\":[1,\"password-field-label\"],\"confirmPasswordFieldLabel\":[1,\"confirm-password-field-label\"],\"successMessage\":[1,\"success-message\"],\"portalChangePasswordHeader\":[1,\"portal-change-password-header\"],\"portalChangePasswordButtonText\":[1,\"portal-change-password-button-text\"],\"demoData\":[16],\"ignored\":[32]}],[1,\"sqm-portal-register\",{\"nextPage\":[1,\"next-page\"],\"redirectPath\":[1,\"redirect-path\"],\"emailLabel\":[1,\"email-label\"],\"passwordLabel\":[1,\"password-label\"],\"submitLabel\":[1,\"submit-label\"],\"loginLabel\":[1,\"login-label\"],\"confirmPasswordLabel\":[1,\"confirm-password-label\"],\"confirmPassword\":[4,\"confirm-password\"],\"enablePasswordValidation\":[4,\"enable-password-validation\"],\"hideInputs\":[4,\"hide-inputs\"],\"pageLabel\":[1,\"page-label\"],\"loginPath\":[1,\"login-path\"],\"demoData\":[16],\"ignored\":[32]}],[1,\"sqm-edit-profile\",{\"editprofileheader\":[1],\"editprofiletext\":[1],\"canceltext\":[1],\"updatetext\":[1],\"firstnametext\":[1],\"lastnametext\":[1],\"currentregiontext\":[1],\"showregion\":[4],\"demoData\":[16],\"ignored\":[32]}],[1,\"sqm-portal-login\",{\"nextPage\":[1,\"next-page\"],\"emailLabel\":[1,\"email-label\"],\"passwordLabel\":[1,\"password-label\"],\"submitLabel\":[1,\"submit-label\"],\"forgotPasswordLabel\":[1,\"forgot-password-label\"],\"registerLabel\":[1,\"register-label\"],\"pageLabel\":[1,\"page-label\"],\"registerPath\":[1,\"register-path\"],\"forgotPasswordPath\":[1,\"forgot-password-path\"],\"demoData\":[16],\"ignored\":[32]}],[1,\"sqm-brand\",{\"brandColor\":[1,\"brand-color\"],\"brandFont\":[1,\"brand-font\"],\"background\":[1]}],[1,\"sqm-card-feed\",{\"width\":[2],\"gap\":[2],\"ignored\":[32]}],[1,\"sqm-divided-layout\",{\"direction\":[1],\"dividerStyle\":[1,\"divider-style\"]}],[1,\"sqm-hero-image\",{\"imageUrl\":[1,\"image-url\"],\"minHeight\":[1,\"min-height\"],\"maxHeight\":[1,\"max-height\"],\"maxWidth\":[1,\"max-width\"],\"overlayColor\":[1,\"overlay-color\"],\"overlayOpacity\":[1,\"overlay-opacity\"],\"textColor\":[1,\"text-color\"],\"backgroundColor\":[1,\"background-color\"],\"layout\":[1],\"imagePercentage\":[2,\"image-percentage\"],\"imagePos\":[1,\"image-pos\"],\"imageMobilePos\":[1,\"image-mobile-pos\"],\"header\":[1],\"description\":[1],\"buttonText\":[1,\"button-text\"],\"buttonLink\":[1,\"button-link\"],\"buttonNewTab\":[4,\"button-new-tab\"],\"paddingText\":[1,\"padding-text\"],\"paddingImage\":[1,\"padding-image\"]}],[0,\"sqm-hook-story-container\",{\"hookStory\":[16],\"ignored\":[32]}],[1,\"sqm-navigation-menu\",{\"includeDropdown\":[4,\"include-dropdown\"],\"menuLabel\":[1,\"menu-label\"],\"demoData\":[16],\"ignored\":[32]}],[1,\"sqm-portal-frame\",{\"demoData\":[16],\"ignored\":[32]}],[1,\"sqm-program-explainer\",{\"header\":[1],\"textColor\":[1,\"text-color\"],\"backgroundColor\":[1,\"background-color\"],\"ignored\":[32]}],[1,\"sqm-program-explainer-step\",{\"header\":[1],\"description\":[1],\"textColor\":[1,\"text-color\"],\"backgroundColor\":[1,\"background-color\"],\"imageUrl\":[1,\"image-url\"],\"icon\":[1]}],[4,\"sqm-program-menu\",{\"ignored\":[32]}],[1,\"sqm-referral-card\",{\"header\":[1],\"description\":[1],\"padding\":[1],\"verticalAlignment\":[1,\"vertical-alignment\"],\"ignored\":[32]}],[0,\"sqm-referral-iframe\",{\"iframeSrc\":[1,\"iframe-src\"],\"iframeHeight\":[1,\"iframe-height\"],\"iframeWidth\":[1,\"iframe-width\"],\"demoData\":[16],\"ignored\":[32]}],[1,\"sqm-reward-exchange-list\",{\"buttonText\":[1,\"button-text\"],\"notAvailableError\":[1,\"not-available-error\"],\"chooseRewardTitle\":[1,\"choose-reward-title\"],\"chooseAmountTitle\":[1,\"choose-amount-title\"],\"confirmationTitle\":[1,\"confirmation-title\"],\"rewardTitle\":[1,\"reward-title\"],\"cancelText\":[1,\"cancel-text\"],\"backText\":[1,\"back-text\"],\"continueText\":[1,\"continue-text\"],\"continueToConfirmationText\":[1,\"continue-to-confirmation-text\"],\"redeemText\":[1,\"redeem-text\"],\"redeemTitle\":[1,\"redeem-title\"],\"redemptionSuccessText\":[1,\"redemption-success-text\"],\"sourceAmountMessage\":[1,\"source-amount-message\"],\"tooltiptext\":[1],\"doneText\":[1,\"done-text\"],\"selectText\":[1,\"select-text\"],\"queryError\":[1,\"query-error\"],\"redemptionError\":[1,\"redemption-error\"],\"notEnoughError\":[1,\"not-enough-error\"],\"promoCode\":[1,\"promo-code\"],\"skeletonCardNum\":[2,\"skeleton-card-num\"],\"rewardNameTitle\":[1,\"reward-name-title\"],\"rewardAmountTitle\":[1,\"reward-amount-title\"],\"costTitle\":[1,\"cost-title\"],\"demoData\":[16],\"ignored\":[32]}],[4,\"sqm-router\",{\"ignored\":[32]}],[1,\"sqm-share-button\",{\"medium\":[1],\"programId\":[1,\"program-id\"],\"borderradius\":[2],\"backgroundcolor\":[1],\"textcolor\":[1],\"pill\":[4],\"disabled\":[4],\"type\":[1],\"size\":[1],\"iconslot\":[1],\"icon\":[1],\"hideicon\":[4],\"hidetext\":[4],\"sharetitle\":[1],\"sharetext\":[1],\"demoData\":[16]}],[1,\"sqm-share-code\",{\"programId\":[1,\"program-id\"],\"tooltiptext\":[1,\"tooltip-text\"],\"tooltiplifespan\":[2,\"tooltip-lifespan\"],\"demoData\":[16]}],[1,\"sqm-share-link\",{\"programId\":[1,\"program-id\"],\"tooltiptext\":[1,\"tooltip-text\"],\"tooltiplifespan\":[2,\"tooltip-lifespan\"],\"demoData\":[16]}],[1,\"sqm-task-card\",{\"rewardAmount\":[1,\"reward-amount\"],\"rewardUnit\":[1,\"reward-unit\"],\"cardTitle\":[1,\"card-title\"],\"description\":[1],\"repeatable\":[4],\"finite\":[2],\"showProgressBar\":[4,\"show-progress-bar\"],\"goal\":[2],\"steps\":[4],\"progressBarUnit\":[1,\"progress-bar-unit\"],\"showExpiry\":[4,\"show-expiry\"],\"expiryMessage\":[1,\"expiry-message\"],\"rewardDuration\":[1,\"reward-duration\"],\"startsOnMessage\":[1,\"starts-on-message\"],\"displayDuration\":[1,\"display-duration\"],\"endedMessage\":[1,\"ended-message\"],\"completedText\":[1,\"completed-text\"],\"buttonText\":[1,\"button-text\"],\"buttonLink\":[1,\"button-link\"],\"openNewTab\":[4,\"open-new-tab\"],\"statType\":[1,\"stat-type\"],\"eventKey\":[1,\"event-key\"],\"programId\":[1,\"program-id\"],\"demoData\":[16],\"ignored\":[32]}],[1,\"sqm-timeline\",{\"icon\":[1],\"ignored\":[32]}],[1,\"sqm-timeline-entry\",{\"reward\":[1],\"unit\":[1],\"desc\":[1],\"line\":[4],\"icon\":[1],\"ignored\":[32]}],[1,\"sqm-user-name\",{\"fallback\":[1],\"loadingText\":[1,\"loading-text\"],\"demoData\":[16],\"_ignored\":[32]}],[1,\"sqm-table-cell\",{\"colspan\":[2],\"padding\":[1]}],[1,\"sqm-table-row\",{\"border\":[1]}]]],[\"sqm-rewards-table_9.cjs\",[[1,\"sqm-rewards-table\",{\"programId\":[1,\"program-id\"],\"perPage\":[2,\"per-page\"],\"showLabels\":[4,\"show-labels\"],\"prevLabel\":[1,\"prev-label\"],\"moreLabel\":[1,\"more-label\"],\"hiddenColumns\":[1,\"hidden-columns\"],\"smBreakpoint\":[2,\"sm-breakpoint\"],\"mdBreakpoint\":[2,\"md-breakpoint\"],\"emptyStateImgUrl\":[1,\"empty-state-img-url\"],\"emptyStateTitle\":[1,\"empty-state-title\"],\"emptyStateText\":[1,\"empty-state-text\"],\"demoData\":[16]}],[1,\"sqm-rewards-table-date-column\",{\"columnTitle\":[1,\"column-title\"],\"dateShown\":[1,\"date-shown\"],\"renderCell\":[64],\"renderLabel\":[64]}],[1,\"sqm-rewards-table-reward-column\",{\"columnTitle\":[1,\"column-title\"],\"redeemedText\":[1,\"redeemed-text\"],\"availableText\":[1,\"available-text\"],\"renderCell\":[64],\"renderLabel\":[64]}],[1,\"sqm-rewards-table-source-column\",{\"columnTitle\":[1,\"column-title\"],\"anonymousUser\":[1,\"anonymous-user\"],\"deletedUser\":[1,\"deleted-user\"],\"rewardExchangeText\":[1,\"reward-exchange-text\"],\"referralText\":[1,\"referral-text\"],\"rewardSourceText\":[1,\"reward-source-text\"],\"renderCell\":[64],\"renderLabel\":[64]}],[1,\"sqm-rewards-table-status-column\",{\"columnTitle\":[1,\"column-title\"],\"statusText\":[1,\"status-text\"],\"expiryText\":[1,\"expiry-text\"],\"renderCell\":[64],\"renderLabel\":[64]}],[1,\"sqm-rewards-table-date-cell\",{\"date\":[2],\"locale\":[1],\"ignored\":[32]}],[1,\"sqm-rewards-table-reward-cell\",{\"reward\":[16],\"redeemedText\":[1,\"redeemed-text\"],\"availableText\":[1,\"available-text\"],\"locale\":[1]}],[1,\"sqm-rewards-table-source-cell\",{\"reward\":[16],\"deletedUserText\":[1,\"deleted-user-text\"],\"anonymousUserText\":[1,\"anonymous-user-text\"],\"rewardExchangeText\":[1,\"reward-exchange-text\"],\"referralText\":[1,\"referral-text\"],\"rewardSourceText\":[1,\"reward-source-text\"],\"locale\":[1]}],[1,\"sqm-rewards-table-status-cell\",{\"statusText\":[1,\"status-text\"],\"reward\":[16],\"expiryText\":[1,\"expiry-text\"],\"locale\":[1]}]]],[\"sqm-referral-table_11.cjs\",[[1,\"sqm-referral-table-column\",{\"columnTitle\":[1,\"column-title\"],\"renderCell\":[64],\"renderLabel\":[64]}],[1,\"sqm-referral-table\",{\"programId\":[1,\"program-id\"],\"perPage\":[2,\"per-page\"],\"showLabels\":[4,\"show-labels\"],\"prevLabel\":[1,\"prev-label\"],\"moreLabel\":[1,\"more-label\"],\"showReferrer\":[4,\"show-referrer\"],\"hiddenColumns\":[1,\"hidden-columns\"],\"smBreakpoint\":[2,\"sm-breakpoint\"],\"mdBreakpoint\":[2,\"md-breakpoint\"],\"emptyStateImgUrl\":[1,\"empty-state-img-url\"],\"emptyStateTitle\":[1,\"empty-state-title\"],\"emptyStateText\":[1,\"empty-state-text\"],\"demoData\":[16]}],[1,\"sqm-referral-table-date-column\",{\"columnTitle\":[1,\"column-title\"],\"dateShown\":[1,\"date-shown\"],\"renderCell\":[64],\"renderLabel\":[64]}],[1,\"sqm-referral-table-rewards-column\",{\"columnTitle\":[1,\"column-title\"],\"statusText\":[1,\"status-text\"],\"statusLongText\":[1,\"status-long-text\"],\"fuelTankText\":[1,\"fuel-tank-text\"],\"rewardReceivedText\":[1,\"reward-received-text\"],\"expiringText\":[1,\"expiring-text\"],\"pendingForText\":[1,\"pending-for-text\"],\"hideDetails\":[4,\"hide-details\"],\"renderCell\":[64],\"renderLabel\":[64]}],[1,\"sqm-referral-table-status-column\",{\"columnTitle\":[1,\"column-title\"],\"convertedStatusText\":[1,\"converted-status-text\"],\"inProgressStatusText\":[1,\"in-progress-status-text\"],\"renderCell\":[64],\"renderLabel\":[64]}],[1,\"sqm-referral-table-user-column\",{\"columnTitle\":[1,\"column-title\"],\"anonymousUser\":[1,\"anonymous-user\"],\"deletedUser\":[1,\"deleted-user\"],\"renderCell\":[64],\"renderLabel\":[64]}],[1,\"sqm-referral-table-cell\",{\"innerTemplate\":[1,\"inner-template\"],\"ignored\":[32]}],[1,\"sqm-referral-table-date-cell\",{\"date\":[2],\"locale\":[1],\"ignored\":[32]}],[1,\"sqm-referral-table-rewards-cell\",{\"rewards\":[16],\"hideDetails\":[4,\"hide-details\"],\"statusText\":[1,\"status-text\"],\"statusLongText\":[1,\"status-long-text\"],\"fuelTankText\":[1,\"fuel-tank-text\"],\"rewardReceivedText\":[1,\"reward-received-text\"],\"expiringText\":[1,\"expiring-text\"],\"pendingForText\":[1,\"pending-for-text\"],\"locale\":[1]}],[1,\"sqm-referral-table-status-cell\",{\"statusText\":[1,\"status-text\"],\"converted\":[4]}],[1,\"sqm-referral-table-user-cell\",{\"name\":[1]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"sqm-stencilbook.cjs\",[[4,\"sqm-stencilbook\",{\"ignored\":[32]}]]],[\"sqm-portal-reset-password.cjs\",[[1,\"sqm-portal-reset-password\",{\"nextPage\":[1,\"next-page\"],\"failedPage\":[1,\"failed-page\"],\"confirmPassword\":[4,\"confirm-password\"],\"resetPasswordHeader\":[1,\"reset-password-header\"],\"passwordResetHeader\":[1,\"password-reset-header\"],\"resetPasswordButtonText\":[1,\"reset-password-button-text\"],\"continueButtonText\":[1,\"continue-button-text\"],\"confirmPasswordFieldLabel\":[1,\"confirm-password-field-label\"],\"passwordFieldLabel\":[1,\"password-field-label\"],\"demoData\":[16],\"ignored\":[32]}]]],[\"sqm-portal-email-verification.cjs\",[[1,\"sqm-portal-email-verification\",{\"redirectPath\":[1,\"redirect-path\"],\"emailVerificationHeader\":[1,\"email-verification-header\"],\"resendEmailButtonText\":[1,\"resend-email-button-text\"],\"verifyMessage\":[1,\"verify-message\"],\"demoData\":[16],\"ignored\":[32]}]]],[\"sqm-portal-forgot-password.cjs\",[[1,\"sqm-portal-forgot-password\",{\"redirectPath\":[1,\"redirect-path\"],\"emailLabel\":[1,\"email-label\"],\"submitLabel\":[1,\"submit-label\"],\"loginPath\":[1,\"login-path\"],\"demoData\":[16],\"ignored\":[32]}]]],[\"sqm-portal-profile.cjs\",[[1,\"sqm-portal-profile\",{\"firstnametext\":[1],\"lastnametext\":[1],\"emailtext\":[1],\"countrytext\":[1],\"editProfileHeader\":[1,\"edit-profile-header\"],\"editProfileSubHeader\":[1,\"edit-profile-sub-header\"],\"submitChangeButtonText\":[1,\"submit-change-button-text\"],\"showCountry\":[4,\"show-country\"],\"demoData\":[16],\"ignored\":[32]}]]],[\"sqm-portal-verify-email.cjs\",[[1,\"sqm-portal-verify-email\",{\"nextPage\":[1,\"next-page\"],\"failedPage\":[1,\"failed-page\"],\"demoData\":[16],\"ignored\":[32]}]]],[\"sqm-asset-card.cjs\",[[1,\"sqm-asset-card\",{\"titleText\":[1,\"title-text\"],\"imgUrl\":[1,\"img-url\"],\"demoData\":[16],\"ignored\":[32]}]]],[\"sqm-big-stat.cjs\",[[1,\"sqm-big-stat\",{\"statType\":[1,\"stat-type\"],\"flexReverse\":[4,\"flex-reverse\"],\"alignment\":[1],\"programId\":[1,\"program-id\"],\"demoData\":[16],\"ignored\":[32]}]]],[\"sqm-graphql-client-provider.cjs\",[[4,\"sqm-graphql-client-provider\",{\"domain\":[1],\"ignored\":[32]}]]],[\"sqm-hero.cjs\",[[1,\"sqm-hero\",{\"columns\":[2],\"background\":[1],\"paddingSize\":[1,\"padding-size\"],\"secondaryBackground\":[1,\"secondary-background\"],\"wrapDirection\":[1,\"wrap-direction\"]}]]],[\"sqm-leaderboard-rank.cjs\",[[1,\"sqm-leaderboard-rank\",{\"rankType\":[1,\"rank-type\"],\"rankText\":[1,\"rank-text\"],\"leaderboardType\":[1,\"leaderboard-type\"],\"unrankedText\":[1,\"unranked-text\"],\"interval\":[1],\"demoData\":[16]}]]],[\"sqm-name-fields.cjs\",[[0,\"sqm-name-fields\",{\"firstNameLabel\":[1,\"first-name-label\"],\"lastNameLabel\":[1,\"last-name-label\"],\"demoData\":[16],\"ignored\":[32]}]]],[\"sqm-navigation-sidebar.cjs\",[[1,\"sqm-navigation-sidebar\",{\"ignored\":[32]}]]],[\"sqm-navigation-sidebar-item.cjs\",[[1,\"sqm-navigation-sidebar-item\",{\"path\":[1],\"icon\":[1],\"label\":[1],\"demoData\":[16]}]]],[\"sqm-popup-container.cjs\",[[4,\"sqm-popup-container\",{\"poweredBy\":[4,\"powered-by\"],\"closeButton\":[4,\"close-button\"],\"closeButtonText\":[1,\"close-button-text\"],\"embedPadding\":[1,\"embed-padding\"],\"popupPadding\":[1,\"popup-padding\"]}]]],[\"sqm-portal-footer.cjs\",[[1,\"sqm-portal-footer\",{\"supportEmail\":[1,\"support-email\"],\"supportText\":[1,\"support-text\"],\"termsLink\":[1,\"terms-link\"],\"termsText\":[1,\"terms-text\"],\"faqLink\":[1,\"faq-link\"],\"faqText\":[1,\"faq-text\"],\"showPoweredBy\":[4,\"show-powered-by\"],\"poweredByLink\":[1,\"powered-by-link\"],\"paddingTop\":[1,\"padding-top\"],\"paddingRight\":[1,\"padding-right\"],\"paddingBottom\":[1,\"padding-bottom\"],\"paddingLeft\":[1,\"padding-left\"],\"ignored\":[32]}]]],[\"sqm-portal-logout.cjs\",[[1,\"sqm-portal-logout\",{\"nextPage\":[1,\"next-page\"],\"ignored\":[32]}]]],[\"sqm-portal-protected-route.cjs\",[[1,\"sqm-portal-protected-route\",{\"redirectTo\":[1,\"redirect-to\"],\"requireEmailVerification\":[4,\"require-email-verification\"],\"redirectToUnverified\":[1,\"redirect-to-unverified\"],\"ignored\":[32]}]]],[\"sqm-refresh-button.cjs\",[[1,\"sqm-refresh-button\",{\"icon\":[1]}]]],[\"sqm-route.cjs\",[[1,\"sqm-route\",{\"path\":[1],\"ignored\":[32]}]]],[\"sqm-stat-container.cjs\",[[1,\"sqm-stat-container\",{\"space\":[1],\"ignored\":[32]}]]],[\"sqm-text-span.cjs\",[[0,\"sqm-text-span\",{\"text\":[1],\"type\":[1],\"ignored\":[32]}]]],[\"sqm-password-field.cjs\",[[0,\"sqm-password-field\",{\"fieldLabel\":[1,\"field-label\"],\"enableValidation\":[4,\"enable-validation\"],\"demoData\":[16],\"ignored\":[32]}]]],[\"sqm-image_4.cjs\",[[1,\"sqm-image\",{\"imageUrl\":[1,\"image-url\"],\"left\":[1],\"right\":[1],\"align\":[1],\"backgroundColor\":[1,\"background-color\"],\"minHeight\":[1,\"min-height\"],\"maxWidth\":[1,\"max-width\"],\"ignored\":[32]}],[1,\"sqm-portal-container\",{\"direction\":[1],\"padding\":[1],\"gap\":[1],\"minWidth\":[1,\"min-width\"],\"display\":[1],\"maxWidth\":[1,\"max-width\"],\"ignored\":[32]}],[4,\"sqm-text\",{\"ignored\":[32]}],[1,\"sqm-titled-section\",{\"label\":[1],\"textAlign\":[1,\"text-align\"],\"labelMargin\":[1,\"label-margin\"],\"padding\":[1]}]]],[\"sqm-form-message.cjs\",[[1,\"sqm-form-message\",{\"type\":[1],\"icon\":[1],\"ignored\":[32]}]]],[\"sqm-brand_28.cjs\",[[1,\"sqm-leaderboard\",{\"usersheading\":[1],\"statsheading\":[1],\"rankheading\":[1],\"showRank\":[4,\"show-rank\"],\"showUser\":[4,\"show-user\"],\"rankType\":[1,\"rank-type\"],\"leaderboardType\":[1,\"leaderboard-type\"],\"anonymousUser\":[1,\"anonymous-user\"],\"interval\":[1],\"emptyStateImage\":[1,\"empty-state-image\"],\"emptyStateHeader\":[1,\"empty-state-header\"],\"emptyStateText\":[1,\"empty-state-text\"],\"demoData\":[16],\"ignored\":[32]}],[1,\"sqm-portal-change-password\",{\"modalChangePasswordHeader\":[1,\"modal-change-password-header\"],\"cancelText\":[1,\"cancel-text\"],\"changePasswordButtonText\":[1,\"change-password-button-text\"],\"passwordFieldLabel\":[1,\"password-field-label\"],\"confirmPasswordFieldLabel\":[1,\"confirm-password-field-label\"],\"successMessage\":[1,\"success-message\"],\"portalChangePasswordHeader\":[1,\"portal-change-password-header\"],\"portalChangePasswordButtonText\":[1,\"portal-change-password-button-text\"],\"demoData\":[16],\"ignored\":[32]}],[1,\"sqm-portal-register\",{\"nextPage\":[1,\"next-page\"],\"redirectPath\":[1,\"redirect-path\"],\"emailLabel\":[1,\"email-label\"],\"passwordLabel\":[1,\"password-label\"],\"submitLabel\":[1,\"submit-label\"],\"loginLabel\":[1,\"login-label\"],\"confirmPasswordLabel\":[1,\"confirm-password-label\"],\"confirmPassword\":[4,\"confirm-password\"],\"enablePasswordValidation\":[4,\"enable-password-validation\"],\"hideInputs\":[4,\"hide-inputs\"],\"pageLabel\":[1,\"page-label\"],\"loginPath\":[1,\"login-path\"],\"demoData\":[16],\"ignored\":[32]}],[1,\"sqm-edit-profile\",{\"editprofileheader\":[1],\"editprofiletext\":[1],\"canceltext\":[1],\"updatetext\":[1],\"firstnametext\":[1],\"lastnametext\":[1],\"currentregiontext\":[1],\"showregion\":[4],\"demoData\":[16],\"ignored\":[32]}],[1,\"sqm-portal-login\",{\"nextPage\":[1,\"next-page\"],\"emailLabel\":[1,\"email-label\"],\"passwordLabel\":[1,\"password-label\"],\"submitLabel\":[1,\"submit-label\"],\"forgotPasswordLabel\":[1,\"forgot-password-label\"],\"registerLabel\":[1,\"register-label\"],\"pageLabel\":[1,\"page-label\"],\"registerPath\":[1,\"register-path\"],\"forgotPasswordPath\":[1,\"forgot-password-path\"],\"demoData\":[16],\"ignored\":[32]}],[1,\"sqm-brand\",{\"brandColor\":[1,\"brand-color\"],\"brandFont\":[1,\"brand-font\"],\"background\":[1]}],[1,\"sqm-card-feed\",{\"width\":[2],\"gap\":[2],\"ignored\":[32]}],[1,\"sqm-divided-layout\",{\"direction\":[1],\"dividerStyle\":[1,\"divider-style\"]}],[1,\"sqm-hero-image\",{\"imageUrl\":[1,\"image-url\"],\"minHeight\":[1,\"min-height\"],\"maxHeight\":[1,\"max-height\"],\"maxWidth\":[1,\"max-width\"],\"overlayColor\":[1,\"overlay-color\"],\"overlayOpacity\":[1,\"overlay-opacity\"],\"textColor\":[1,\"text-color\"],\"backgroundColor\":[1,\"background-color\"],\"layout\":[1],\"imagePercentage\":[2,\"image-percentage\"],\"imagePos\":[1,\"image-pos\"],\"imageMobilePos\":[1,\"image-mobile-pos\"],\"header\":[1],\"description\":[1],\"buttonText\":[1,\"button-text\"],\"buttonLink\":[1,\"button-link\"],\"buttonNewTab\":[4,\"button-new-tab\"],\"paddingText\":[1,\"padding-text\"],\"paddingImage\":[1,\"padding-image\"]}],[0,\"sqm-hook-story-container\",{\"hookStory\":[16],\"ignored\":[32]}],[1,\"sqm-navigation-menu\",{\"includeDropdown\":[4,\"include-dropdown\"],\"menuLabel\":[1,\"menu-label\"],\"demoData\":[16],\"ignored\":[32]}],[1,\"sqm-portal-frame\",{\"demoData\":[16],\"ignored\":[32]}],[1,\"sqm-program-explainer\",{\"header\":[1],\"textColor\":[1,\"text-color\"],\"backgroundColor\":[1,\"background-color\"],\"ignored\":[32]}],[1,\"sqm-program-explainer-step\",{\"header\":[1],\"description\":[1],\"textColor\":[1,\"text-color\"],\"backgroundColor\":[1,\"background-color\"],\"imageUrl\":[1,\"image-url\"],\"icon\":[1]}],[4,\"sqm-program-menu\",{\"ignored\":[32]}],[1,\"sqm-referral-card\",{\"header\":[1],\"description\":[1],\"padding\":[1],\"verticalAlignment\":[1,\"vertical-alignment\"],\"ignored\":[32]}],[0,\"sqm-referral-iframe\",{\"iframeSrc\":[1,\"iframe-src\"],\"iframeHeight\":[1,\"iframe-height\"],\"iframeWidth\":[1,\"iframe-width\"],\"demoData\":[16],\"ignored\":[32]}],[1,\"sqm-reward-exchange-list\",{\"buttonText\":[1,\"button-text\"],\"notAvailableError\":[1,\"not-available-error\"],\"chooseRewardTitle\":[1,\"choose-reward-title\"],\"chooseAmountTitle\":[1,\"choose-amount-title\"],\"confirmationTitle\":[1,\"confirmation-title\"],\"rewardTitle\":[1,\"reward-title\"],\"cancelText\":[1,\"cancel-text\"],\"backText\":[1,\"back-text\"],\"continueText\":[1,\"continue-text\"],\"continueToConfirmationText\":[1,\"continue-to-confirmation-text\"],\"redeemText\":[1,\"redeem-text\"],\"redeemTitle\":[1,\"redeem-title\"],\"redemptionSuccessText\":[1,\"redemption-success-text\"],\"sourceAmountMessage\":[1,\"source-amount-message\"],\"tooltiptext\":[1],\"doneText\":[1,\"done-text\"],\"selectText\":[1,\"select-text\"],\"queryError\":[1,\"query-error\"],\"redemptionError\":[1,\"redemption-error\"],\"notEnoughError\":[1,\"not-enough-error\"],\"promoCode\":[1,\"promo-code\"],\"skeletonCardNum\":[2,\"skeleton-card-num\"],\"rewardNameTitle\":[1,\"reward-name-title\"],\"rewardAmountTitle\":[1,\"reward-amount-title\"],\"costTitle\":[1,\"cost-title\"],\"demoData\":[16],\"ignored\":[32]}],[4,\"sqm-router\",{\"ignored\":[32]}],[1,\"sqm-share-button\",{\"medium\":[1],\"programId\":[1,\"program-id\"],\"borderradius\":[2],\"backgroundcolor\":[1],\"textcolor\":[1],\"pill\":[4],\"disabled\":[4],\"type\":[1],\"size\":[1],\"iconslot\":[1],\"icon\":[1],\"hideicon\":[4],\"hidetext\":[4],\"sharetitle\":[1],\"sharetext\":[1],\"demoData\":[16]}],[1,\"sqm-share-code\",{\"programId\":[1,\"program-id\"],\"tooltiptext\":[1,\"tooltip-text\"],\"tooltiplifespan\":[2,\"tooltip-lifespan\"],\"demoData\":[16]}],[1,\"sqm-share-link\",{\"programId\":[1,\"program-id\"],\"tooltiptext\":[1,\"tooltip-text\"],\"tooltiplifespan\":[2,\"tooltip-lifespan\"],\"demoData\":[16]}],[1,\"sqm-task-card\",{\"rewardAmount\":[1,\"reward-amount\"],\"rewardUnit\":[1,\"reward-unit\"],\"cardTitle\":[1,\"card-title\"],\"description\":[1],\"repeatable\":[4],\"finite\":[2],\"showProgressBar\":[4,\"show-progress-bar\"],\"goal\":[2],\"steps\":[4],\"progressBarUnit\":[1,\"progress-bar-unit\"],\"showExpiry\":[4,\"show-expiry\"],\"expiryMessage\":[1,\"expiry-message\"],\"rewardDuration\":[1,\"reward-duration\"],\"startsOnMessage\":[1,\"starts-on-message\"],\"displayDuration\":[1,\"display-duration\"],\"endedMessage\":[1,\"ended-message\"],\"completedText\":[1,\"completed-text\"],\"buttonText\":[1,\"button-text\"],\"buttonLink\":[1,\"button-link\"],\"openNewTab\":[4,\"open-new-tab\"],\"statType\":[1,\"stat-type\"],\"eventKey\":[1,\"event-key\"],\"programId\":[1,\"program-id\"],\"demoData\":[16],\"ignored\":[32]}],[1,\"sqm-timeline\",{\"icon\":[1],\"ignored\":[32]}],[1,\"sqm-timeline-entry\",{\"reward\":[1],\"unit\":[1],\"desc\":[1],\"line\":[4],\"icon\":[1],\"ignored\":[32]}],[1,\"sqm-user-name\",{\"fallback\":[1],\"loadingText\":[1,\"loading-text\"],\"demoData\":[16],\"_ignored\":[32]}],[1,\"sqm-table-cell\",{\"colspan\":[2],\"padding\":[1]}],[1,\"sqm-table-row\",{\"border\":[1]}]]],[\"sqm-rewards-table_9.cjs\",[[1,\"sqm-rewards-table\",{\"programId\":[1,\"program-id\"],\"perPage\":[2,\"per-page\"],\"showLabels\":[4,\"show-labels\"],\"prevLabel\":[1,\"prev-label\"],\"moreLabel\":[1,\"more-label\"],\"hiddenColumns\":[1,\"hidden-columns\"],\"smBreakpoint\":[2,\"sm-breakpoint\"],\"mdBreakpoint\":[2,\"md-breakpoint\"],\"emptyStateImgUrl\":[1,\"empty-state-img-url\"],\"emptyStateTitle\":[1,\"empty-state-title\"],\"emptyStateText\":[1,\"empty-state-text\"],\"demoData\":[16]}],[1,\"sqm-rewards-table-date-column\",{\"columnTitle\":[1,\"column-title\"],\"dateShown\":[1,\"date-shown\"],\"renderCell\":[64],\"renderLabel\":[64]}],[1,\"sqm-rewards-table-reward-column\",{\"columnTitle\":[1,\"column-title\"],\"redeemedText\":[1,\"redeemed-text\"],\"availableText\":[1,\"available-text\"],\"renderCell\":[64],\"renderLabel\":[64]}],[1,\"sqm-rewards-table-source-column\",{\"columnTitle\":[1,\"column-title\"],\"anonymousUser\":[1,\"anonymous-user\"],\"deletedUser\":[1,\"deleted-user\"],\"rewardExchangeText\":[1,\"reward-exchange-text\"],\"referralText\":[1,\"referral-text\"],\"rewardSourceText\":[1,\"reward-source-text\"],\"renderCell\":[64],\"renderLabel\":[64]}],[1,\"sqm-rewards-table-status-column\",{\"columnTitle\":[1,\"column-title\"],\"statusText\":[1,\"status-text\"],\"expiryText\":[1,\"expiry-text\"],\"renderCell\":[64],\"renderLabel\":[64]}],[1,\"sqm-rewards-table-date-cell\",{\"date\":[2],\"locale\":[1],\"ignored\":[32]}],[1,\"sqm-rewards-table-reward-cell\",{\"reward\":[16],\"redeemedText\":[1,\"redeemed-text\"],\"availableText\":[1,\"available-text\"],\"locale\":[1]}],[1,\"sqm-rewards-table-source-cell\",{\"reward\":[16],\"deletedUserText\":[1,\"deleted-user-text\"],\"anonymousUserText\":[1,\"anonymous-user-text\"],\"rewardExchangeText\":[1,\"reward-exchange-text\"],\"referralText\":[1,\"referral-text\"],\"rewardSourceText\":[1,\"reward-source-text\"],\"locale\":[1]}],[1,\"sqm-rewards-table-status-cell\",{\"statusText\":[1,\"status-text\"],\"reward\":[16],\"expiryText\":[1,\"expiry-text\"],\"locale\":[1]}]]],[\"sqm-referral-table_11.cjs\",[[1,\"sqm-referral-table-column\",{\"columnTitle\":[1,\"column-title\"],\"renderCell\":[64],\"renderLabel\":[64]}],[1,\"sqm-referral-table\",{\"programId\":[1,\"program-id\"],\"perPage\":[2,\"per-page\"],\"showLabels\":[4,\"show-labels\"],\"prevLabel\":[1,\"prev-label\"],\"moreLabel\":[1,\"more-label\"],\"showReferrer\":[4,\"show-referrer\"],\"hiddenColumns\":[1,\"hidden-columns\"],\"smBreakpoint\":[2,\"sm-breakpoint\"],\"mdBreakpoint\":[2,\"md-breakpoint\"],\"emptyStateImgUrl\":[1,\"empty-state-img-url\"],\"emptyStateTitle\":[1,\"empty-state-title\"],\"emptyStateText\":[1,\"empty-state-text\"],\"demoData\":[16]}],[1,\"sqm-referral-table-date-column\",{\"columnTitle\":[1,\"column-title\"],\"dateShown\":[1,\"date-shown\"],\"renderCell\":[64],\"renderLabel\":[64]}],[1,\"sqm-referral-table-rewards-column\",{\"columnTitle\":[1,\"column-title\"],\"statusText\":[1,\"status-text\"],\"statusLongText\":[1,\"status-long-text\"],\"fuelTankText\":[1,\"fuel-tank-text\"],\"rewardReceivedText\":[1,\"reward-received-text\"],\"expiringText\":[1,\"expiring-text\"],\"pendingForText\":[1,\"pending-for-text\"],\"hideDetails\":[4,\"hide-details\"],\"renderCell\":[64],\"renderLabel\":[64]}],[1,\"sqm-referral-table-status-column\",{\"columnTitle\":[1,\"column-title\"],\"convertedStatusText\":[1,\"converted-status-text\"],\"inProgressStatusText\":[1,\"in-progress-status-text\"],\"renderCell\":[64],\"renderLabel\":[64]}],[1,\"sqm-referral-table-user-column\",{\"columnTitle\":[1,\"column-title\"],\"anonymousUser\":[1,\"anonymous-user\"],\"deletedUser\":[1,\"deleted-user\"],\"renderCell\":[64],\"renderLabel\":[64]}],[1,\"sqm-referral-table-cell\",{\"innerTemplate\":[1,\"inner-template\"],\"ignored\":[32]}],[1,\"sqm-referral-table-date-cell\",{\"date\":[2],\"locale\":[1],\"ignored\":[32]}],[1,\"sqm-referral-table-rewards-cell\",{\"rewards\":[16],\"hideDetails\":[4,\"hide-details\"],\"statusText\":[1,\"status-text\"],\"statusLongText\":[1,\"status-long-text\"],\"fuelTankText\":[1,\"fuel-tank-text\"],\"rewardReceivedText\":[1,\"reward-received-text\"],\"expiringText\":[1,\"expiring-text\"],\"pendingForText\":[1,\"pending-for-text\"],\"locale\":[1]}],[1,\"sqm-referral-table-status-cell\",{\"statusText\":[1,\"status-text\"],\"converted\":[4]}],[1,\"sqm-referral-table-user-cell\",{\"name\":[1]}]]]]"), options);
   });
 };