@saasquatch/mint-components 1.6.14-4 → 1.6.14-5

package/dist/cjs/{ShadowViewAddon-d8d7865d.js → ShadowViewAddon-b081d461.js}

@@ -1154,6 +1154,124 @@ const rewardsRedeemedQuery = (programId, locale, type, unit, global = "") => {
     };
   });
 };
+const rewardsRedeemedWeekQuery = (programId, locale, type, unit, global = "") => {
+  return debugQuery(index_module.dist.gql `
+      query ($programId: ID, $type: RewardType, $unit: String!) {
+        viewer: viewer {
+          ... on User {
+            rewards(
+              limit: 1000
+              filter: {
+                programId_eq: $programId
+                type_eq: $type
+                unit_eq: $unit
+                dateRedeemed_timeframe: "this_week"
+              }
+            ) {
+              data {
+                redeemedCredit
+              }
+              totalCount
+            }
+          }
+        }
+      }
+    `, {
+    programId: !global && programId !== "classic" ? programId : null,
+    type,
+    unit,
+  }, (res) => {
+    var _a, _b, _c, _d;
+    const rewardData = (_c = (_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.rewards) === null || _c === void 0 ? void 0 : _c.data;
+    const fallback = 0;
+    const redeemedTotal = rewardData === null || rewardData === void 0 ? void 0 : rewardData.reduce((total, reward) => (total += reward.redeemedCredit), fallback);
+    if (redeemedTotal !== undefined) {
+      const query = `query formatRewardPrettyValue(
+          $value: Int!
+          $unit: String!
+          $locale: RSLocale
+        ) {
+          formatRewardPrettyValue(
+          value: $value
+          unit: $unit
+          locale: $locale
+          formatType: UNIT_FORMATTED
+        )}`;
+      const result = index_module.mn(query, {
+        value: redeemedTotal,
+        unit,
+        locale,
+      });
+      return {
+        value: redeemedTotal || fallback,
+        statvalue: (_d = result === null || result === void 0 ? void 0 : result.data) === null || _d === void 0 ? void 0 : _d.formatRewardPrettyValue,
+      };
+    }
+    return {
+      value: fallback,
+      statvalue: "...",
+    };
+  });
+};
+const rewardsRedeemedMonthQuery = (programId, locale, type, unit, global = "") => {
+  return debugQuery(index_module.dist.gql `
+      query ($programId: ID, $type: RewardType, $unit: String!) {
+        viewer: viewer {
+          ... on User {
+            rewards(
+              limit: 1000
+              filter: {
+                programId_eq: $programId
+                type_eq: $type
+                unit_eq: $unit
+                dateRedeemed_timeframe: "this_month"
+              }
+            ) {
+              data {
+                redeemedCredit
+              }
+              totalCount
+            }
+          }
+        }
+      }
+    `, {
+    programId: !global && programId !== "classic" ? programId : null,
+    type,
+    unit,
+  }, (res) => {
+    var _a, _b, _c, _d;
+    const rewardData = (_c = (_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.rewards) === null || _c === void 0 ? void 0 : _c.data;
+    const fallback = 0;
+    const redeemedTotal = rewardData === null || rewardData === void 0 ? void 0 : rewardData.reduce((total, reward) => (total += reward.redeemedCredit), fallback);
+    if (redeemedTotal !== undefined) {
+      const query = `query formatRewardPrettyValue(
+          $value: Int!
+          $unit: String!
+          $locale: RSLocale
+        ) {
+          formatRewardPrettyValue(
+          value: $value
+          unit: $unit
+          locale: $locale
+          formatType: UNIT_FORMATTED
+        )}`;
+      const result = index_module.mn(query, {
+        value: redeemedTotal,
+        unit,
+        locale,
+      });
+      return {
+        value: redeemedTotal || fallback,
+        statvalue: (_d = result === null || result === void 0 ? void 0 : result.data) === null || _d === void 0 ? void 0 : _d.formatRewardPrettyValue,
+      };
+    }
+    return {
+      value: fallback,
+      statvalue: "...",
+    };
+  });
+};
 const rewardsAssignedQuery = (programId, locale, type, unit, global = "") => {
   return debugQuery(index_module.dist.gql `
       query (
@@ -1321,6 +1439,14 @@ const queries = {
     label: "Rewards Paid",
     query: rewardsRedeemedQuery,
   },
+  rewardsRedeemedMonth: {
+    label: "Rewards Paid - This Month",
+    query: rewardsRedeemedMonthQuery,
+  },
+  rewardsRedeemedWeek: {
+    label: "Rewards Paid - This Week",
+    query: rewardsRedeemedWeekQuery,
+  },
   rewardsAvailable: {
     label: "Rewards Available",
     query: rewardsAvailableQuery,
@@ -1400,6 +1526,14 @@ const StatPaths = [
     name: "rewardsRedeemed",
     route: "/(rewardsRedeemed)/:statType/:unit/:global?",
   },
+  {
+    name: "rewardsRedeemedWeek",
+    route: "/(rewardsRedeemedWeek)/:statType/:unit/:global?",
+  },
+  {
+    name: "rewardsRedeemedMonth",
+    route: "/(rewardsRedeemedMonth)/:statType/:unit/:global?",
+  },
   {
     name: "rewardsAvailable",
     route: "/(rewardsAvailable)/:statType/:unit/:global?",

package/dist/cjs/sqm-big-stat_39.cjs.entry.js

@@ -17,7 +17,7 @@ const utils = require('./utils-6847bc06.js');
 require('./sqm-text-span-view-8a7b98d0.js');
 const useRegistrationFormState = require('./useRegistrationFormState-7e9641c4.js');
 const AsYouType = require('./AsYouType-6788393a.js');
-const ShadowViewAddon = require('./ShadowViewAddon-d8d7865d.js');
+const ShadowViewAddon = require('./ShadowViewAddon-b081d461.js');
 require('./sqm-portal-container-view-3ebf55a7.js');
 
 const BigStat = class {

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

@@ -13,7 +13,7 @@ const GenericTableView = require('./GenericTableView-380b83e2.js');
 const reRender = require('./re-render-378abee0.js');
 const useChildElements = require('./useChildElements-4cfa421a.js');
 const luxon = require('./luxon-53e983a6.js');
-const useReferralTable = require('./useReferralTable-75e30785.js');
+const useReferralTable = require('./useReferralTable-8efa6160.js');
 const utils = require('./utils-6847bc06.js');
 const sqmTextSpanView = require('./sqm-text-span-view-8a7b98d0.js');
 

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

@@ -13,7 +13,7 @@ const GenericTableView = require('./GenericTableView-380b83e2.js');
 const reRender = require('./re-render-378abee0.js');
 const useChildElements = require('./useChildElements-4cfa421a.js');
 const luxon = require('./luxon-53e983a6.js');
-const useReferralTable = require('./useReferralTable-75e30785.js');
+const useReferralTable = require('./useReferralTable-8efa6160.js');
 const utils = require('./utils-6847bc06.js');
 
 const debug = stencilHooks_module.browser("sq:useRewardsTable");

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

@@ -26,7 +26,7 @@ const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-9
 const sqmPortalProfileView = require('./sqm-portal-profile-view-28176f3e.js');
 const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-4a03d26a.js');
 const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-fb3bbf7b.js');
-const ShadowViewAddon = require('./ShadowViewAddon-d8d7865d.js');
+const ShadowViewAddon = require('./ShadowViewAddon-b081d461.js');
 const sqmPortalContainerView = require('./sqm-portal-container-view-3ebf55a7.js');
 
 /**
@@ -2834,12 +2834,12 @@ const UseBigStat_stories = {
   title: "Hooks / useBigStat",
 };
 function setupGraphQL$3() {
-  const id = "nynellie";
+  const id = "zach.harrison@referralsaasquatch.com";
   const accountId = id;
-  const programId = "ny-post-referrals";
+  const programId = "klip-referral-program";
   //@ts-ignore
   window.widgetIdent = {
-    tenantAlias: "test_a7yoz8854cf6x",
+    tenantAlias: "test_a74miwdpofztj",
     appDomain: "https://staging.referralsaasquatch.com",
     programId,
   };
@@ -2847,7 +2847,7 @@ function setupGraphQL$3() {
     index_module.setUserIdentity({
       accountId,
       id,
-      jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6Im55bmVsbGllIiwiaWQiOiJueW5lbGxpZSJ9fQ.3KV974VPLgk4tD8LQfJTi4IPkKCmnaB8w48HzVJYDuI",
+      jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkIjoiemFjaC5oYXJyaXNvbkByZWZlcnJhbHNhYXNxdWF0Y2guY29tIiwiYWNjb3VudElkIjoiemFjaC5oYXJyaXNvbkByZWZlcnJhbHNhYXNxdWF0Y2guY29tIn19.Wi8Vd5r64g5n8VNhiY-v5cqFcLwGxPG3Wi3dVSfkFZI",
     });
     return () => {
       window.widgetIdent = undefined;
@@ -2909,7 +2909,12 @@ const RewardsMonth = createHookStory(() => View("/rewardsMonth", "/(rewardsMonth
 const RewardsWeek = createHookStory(() => View("/rewardsWeek", "/(rewardsWeek)/:global?"));
 const RewardsAssigned = createHookStory(() => View("/rewardsAssigned/CREDIT/COFFEE", "/(rewardsAssigned)/:statType/:unit/:global?"));
 const RewardsAssignedCashUSD = createHookStory(() => View("/rewardsAssigned/CREDIT/CASH%2FUSD", "/(rewardsAssigned)/:statType/:unit/:global?"));
-const RewardsRedeemed = createHookStory(() => View("/rewardsRedeemed/CREDIT/COFFEE", "/(rewardsRedeemed)/:statType/:unit/:global?"));
+const RewardsRedeemed = createHookStory(() => View("/rewardsRedeemed/CREDIT/USD", "/(rewardsRedeemed)/:statType/:unit/:global?"));
+const RewardsRedeemedWeek = createHookStory(() => View("/rewardsRedeemedWeek/CREDIT/USD", "/(rewardsRedeemedWeek)/:statType/:unit/:global?"));
+const RewardsRedeemedMonth = createHookStory(() => View("/rewardsRedeemedMonth/CREDIT/USD", "/(rewardsRedeemedMonth)/:statType/:unit/:global?"));
+const RewardsRedeemedGlobal = createHookStory(() => View("/rewardsRedeemed/CREDIT/USD/global", "/(rewardsRedeemed)/:statType/:unit/:global?"));
+const RewardsRedeemedWeekGlobal = createHookStory(() => View("/rewardsRedeemedWeek/CREDIT/USD/global", "/(rewardsRedeemedWeek)/:statType/:unit/:global?"));
+const RewardsRedeemedMonthGlobal = createHookStory(() => View("/rewardsRedeemedMonth/CREDIT/USD/global", "/(rewardsRedeemedMonth)/:statType/:unit/:global?"));
 const RewardsAvailable = createHookStory(() => View("/rewardsAvailable/CREDIT/COFFEE", "/(rewardsAvailable)/:statType/:unit/:global?"));
 const RewardsAvailableWithSlash = createHookStory(() => View("/rewardsAvailable/CREDIT/CASH%2FUSD", "/(rewardsAvailable)/:statType/:unit/:global?"));
 const RewardBalance = createHookStory(() => View("/rewardBalance/CREDIT/COFFEE/prettyValue", "/(rewardBalance)/:statType/:unit/:format([prettyValue|value]*)?/:global?"));
@@ -2963,6 +2968,11 @@ const UseBigStat = /*#__PURE__*/Object.freeze({
   RewardsAssigned: RewardsAssigned,
   RewardsAssignedCashUSD: RewardsAssignedCashUSD,
   RewardsRedeemed: RewardsRedeemed,
+  RewardsRedeemedWeek: RewardsRedeemedWeek,
+  RewardsRedeemedMonth: RewardsRedeemedMonth,
+  RewardsRedeemedGlobal: RewardsRedeemedGlobal,
+  RewardsRedeemedWeekGlobal: RewardsRedeemedWeekGlobal,
+  RewardsRedeemedMonthGlobal: RewardsRedeemedMonthGlobal,
   RewardsAvailable: RewardsAvailable,
   RewardsAvailableWithSlash: RewardsAvailableWithSlash,
   RewardBalance: RewardBalance,

package/dist/cjs/{useReferralTable-75e30785.js → useReferralTable-8efa6160.js}

@@ -402,7 +402,6 @@ function useReferralTable(props, emptyElement, loadingElement) {
   async function getComponentData(components) {
     // filter out loading and empty states from columns array
     const columnComponents = components.filter((component) => component.slot !== "loading" && component.slot !== "empty");
-    console.log({ columnComponents });
     // get the column titles (renderLabel is asynchronous)
     const columnsPromise = columnComponents === null || columnComponents === void 0 ? void 0 : columnComponents.map(async (c) => tryMethod(c, () => c.renderLabel()));
     // show the referrer row before any other rows
@@ -420,14 +419,11 @@ function useReferralTable(props, emptyElement, loadingElement) {
     const rows = cellsPromise &&
       [referrerRow, ...(await Promise.all(cellsPromise))].filter((value) => value);
     setContent({ rows });
-    console.log({ rows }, "rows set");
     const columns = columnsPromise && (await Promise.all(columnsPromise));
     // Set the content to render and finish loading components
     setContent({ columns, loading: false, page: states.currentPage });
-    console.log({ columns }, "columns set");
   }
   stencilHooks_module.useEffect(() => {
-    console.log({ referralData }, "loading set");
     setContent({ loading: true });
     referralData && getComponentData(components);
   }, [referralData, components, tick]);
@@ -441,7 +437,6 @@ function useReferralTable(props, emptyElement, loadingElement) {
         ? "empty"
         : // 3 - Then show rows
           "rows";
-  console.log({ show, states, content, isEmpty });
   return {
     states: {
       hasNext: states.currentPage < states.pageCount - 1,
@@ -490,9 +485,7 @@ function generateUserError(e) {
 }
 async function tryMethod(c, callback) {
   const tag = c.tagName.toLowerCase();
-  console.log({ tag }, "defining element");
   await customElements.whenDefined(tag);
-  console.log({ tag }, "tag defined");
   let renderPromise;
   try {
     renderPromise = callback();
@@ -510,7 +503,6 @@ async function tryMethod(c, callback) {
     return index.h("span", null);
   }
   try {
-    console.log({ renderPromise }, "awaiting render promise");
     return await renderPromise;
   }
   catch (e) {

package/dist/collection/components/sqm-big-stat/UseBigStat.stories.js

@@ -9,12 +9,12 @@ export default {
   title: "Hooks / useBigStat",
 };
 function setupGraphQL() {
-  const id = "nynellie";
+  const id = "zach.harrison@referralsaasquatch.com";
   const accountId = id;
-  const programId = "ny-post-referrals";
+  const programId = "klip-referral-program";
   //@ts-ignore
   window.widgetIdent = {
-    tenantAlias: "test_a7yoz8854cf6x",
+    tenantAlias: "test_a74miwdpofztj",
     appDomain: "https://staging.referralsaasquatch.com",
     programId,
   };
@@ -22,7 +22,7 @@ function setupGraphQL() {
     setUserIdentity({
       accountId,
       id,
-      jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6Im55bmVsbGllIiwiaWQiOiJueW5lbGxpZSJ9fQ.3KV974VPLgk4tD8LQfJTi4IPkKCmnaB8w48HzVJYDuI",
+      jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkIjoiemFjaC5oYXJyaXNvbkByZWZlcnJhbHNhYXNxdWF0Y2guY29tIiwiYWNjb3VudElkIjoiemFjaC5oYXJyaXNvbkByZWZlcnJhbHNhYXNxdWF0Y2guY29tIn19.Wi8Vd5r64g5n8VNhiY-v5cqFcLwGxPG3Wi3dVSfkFZI",
     });
     return () => {
       window.widgetIdent = undefined;
@@ -84,7 +84,12 @@ export const RewardsMonth = createHookStory(() => View("/rewardsMonth", "/(rewar
 export const RewardsWeek = createHookStory(() => View("/rewardsWeek", "/(rewardsWeek)/:global?"));
 export const RewardsAssigned = createHookStory(() => View("/rewardsAssigned/CREDIT/COFFEE", "/(rewardsAssigned)/:statType/:unit/:global?"));
 export const RewardsAssignedCashUSD = createHookStory(() => View("/rewardsAssigned/CREDIT/CASH%2FUSD", "/(rewardsAssigned)/:statType/:unit/:global?"));
-export const RewardsRedeemed = createHookStory(() => View("/rewardsRedeemed/CREDIT/COFFEE", "/(rewardsRedeemed)/:statType/:unit/:global?"));
+export const RewardsRedeemed = createHookStory(() => View("/rewardsRedeemed/CREDIT/USD", "/(rewardsRedeemed)/:statType/:unit/:global?"));
+export const RewardsRedeemedWeek = createHookStory(() => View("/rewardsRedeemedWeek/CREDIT/USD", "/(rewardsRedeemedWeek)/:statType/:unit/:global?"));
+export const RewardsRedeemedMonth = createHookStory(() => View("/rewardsRedeemedMonth/CREDIT/USD", "/(rewardsRedeemedMonth)/:statType/:unit/:global?"));
+export const RewardsRedeemedGlobal = createHookStory(() => View("/rewardsRedeemed/CREDIT/USD/global", "/(rewardsRedeemed)/:statType/:unit/:global?"));
+export const RewardsRedeemedWeekGlobal = createHookStory(() => View("/rewardsRedeemedWeek/CREDIT/USD/global", "/(rewardsRedeemedWeek)/:statType/:unit/:global?"));
+export const RewardsRedeemedMonthGlobal = createHookStory(() => View("/rewardsRedeemedMonth/CREDIT/USD/global", "/(rewardsRedeemedMonth)/:statType/:unit/:global?"));
 export const RewardsAvailable = createHookStory(() => View("/rewardsAvailable/CREDIT/COFFEE", "/(rewardsAvailable)/:statType/:unit/:global?"));
 export const RewardsAvailableWithSlash = createHookStory(() => View("/rewardsAvailable/CREDIT/CASH%2FUSD", "/(rewardsAvailable)/:statType/:unit/:global?"));
 export const RewardBalance = createHookStory(() => View("/rewardBalance/CREDIT/COFFEE/prettyValue", "/(rewardBalance)/:statType/:unit/:format([prettyValue|value]*)?/:global?"));

package/dist/collection/components/sqm-big-stat/useBigStat.js

@@ -332,6 +332,124 @@ const rewardsRedeemedQuery = (programId, locale, type, unit, global = "") => {
     };
   });
 };
+const rewardsRedeemedWeekQuery = (programId, locale, type, unit, global = "") => {
+  return debugQuery(gql `
+      query ($programId: ID, $type: RewardType, $unit: String!) {
+        viewer: viewer {
+          ... on User {
+            rewards(
+              limit: 1000
+              filter: {
+                programId_eq: $programId
+                type_eq: $type
+                unit_eq: $unit
+                dateRedeemed_timeframe: "this_week"
+              }
+            ) {
+              data {
+                redeemedCredit
+              }
+              totalCount
+            }
+          }
+        }
+      }
+    `, {
+    programId: !global && programId !== "classic" ? programId : null,
+    type,
+    unit,
+  }, (res) => {
+    var _a, _b, _c, _d;
+    const rewardData = (_c = (_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.rewards) === null || _c === void 0 ? void 0 : _c.data;
+    const fallback = 0;
+    const redeemedTotal = rewardData === null || rewardData === void 0 ? void 0 : rewardData.reduce((total, reward) => (total += reward.redeemedCredit), fallback);
+    if (redeemedTotal !== undefined) {
+      const query = `query formatRewardPrettyValue(
+          $value: Int!
+          $unit: String!
+          $locale: RSLocale
+        ) {
+          formatRewardPrettyValue(
+          value: $value
+          unit: $unit
+          locale: $locale
+          formatType: UNIT_FORMATTED
+        )}`;
+      const result = useQuery(query, {
+        value: redeemedTotal,
+        unit,
+        locale,
+      });
+      return {
+        value: redeemedTotal || fallback,
+        statvalue: (_d = result === null || result === void 0 ? void 0 : result.data) === null || _d === void 0 ? void 0 : _d.formatRewardPrettyValue,
+      };
+    }
+    return {
+      value: fallback,
+      statvalue: "...",
+    };
+  });
+};
+const rewardsRedeemedMonthQuery = (programId, locale, type, unit, global = "") => {
+  return debugQuery(gql `
+      query ($programId: ID, $type: RewardType, $unit: String!) {
+        viewer: viewer {
+          ... on User {
+            rewards(
+              limit: 1000
+              filter: {
+                programId_eq: $programId
+                type_eq: $type
+                unit_eq: $unit
+                dateRedeemed_timeframe: "this_month"
+              }
+            ) {
+              data {
+                redeemedCredit
+              }
+              totalCount
+            }
+          }
+        }
+      }
+    `, {
+    programId: !global && programId !== "classic" ? programId : null,
+    type,
+    unit,
+  }, (res) => {
+    var _a, _b, _c, _d;
+    const rewardData = (_c = (_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.rewards) === null || _c === void 0 ? void 0 : _c.data;
+    const fallback = 0;
+    const redeemedTotal = rewardData === null || rewardData === void 0 ? void 0 : rewardData.reduce((total, reward) => (total += reward.redeemedCredit), fallback);
+    if (redeemedTotal !== undefined) {
+      const query = `query formatRewardPrettyValue(
+          $value: Int!
+          $unit: String!
+          $locale: RSLocale
+        ) {
+          formatRewardPrettyValue(
+          value: $value
+          unit: $unit
+          locale: $locale
+          formatType: UNIT_FORMATTED
+        )}`;
+      const result = useQuery(query, {
+        value: redeemedTotal,
+        unit,
+        locale,
+      });
+      return {
+        value: redeemedTotal || fallback,
+        statvalue: (_d = result === null || result === void 0 ? void 0 : result.data) === null || _d === void 0 ? void 0 : _d.formatRewardPrettyValue,
+      };
+    }
+    return {
+      value: fallback,
+      statvalue: "...",
+    };
+  });
+};
 const rewardsAssignedQuery = (programId, locale, type, unit, global = "") => {
   return debugQuery(gql `
       query (
@@ -499,6 +617,14 @@ export const queries = {
     label: "Rewards Paid",
     query: rewardsRedeemedQuery,
   },
+  rewardsRedeemedMonth: {
+    label: "Rewards Paid - This Month",
+    query: rewardsRedeemedMonthQuery,
+  },
+  rewardsRedeemedWeek: {
+    label: "Rewards Paid - This Week",
+    query: rewardsRedeemedWeekQuery,
+  },
   rewardsAvailable: {
     label: "Rewards Available",
     query: rewardsAvailableQuery,
@@ -578,6 +704,14 @@ export const StatPaths = [
     name: "rewardsRedeemed",
     route: "/(rewardsRedeemed)/:statType/:unit/:global?",
   },
+  {
+    name: "rewardsRedeemedWeek",
+    route: "/(rewardsRedeemedWeek)/:statType/:unit/:global?",
+  },
+  {
+    name: "rewardsRedeemedMonth",
+    route: "/(rewardsRedeemedMonth)/:statType/:unit/:global?",
+  },
   {
     name: "rewardsAvailable",
     route: "/(rewardsAvailable)/:statType/:unit/:global?",

package/dist/collection/components/sqm-referral-table/useReferralTable.js

@@ -253,7 +253,6 @@ export function useReferralTable(props, emptyElement, loadingElement) {
   async function getComponentData(components) {
     // filter out loading and empty states from columns array
     const columnComponents = components.filter((component) => component.slot !== "loading" && component.slot !== "empty");
-    console.log({ columnComponents });
     // get the column titles (renderLabel is asynchronous)
     const columnsPromise = columnComponents === null || columnComponents === void 0 ? void 0 : columnComponents.map(async (c) => tryMethod(c, () => c.renderLabel()));
     // show the referrer row before any other rows
@@ -271,14 +270,11 @@ export function useReferralTable(props, emptyElement, loadingElement) {
     const rows = cellsPromise &&
       [referrerRow, ...(await Promise.all(cellsPromise))].filter((value) => value);
     setContent({ rows });
-    console.log({ rows }, "rows set");
     const columns = columnsPromise && (await Promise.all(columnsPromise));
     // Set the content to render and finish loading components
     setContent({ columns, loading: false, page: states.currentPage });
-    console.log({ columns }, "columns set");
   }
   useEffect(() => {
-    console.log({ referralData }, "loading set");
     setContent({ loading: true });
     referralData && getComponentData(components);
   }, [referralData, components, tick]);
@@ -292,7 +288,6 @@ export function useReferralTable(props, emptyElement, loadingElement) {
         ? "empty"
         : // 3 - Then show rows
           "rows";
-  console.log({ show, states, content, isEmpty });
   return {
     states: {
       hasNext: states.currentPage < states.pageCount - 1,
@@ -341,9 +336,7 @@ export function generateUserError(e) {
 }
 export async function tryMethod(c, callback) {
   const tag = c.tagName.toLowerCase();
-  console.log({ tag }, "defining element");
   await customElements.whenDefined(tag);
-  console.log({ tag }, "tag defined");
   let renderPromise;
   try {
     renderPromise = callback();
@@ -361,7 +354,6 @@ export async function tryMethod(c, callback) {
     return h("span", null);
   }
   try {
-    console.log({ renderPromise }, "awaiting render promise");
     return await renderPromise;
   }
   catch (e) {