@saasquatch/mint-components 1.10.2-6 → 1.10.2-8

package/dist/cjs/{ShadowViewAddon-3777ddbe.js → ShadowViewAddon-3e537eb3.js}

@@ -1,19 +1,18 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-a5a04d8a.js');
-const global = require('./global-975908ec.js');
-const index_module = require('./index.module-b1f9bdb8.js');
+const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
+const global = require('./global-02e50f09.js');
+const index_module = require('./index.module-df530553.js');
 const cjs = require('./cjs-1066ec21.js');
 const mixins = require('./mixins-fe9d4112.js');
 const JSS = require('./JSS-8503a151.js');
-const useChildElements = require('./useChildElements-91b9f4ff.js');
-const luxon = require('./luxon-20eafbd9.js');
-const index$1 = require('./index-56d1fa5b.js');
+const useChildElements = require('./useChildElements-e0d44916.js');
+const luxon = require('./luxon-05098e19.js');
 const utils = require('./utils-6847bc06.js');
 const sqmTextSpanView = require('./sqm-text-span-view-e1cd9bd3.js');
-const index$2 = require('./index-8c6255f5.js');
-const utilities = require('./utilities-42a1810d.js');
+const index$1 = require('./index-8c6255f5.js');
+const utilities = require('./utilities-cec9dd36.js');
 const sqmPortalContainerView = require('./sqm-portal-container-view-5fb2ad49.js');
 
 const medium = {
@@ -143,7 +142,7 @@ const vanillaStyle = `
   }
 `;
 function LeaderboardView(props) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
   const { states, data, elements } = props;
   const { styles } = states;
   if (states.loading)
@@ -157,17 +156,18 @@ function LeaderboardView(props) {
   if (!states.hasLeaders)
     return elements.empty;
   let userSeenFlag = false;
-  return (index.h("div", { class: sheet$1.classes.Leaderboard, part: "sqm-base" },
+  console.log("The rank is: ", (_a = data.viewerRank) === null || _a === void 0 ? void 0 : _a.rank);
+  console.log("The rank suffix  is: ", styles.width);
+  return (index.h("div", { class: sheet$1.classes.Leaderboard, part: "sqm-base", style: { width: styles.width || "100%" } },
     index.h("style", { type: "text/css" },
       styleString$1,
       vanillaStyle),
-    index.h("div", null, "Leaderboards"),
     index.h("table", { part: "sqm-table" },
       index.h("tr", null,
         styles.showRank && (index.h("th", { class: `Rank ${styles.hideNames ? "fullWidth" : ""}` }, styles.rankheading)),
         !styles.hideNames && index.h("th", { class: "User" }, styles.usersheading),
-        index.h("th", { class: "Score" }, styles.statsheading)), (_a = data.leaderboard) === null || _a === void 0 ? void 0 :
-      _a.map((user) => {
+        index.h("th", { class: "Score" }, styles.statsheading)), (_b = data.leaderboard) === null || _b === void 0 ? void 0 :
+      _b.map((user) => {
         var _a, _b;
         if (user.rowNumber === ((_a = data.viewerRank) === null || _a === void 0 ? void 0 : _a.rowNumber))
           userSeenFlag = true;
@@ -175,7 +175,10 @@ function LeaderboardView(props) {
             user.rowNumber === ((_b = data.viewerRank) === null || _b === void 0 ? void 0 : _b.rowNumber)
             ? "highlight"
             : "" },
-          styles.showRank && index.h("td", { class: "Rank" }, user.rank),
+          styles.showRank && (index.h("td", { class: "Rank" }, global.intl.formatMessage({
+            id: "rank",
+            defaultMessage: styles.rankSuffix,
+          }, { rank: user.rank }))),
           !styles.hideNames && (index.h("td", { class: "User" }, user.firstName && user.lastInitial
             ? user.firstName + " " + user.lastInitial
             : user.firstName || user.lastInitial
@@ -187,14 +190,14 @@ function LeaderboardView(props) {
         index.h("td", { colSpan: 100, class: "ellipses" },
           index.h("sl-icon", { name: "three-dots", style: { verticalAlign: "middle" } })))),
       !userSeenFlag && !styles.hideViewer && (index.h("tr", { class: "highlight" },
-        styles.showRank && (index.h("td", { class: "Rank" }, ((_b = data.viewerRank) === null || _b === void 0 ? void 0 : _b.rank) || "-")),
-        !styles.hideNames && (index.h("td", { class: "User" }, ((_c = data.viewerRank) === null || _c === void 0 ? void 0 : _c.firstName) && ((_d = data.viewerRank) === null || _d === void 0 ? void 0 : _d.lastInitial)
-          ? ((_e = data.viewerRank) === null || _e === void 0 ? void 0 : _e.firstName) +
-            " " + ((_f = data.viewerRank) === null || _f === void 0 ? void 0 : _f.lastInitial)
-          : ((_g = data.viewerRank) === null || _g === void 0 ? void 0 : _g.firstName) || ((_h = data.viewerRank) === null || _h === void 0 ? void 0 : _h.lastInitial)
-            ? ((_j = data.viewerRank) === null || _j === void 0 ? void 0 : _j.firstName) || ((_k = data.viewerRank) === null || _k === void 0 ? void 0 : _k.lastInitial)
+        styles.showRank && (index.h("td", { class: "Rank" }, ((_c = data.viewerRank) === null || _c === void 0 ? void 0 : _c.rank) || "-")),
+        !styles.hideNames && (index.h("td", { class: "User" }, ((_d = data.viewerRank) === null || _d === void 0 ? void 0 : _d.firstName) && ((_e = data.viewerRank) === null || _e === void 0 ? void 0 : _e.lastInitial)
+          ? ((_f = data.viewerRank) === null || _f === void 0 ? void 0 : _f.firstName) +
+            " " + ((_g = data.viewerRank) === null || _g === void 0 ? void 0 : _g.lastInitial)
+          : ((_h = data.viewerRank) === null || _h === void 0 ? void 0 : _h.firstName) || ((_j = data.viewerRank) === null || _j === void 0 ? void 0 : _j.lastInitial)
+            ? ((_k = data.viewerRank) === null || _k === void 0 ? void 0 : _k.firstName) || ((_l = data.viewerRank) === null || _l === void 0 ? void 0 : _l.lastInitial)
             : styles.anonymousUser)),
-        index.h("td", { class: "Score" }, ((_l = data.viewerRank) === null || _l === void 0 ? void 0 : _l.textValue) || "0"))))));
+        index.h("td", { class: "Score" }, ((_m = data.viewerRank) === null || _m === void 0 ? void 0 : _m.textValue) || "0"))))));
 }
 
 const style$2 = {
@@ -407,7 +410,7 @@ const EditProfileView = (props) => {
       }, exportparts: "base: primarybutton-base" }, text.editprofiletext)));
 };
 
-const MessageLinkQuery = index$1.dist.gql `
+const MessageLinkQuery = index_module.dist.gql `
   query ($programId: ID, $engagementMedium: UserEngagementMedium!) {
     user: viewer {
       ... on User {
@@ -420,7 +423,7 @@ const MessageLinkQuery = index$1.dist.gql `
     }
   }
 `;
-const WIDGET_ENGAGEMENT_EVENT = index$1.dist.gql `
+const WIDGET_ENGAGEMENT_EVENT = index_module.dist.gql `
   mutation loadEvent($eventMeta: UserAnalyticsEvent!) {
     createUserAnalyticsEvent(eventMeta: $eventMeta)
   }
@@ -458,7 +461,7 @@ function useShareLink(props) {
   return { ...props, onClick, open, copyString: copyString };
 }
 
-const MessageLinkQuery$1 = index$1.dist.gql `
+const MessageLinkQuery$1 = index_module.dist.gql `
   query (
     $programId: ID
     $engagementMedium: UserEngagementMedium!
@@ -567,7 +570,7 @@ _, status) => {
       ? { dateConverted_exists: false }
       : {};
   const queryFilter = { ...programFilter, ...convertedFilter };
-  return debugQuery(index$1.dist.gql `
+  return debugQuery(index_module.dist.gql `
       query ($queryFilter: ReferralFilterInput) {
         viewer {
           ... on User {
@@ -589,7 +592,7 @@ const programGoalsQuery = (programId, locale, metricType, goalId) => {
   // Confirm this behaviour
   if (programId === "classic")
     return null;
-  return debugQuery(index$1.dist.gql `
+  return debugQuery(index_module.dist.gql `
       query {
         viewer {
           ... on User {
@@ -612,7 +615,7 @@ const programGoalsQuery = (programId, locale, metricType, goalId) => {
   });
 };
 const customFieldsQuery = (_programId, locale, fieldName, goalId) => {
-  return debugQuery(index$1.dist.gql `
+  return debugQuery(index_module.dist.gql `
       query {
         viewer {
           ... on User {
@@ -637,7 +640,7 @@ const referralsMonthQuery = (programId) => {
     ...programFilter,
     dateReferralStarted_timeframe: "this_month",
   };
-  return debugQuery(index$1.dist.gql `
+  return debugQuery(index_module.dist.gql `
       query ($filter: ReferralFilterInput) {
         viewer {
           ... on User {
@@ -663,7 +666,7 @@ const referralsWeekQuery = (programId) => {
     ...programFilter,
     dateReferralStarted_timeframe: "this_week",
   };
-  return debugQuery(index$1.dist.gql `
+  return debugQuery(index_module.dist.gql `
       query ($filter: ReferralFilterInput) {
         viewer {
           ... on User {
@@ -684,7 +687,7 @@ const referralsWeekQuery = (programId) => {
 const rewardsCountQuery = (programId, 
 // locale
 _, global = "") => {
-  return debugQuery(index$1.dist.gql `
+  return debugQuery(index_module.dist.gql `
       query ($programId: ID) {
         viewer {
           ... on User {
@@ -708,7 +711,7 @@ const rewardsCountFilteredQuery = (programId,
 // locale
 _, type, unit, status, global = "") => {
   const statusFilter = status ? { status } : null;
-  return debugQuery(index$1.dist.gql `
+  return debugQuery(index_module.dist.gql `
       query (
         $programId: ID
         $unit: String
@@ -747,7 +750,7 @@ const integrationRewardsCountFilteredQuery = (programId,
 // locale
 _, status, global = "") => {
   const statusFilter = status ? { status } : null;
-  return debugQuery(index$1.dist.gql `
+  return debugQuery(index_module.dist.gql `
       query ($programId: ID, $statusFilter: RewardStatusFilterInput) {
         viewer {
           ... on User {
@@ -777,7 +780,7 @@ _, status, global = "") => {
 const rewardsMonthQuery = (programId, 
 // locale
 _, global = "") => {
-  return debugQuery(index$1.dist.gql `
+  return debugQuery(index_module.dist.gql `
       query ($programId: ID) {
         viewer {
           ... on User {
@@ -805,7 +808,7 @@ _, global = "") => {
 const rewardsWeekQuery = (programId, 
 // locale
 _, global = "") => {
-  return debugQuery(index$1.dist.gql `
+  return debugQuery(index_module.dist.gql `
       query ($programId: ID) {
         viewer {
           ... on User {
@@ -831,7 +834,7 @@ _, global = "") => {
   });
 };
 const rewardsPendingQuery = (programId, locale, type, unit, global = "") => {
-  return debugQuery(index$1.dist.gql `
+  return debugQuery(index_module.dist.gql `
       query (
         $programId: ID
         $type: RewardType
@@ -874,7 +877,7 @@ const rewardsPendingQuery = (programId, locale, type, unit, global = "") => {
   });
 };
 const rewardsRedeemedQuery = (programId, locale, type, unit, global = "") => {
-  return debugQuery(index$1.dist.gql `
+  return debugQuery(index_module.dist.gql `
       query (
         $programId: ID
         $type: RewardType
@@ -917,7 +920,7 @@ const rewardsRedeemedQuery = (programId, locale, type, unit, global = "") => {
   });
 };
 const rewardsRedeemedWeekQuery = (programId, locale, type, unit, global = "") => {
-  return debugQuery(index$1.dist.gql `
+  return debugQuery(index_module.dist.gql `
       query ($programId: ID, $type: RewardType, $unit: String!) {
         viewer: viewer {
           ... on User {
@@ -976,7 +979,7 @@ const rewardsRedeemedWeekQuery = (programId, locale, type, unit, global = "") =>
   });
 };
 const rewardsRedeemedMonthQuery = (programId, locale, type, unit, global = "") => {
-  return debugQuery(index$1.dist.gql `
+  return debugQuery(index_module.dist.gql `
       query ($programId: ID, $type: RewardType, $unit: String!) {
         viewer: viewer {
           ... on User {
@@ -1035,7 +1038,7 @@ const rewardsRedeemedMonthQuery = (programId, locale, type, unit, global = "") =
   });
 };
 const rewardsAssignedQuery = (programId, locale, type, unit, global = "") => {
-  return debugQuery(index$1.dist.gql `
+  return debugQuery(index_module.dist.gql `
       query (
         $programId: ID
         $type: RewardType
@@ -1078,7 +1081,7 @@ const rewardsAssignedQuery = (programId, locale, type, unit, global = "") => {
   });
 };
 const rewardsAvailableQuery = (programId, locale, type, unit, global = "") => {
-  return debugQuery(index$1.dist.gql `
+  return debugQuery(index_module.dist.gql `
       query (
         $programId: ID
         $type: RewardType
@@ -1126,7 +1129,7 @@ const parseRewardValueFormat = {
 };
 const rewardsBalanceQuery = (programId, locale, type, unit, format = "prettyValue", global = "") => {
   var _a;
-  return debugQuery(index$1.dist.gql `
+  return debugQuery(index_module.dist.gql `
       query (
         $programId: ID
         $type: RewardType!
@@ -1171,7 +1174,7 @@ const rewardsBalanceQuery = (programId, locale, type, unit, format = "prettyValu
   });
 };
 const trafficQuery = () => {
-  return debugQuery(index$1.dist.gql `
+  return debugQuery(index_module.dist.gql `
       query traffic {
         viewer: viewer {
           ... on User {
@@ -1207,7 +1210,7 @@ const userStatsQuery = (_programId, _locale, statId) => {
     referredRevenue: false,
     ...statArg,
   };
-  return debugQuery(index$1.dist.gql `
+  return debugQuery(index_module.dist.gql `
       query userStat(
         $traffic: Boolean!
         $referrals: Boolean!
@@ -1246,7 +1249,7 @@ const userStatsQuery = (_programId, _locale, statId) => {
   });
 };
 const payoutBalanceQuery = () => {
-  return debugQuery(index$1.dist.gql `
+  return debugQuery(index_module.dist.gql `
       query payoutBalance {
         viewer: viewer {
           ... on User {
@@ -1411,7 +1414,7 @@ const StatPaths = [
     route: "/(payoutBalance)",
   },
 ];
-const StatPatterns = StatPaths.map((pattern) => index$2.pathToRegexp(pattern.route));
+const StatPatterns = StatPaths.map((pattern) => index$1.pathToRegexp(pattern.route));
 function useBigStat(props) {
   var _a;
   const { statType, flexReverse, alignment, programId = index_module.H(), } = props;
@@ -1437,7 +1440,7 @@ function useBigStat(props) {
   const statPath = StatPaths.find((pattern) => pattern.name === queryName);
   // Get a list all possible keys in path
   const keys = [];
-  const regex = index$2.pathToRegexp(statPath === null || statPath === void 0 ? void 0 : statPath.route, keys, {
+  const regex = index$1.pathToRegexp(statPath === null || statPath === void 0 ? void 0 : statPath.route, keys, {
     strict: false,
     sensitive: false,
     end: true,

package/dist/cjs/{global-975908ec.js → global-02e50f09.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const stencilHooks_module = require('./stencil-hooks.module-a5a04d8a.js');
-const index_module = require('./index.module-b1f9bdb8.js');
+const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
+const index_module = require('./index.module-df530553.js');
 
 var __assign = (undefined && undefined.__assign) || function () {
     __assign = Object.assign || function(t) {
@@ -11998,157 +11998,6 @@ function parse(input, opts) {
     return els;
 }
 
-//
-// Main
-//
-
-function memoize (fn, options) {
-  var cache = options && options.cache
-    ? options.cache
-    : cacheDefault;
-
-  var serializer = options && options.serializer
-    ? options.serializer
-    : serializerDefault;
-
-  var strategy = options && options.strategy
-    ? options.strategy
-    : strategyDefault;
-
-  return strategy(fn, {
-    cache: cache,
-    serializer: serializer
-  })
-}
-
-//
-// Strategy
-//
-
-function isPrimitive (value) {
-  return value == null || typeof value === 'number' || typeof value === 'boolean' // || typeof value === "string" 'unsafe' primitive for our needs
-}
-
-function monadic (fn, cache, serializer, arg) {
-  var cacheKey = isPrimitive(arg) ? arg : serializer(arg);
-
-  var computedValue = cache.get(cacheKey);
-  if (typeof computedValue === 'undefined') {
-    computedValue = fn.call(this, arg);
-    cache.set(cacheKey, computedValue);
-  }
-
-  return computedValue
-}
-
-function variadic (fn, cache, serializer) {
-  var args = Array.prototype.slice.call(arguments, 3);
-  var cacheKey = serializer(args);
-
-  var computedValue = cache.get(cacheKey);
-  if (typeof computedValue === 'undefined') {
-    computedValue = fn.apply(this, args);
-    cache.set(cacheKey, computedValue);
-  }
-
-  return computedValue
-}
-
-function assemble (fn, context, strategy, cache, serialize) {
-  return strategy.bind(
-    context,
-    fn,
-    cache,
-    serialize
-  )
-}
-
-function strategyDefault (fn, options) {
-  var strategy = fn.length === 1 ? monadic : variadic;
-
-  return assemble(
-    fn,
-    this,
-    strategy,
-    options.cache.create(),
-    options.serializer
-  )
-}
-
-function strategyVariadic (fn, options) {
-  var strategy = variadic;
-
-  return assemble(
-    fn,
-    this,
-    strategy,
-    options.cache.create(),
-    options.serializer
-  )
-}
-
-function strategyMonadic (fn, options) {
-  var strategy = monadic;
-
-  return assemble(
-    fn,
-    this,
-    strategy,
-    options.cache.create(),
-    options.serializer
-  )
-}
-
-//
-// Serializer
-//
-
-function serializerDefault () {
-  return JSON.stringify(arguments)
-}
-
-//
-// Cache
-//
-
-function ObjectWithoutPrototypeCache () {
-  this.cache = Object.create(null);
-}
-
-ObjectWithoutPrototypeCache.prototype.has = function (key) {
-  return (key in this.cache)
-};
-
-ObjectWithoutPrototypeCache.prototype.get = function (key) {
-  return this.cache[key]
-};
-
-ObjectWithoutPrototypeCache.prototype.set = function (key, value) {
-  this.cache[key] = value;
-};
-
-var cacheDefault = {
-  create: function create () {
-    return new ObjectWithoutPrototypeCache()
-  }
-};
-
-//
-// API
-//
-
-var src = memoize;
-var strategies = {
-  variadic: strategyVariadic,
-  monadic: strategyMonadic
-};
-src.strategies = strategies;
-
-const memoize$1 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.assign(/*#__PURE__*/Object.create(null), src, {
-    'default': src,
-    strategies: strategies
-}));
-
 var ErrorCode;
 (function (ErrorCode) {
     // When we have a placeholder but no value to format
@@ -12411,7 +12260,7 @@ function createFastMemoizeCache(store) {
     };
 }
 // @ts-ignore this is to deal with rollup's default import shenanigans
-var _memoizeIntl = src || memoize$1;
+var _memoizeIntl = index_module.src || index_module.memoize;
 var memoizeIntl = _memoizeIntl;
 function createDefaultFormatters(cache) {
     if (cache === void 0) { cache = {
@@ -12703,7 +12552,7 @@ function createFastMemoizeCache$1(store) {
     };
 }
 // @ts-ignore this is to deal with rollup's default import shenanigans
-var _memoizeIntl$1 = src || memoize$1;
+var _memoizeIntl$1 = index_module.src || index_module.memoize;
 var memoizeIntl$1 = _memoizeIntl$1;
 /**
  * Create intl formatters and populate cache
@@ -13682,7 +13531,7 @@ var TemplateResult = class {
  * subject to an additional IP rights grant found at
  * http://polymer.github.io/PATENTS.txt
  */
-var isPrimitive$1 = (value) => {
+var isPrimitive = (value) => {
   return value === null || !(typeof value === "object" || typeof value === "function");
 };
 var isIterable = (value) => {
@@ -13721,7 +13570,7 @@ var AttributeCommitter = class {
       const part = parts2[i];
       if (part !== void 0) {
         const v = part.value;
-        if (isPrimitive$1(v) || !isIterable(v)) {
+        if (isPrimitive(v) || !isIterable(v)) {
           text += typeof v === "string" ? v : String(v);
         } else {
           for (const t of v) {
@@ -13746,7 +13595,7 @@ var AttributePart = class {
     this.committer = committer;
   }
   setValue(value) {
-    if (value !== noChange && (!isPrimitive$1(value) || value !== this.value)) {
+    if (value !== noChange && (!isPrimitive(value) || value !== this.value)) {
       this.value = value;
       if (!isDirective(value)) {
         this.committer.dirty = true;
@@ -13804,7 +13653,7 @@ var NodePart = class {
     if (value === noChange) {
       return;
     }
-    if (isPrimitive$1(value)) {
+    if (isPrimitive(value)) {
       if (value !== this.value) {
         this.__commitText(value);
       }
@@ -18632,7 +18481,7 @@ var unsafeHTML = directive((value) => (part) => {
     throw new Error("unsafeHTML can only be used in text bindings");
   }
   const previousValue = previousValues$1.get(part);
-  if (previousValue !== void 0 && isPrimitive$1(value) && value === previousValue.value && part.value === previousValue.fragment) {
+  if (previousValue !== void 0 && isPrimitive(value) && value === previousValue.value && part.value === previousValue.fragment) {
     return;
   }
   const template = document.createElement("template");
@@ -20311,7 +20160,7 @@ var unsafeSVG = directive((value) => (part) => {
     throw new Error("unsafeSVG can only be used in text bindings");
   }
   const previousValue = previousValues$2.get(part);
-  if (previousValue !== void 0 && isPrimitive$1(value) && value === previousValue.value && part.value === previousValue.fragment) {
+  if (previousValue !== void 0 && isPrimitive(value) && value === previousValue.value && part.value === previousValue.fragment) {
     return;
   }
   const template = document.createElement("template");