@saasquatch/mint-components 1.5.6-4 → 1.6.0-0

package/dist/collection/components/sqm-task-card/sqm-task-card.js

@@ -10,101 +10,82 @@ import { useTaskCard } from "./useTaskCard";
 /**
  * @uiName Task Card
  * @uiOrder ["reward-amount", "reward-unit", "card-title", "description", "repeatable", "finite", "show-progress-bar", "stat-type", "progress-source", "goal", "steps", "progress-bar-unit", "show-expiry", "reward-duration", "button-text", "button-link", "open-new-tab", "ended-message", "expiry-message", "starts-on-message", "event-key", "*"]
- * @exampleGroup Rewards
  */
 export class TaskCard {
   constructor() {
     this.ignored = true;
     /**
      * @uiName Reward Amount
-     * @uiGroup Reward
      */
     this.rewardAmount = "0";
     /**
      * @uiName Reward Unit
-     * @uiGroup Reward
      */
     this.rewardUnit = "Points";
     /**
      * @uiName Title Text
-     * @uiGroup Task
      */
     this.cardTitle = "Title Text";
     /**
      * @uiName Description Text
-     * @uiGroup Task
      */
     this.description = "";
     /**
      * @uiName Goal Repeatable
-     * @uiGroup Goal
      */
     this.repeatable = false;
     /**
      * The number of times a reward can be earned.  Use zero for no limit (the default).
      *
      * @uiName Repeat Amount
-     * @uiGroup Reward
      */
     this.finite = 0;
     /**
      * @uiName Show Progress Bar
-     * @uiGroup Goal
      */
     this.showProgressBar = false;
     /**
      * Sets the goal for users progress to know when a task has been completed. If repeatable is checked, repeatable goals is an increment of this.
      *
      * @uiName Goal Completion Number
-     * @uiGroup Goal
      */
     this.goal = 1;
     /**
      * @uiName Progress Bar Steps
-     * @uiGroup Goal
      */
     this.steps = false;
     /**
      * @uiName Progress Bar Unit
-     * @uiGroup Goal
      */
     this.progressBarUnit = "";
     /**
      * @uiName Expiry Date Message
-     * @uiGroup Task
      */
     this.expiryMessage = "Ends {endDate}";
     /**
      * Shown to users before the start of the task duration.
      *
      * @uiName Start Date Message
-     * @uiGroup Task
      */
     this.startsOnMessage = "Starts {startDate}";
     /**
      * Shown to users after the end of the task duration.
      *
      * @uiName Ended Date Message
-     * @uiGroup Task
      */
     this.endedMessage = "Ended {endDate}";
     /**
      * Displays the amount of times that a user has completed a repeatable task.
      *
      * @uiName Completed Count Text
-     * @uiGroup Task
      */
     this.completedText = "Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}";
     /**
      * @uiName CTA Button Text
-     * @uiGroup CTA Button
      */
     this.buttonText = "Complete Action";
     /**
-     * CTA Button Link Opens in New Tab
-     * @uiName Open In New Tab
-     * @uiGroup CTA Button
-     * @default undefined
+     * @uiName CTA Button Link Open in New Tab
      */
     this.openNewTab = false;
     withHooks(this);
@@ -142,9 +123,6 @@ export class TaskCard {
         "tags": [{
             "text": "Reward Amount",
             "name": "uiName"
-          }, {
-            "text": "Reward",
-            "name": "uiGroup"
           }],
         "text": ""
       },
@@ -166,9 +144,6 @@ export class TaskCard {
         "tags": [{
             "text": "Reward Unit",
             "name": "uiName"
-          }, {
-            "text": "Reward",
-            "name": "uiGroup"
           }],
         "text": ""
       },
@@ -190,9 +165,6 @@ export class TaskCard {
         "tags": [{
             "text": "Title Text",
             "name": "uiName"
-          }, {
-            "text": "Task",
-            "name": "uiGroup"
           }],
         "text": ""
       },
@@ -214,9 +186,6 @@ export class TaskCard {
         "tags": [{
             "text": "Description Text",
             "name": "uiName"
-          }, {
-            "text": "Task",
-            "name": "uiGroup"
           }],
         "text": ""
       },
@@ -238,9 +207,6 @@ export class TaskCard {
         "tags": [{
             "text": "Goal Repeatable",
             "name": "uiName"
-          }, {
-            "text": "Goal",
-            "name": "uiGroup"
           }],
         "text": ""
       },
@@ -262,9 +228,6 @@ export class TaskCard {
         "tags": [{
             "text": "Repeat Amount",
             "name": "uiName"
-          }, {
-            "text": "Reward",
-            "name": "uiGroup"
           }],
         "text": "The number of times a reward can be earned.  Use zero for no limit (the default)."
       },
@@ -286,9 +249,6 @@ export class TaskCard {
         "tags": [{
             "text": "Show Progress Bar",
             "name": "uiName"
-          }, {
-            "text": "Goal",
-            "name": "uiGroup"
           }],
         "text": ""
       },
@@ -310,9 +270,6 @@ export class TaskCard {
         "tags": [{
             "text": "Goal Completion Number",
             "name": "uiName"
-          }, {
-            "text": "Goal",
-            "name": "uiGroup"
           }],
         "text": "Sets the goal for users progress to know when a task has been completed. If repeatable is checked, repeatable goals is an increment of this."
       },
@@ -334,9 +291,6 @@ export class TaskCard {
         "tags": [{
             "text": "Progress Bar Steps",
             "name": "uiName"
-          }, {
-            "text": "Goal",
-            "name": "uiGroup"
           }],
         "text": ""
       },
@@ -358,9 +312,6 @@ export class TaskCard {
         "tags": [{
             "text": "Progress Bar Unit",
             "name": "uiName"
-          }, {
-            "text": "Goal",
-            "name": "uiGroup"
           }],
         "text": ""
       },
@@ -382,9 +333,6 @@ export class TaskCard {
         "tags": [{
             "text": "Expiry Date Message",
             "name": "uiName"
-          }, {
-            "text": "Task",
-            "name": "uiGroup"
           }],
         "text": ""
       },
@@ -411,10 +359,7 @@ export class TaskCard {
             "name": "uiWidget"
           }, {
             "text": "{\"allowPastDates\":true, \"months\": 1}",
-            "name": "uiWidgetOptions"
-          }, {
-            "text": "Reward",
-            "name": "uiGroup"
+            "name": "uiOptions"
           }],
         "text": ""
       },
@@ -435,9 +380,6 @@ export class TaskCard {
         "tags": [{
             "text": "Start Date Message",
             "name": "uiName"
-          }, {
-            "text": "Task",
-            "name": "uiGroup"
           }],
         "text": "Shown to users before the start of the task duration."
       },
@@ -464,10 +406,7 @@ export class TaskCard {
             "name": "uiWidget"
           }, {
             "text": "{\"allowPastDates\":true, \"months\": 1}",
-            "name": "uiWidgetOptions"
-          }, {
-            "text": "Task",
-            "name": "uiGroup"
+            "name": "uiOptions"
           }],
         "text": "Timeframe that the task card will be shown"
       },
@@ -488,9 +427,6 @@ export class TaskCard {
         "tags": [{
             "text": "Ended Date Message",
             "name": "uiName"
-          }, {
-            "text": "Task",
-            "name": "uiGroup"
           }],
         "text": "Shown to users after the end of the task duration."
       },
@@ -512,9 +448,6 @@ export class TaskCard {
         "tags": [{
             "text": "Completed Count Text",
             "name": "uiName"
-          }, {
-            "text": "Task",
-            "name": "uiGroup"
           }],
         "text": "Displays the amount of times that a user has completed a repeatable task."
       },
@@ -536,9 +469,6 @@ export class TaskCard {
         "tags": [{
             "text": "CTA Button Text",
             "name": "uiName"
-          }, {
-            "text": "CTA Button",
-            "name": "uiGroup"
           }],
         "text": ""
       },
@@ -560,9 +490,6 @@ export class TaskCard {
         "tags": [{
             "text": "CTA Button Link",
             "name": "uiName"
-          }, {
-            "text": "CTA Button",
-            "name": "uiGroup"
           }],
         "text": ""
       },
@@ -581,16 +508,10 @@ export class TaskCard {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Open In New Tab",
+            "text": "CTA Button Link Open in New Tab",
             "name": "uiName"
-          }, {
-            "text": "CTA Button",
-            "name": "uiGroup"
-          }, {
-            "text": "undefined",
-            "name": "default"
           }],
-        "text": "CTA Button Link Opens in New Tab"
+        "text": ""
       },
       "attribute": "open-new-tab",
       "reflect": false,
@@ -615,10 +536,7 @@ export class TaskCard {
             "name": "uiName"
           }, {
             "text": "{\"version\": 1.1}",
-            "name": "uiWidgetOptions"
-          }, {
-            "text": "Goal",
-            "name": "uiGroup"
+            "name": "uiOptions"
           }],
         "text": "Select what type of stat to display for the goal. Manual paths are also supported."
       },
@@ -637,11 +555,8 @@ export class TaskCard {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "Task Card Button Event Key",
+            "text": "Event key of task card button",
             "name": "uiName"
-          }, {
-            "text": "CTA Button",
-            "name": "uiGroup"
           }],
         "text": "Optionally send an event to SaaSquatch when a user clicks the CTA. This field configured what key of the event sent is."
       },
@@ -660,11 +575,8 @@ export class TaskCard {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "Program ID Override",
+            "text": "Program ID override",
             "name": "uiName"
-          }, {
-            "text": "Goal",
-            "name": "uiGroup"
           }],
         "text": "The ID of the program that is used to scope the task card. Defaults to the program context when no ID is specified."
       },

package/dist/collection/components/sqm-text-span/sqm-text-span.js

@@ -48,7 +48,7 @@ export class Text {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Type",
+            "text": "Text",
             "name": "uiName"
           }, {
             "text": "string",

package/dist/collection/components/sqm-timeline/sqm-timeline-entry.js

@@ -5,9 +5,6 @@ import { getProps } from "../../utils/utils";
 import { TimelineEntryView } from "./sqm-timeline-entry-view";
 /**
  * @uiName Timeline Entry
- * @validParents ["sqm-timeline"]
- * @exampleGroup Common Components
- * @example Timeline Entry - <sqm-timeline-entry reward="$50" unit="visa giftcard" desc="You refer a friend" icon="circle" > </sqm-timeline-entry>
  */
 export class TimelineReward {
   constructor() {

package/dist/collection/components/sqm-timeline/sqm-timeline.js

@@ -2,11 +2,8 @@ import { withHooks } from "@saasquatch/stencil-hooks";
 import { Component, h, Prop, State } from "@stencil/core";
 import { useChildElements } from "../../tables/useChildElements";
 /**
- * @uiName Program Timeline
- * @slots [{"name":"","title":"Timeline","validChildren":["sqm-timeline-entry"]}]
- * @exampleGroup Common Components
- * @examples Program Timeline - <sqm-timeline icon="circle"> <sqm-timeline-entry reward="$50" unit="visa giftcard" desc="You refer a friend" icon="circle" > </sqm-timeline-entry> <sqm-timeline-entry reward="$200" unit="visa giftcard" desc="Our sales team qualifies your friend as a good fit for our Enterprise plan" icon="circle" > </sqm-timeline-entry> <sqm-timeline-entry reward="$1000" unit="visa giftcard" desc="Your friend purchases an Enterprise plan" icon="circle" > </sqm-timeline-entry></sqm-timeline>
-*/
+ * @uiName Timeline
+ */
 export class Timeline {
   constructor() {
     this.ignored = true;

package/dist/collection/components/sqm-titled-section/sqm-titled-section.js

@@ -4,8 +4,6 @@ import { getProps } from "../../utils/utils";
 import { PortalSectionView } from "./sqm-portal-section-view";
 /**
  * @uiName Titled Section
- * @slot [{"name":"label", title":"Label"},{"name":"content", "title":"Content"}]
- * @exampleGroup Layout
  */
 export class TitledSection {
   constructor() {
@@ -17,14 +15,14 @@ export class TitledSection {
      */
     this.textAlign = "left";
     /**
-     * @uiName Label Margin Style
+     * @uiName Label margin style
      * @uiType string
      * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
      * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
      */
     this.labelMargin = "small";
     /**
-     * @uiName Section Padding
+     * @uiName Section padding
      * @uiType string
      * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
      * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
@@ -108,7 +106,7 @@ export class TitledSection {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Label Margin Style",
+            "text": "Label margin style",
             "name": "uiName"
           }, {
             "text": "string",
@@ -143,7 +141,7 @@ export class TitledSection {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Section Padding",
+            "text": "Section padding",
             "name": "uiName"
           }, {
             "text": "string",

package/dist/collection/components/sqm-user-name/sqm-user-name.js

@@ -6,18 +6,16 @@ import { UserNameView } from "./sqm-user-name-view";
 import { useUserName } from "./useUserName";
 /**
  * @uiName User Name
- * @example User Name Display - <sqm-user-name fallback="Anonymous User"></sqm-user-name>
  */
 export class UserName {
   constructor() {
     this._ignored = true;
     /**
-     * Fallback name for unknown users
-     * @uiName Fallback Name
+     * @uiName Fallback name for nameless users
      */
     this.fallback = "Anonymous User";
     /**
-     * @uiName Loading Text
+     * @uiName Loading text
      */
     this.loadingText = "...";
     withHooks(this);
@@ -42,10 +40,10 @@ export class UserName {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Fallback Name",
+            "text": "Fallback name for nameless users",
             "name": "uiName"
           }],
-        "text": "Fallback name for unknown users"
+        "text": ""
       },
       "attribute": "fallback",
       "reflect": false,
@@ -63,7 +61,7 @@ export class UserName {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Loading Text",
+            "text": "Loading text",
             "name": "uiName"
           }],
         "text": ""

package/dist/esm/{ShadowViewAddon-e2996624.js → ShadowViewAddon-2b1e68bd.js}

@@ -1,11 +1,11 @@
 import { h, c as Host, d as getAssetPath, g as getElement } from './index-17b4da69.js';
-import { k as useState, b as browser, i as useMemo } from './stencil-hooks.module-acc8a613.js';
-import { i as intl } from './global-5c84f57f.js';
-import { d as dist, M, i as ie, R as Rn, b as sn, q as qe, k as kn, A as An } from './index.module-f5e17a4e.js';
+import { k as useState, b as browser, j as useMemo } from './stencil-hooks.module-e39af977.js';
+import { i as intl } from './global-3b481fc7.js';
+import { d as dist, A, a as ae, J, p as pn, $ as $e, H, O } from './index.module-23da8fa0.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { H as HostBlock, A as AuthWrapper, a as AuthColumn, b as AuthButtonsContainer, E as ErrorStyles } from './mixins-f60a614c.js';
 import { c as createStyleSheet, j as jss, a as create } from './JSS-f00f9536.js';
-import { l as luxon } from './luxon-f44215d9.js';
+import { l as luxon } from './luxon-578505e2.js';
 import { l as luxonLocale } from './utils-334c1e34.js';
 import { T as TextSpanView } from './sqm-text-span-view-0ba1484d.js';
 import { P as PortalContainerView } from './sqm-portal-container-view-ca454627.js';
@@ -358,11 +358,11 @@ const WIDGET_ENGAGEMENT_EVENT = dist.gql `
 `;
 function useShareLink(props) {
   var _a, _b;
-  const { programId = M() } = props;
-  const user = ie();
-  const engagementMedium = Rn();
-  const { data } = sn(MessageLinkQuery, { programId }, !(user === null || user === void 0 ? void 0 : user.jwt));
-  const [sendLoadEvent] = qe(WIDGET_ENGAGEMENT_EVENT);
+  const { programId = A() } = props;
+  const user = ae();
+  const engagementMedium = J();
+  const { data } = pn(MessageLinkQuery, { programId }, !(user === null || user === void 0 ? void 0 : user.jwt));
+  const [sendLoadEvent] = $e(WIDGET_ENGAGEMENT_EVENT);
   const shareString = (_b = (_a = data === null || data === void 0 ? void 0 : data.user) === null || _a === void 0 ? void 0 : _a.shareLink) !== null && _b !== void 0 ? _b : 
   // Shown during loading
   "...";
@@ -447,17 +447,17 @@ function GenericShare(res) {
 function useShareButton(props) {
   var _a, _b;
   const { sharetitle, sharetext, medium } = props;
-  const programId = props.programId ? props.programId : M();
-  const user = ie();
+  const programId = props.programId ? props.programId : A();
+  const user = ae();
   const variables = {
-    engagementMedium: Rn(),
+    engagementMedium: J(),
     programId: programId,
     shareMedium: medium.toUpperCase(),
   };
   // only queries if a programId is available
-  const res = sn(MessageLinkQuery$1, variables, !(user === null || user === void 0 ? void 0 : user.jwt) || !programId);
+  const res = pn(MessageLinkQuery$1, variables, !(user === null || user === void 0 ? void 0 : user.jwt) || !programId);
   const directLink = (_b = (_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.shareLink;
-  const environment = kn();
+  const environment = H();
   const hide = (medium.toLocaleUpperCase() === "SMS" &&
     window.orientation === undefined) ||
     (medium.toLocaleUpperCase() === "DIRECT" && !window.navigator.share);
@@ -773,7 +773,7 @@ function pathToRegexp(path, keys, options) {
 const debug = browser("sq:useBigStat");
 const LOADING = "...";
 const debugQuery = (query, variables, getStat) => {
-  const res = sn(query, variables);
+  const res = pn(query, variables);
   if (!(res === null || res === void 0 ? void 0 : res.data) && !res.loading) {
     console.error("issue getting stat:", res);
   }
@@ -1331,9 +1331,9 @@ const StatPaths = [
 const StatPatterns = StatPaths.map((pattern) => pathToRegexp(pattern.route));
 function useBigStat(props) {
   var _a;
-  const { statType, flexReverse, alignment, programId = M(), } = props;
-  const locale = An();
-  const userIdent = ie();
+  const { statType, flexReverse, alignment, programId = A(), } = props;
+  const locale = O();
+  const userIdent = ae();
   const re = useMemo(() => StatPatterns.find((re) => re.exec(statType)), [statType]);
   if (!(re === null || re === void 0 ? void 0 : re.exec(statType))) {
     return {

package/dist/esm/{global-5c84f57f.js → global-3b481fc7.js}

@@ -1,5 +1,5 @@
-import { g as getAugmentedNamespace, c as createCommonjsModule, a as commonjsGlobal, b as browser, l as l$1 } from './stencil-hooks.module-acc8a613.js';
-import { s as src, m as memoize, S } from './index.module-f5e17a4e.js';
+import { g as getAugmentedNamespace, c as createCommonjsModule, a as commonjsGlobal, b as browser, l as l$1 } from './stencil-hooks.module-e39af977.js';
+import { s as src, m as memoize, E } from './index.module-23da8fa0.js';
 
 var __assign = (undefined && undefined.__assign) || function () {
     __assign = Object.assign || function(t) {
@@ -26639,7 +26639,7 @@ sl-input::part(label){
 
 `;
 
-S(l$1);
+E(l$1);
 const debug = browser("sq:global");
 const cache = createIntlCache();
 const intl = createIntl({