@saasquatch/mint-components 1.6.17 → 1.6.18

package/dist/cjs/{ShadowViewAddon-7b94f382.js → ShadowViewAddon-0605c84d.js}

@@ -1463,8 +1463,8 @@ const trafficQuery = () => {
         }
       }
     `, {}, (res) => {
-    var _a, _b;
-    const traffic = (_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.stats.traffic;
+    var _a, _b, _c;
+    const traffic = (_c = (_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.stats) === null || _c === void 0 ? void 0 : _c.traffic;
     const fallback = 0;
     return {
       value: traffic || fallback,
@@ -1472,6 +1472,60 @@ const trafficQuery = () => {
     };
   });
 };
+const userStatsQuery = (_programId, _locale, statId) => {
+  const statArg = {
+    [statId]: true,
+  };
+  const variables = {
+    traffic: false,
+    referrals: false,
+    conversions: false,
+    goals: false,
+    rewards: false,
+    widgetLoads: false,
+    revenue: false,
+    generatedRevenue: false,
+    referredRevenue: false,
+    ...statArg,
+  };
+  return debugQuery(index_module.dist.gql `
+      query userStat(
+        $traffic: Boolean!
+        $referrals: Boolean!
+        $conversions: Boolean!
+        $goals: Boolean!
+        $rewards: Boolean!
+        $widgetLoads: Boolean!
+        $revenue: Boolean!
+        $generatedRevenue: Boolean!
+        $referredRevenue: Boolean!
+      ) {
+        viewer: viewer {
+          ... on User {
+            stats {
+              traffic @include(if: $traffic)
+              referrals @include(if: $referrals)
+              conversions @include(if: $conversions)
+              goals @include(if: $goals)
+              rewards @include(if: $rewards)
+              widgetLoads @include(if: $widgetLoads)
+              revenue @include(if: $revenue)
+              generatedRevenue @include(if: $generatedRevenue)
+              referredRevenue @include(if: $referredRevenue)
+            }
+          }
+        }
+      }
+    `, { ...variables }, (res) => {
+    var _a, _b, _c;
+    const stat = (_c = (_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.stats) === null || _c === void 0 ? void 0 : _c[statId];
+    const fallback = 0;
+    return {
+      value: stat || fallback,
+      statvalue: stat || fallback,
+    };
+  });
+};
 // functions are of the form (programId: string, ...args: string) => string
 const queries = {
   rewardsAssigned: {
@@ -1546,6 +1600,10 @@ const queries = {
     label: "Traffic",
     query: trafficQuery,
   },
+  userStats: {
+    label: "User Stat",
+    query: userStatsQuery,
+  },
 };
 // this should be exposed in documentation somehow
 const StatPaths = [
@@ -1597,6 +1655,10 @@ const StatPaths = [
     name: "traffic",
     route: "/(traffic)",
   },
+  {
+    name: "userStats",
+    route: "/(userStats)/:statId",
+  },
 ];
 const StatPatterns = StatPaths.map((pattern) => pathToRegexp(pattern.route));
 function useBigStat(props) {

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-e1cd9bd3.js');
 const useRegistrationFormState = require('./useRegistrationFormState-7e9641c4.js');
 const AsYouType = require('./AsYouType-6788393a.js');
-const ShadowViewAddon = require('./ShadowViewAddon-7b94f382.js');
+const ShadowViewAddon = require('./ShadowViewAddon-0605c84d.js');
 require('./sqm-portal-container-view-5fb2ad49.js');
 
 const BigStat = class {

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

@@ -26,7 +26,7 @@ const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-0
 const sqmPortalProfileView = require('./sqm-portal-profile-view-0abcf3b8.js');
 const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-d5bc7afc.js');
 const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-f6c7287e.js');
-const ShadowViewAddon = require('./ShadowViewAddon-7b94f382.js');
+const ShadowViewAddon = require('./ShadowViewAddon-0605c84d.js');
 const sqmPortalContainerView = require('./sqm-portal-container-view-5fb2ad49.js');
 
 /**
@@ -2944,6 +2944,15 @@ const CustomFieldWithTextLabel = createHookStory(() => {
   return View(`/customFields/thingCount`, "/(customFields)/:customField", "Thing Count");
 });
 const Traffic = createHookStory(() => View("/traffic", "/(traffic)"));
+const TrafficTwo = createHookStory(() => View("/userStats/traffic", "/(userStat)/:statId", "Traffic"));
+const Referrals = createHookStory(() => View("/userStats/referrals", "/(userStat)/:statId", "Referrals"));
+const Conversions = createHookStory(() => View("/userStats/conversions", "/(userStat)/:statId", "Conversions"));
+const Goals = createHookStory(() => View("/userStats/goals", "/(userStat)/:statId", "Goals"));
+const Rewards = createHookStory(() => View("/userStats/rewards", "/(userStat)/:statId", "Rewards"));
+const WidgetLoads = createHookStory(() => View("/userStats/widgetLoads", "/(userStat)/:statId", "Widget Loads"));
+const Revenue = createHookStory(() => View("/userStats/revenue", "/(userStat)/:statId", "Revenue"));
+const GeneratedRevenue = createHookStory(() => View("/userStats/generatedRevenue", "/(userStat)/:statId", "Generated Revenue"));
+const ReferredRevenue = createHookStory(() => View("/userStats/referredRevenue", "/(userStat)/:statId", "Referred Revenue"));
 
 const UseBigStat = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -2987,7 +2996,16 @@ const UseBigStat = /*#__PURE__*/Object.freeze({
   CustomFieldWithEmptyLabel: CustomFieldWithEmptyLabel,
   CustomFieldWithEmptySpaceLabel: CustomFieldWithEmptySpaceLabel,
   CustomFieldWithTextLabel: CustomFieldWithTextLabel,
-  Traffic: Traffic
+  Traffic: Traffic,
+  TrafficTwo: TrafficTwo,
+  Referrals: Referrals,
+  Conversions: Conversions,
+  Goals: Goals,
+  Rewards: Rewards,
+  WidgetLoads: WidgetLoads,
+  Revenue: Revenue,
+  GeneratedRevenue: GeneratedRevenue,
+  ReferredRevenue: ReferredRevenue
 });
 
 function setupGraphQL$4() {

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

@@ -119,3 +119,12 @@ export const CustomFieldWithTextLabel = createHookStory(() => {
   return View(`/customFields/thingCount`, "/(customFields)/:customField", "Thing Count");
 });
 export const Traffic = createHookStory(() => View("/traffic", "/(traffic)"));
+export const TrafficTwo = createHookStory(() => View("/userStats/traffic", "/(userStat)/:statId", "Traffic"));
+export const Referrals = createHookStory(() => View("/userStats/referrals", "/(userStat)/:statId", "Referrals"));
+export const Conversions = createHookStory(() => View("/userStats/conversions", "/(userStat)/:statId", "Conversions"));
+export const Goals = createHookStory(() => View("/userStats/goals", "/(userStat)/:statId", "Goals"));
+export const Rewards = createHookStory(() => View("/userStats/rewards", "/(userStat)/:statId", "Rewards"));
+export const WidgetLoads = createHookStory(() => View("/userStats/widgetLoads", "/(userStat)/:statId", "Widget Loads"));
+export const Revenue = createHookStory(() => View("/userStats/revenue", "/(userStat)/:statId", "Revenue"));
+export const GeneratedRevenue = createHookStory(() => View("/userStats/generatedRevenue", "/(userStat)/:statId", "Generated Revenue"));
+export const ReferredRevenue = createHookStory(() => View("/userStats/referredRevenue", "/(userStat)/:statId", "Referred Revenue"));

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

@@ -641,8 +641,8 @@ const trafficQuery = () => {
         }
       }
     `, {}, (res) => {
-    var _a, _b;
-    const traffic = (_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.stats.traffic;
+    var _a, _b, _c;
+    const traffic = (_c = (_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.stats) === null || _c === void 0 ? void 0 : _c.traffic;
     const fallback = 0;
     return {
       value: traffic || fallback,
@@ -650,6 +650,60 @@ const trafficQuery = () => {
     };
   });
 };
+const userStatsQuery = (_programId, _locale, statId) => {
+  const statArg = {
+    [statId]: true,
+  };
+  const variables = {
+    traffic: false,
+    referrals: false,
+    conversions: false,
+    goals: false,
+    rewards: false,
+    widgetLoads: false,
+    revenue: false,
+    generatedRevenue: false,
+    referredRevenue: false,
+    ...statArg,
+  };
+  return debugQuery(gql `
+      query userStat(
+        $traffic: Boolean!
+        $referrals: Boolean!
+        $conversions: Boolean!
+        $goals: Boolean!
+        $rewards: Boolean!
+        $widgetLoads: Boolean!
+        $revenue: Boolean!
+        $generatedRevenue: Boolean!
+        $referredRevenue: Boolean!
+      ) {
+        viewer: viewer {
+          ... on User {
+            stats {
+              traffic @include(if: $traffic)
+              referrals @include(if: $referrals)
+              conversions @include(if: $conversions)
+              goals @include(if: $goals)
+              rewards @include(if: $rewards)
+              widgetLoads @include(if: $widgetLoads)
+              revenue @include(if: $revenue)
+              generatedRevenue @include(if: $generatedRevenue)
+              referredRevenue @include(if: $referredRevenue)
+            }
+          }
+        }
+      }
+    `, { ...variables }, (res) => {
+    var _a, _b, _c;
+    const stat = (_c = (_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.stats) === null || _c === void 0 ? void 0 : _c[statId];
+    const fallback = 0;
+    return {
+      value: stat || fallback,
+      statvalue: stat || fallback,
+    };
+  });
+};
 // functions are of the form (programId: string, ...args: string) => string
 export const queries = {
   rewardsAssigned: {
@@ -724,6 +778,10 @@ export const queries = {
     label: "Traffic",
     query: trafficQuery,
   },
+  userStats: {
+    label: "User Stat",
+    query: userStatsQuery,
+  },
 };
 // this should be exposed in documentation somehow
 export const StatPaths = [
@@ -775,6 +833,10 @@ export const StatPaths = [
     name: "traffic",
     route: "/(traffic)",
   },
+  {
+    name: "userStats",
+    route: "/(userStats)/:statId",
+  },
 ];
 export const StatPatterns = StatPaths.map((pattern) => pathToRegexp(pattern.route));
 export function useBigStat(props) {

package/dist/esm/{ShadowViewAddon-13d92e11.js → ShadowViewAddon-278dd747.js}

@@ -1461,8 +1461,8 @@ const trafficQuery = () => {
         }
       }
     `, {}, (res) => {
-    var _a, _b;
-    const traffic = (_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.stats.traffic;
+    var _a, _b, _c;
+    const traffic = (_c = (_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.stats) === null || _c === void 0 ? void 0 : _c.traffic;
     const fallback = 0;
     return {
       value: traffic || fallback,
@@ -1470,6 +1470,60 @@ const trafficQuery = () => {
     };
   });
 };
+const userStatsQuery = (_programId, _locale, statId) => {
+  const statArg = {
+    [statId]: true,
+  };
+  const variables = {
+    traffic: false,
+    referrals: false,
+    conversions: false,
+    goals: false,
+    rewards: false,
+    widgetLoads: false,
+    revenue: false,
+    generatedRevenue: false,
+    referredRevenue: false,
+    ...statArg,
+  };
+  return debugQuery(dist.gql `
+      query userStat(
+        $traffic: Boolean!
+        $referrals: Boolean!
+        $conversions: Boolean!
+        $goals: Boolean!
+        $rewards: Boolean!
+        $widgetLoads: Boolean!
+        $revenue: Boolean!
+        $generatedRevenue: Boolean!
+        $referredRevenue: Boolean!
+      ) {
+        viewer: viewer {
+          ... on User {
+            stats {
+              traffic @include(if: $traffic)
+              referrals @include(if: $referrals)
+              conversions @include(if: $conversions)
+              goals @include(if: $goals)
+              rewards @include(if: $rewards)
+              widgetLoads @include(if: $widgetLoads)
+              revenue @include(if: $revenue)
+              generatedRevenue @include(if: $generatedRevenue)
+              referredRevenue @include(if: $referredRevenue)
+            }
+          }
+        }
+      }
+    `, { ...variables }, (res) => {
+    var _a, _b, _c;
+    const stat = (_c = (_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.stats) === null || _c === void 0 ? void 0 : _c[statId];
+    const fallback = 0;
+    return {
+      value: stat || fallback,
+      statvalue: stat || fallback,
+    };
+  });
+};
 // functions are of the form (programId: string, ...args: string) => string
 const queries = {
   rewardsAssigned: {
@@ -1544,6 +1598,10 @@ const queries = {
     label: "Traffic",
     query: trafficQuery,
   },
+  userStats: {
+    label: "User Stat",
+    query: userStatsQuery,
+  },
 };
 // this should be exposed in documentation somehow
 const StatPaths = [
@@ -1595,6 +1653,10 @@ const StatPaths = [
     name: "traffic",
     route: "/(traffic)",
   },
+  {
+    name: "userStats",
+    route: "/(userStats)/:statId",
+  },
 ];
 const StatPatterns = StatPaths.map((pattern) => pathToRegexp(pattern.route));
 function useBigStat(props) {

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

@@ -13,7 +13,7 @@ import { g as getProps, a as getMissingProps, s as sanitizeUrlPath } from './uti
 import './sqm-text-span-view-8d140661.js';
 import { R as REGISTRATION_FORM_STATE_CONTEXT, u as useRegistrationFormState } from './useRegistrationFormState-b1f730bd.js';
 import { A as AsYouType } from './AsYouType-46f67d0d.js';
-import { b as useDemoBigStat, U as useBigStat, B as BigStatView, O as autoColorScaleCss, K as CardFeedView, j as CheckboxFieldView, M as CouponCodeView, D as DropdownFieldView, E as EditProfileView, H as HeroView, I as InputFieldView, V as withShadowView, L as LeaderboardView, N as NameFieldsView, d as PortalChangePasswordView, i as PortalFooterView, P as PortalFrameView, e as PortalLoginView, f as PortalRegisterView, R as ReferralIframeView, W as demoRewardExchange, k as RewardExchangeView, X as pathToRegexp, a as useShareButton, S as ShareButtonView, C as CopyTextView, u as useShareLink, c as StatContainerView, T as TaskCardView } from './ShadowViewAddon-13d92e11.js';
+import { b as useDemoBigStat, U as useBigStat, B as BigStatView, O as autoColorScaleCss, K as CardFeedView, j as CheckboxFieldView, M as CouponCodeView, D as DropdownFieldView, E as EditProfileView, H as HeroView, I as InputFieldView, V as withShadowView, L as LeaderboardView, N as NameFieldsView, d as PortalChangePasswordView, i as PortalFooterView, P as PortalFrameView, e as PortalLoginView, f as PortalRegisterView, R as ReferralIframeView, W as demoRewardExchange, k as RewardExchangeView, X as pathToRegexp, a as useShareButton, S as ShareButtonView, C as CopyTextView, u as useShareLink, c as StatContainerView, T as TaskCardView } from './ShadowViewAddon-278dd747.js';
 import './sqm-portal-container-view-ab89c6cc.js';
 
 const BigStat = class {

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

@@ -22,7 +22,7 @@ import { P as PortalForgotPasswordView } from './sqm-portal-forgot-password-view
 import { P as PortalProfileView } from './sqm-portal-profile-view-977710a3.js';
 import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-0df781f6.js';
 import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-1db4fae6.js';
-import { S as ShareButtonView, L as LeaderboardView, C as CopyTextView, B as BigStatView, P as PortalFrameView, E as EditProfileView, u as useShareLink, a as useShareButton, b as useDemoBigStat, c as StatContainerView, d as PortalChangePasswordView, e as PortalLoginView, f as PortalRegisterView, T as TaskCardView, g as ProgressBarView, h as PoweredByImg$1, i as PortalFooterView, H as HeroView, R as ReferralIframeView, N as NameFieldsView, j as CheckboxFieldView, D as DropdownFieldView, I as InputFieldView, k as RewardExchangeView, r as rewardExchangeCustomErrorMsg, l as rewardExchangeLongText, m as rewardExchangeSelected, n as chooseAmountFixed, o as chooseAmountFixedNoDescription, p as chooseAmountVariable, q as chooseAmountVariableNoDescription, s as chooseAmountVariableDisabled, t as chooseAmountVariableUnavailable, v as confirmFixed, w as confirmVariable, x as redemptionError, y as queryError, z as success, A as successVariable, F as loading, G as empty$1, J as rewardExchange, K as CardFeedView, M as CouponCodeView, O as autoColorScaleCss, Q as ShadowViewAddon } from './ShadowViewAddon-13d92e11.js';
+import { S as ShareButtonView, L as LeaderboardView, C as CopyTextView, B as BigStatView, P as PortalFrameView, E as EditProfileView, u as useShareLink, a as useShareButton, b as useDemoBigStat, c as StatContainerView, d as PortalChangePasswordView, e as PortalLoginView, f as PortalRegisterView, T as TaskCardView, g as ProgressBarView, h as PoweredByImg$1, i as PortalFooterView, H as HeroView, R as ReferralIframeView, N as NameFieldsView, j as CheckboxFieldView, D as DropdownFieldView, I as InputFieldView, k as RewardExchangeView, r as rewardExchangeCustomErrorMsg, l as rewardExchangeLongText, m as rewardExchangeSelected, n as chooseAmountFixed, o as chooseAmountFixedNoDescription, p as chooseAmountVariable, q as chooseAmountVariableNoDescription, s as chooseAmountVariableDisabled, t as chooseAmountVariableUnavailable, v as confirmFixed, w as confirmVariable, x as redemptionError, y as queryError, z as success, A as successVariable, F as loading, G as empty$1, J as rewardExchange, K as CardFeedView, M as CouponCodeView, O as autoColorScaleCss, Q as ShadowViewAddon } from './ShadowViewAddon-278dd747.js';
 import { P as PortalContainerView, a as PortalSectionView } from './sqm-portal-container-view-ab89c6cc.js';
 
 /**
@@ -2940,6 +2940,15 @@ const CustomFieldWithTextLabel = createHookStory(() => {
   return View(`/customFields/thingCount`, "/(customFields)/:customField", "Thing Count");
 });
 const Traffic = createHookStory(() => View("/traffic", "/(traffic)"));
+const TrafficTwo = createHookStory(() => View("/userStats/traffic", "/(userStat)/:statId", "Traffic"));
+const Referrals = createHookStory(() => View("/userStats/referrals", "/(userStat)/:statId", "Referrals"));
+const Conversions = createHookStory(() => View("/userStats/conversions", "/(userStat)/:statId", "Conversions"));
+const Goals = createHookStory(() => View("/userStats/goals", "/(userStat)/:statId", "Goals"));
+const Rewards = createHookStory(() => View("/userStats/rewards", "/(userStat)/:statId", "Rewards"));
+const WidgetLoads = createHookStory(() => View("/userStats/widgetLoads", "/(userStat)/:statId", "Widget Loads"));
+const Revenue = createHookStory(() => View("/userStats/revenue", "/(userStat)/:statId", "Revenue"));
+const GeneratedRevenue = createHookStory(() => View("/userStats/generatedRevenue", "/(userStat)/:statId", "Generated Revenue"));
+const ReferredRevenue = createHookStory(() => View("/userStats/referredRevenue", "/(userStat)/:statId", "Referred Revenue"));
 
 const UseBigStat = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -2983,7 +2992,16 @@ const UseBigStat = /*#__PURE__*/Object.freeze({
   CustomFieldWithEmptyLabel: CustomFieldWithEmptyLabel,
   CustomFieldWithEmptySpaceLabel: CustomFieldWithEmptySpaceLabel,
   CustomFieldWithTextLabel: CustomFieldWithTextLabel,
-  Traffic: Traffic
+  Traffic: Traffic,
+  TrafficTwo: TrafficTwo,
+  Referrals: Referrals,
+  Conversions: Conversions,
+  Goals: Goals,
+  Rewards: Rewards,
+  WidgetLoads: WidgetLoads,
+  Revenue: Revenue,
+  GeneratedRevenue: GeneratedRevenue,
+  ReferredRevenue: ReferredRevenue
 });
 
 function setupGraphQL$4() {