@saasquatch/mint-components 1.13.0-41 → 1.13.0-42

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

@@ -2,24 +2,25 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a29c60ef.js');
-const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const global = require('./global-19fc8a7a.js');
-const index_module = require('./index.module-57703088.js');
+const index$1 = require('./index-a29c60ef.js');
+const stencilHooks_module = require('./stencil-hooks.module-b248b384.js');
+const global = require('./global-6fe7c678.js');
+const index_module = require('./index.module-b880d18a.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
+const index = require('./index-e6bafae4.js');
 require('./mixins-f7e0377a.js');
 const GenericTableView = require('./GenericTableView-a9f4ba75.js');
-const reRender = require('./re-render-35b016ed.js');
-const useChildElements = require('./useChildElements-854cd1e5.js');
-const luxon = require('./luxon-2926d85f.js');
-const mockRewardData = require('./mockRewardData-272e22d6.js');
-const useReferralTable = require('./useReferralTable-283d2316.js');
+const reRender = require('./re-render-050852fe.js');
+const useChildElements = require('./useChildElements-e2139cb4.js');
+const luxon = require('./luxon-78820ce9.js');
+const mockRewardData = require('./mockRewardData-d117428d.js');
+const useReferralTable = require('./useReferralTable-43818f78.js');
 
 const debug = stencilHooks_module.browser("sq:useRewardsTable");
 const CSS_NAMESPACE = "sqm-rewards-table";
-const GET_REWARDS = index_module.dist.gql `
+const GET_REWARDS = index.dist.gql `
   query getRewards(
     $limit: Int!
     $offset: Int!
@@ -135,7 +136,7 @@ const GET_REWARDS = index_module.dist.gql `
     }
   }
 `;
-const GET_IMPACT_TAX = index_module.dist.gql `
+const GET_IMPACT_TAX = index.dist.gql `
   query getImpactTax {
     viewer {
       ... on User {
@@ -209,7 +210,7 @@ function useRewardsTable(props, emptyElement, loadingElement) {
     const columnsPromise = columnComponents === null || columnComponents === void 0 ? void 0 : columnComponents.map(async (c) => tryMethod(c, () => c.renderLabel()));
     // get the column cells (renderCell is asynchronous)
     const cellsPromise = data === null || data === void 0 ? void 0 : data.map(async (r) => {
-      const cellPromise = columnComponents === null || columnComponents === void 0 ? void 0 : columnComponents.map(async (c) => tryMethod(c, () => c.renderCell(r, { locale, taxConnection }, index.h)));
+      const cellPromise = columnComponents === null || columnComponents === void 0 ? void 0 : columnComponents.map(async (c) => tryMethod(c, () => c.renderCell(r, { locale, taxConnection }, index$1.h)));
       const cells = (await Promise.all(cellPromise));
       return cells;
     });
@@ -277,7 +278,7 @@ async function tryMethod(c, callback) {
     // renderLabel did not return a promise, so this method probably doesn't exist
     // therefore, we IGNORE the label
     debug("label promise failed", e);
-    return index.h("span", null);
+    return index$1.h("span", null);
   }
   try {
     return await labelPromise;
@@ -287,15 +288,15 @@ async function tryMethod(c, callback) {
     // This should not happen so we fail fast
     debug("Error rendering label", e);
     const userError = useReferralTable.generateUserError(e);
-    return (index.h("details", null,
-      index.h("summary", null, "Error"),
+    return (index$1.h("details", null,
+      index$1.h("summary", null, "Error"),
       userError));
   }
 }
 
 const RewardsTable = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
+    index$1.registerInstance(this, hostRef);
     /** @uiName Rewards per page */
     this.perPage = 4;
     /** @uiName Hide column labels */
@@ -313,27 +314,27 @@ const RewardsTable = class {
     this.smBreakpoint = 599;
     /** @uiName Tablet breakpoint  */
     this.mdBreakpoint = 799;
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   render() {
-    const empty = index.h(EmptySlot, null);
-    const loading = index.h(LoadingSlot, null);
+    const empty = index$1.h(EmptySlot, null);
+    const loading = index$1.h(LoadingSlot, null);
     const { states, data, callbacks, elements } = index_module.isDemo()
       ? useRewardsTableDemo(this, empty, loading)
       : useRewardsTable(this, empty, loading);
     reRender.useRequestRerender([this.perPage]);
-    return (index.h(GenericTableView.GenericTableView, { states: states, data: data, callbacks: callbacks, elements: elements }));
+    return (index$1.h(GenericTableView.GenericTableView, { states: states, data: data, callbacks: callbacks, elements: elements }));
   }
 };
 function EmptySlot() {
-  return (index.h("slot", { name: "empty" }, index.h("sqm-empty", { "empty-state-image": "https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_reward2.png", "empty-state-header": "View your rewards", "empty-state-text": "Refer friends and complete tasks to view the details of your rewards" })));
+  return (index$1.h("slot", { name: "empty" }, index$1.h("sqm-empty", { "empty-state-image": "https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_reward2.png", "empty-state-header": "View your rewards", "empty-state-text": "Refer friends and complete tasks to view the details of your rewards" })));
 }
 function LoadingSlot() {
-  return (index.h("slot", { name: "loading" }, index.h(LoadingRow, null), index.h(LoadingRow, null), index.h(LoadingRow, null), index.h(LoadingRow, null)));
+  return (index$1.h("slot", { name: "loading" }, index$1.h(LoadingRow, null), index$1.h(LoadingRow, null), index$1.h(LoadingRow, null), index$1.h(LoadingRow, null)));
 }
 function LoadingRow() {
-  return (index.h("sqm-table-row", null, index.h("sqm-table-cell", { colspan: 5 }, index.h("sl-skeleton", null))));
+  return (index$1.h("sqm-table-row", null, index$1.h("sqm-table-cell", { colspan: 5 }, index$1.h("sl-skeleton", null))));
 }
 function useRewardsTableDemo(props, emptyElement, loadingElement) {
   const [content, setContent] = stencilHooks_module.useReducer((state, next) => ({
@@ -428,10 +429,10 @@ function useRewardsTableDemo(props, emptyElement, loadingElement) {
 
 const RewardTableDateCell = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
+    index$1.registerInstance(this, hostRef);
     this.ignored = true;
     this.locale = "en";
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   render() {
@@ -445,7 +446,7 @@ const RewardTableDateCell = class {
 
 const RewardTableDateColumn = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
+    index$1.registerInstance(this, hostRef);
     /**
      * @uiName Date column title
      */
@@ -461,18 +462,18 @@ const RewardTableDateColumn = class {
      * @uiEnumNames ["Date Given", "Date Expires", "Date Cancelled", "Date Redeemed", "Date Scheduled For"]
      */
     this.dateShown = "dateGiven";
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   async renderCell(data, options) {
-    return (index.h("sqm-rewards-table-date-cell", { date: data[this.dateShown], locale: options === null || options === void 0 ? void 0 : options.locale }));
+    return (index$1.h("sqm-rewards-table-date-cell", { date: data[this.dateShown], locale: options === null || options === void 0 ? void 0 : options.locale }));
   }
   async renderLabel() {
     return this.columnTitle;
   }
   render() {
     reRender.useRequestRerender([this.dateShown, this.columnTitle]);
-    return index.h(index.Host, { style: { display: "none" } });
+    return index$1.h(index$1.Host, { style: { display: "none" } });
   }
 };
 
@@ -549,7 +550,7 @@ const sheet = JSS.createStyleSheet(style);
 const styleString = sheet.toString();
 const RewardTableRewardsCell = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
+    index$1.registerInstance(this, hostRef);
   }
   // TODO: value function from portalv2
   render() {
@@ -562,19 +563,19 @@ const RewardTableRewardsCell = class {
       const singleReward = reward.prettyValueNumber === "1" ||
         (reward.dateRedeemed && reward.prettyAvailableNumber === "0");
       if (reward.type === "FUELTANK") {
-        return (index.h("div", { class: sheet.classes.Fueltank }, reward.prettyValue, reward.fuelTankCode && (index.h("div", { class: "code", onClick: () => navigator.clipboard.writeText(reward.fuelTankCode) }, index.h("sl-tooltip", { trigger: "click", placement: "top", distance: 5, skidding: 11, content: this.copyText, "onSl-show": (e) => setTimeout(() => e.path[0].hide(), 1000) }, index.h("span", { class: "text" }, reward.fuelTankCode), index.h("span", { class: "icon" }, index.h("sl-icon", { name: "files" })))))));
+        return (index$1.h("div", { class: sheet.classes.Fueltank }, reward.prettyValue, reward.fuelTankCode && (index$1.h("div", { class: "code", onClick: () => navigator.clipboard.writeText(reward.fuelTankCode) }, index$1.h("sl-tooltip", { trigger: "click", placement: "top", distance: 5, skidding: 11, content: this.copyText, "onSl-show": (e) => setTimeout(() => e.path[0].hide(), 1000) }, index$1.h("span", { class: "text" }, reward.fuelTankCode), index$1.h("span", { class: "icon" }, index$1.h("sl-icon", { name: "files" })))))));
       }
       if (reward.type === "CREDIT" && !singleReward) {
         const remainingValue = parseFloat(reward.prettyValueNumber) -
           parseFloat(reward.prettyRedeemedNumber);
         const progress = Math.round((remainingValue / parseFloat(reward.prettyValueNumber)) * 100);
         const progressBarSubtext = reward.statuses.includes("EXPIRED") ||
-          reward.statuses.includes("CANCELLED") ? (index.h("div", null, global.intl.formatMessage({
+          reward.statuses.includes("CANCELLED") ? (index$1.h("div", null, global.intl.formatMessage({
           id: "redeemedText",
           defaultMessage: this.redeemedText,
         }, {
           redeemedAmount: reward.prettyRedeemedCredit,
-        }))) : (index.h("div", null, global.intl.formatMessage({
+        }))) : (index$1.h("div", null, global.intl.formatMessage({
           id: "availableText",
           defaultMessage: this.availableText,
         }, {
@@ -616,17 +617,17 @@ const RewardTableRewardsCell = class {
         };
         const sheet = JSS.createStyleSheet(style);
         const styleString = sheet.toString();
-        return (index.h("div", null, index.h("style", { type: "text/css" }, styleString), index.h("div", { class: sheet.classes.Container }, index.h("span", { part: "sqm-reward-cell-value" }, pimpedPrettyValue + " "), index.h("br", null), " ", index.h("div", { part: "sqm-reward-cell-progress", class: sheet.classes.Progress }), index.h("span", { part: "sqm-reward-cell-subtext", class: sheet.classes.Subtext }, progressBarSubtext))));
+        return (index$1.h("div", null, index$1.h("style", { type: "text/css" }, styleString), index$1.h("div", { class: sheet.classes.Container }, index$1.h("span", { part: "sqm-reward-cell-value" }, pimpedPrettyValue + " "), index$1.h("br", null), " ", index$1.h("div", { part: "sqm-reward-cell-progress", class: sheet.classes.Progress }), index$1.h("span", { part: "sqm-reward-cell-subtext", class: sheet.classes.Subtext }, progressBarSubtext))));
       }
-      return index.h("div", null, pimpedPrettyValue);
+      return index$1.h("div", null, pimpedPrettyValue);
     };
-    return (index.h("div", { style: { display: "contents" } }, index.h("style", { type: "text/css" }, styleString), index.h(RewardValue, { reward: this.reward })));
+    return (index$1.h("div", { style: { display: "contents" } }, index$1.h("style", { type: "text/css" }, styleString), index$1.h(RewardValue, { reward: this.reward })));
   }
 };
 
 const RewardsTableColumn = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
+    index$1.registerInstance(this, hostRef);
     /**
      * @uiName Reward column title
      */
@@ -643,11 +644,11 @@ const RewardsTableColumn = class {
      * @uiName Copied fuel tank text
      */
     this.copyText = "Copied!";
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   async renderCell(data, options) {
-    return (index.h("sqm-rewards-table-reward-cell", { reward: data, redeemedText: this.redeemedText, availableText: this.availableText, copyText: this.copyText, locale: options === null || options === void 0 ? void 0 : options.locale, exportparts: "sqm-rewards-cell-value, sqm-rewards-cell-progress-bar, sqm-rewards-cell-subtext" }));
+    return (index$1.h("sqm-rewards-table-reward-cell", { reward: data, redeemedText: this.redeemedText, availableText: this.availableText, copyText: this.copyText, locale: options === null || options === void 0 ? void 0 : options.locale, exportparts: "sqm-rewards-cell-value, sqm-rewards-cell-progress-bar, sqm-rewards-cell-subtext" }));
   }
   async renderLabel() {
     return this.columnTitle;
@@ -659,20 +660,20 @@ const RewardsTableColumn = class {
       this.availableText,
       this.copyText,
     ]);
-    return index.h(index.Host, { style: { display: "none" } });
+    return index$1.h(index$1.Host, { style: { display: "none" } });
   }
 };
 
 const RewardTableSourceCell = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
+    index$1.registerInstance(this, hostRef);
     this.locale = "en";
   }
   render() {
     global.intl.locale = this.locale;
     const RewardSource = ({ reward }) => {
       var _a;
-      return (index.h("span", null, global.intl.formatMessage({
+      return (index$1.h("span", null, global.intl.formatMessage({
         id: "rewardSourceText",
         defaultMessage: this.rewardSourceText,
       }, {
@@ -683,15 +684,15 @@ const RewardTableSourceCell = class {
     const SOURCE_COLUMN_LENGTH = 21;
     const RewardExchangeBadge = ({ reward }) => {
       var _a;
-      const rewardExchange = (index.h("div", null, index.h("span", { style: {
+      const rewardExchange = (index$1.h("div", null, index$1.h("span", { style: {
           fontSize: "var(--sl-font-size-small)",
           color: "var(--sl-color-neutral-500)",
-        } }, this.rewardExchangeText), index.h("br", null), (_a = reward.exchangedRewardRedemptionTransaction) === null || _a === void 0 ? void 0 :
+        } }, this.rewardExchangeText), index$1.h("br", null), (_a = reward.exchangedRewardRedemptionTransaction) === null || _a === void 0 ? void 0 :
         _a.prettyRedeemedCredit, " → ", reward.prettyValue));
       return reward.exchangedRewardRedemptionTransaction.prettyRedeemedCredit
         .length +
         reward.prettyValue.length <
-        SOURCE_COLUMN_LENGTH ? (rewardExchange) : (index.h("div", { style: {
+        SOURCE_COLUMN_LENGTH ? (rewardExchange) : (index$1.h("div", { style: {
           display: "inline-block",
           verticalAlign: "top",
         } }, rewardExchange));
@@ -708,9 +709,9 @@ const RewardTableSourceCell = class {
       return `${user.firstName} ${user.lastName}`;
     };
     const Source = () => this.reward.rewardSource === "FRIEND_SIGNUP" ||
-      this.reward.rewardSource === "REFERRED" ? (this.reward.referral === null ? (index.h("p", { style: {
+      this.reward.rewardSource === "REFERRED" ? (this.reward.referral === null ? (index$1.h("p", { style: {
         color: "var(--sl-color-gray-400)",
-      } }, this.deletedReferralText)) : (index.h("div", null, index.h("div", { style: {
+      } }, this.deletedReferralText)) : (index$1.h("div", null, index$1.h("div", { style: {
         fontSize: "var(--sl-font-size-small)",
         color: "var(--sl-color-neutral-500)",
       } }, global.intl.formatMessage({
@@ -718,16 +719,16 @@ const RewardTableSourceCell = class {
       defaultMessage: this.referralText,
     }, {
       rewardSource: this.reward.rewardSource,
-    })), index.h("div", null, this.reward.rewardSource == "FRIEND_SIGNUP"
+    })), index$1.h("div", null, this.reward.rewardSource == "FRIEND_SIGNUP"
       ? getFullName(this.reward.referral.referredUser)
-      : getFullName(this.reward.referral.referrerUser))))) : this.reward.exchangedRewardRedemptionTransaction ? (index.h(RewardExchangeBadge, { reward: this.reward })) : (index.h(RewardSource, { reward: this.reward }));
-    return index.h(Source, null);
+      : getFullName(this.reward.referral.referrerUser))))) : this.reward.exchangedRewardRedemptionTransaction ? (index$1.h(RewardExchangeBadge, { reward: this.reward })) : (index$1.h(RewardSource, { reward: this.reward }));
+    return index$1.h(Source, null);
   }
 };
 
 const RewardTableUserColumn = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
+    index$1.registerInstance(this, hostRef);
     /**
      * @uiName Soruce column title
      */
@@ -762,11 +763,11 @@ const RewardTableUserColumn = class {
      * @uiWidget textArea
      */
     this.rewardSourceText = "{rewardSource, select, MANUAL {Manual} AUTOMATED {{programName}} other {}}";
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   async renderCell(data, options) {
-    return (index.h("sqm-rewards-table-source-cell", { reward: data, anonymousUserText: this.anonymousUser, deletedUserText: this.deletedUser, rewardExchangeText: this.rewardExchangeText, referralText: this.referralText, rewardSourceText: this.rewardSourceText, locale: options === null || options === void 0 ? void 0 : options.locale }));
+    return (index$1.h("sqm-rewards-table-source-cell", { reward: data, anonymousUserText: this.anonymousUser, deletedUserText: this.deletedUser, rewardExchangeText: this.rewardExchangeText, referralText: this.referralText, rewardSourceText: this.rewardSourceText, locale: options === null || options === void 0 ? void 0 : options.locale }));
   }
   async renderLabel() {
     return this.columnTitle;
@@ -780,7 +781,7 @@ const RewardTableUserColumn = class {
       this.referralText,
       this.rewardSourceText,
     ]);
-    return index.h(index.Host, { style: { display: "none" } });
+    return index$1.h(index$1.Host, { style: { display: "none" } });
   }
 };
 
@@ -810,7 +811,7 @@ const sheet$1 = JSS.createStyleSheet(style$1);
 const styleString$1 = sheet$1.toString();
 const RewardTableStatusCell = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
+    index$1.registerInstance(this, hostRef);
     this.expiryText = "Expires";
     this.locale = "en";
     this.pendingUsTax = "W-9 required";
@@ -950,9 +951,9 @@ const RewardTableStatusCell = class {
       : rewardStatus === "DENIED"
         ? this.deniedText
         : null;
-    return (index.h("div", { style: { display: "contents" } }, index.h("style", { type: "text/css" }, styleString$1), index.h("sl-badge", { type: badgeType, pill: true, class: rewardStatus === "REDEEMED" || rewardStatus === "PAYOUT_APPROVED"
+    return (index$1.h("div", { style: { display: "contents" } }, index$1.h("style", { type: "text/css" }, styleString$1), index$1.h("sl-badge", { type: badgeType, pill: true, class: rewardStatus === "REDEEMED" || rewardStatus === "PAYOUT_APPROVED"
         ? sheet$1.classes.RedeemBadge
-        : sheet$1.classes.Badge }, statusText), index.h("p", { class: sheet$1.classes.Date }, fraudStatusText ||
+        : sheet$1.classes.Badge }, statusText), index$1.h("p", { class: sheet$1.classes.Date }, fraudStatusText ||
       pendingReasons ||
       this.getPayoutStatusText(rewardStatus) ||
       date)));
@@ -979,7 +980,7 @@ const RewardTableStatusCell = class {
 
 const RewardTableStatusColumn = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
+    index$1.registerInstance(this, hostRef);
     /**
      * @uiName Column title
      */
@@ -1067,11 +1068,11 @@ const RewardTableStatusColumn = class {
      * @uiName Payout approved text
      */
     this.payoutApproved = "Reward approved for payout and was scheduled for payment based on your settings.";
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   async renderCell(data, options) {
-    return (index.h("sqm-rewards-table-status-cell", { statusText: this.statusText, reward: data, taxConnection: options === null || options === void 0 ? void 0 : options.taxConnection, expiryText: this.expiryText, pendingScheduled: this.pendingScheduled, pendingUsTax: this.pendingUsTax, pendingUnhandled: this.pendingUnhandled, pendingReviewText: this.pendingReviewText, payoutFailed: this.payoutFailed, payoutApproved: this.payoutApproved, payoutCancelled: this.payoutCancelled, deniedText: this.deniedText, locale: options === null || options === void 0 ? void 0 : options.locale }));
+    return (index$1.h("sqm-rewards-table-status-cell", { statusText: this.statusText, reward: data, taxConnection: options === null || options === void 0 ? void 0 : options.taxConnection, expiryText: this.expiryText, pendingScheduled: this.pendingScheduled, pendingUsTax: this.pendingUsTax, pendingUnhandled: this.pendingUnhandled, pendingReviewText: this.pendingReviewText, payoutFailed: this.payoutFailed, payoutApproved: this.payoutApproved, payoutCancelled: this.payoutCancelled, deniedText: this.deniedText, locale: options === null || options === void 0 ? void 0 : options.locale }));
   }
   async renderLabel() {
     return this.columnTitle;
@@ -1086,7 +1087,7 @@ const RewardTableStatusColumn = class {
       this.pendingUsTax,
       this.pendingUnhandled,
     ]);
-    return index.h(index.Host, { style: { display: "none" } });
+    return index$1.h(index$1.Host, { style: { display: "none" } });
   }
 };
 

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

@@ -3,17 +3,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a29c60ef.js');
-const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-require('./global-19fc8a7a.js');
-const index_module = require('./index.module-57703088.js');
+const stencilHooks_module = require('./stencil-hooks.module-b248b384.js');
+require('./global-6fe7c678.js');
+const index_module = require('./index.module-b880d18a.js');
 require('./cjs-1066ec21.js');
 require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
-const copyTextView = require('./copy-text-view-9b950efe.js');
+const index$1 = require('./index-e6bafae4.js');
+const copyTextView = require('./copy-text-view-67cb700e.js');
 require('./mixins-f7e0377a.js');
 const GenericTableView = require('./GenericTableView-a9f4ba75.js');
-require('./useChildElements-854cd1e5.js');
-const luxon = require('./luxon-2926d85f.js');
+require('./useChildElements-e2139cb4.js');
+const luxon = require('./luxon-78820ce9.js');
 require('./sqm-text-span-view-0aa82125.js');
 const sqmAssetCardView = require('./sqm-asset-card-view-21ddf04f.js');
 const sqmCloseButtonView = require('./sqm-close-button-view-ea3fa23b.js');
@@ -22,18 +23,19 @@ const emailRegistrationView = require('./email-registration-view-55b378dc.js');
 const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-d39a55d8.js');
 const sqmLogoutCurrentUserView = require('./sqm-logout-current-user-view-11d57c12.js');
 const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-17111896.js');
-const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-9bba5f7e.js');
-const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-98d84549.js');
+const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-b76869c1.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-39add3d2.js');
 const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-78f19ef9.js');
+const sqmPortalLoginView = require('./sqm-portal-login-view-761a4d8e.js');
 const sqmBaseRegistrationFormView = require('./sqm-base-registration-form-view-8a2c8763.js');
-const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-bd72eeff.js');
-const sqmPortalProfileView = require('./sqm-portal-profile-view-bae28ea0.js');
-require('./utilities-c135f16f.js');
+const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-ebf355a6.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-a722b40a.js');
+require('./utilities-d691629b.js');
 const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-fe602822.js');
 const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-7b678f34.js');
-const ShadowViewAddon = require('./ShadowViewAddon-44cb1a98.js');
+const ShadowViewAddon = require('./ShadowViewAddon-37f2cd8b.js');
 const sqmPortalContainerView = require('./sqm-portal-container-view-4f15143a.js');
-const sqmInvoiceTableView = require('./sqm-invoice-table-view-9dfa2a16.js');
+const sqmInvoiceTableView = require('./sqm-invoice-table-view-9b735809.js');
 
 /**
  * lodash (Custom Build) <https://lodash.com/>
@@ -3476,7 +3478,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 {
@@ -7308,27 +7310,16 @@ const loadingProps = {
     pageLabel: "Sign in to your account",
   },
 };
-const Default$3 = () => (index.h("sqm-portal-login", { showGoogleLogin: false, demoData: { ...defaultProps$2 } }));
-const IsGoogle = () => (
-// <sqm-portal-login
-//   showGoogleLogin
-//   demoData={{
-//     ...defaultProps,
-//     content: {
-//       googleButton: <sl-button>Sign in with Google</sl-button>,
-//     },
-//     states: { ...defaultProps.states },
-//   }}
-// ></sqm-portal-login>
-index.h(ShadowViewAddon.PortalLoginView, Object.assign({}, defaultProps$2, { content: {
+const Default$3 = () => (index.h("sqm-portal-login", { demoData: { ...defaultProps$2 } }));
+const IsGoogle = () => (index.h(sqmPortalLoginView.PortalLoginView, Object.assign({}, defaultProps$2, { content: {
     secondaryButton: (index.h("span", null,
       "Don't have an account?",
       " ",
       index.h("sl-button", { style: { width: "50px" }, size: "large", type: "text" }, "Register"))),
     googleButton: index.h("sl-button", null, "Sign in with Google"),
   } })));
-const LoginWithError = () => index.h(ShadowViewAddon.PortalLoginView, Object.assign({}, errorProps));
-const LoginLoading = () => index.h(ShadowViewAddon.PortalLoginView, Object.assign({}, loadingProps));
+const LoginWithError = () => index.h(sqmPortalLoginView.PortalLoginView, Object.assign({}, errorProps));
+const LoginLoading = () => index.h(sqmPortalLoginView.PortalLoginView, Object.assign({}, loadingProps));
 
 const PortalLogin = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -10134,7 +10125,7 @@ const emailVerifiedTemplate = "<sqm-portal-verify-email></sqm-portal-verify-emai
 
 const emailVerificationTemplate = "<sqm-portal-protected-route redirect-to=\"/login\"></sqm-portal-protected-route>\n<sqm-portal-email-verification></sqm-portal-email-verification>\n";
 
-const LoginReadme = "# sqm-portal-login\n\n\n\n<!-- Auto Generated Below -->\n\n\n## Properties\n\n| Property                       | Attribute                          | Description                                                       | Type                                                                                                                                                                                                                                                                                  | Default                                                                                                                        |\n| ------------------------------ | ---------------------------------- | ----------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------ |\n| `demoData`                     | --                                 |                                                                   | `{ states?: { error: string; loading: boolean; forgotPasswordPath: string; registerPath: string; }; content?: { googleButton?: VNode; forgotPasswordButton?: any; secondaryButton?: any; emailLabel?: string; passwordLabel?: string; submitLabel?: string; pageLabel?: string; }; }` | `undefined`                                                                                                                    |\n| `emailLabel`                   | `email-label`                      |                                                                   | `string`                                                                                                                                                                                                                                                                              | `\"Email\"`                                                                                                                      |\n| `forgotPasswordLabel`          | `forgot-password-label`            |                                                                   | `string`                                                                                                                                                                                                                                                                              | `\"Forgot Password?\"`                                                                                                           |\n| `forgotPasswordPath`           | `forgot-password-path`             | Redirect participants to this page to reset their password        | `string`                                                                                                                                                                                                                                                                              | `\"/forgotPassword\"`                                                                                                            |\n| `googleUserNotRegisteredError` | `google-user-not-registered-error` |                                                                   | `string`                                                                                                                                                                                                                                                                              | `\"Your google account has not registered on our platform. Please complete the registration process with your Google account.\"` |\n| `networkErrorMessage`          | `network-error-message`            |                                                                   | `string`                                                                                                                                                                                                                                                                              | `\"An error occurred while logging you in. Please refresh the page and try again.\"`                                             |\n| `nextPage`                     | `next-page`                        | Redirect participants to this page after they successfully login. | `string`                                                                                                                                                                                                                                                                              | `\"/\"`                                                                                                                          |\n| `pageLabel`                    | `page-label`                       |                                                                   | `string`                                                                                                                                                                                                                                                                              | `\"Sign in to your account\"`                                                                                                    |\n| `passwordLabel`                | `password-label`                   |                                                                   | `string`                                                                                                                                                                                                                                                                              | `\"Password\"`                                                                                                                   |\n| `registerCTA`                  | `register-c-t-a`                   |                                                                   | `string`                                                                                                                                                                                                                                                                              | `\"Don't have an account?\"`                                                                                                     |\n| `registerLabel`                | `register-label`                   |                                                                   | `string`                                                                                                                                                                                                                                                                              | `\"Register\"`                                                                                                                   |\n| `registerPath`                 | `register-path`                    | Redirect participants to this page to start registration.         | `string`                                                                                                                                                                                                                                                                              | `\"/register\"`                                                                                                                  |\n| `showGoogleLogin`              | `show-google-login`                |                                                                   | `boolean`                                                                                                                                                                                                                                                                             | `false`                                                                                                                        |\n| `submitLabel`                  | `submit-label`                     |                                                                   | `string`                                                                                                                                                                                                                                                                              | `\"Sign In\"`                                                                                                                    |\n\n\n## Dependencies\n\n### Used by\n\n - [sqm-stencilbook](../sqm-stencilbook)\n\n### Depends on\n\n- [sqm-google-sign-in](../sqm-google-sign-in)\n- [sqm-form-message](../sqm-form-message)\n\n### Graph\n```mermaid\ngraph TD;\n  sqm-portal-login --> sqm-google-sign-in\n  sqm-portal-login --> sqm-form-message\n  sqm-stencilbook --> sqm-portal-login\n  style sqm-portal-login fill:#f9f,stroke:#333,stroke-width:4px\n```\n\n----------------------------------------------\n\n*Built with [StencilJS](https://stenciljs.com/)*\n";
+const LoginReadme = "# sqm-portal-login\n\n\n\n<!-- Auto Generated Below -->\n\n\n## Properties\n\n| Property              | Attribute               | Description                                                       | Type                                                                                                                                                                                                                                                                                  | Default                                                                            |\n| --------------------- | ----------------------- | ----------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------- |\n| `demoData`            | --                      |                                                                   | `{ states?: { error: string; loading: boolean; forgotPasswordPath: string; registerPath: string; }; content?: { googleButton?: VNode; forgotPasswordButton?: any; secondaryButton?: any; emailLabel?: string; passwordLabel?: string; submitLabel?: string; pageLabel?: string; }; }` | `undefined`                                                                        |\n| `emailLabel`          | `email-label`           |                                                                   | `string`                                                                                                                                                                                                                                                                              | `\"Email\"`                                                                          |\n| `forgotPasswordLabel` | `forgot-password-label` |                                                                   | `string`                                                                                                                                                                                                                                                                              | `\"Forgot Password?\"`                                                               |\n| `forgotPasswordPath`  | `forgot-password-path`  | Redirect participants to this page to reset their password        | `string`                                                                                                                                                                                                                                                                              | `\"/forgotPassword\"`                                                                |\n| `networkErrorMessage` | `network-error-message` |                                                                   | `string`                                                                                                                                                                                                                                                                              | `\"An error occurred while logging you in. Please refresh the page and try again.\"` |\n| `nextPage`            | `next-page`             | Redirect participants to this page after they successfully login. | `string`                                                                                                                                                                                                                                                                              | `\"/\"`                                                                              |\n| `pageLabel`           | `page-label`            |                                                                   | `string`                                                                                                                                                                                                                                                                              | `\"Sign in to your account\"`                                                        |\n| `passwordLabel`       | `password-label`        |                                                                   | `string`                                                                                                                                                                                                                                                                              | `\"Password\"`                                                                       |\n| `registerCTA`         | `register-c-t-a`        |                                                                   | `string`                                                                                                                                                                                                                                                                              | `\"Don't have an account?\"`                                                         |\n| `registerLabel`       | `register-label`        |                                                                   | `string`                                                                                                                                                                                                                                                                              | `\"Register\"`                                                                       |\n| `registerPath`        | `register-path`         | Redirect participants to this page to start registration.         | `string`                                                                                                                                                                                                                                                                              | `\"/register\"`                                                                      |\n| `submitLabel`         | `submit-label`          |                                                                   | `string`                                                                                                                                                                                                                                                                              | `\"Sign In\"`                                                                        |\n\n\n## Dependencies\n\n### Used by\n\n - [sqm-stencilbook](../sqm-stencilbook)\n\n### Depends on\n\n- [sqm-form-message](../sqm-form-message)\n\n### Graph\n```mermaid\ngraph TD;\n  sqm-portal-login --> sqm-form-message\n  sqm-stencilbook --> sqm-portal-login\n  style sqm-portal-login fill:#f9f,stroke:#333,stroke-width:4px\n```\n\n----------------------------------------------\n\n*Built with [StencilJS](https://stenciljs.com/)*\n";
 
 const ReferralIframeReadme = "# sqm-referral-iframe\n\n\n\n<!-- Auto Generated Below -->\n\n\n## Properties\n\n| Property       | Attribute       | Description                                                                                     | Type                                                                                                                           | Default     |\n| -------------- | --------------- | ----------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------ | ----------- |\n| `demoData`     | --              |                                                                                                 | `{ states?: { content: { iframeSrc: string; iframeHeight: string; iframeWidth: string; }; }; data?: { shareCode: string; }; }` | `undefined` |\n| `iframeHeight` | `iframe-height` | Define the height of the iframe with any valid CSS height value. Example: 100px, 5rem, or auto. | `string`                                                                                                                       | `\"100%\"`    |\n| `iframeSrc`    | `iframe-src`    | URL of iframe to display                                                                        | `string`                                                                                                                       | `undefined` |\n| `iframeWidth`  | `iframe-width`  | Define the width of the iframe with any valid CSS width value. Example: 100px, 5rem, or auto.   | `string`                                                                                                                       | `\"100%\"`    |\n\n\n## Dependencies\n\n### Used by\n\n - [sqm-stencilbook](../sqm-stencilbook)\n\n### Graph\n```mermaid\ngraph TD;\n  sqm-stencilbook --> sqm-referral-iframe\n  style sqm-referral-iframe fill:#f9f,stroke:#333,stroke-width:4px\n```\n\n----------------------------------------------\n\n*Built with [StencilJS](https://stenciljs.com/)*\n";
 
@@ -18204,7 +18195,7 @@ 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,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a29c60ef.js');
-const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-require('./index.module-57703088.js');
-const reRender = require('./re-render-35b016ed.js');
+const stencilHooks_module = require('./stencil-hooks.module-b248b384.js');
+require('./index.module-b880d18a.js');
+const reRender = require('./re-render-050852fe.js');
 
 const TabView = ({}, children) => {
   return index.h(index.Host, null, children);
@@ -14,7 +14,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-a29c60ef.js');
-const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const index_module = require('./index.module-57703088.js');
+const stencilHooks_module = require('./stencil-hooks.module-b248b384.js');
+const index_module = require('./index.module-b880d18a.js');
 const utils = require('./utils-6847bc06.js');
-const reRender = require('./re-render-35b016ed.js');
-const useChildElements = require('./useChildElements-854cd1e5.js');
+const reRender = require('./re-render-050852fe.js');
+const useChildElements = require('./useChildElements-e2139cb4.js');
 
 const TabsView = ({ content, placement, }) => {
   // Vertical padding for top & bottom placement, horizontal for left & right.
@@ -86,7 +86,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-a29c60ef.js');
-const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
+const stencilHooks_module = require('./stencil-hooks.module-b248b384.js');
 require('./JSS-8503a151.js');
 const sqmTextSpanView = require('./sqm-text-span-view-0aa82125.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/{stencil-hooks.module-3a336b0f.js → stencil-hooks.module-b248b384.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/{useChildElements-854cd1e5.js → useChildElements-e2139cb4.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const index_module = require('./index.module-57703088.js');
+const stencilHooks_module = require('./stencil-hooks.module-b248b384.js');
+const index_module = require('./index.module-b880d18a.js');
 
 function useChildElements() {
   const host = index_module._();