@saasquatch/mint-components 1.15.0-71 → 1.15.0-73

package/dist/cjs/{ShadowViewAddon-232eaf8b.js → ShadowViewAddon-5d9a17e7.js}

@@ -1134,7 +1134,7 @@ const StatPaths = [
   { name: "rewardsWeek", route: "/(rewardsWeek)/:global?" },
   {
     name: "rewardsCountFiltered",
-    route: "/(rewardsCountFiltered)/:statType([INTEGRATION|PCT_DISCOUNT|CREDIT]*)?/:unit((?!global)(?!PENDING)(?!CANCELLED)(?!EXPIRED)(?!REDEEMED)(?!AVAILABLE)[a-zA-Z0-9%]+)?/:status([PENDING|CANCELLED|EXPIRED|REDEEMED|AVAILABLE]*)?/:global?",
+    route: "/(rewardsCountFiltered)/:statType([FUELTANK|INTEGRATION|PCT_DISCOUNT|CREDIT]*)?/:unit((?!global)(?!PENDING)(?!CANCELLED)(?!EXPIRED)(?!REDEEMED)(?!AVAILABLE)[a-zA-Z0-9%]+)?/:status([PENDING|CANCELLED|EXPIRED|REDEEMED|AVAILABLE]*)?/:global?",
   },
   {
     name: "integrationRewardsCountFiltered",
@@ -1194,7 +1194,7 @@ function useBigStat(props) {
     return {
       props: {
         value: 0,
-        statvalue: "!!!",
+        statvalue: "-",
         flexReverse,
         alignment,
         loading: false,
@@ -1251,7 +1251,7 @@ function useDemoBigStat(props) {
     return {
       props: {
         value: 0,
-        statvalue: "!!!",
+        statvalue: "-",
         loading: false,
         flexReverse: props.flexReverse,
         alignment: props.alignment,

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

@@ -25,7 +25,7 @@ const sqmPortalLoginView = require('./sqm-portal-login-view-bb50304c.js');
 const usePortalLogin = require('./usePortalLogin-6aa864ef.js');
 const AsYouType = require('./AsYouType-6788393a.js');
 const utilities = require('./utilities-9a0c5e91.js');
-const ShadowViewAddon = require('./ShadowViewAddon-232eaf8b.js');
+const ShadowViewAddon = require('./ShadowViewAddon-5d9a17e7.js');
 require('./sqm-portal-container-view-07e4343f.js');
 const usePayoutStatus = require('./usePayoutStatus-3b34dab1.js');
 
@@ -383,7 +383,7 @@ const BigStat = class {
      *
      * @uiName Flex reverse
      * @default
-     * @uiGroup Style
+     * @uiGroup Additional Settings
      */
     this.flexReverse = false;
     /**
@@ -393,7 +393,7 @@ const BigStat = class {
      * @uiType string
      * @uiEnum ["left", "right", "center"]
      * @uiEnumNames ["Left", "Right", "Center"]
-     * @uiGroup Style
+     * @uiGroup Additional Settings
      */
     this.alignment = "center";
     this.ignored = true;

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

@@ -33,7 +33,7 @@ require('./utilities-9a0c5e91.js');
 const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-25eb2099.js');
 const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-1c4e781f.js');
 const sqmQrCodeView = require('./sqm-qr-code-view-0c3b2f48.js');
-const ShadowViewAddon = require('./ShadowViewAddon-232eaf8b.js');
+const ShadowViewAddon = require('./ShadowViewAddon-5d9a17e7.js');
 const sqmPortalContainerView = require('./sqm-portal-container-view-07e4343f.js');
 const IndirectTaxDetailsView = require('./IndirectTaxDetailsView-b3b7bb6e.js');
 const utils = require('./utils-d5821f8d.js');

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

@@ -1,20 +1,22 @@
-import { Component, h, Prop, State } from "@stencil/core";
+import { isDemo, useHost } from "@saasquatch/component-boilerplate";
 import { withHooks } from "@saasquatch/stencil-hooks";
+import { Component, h, Prop, State } from "@stencil/core";
 import { BigStatView } from "./sqm-big-stat-view";
 import { useBigStat } from "./useBigStat";
 import { useDemoBigStat } from "./useDemoBigStat";
-import { isDemo, useHost } from "@saasquatch/component-boilerplate";
 /**
  *
  * @uiName User Stat
  * @validParents ["sqm-stat-container"]
  * @validChildren ["p","div","h1","h2","h3","h4","h5","span"]
  * @slots [{"name":"","title":"Stat Text"}]
+ * @uiOrder ["statType", "programId", "*"]
  * @slotEditor richText
  * @exampleGroup Statistics
  * @example Points Balance - <sqm-big-stat flex-reverse="true" alignment="left" stat-type="/rewardBalance/CREDIT/POINT/value/global"><p>Points Balance</p></sqm-big-stat>
  * @example GiftCards Earned - <sqm-big-stat flex-reverse="true" alignment="left" stat-type="/integrationRewardsCountFiltered/AVAILABLE/global"><p>Giftcards Earned</p></sqm-big-stat>
  * @example Referrals - <sqm-big-stat flex-reverse="true" alignment="left" stat-type="/referralsCount"><p>Referrals</p></sqm-big-stat>
+ * @example Other Stat - <sqm-big-stat flex-reverse="true" alignment="left" stat-type=""><p>Label</p></sqm-big-stat>
  */
 export class BigStat {
   constructor() {
@@ -23,7 +25,7 @@ export class BigStat {
      *
      * @uiName Flex reverse
      * @default
-     * @uiGroup Style
+     * @uiGroup Additional Settings
      */
     this.flexReverse = false;
     /**
@@ -33,7 +35,7 @@ export class BigStat {
      * @uiType string
      * @uiEnum ["left", "right", "center"]
      * @uiEnumNames ["Left", "Right", "Center"]
-     * @uiGroup Style
+     * @uiGroup Additional Settings
      */
     this.alignment = "center";
     this.ignored = true;
@@ -98,7 +100,7 @@ export class BigStat {
             "text": undefined,
             "name": "default"
           }, {
-            "text": "Style",
+            "text": "Additional Settings",
             "name": "uiGroup"
           }],
         "text": "Controls the order of the stat value & description column"
@@ -131,7 +133,7 @@ export class BigStat {
             "text": "[\"Left\", \"Right\", \"Center\"]",
             "name": "uiEnumNames"
           }, {
-            "text": "Style",
+            "text": "Additional Settings",
             "name": "uiGroup"
           }],
         "text": "Controls the alignment of the flexbox"
@@ -187,7 +189,7 @@ export class BigStat {
             "text": "color",
             "name": "format"
           }, {
-            "text": "Style",
+            "text": "Additional Settings",
             "name": "uiGroup"
           }],
         "text": "Color of the stat text"
@@ -213,7 +215,7 @@ export class BigStat {
             "text": "string",
             "name": "uiType"
           }, {
-            "text": "Style",
+            "text": "Additional Settings",
             "name": "uiGroup"
           }],
         "text": "Font size of the stat text in pixels"
@@ -236,7 +238,7 @@ export class BigStat {
             "text": "Stat font weight",
             "name": "uiName"
           }, {
-            "text": "Style",
+            "text": "Additional Settings",
             "name": "uiGroup"
           }, {
             "text": "[100, 200, 300, 400, 500, 600, 700, 800, 900]",
@@ -274,7 +276,7 @@ export class BigStat {
             "text": "color",
             "name": "format"
           }, {
-            "text": "Style",
+            "text": "Additional Settings",
             "name": "uiGroup"
           }],
         "text": "Color of the description text"
@@ -297,7 +299,7 @@ export class BigStat {
             "text": "Description font size",
             "name": "uiName"
           }, {
-            "text": "Style",
+            "text": "Additional Settings",
             "name": "uiGroup"
           }],
         "text": "Font size of the description text in pixels"

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

@@ -832,7 +832,7 @@ export const StatPaths = [
   { name: "rewardsWeek", route: "/(rewardsWeek)/:global?" },
   {
     name: "rewardsCountFiltered",
-    route: "/(rewardsCountFiltered)/:statType([INTEGRATION|PCT_DISCOUNT|CREDIT]*)?/:unit((?!global)(?!PENDING)(?!CANCELLED)(?!EXPIRED)(?!REDEEMED)(?!AVAILABLE)[a-zA-Z0-9%]+)?/:status([PENDING|CANCELLED|EXPIRED|REDEEMED|AVAILABLE]*)?/:global?",
+    route: "/(rewardsCountFiltered)/:statType([FUELTANK|INTEGRATION|PCT_DISCOUNT|CREDIT]*)?/:unit((?!global)(?!PENDING)(?!CANCELLED)(?!EXPIRED)(?!REDEEMED)(?!AVAILABLE)[a-zA-Z0-9%]+)?/:status([PENDING|CANCELLED|EXPIRED|REDEEMED|AVAILABLE]*)?/:global?",
   },
   {
     name: "integrationRewardsCountFiltered",
@@ -892,7 +892,7 @@ export function useBigStat(props) {
     return {
       props: {
         value: 0,
-        statvalue: "!!!",
+        statvalue: "-",
         flexReverse,
         alignment,
         loading: false,

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

@@ -11,7 +11,7 @@ export function useDemoBigStat(props) {
     return {
       props: {
         value: 0,
-        statvalue: "!!!",
+        statvalue: "-",
         loading: false,
         flexReverse: props.flexReverse,
         alignment: props.alignment,

package/dist/collection/components/sqm-portal-footer/sqm-portal-footer.js

@@ -4,7 +4,7 @@ import { getProps } from "../../utils/utils";
 import { PortalFooterView } from "./sqm-portal-footer-view";
 /**
  * @uiName Footer
- * @validParents ["div","sqm-brand","sqm-portal-container", "sqm-divided-layout"]
+ * @validParents ["div","sqm-brand","sqm-portal-container", "sqm-divided-layout", "sqm-referral-card", "sqm-instant-access-registration"]
  */
 export class PortalFooter {
   constructor() {

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

@@ -4,9 +4,10 @@ import { getProps } from "../../utils/utils";
 import { ReferralCardView } from "./sqm-referral-card-view";
 import { useChildElements } from "../../tables/useChildElements";
 /**
+ *
  * @uiName Referral Card
  * @validParents ["sqm-portal-container","div","sqm-divided-layout","sqm-brand","template","sqb-program-section","sqb-conditional-section", "sqm-hero"]
- * @validChildren ["div","sqm-portal-container","p","sqm-timeline","h1","h2","h3","h5","h4","sqm-pagination","sqm-qr-code","sqm-referral-code","sqm-referral-codes","sqm-share-code","sqm-share-link","sqm-text","span", "sqm-portal-footer"]
+ * @validChildren ["div","sqm-portal-container","p","sqm-timeline","h1","h2","h3","h5","h4","sqm-pagination","sqm-qr-code","sqm-referral-code","sqm-referral-codes","sqm-share-code","sqm-share-link","sqm-text","span", "sqm-portal-footer", "sqm-titled-section"]
  * @exampleGroup Referrals
  * @slots [{"name":"left", "title":"Left Content"},{"name":"right", "title":"Right Content"},{"name":"header", "title":"Header Content"},{"name":"footer", "title":"Footer Content"}]
  * @example Referral Card - <sqm-referral-card vertical-alignment="start"> <sqm-portal-container gap="large" slot="left" direction="column" display="grid" max-width="100%" padding="none" > <sqm-text >They’ll get a $50 credit towards a new account and you’ll get: </sqm-text> <sqm-timeline icon="circle"> <sqm-timeline-entry reward="$50" unit="visa giftcard" desc="Your friend purchases a Business plan" 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> </sqm-portal-container> <sqm-portal-container gap="large" slot="right" direction="column" display="grid" max-width="100%" padding="none" > <sqm-text>Choose how you want to share: </sqm-text> <sqm-text> <sub>Your unique referral link:</sub> <sqm-share-link tooltip-text="Copied to Clipboard" tooltip-lifespan="1000" > </sqm-share-link> </sqm-text> <sqm-portal-container gap="x-small" direction="column" display="grid" max-width="100%" padding="none" > <sqm-share-button medium="email" icon-slot="prefix" size="medium" type="default" > Share via email </sqm-share-button> <sqm-share-button medium="linkedin" icon-slot="prefix" size="medium" type="default" > Share on LinkedIn </sqm-share-button> <sqm-share-button medium="twitter" icon-slot="prefix" size="medium" type="default" > Share on Twitter </sqm-share-button> </sqm-portal-container> </sqm-portal-container> </sqm-referral-card>

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

@@ -4,7 +4,7 @@ import { getProps } from "../../utils/utils";
 import { PortalSectionView } from "./sqm-portal-section-view";
 /**
  * @uiName Titled Section
- * @validParents ["sqm-portal-container","div","sqm-divided-layout","sqm-brand","template","sqm-hero","sqm-tab", "sqm-referred-registration", "sqb-program-section","sqb-conditional-section"]
+ * @validParents ["sqm-portal-container","div","sqm-divided-layout","sqm-brand","template","sqm-hero","sqm-tab", "sqm-referred-registration", "sqb-program-section","sqb-conditional-section", "sqm-instant-access-registration"]
  * @validChildren ["div","sqm-portal-container","p","sqm-timeline","h1","h2","h3","h5","h4","sqm-qr-code","sqm-referral-code","sqm-referral-codes","sqm-share-code","sqm-share-link","sqm-text","span"]
  * @slots [{"name":"label", "title":"Label"},{"name":"content", "title":"Content"}]
  * @exampleGroup Layout

package/dist/esm/{ShadowViewAddon-31e71683.js → ShadowViewAddon-e2c43345.js}

@@ -1132,7 +1132,7 @@ const StatPaths = [
   { name: "rewardsWeek", route: "/(rewardsWeek)/:global?" },
   {
     name: "rewardsCountFiltered",
-    route: "/(rewardsCountFiltered)/:statType([INTEGRATION|PCT_DISCOUNT|CREDIT]*)?/:unit((?!global)(?!PENDING)(?!CANCELLED)(?!EXPIRED)(?!REDEEMED)(?!AVAILABLE)[a-zA-Z0-9%]+)?/:status([PENDING|CANCELLED|EXPIRED|REDEEMED|AVAILABLE]*)?/:global?",
+    route: "/(rewardsCountFiltered)/:statType([FUELTANK|INTEGRATION|PCT_DISCOUNT|CREDIT]*)?/:unit((?!global)(?!PENDING)(?!CANCELLED)(?!EXPIRED)(?!REDEEMED)(?!AVAILABLE)[a-zA-Z0-9%]+)?/:status([PENDING|CANCELLED|EXPIRED|REDEEMED|AVAILABLE]*)?/:global?",
   },
   {
     name: "integrationRewardsCountFiltered",
@@ -1192,7 +1192,7 @@ function useBigStat(props) {
     return {
       props: {
         value: 0,
-        statvalue: "!!!",
+        statvalue: "-",
         flexReverse,
         alignment,
         loading: false,
@@ -1249,7 +1249,7 @@ function useDemoBigStat(props) {
     return {
       props: {
         value: 0,
-        statvalue: "!!!",
+        statvalue: "-",
         loading: false,
         flexReverse: props.flexReverse,
         alignment: props.alignment,

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

@@ -21,7 +21,7 @@ import { P as PortalLoginView } from './sqm-portal-login-view-7670cd86.js';
 import { u as usePortalLogin } from './usePortalLogin-d0720c81.js';
 import { A as AsYouType } from './AsYouType-46f67d0d.js';
 import { i as isEmpty } from './utilities-ad9c2893.js';
-import { u as useDemoBigStat, Q as useBigStat, B as BigStatView, C as CardFeedView, c as CheckboxFieldView, e as CouponCodeView, D as DropdownFieldView, E as EditProfileView, H as HeroView, I as InputFieldView, U as withShadowView, L as LeaderboardView, N as NameFieldsView, f as ChangeMarktingView, P as PortalChangePasswordView, g as PortalFooterView, h as PortalFrameView, d as PortalRegisterView, R as ReferralIframeView, i as RewardExchangeView, V as demoRewardExchange, G as useShareButton, a as ShareButtonView, J as useShareLink, S as StatContainerView, T as TaskCardView } from './ShadowViewAddon-31e71683.js';
+import { u as useDemoBigStat, Q as useBigStat, B as BigStatView, C as CardFeedView, c as CheckboxFieldView, e as CouponCodeView, D as DropdownFieldView, E as EditProfileView, H as HeroView, I as InputFieldView, U as withShadowView, L as LeaderboardView, N as NameFieldsView, f as ChangeMarktingView, P as PortalChangePasswordView, g as PortalFooterView, h as PortalFrameView, d as PortalRegisterView, R as ReferralIframeView, i as RewardExchangeView, V as demoRewardExchange, G as useShareButton, a as ShareButtonView, J as useShareLink, S as StatContainerView, T as TaskCardView } from './ShadowViewAddon-e2c43345.js';
 import './sqm-portal-container-view-176e92e3.js';
 import { u as usePayoutStatus } from './usePayoutStatus-7eeec61b.js';
 
@@ -379,7 +379,7 @@ const BigStat = class {
      *
      * @uiName Flex reverse
      * @default
-     * @uiGroup Style
+     * @uiGroup Additional Settings
      */
     this.flexReverse = false;
     /**
@@ -389,7 +389,7 @@ const BigStat = class {
      * @uiType string
      * @uiEnum ["left", "right", "center"]
      * @uiEnumNames ["Left", "Right", "Center"]
-     * @uiGroup Style
+     * @uiGroup Additional Settings
      */
     this.alignment = "center";
     this.ignored = true;

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

@@ -29,7 +29,7 @@ import './utilities-ad9c2893.js';
 import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-abef7286.js';
 import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-33805220.js';
 import { Q as QrCodeView } from './sqm-qr-code-view-97124a66.js';
-import { S as StatContainerView, B as BigStatView, a as ShareButtonView, P as PortalChangePasswordView, b as PoweredByImg$1, u as useDemoBigStat, T as TaskCardView, C as CardFeedView, c as CheckboxFieldView, d as PortalRegisterView, e as CouponCodeView, D as DropdownFieldView, E as EditProfileView, L as LeaderboardView, H as HeroView, I as InputFieldView, N as NameFieldsView, f as ChangeMarktingView, g as PortalFooterView, h as PortalFrameView, R as ReferralIframeView, i as RewardExchangeView, r as rewardExchangeCustomErrorMsg, j as rewardExchangeLongText, k as rewardExchangeSelected, l as chooseAmountFixed, m as chooseAmountFixedNoDescription, n as chooseAmountVariable, o as chooseAmountVariableNoDescription, p as chooseAmountVariableDisabled, q as chooseAmountVariableUnavailable, s as confirmFixed, t as confirmVariable, v as redemptionError, w as queryError, x as success, y as successVariable, z as loading, A as empty$1, F as rewardExchange, G as useShareButton, J as useShareLink, K as ProgressBarView, M as ProgressBar$2, O as ShadowViewAddon } from './ShadowViewAddon-31e71683.js';
+import { S as StatContainerView, B as BigStatView, a as ShareButtonView, P as PortalChangePasswordView, b as PoweredByImg$1, u as useDemoBigStat, T as TaskCardView, C as CardFeedView, c as CheckboxFieldView, d as PortalRegisterView, e as CouponCodeView, D as DropdownFieldView, E as EditProfileView, L as LeaderboardView, H as HeroView, I as InputFieldView, N as NameFieldsView, f as ChangeMarktingView, g as PortalFooterView, h as PortalFrameView, R as ReferralIframeView, i as RewardExchangeView, r as rewardExchangeCustomErrorMsg, j as rewardExchangeLongText, k as rewardExchangeSelected, l as chooseAmountFixed, m as chooseAmountFixedNoDescription, n as chooseAmountVariable, o as chooseAmountVariableNoDescription, p as chooseAmountVariableDisabled, q as chooseAmountVariableUnavailable, s as confirmFixed, t as confirmVariable, v as redemptionError, w as queryError, x as success, y as successVariable, z as loading, A as empty$1, F as rewardExchange, G as useShareButton, J as useShareLink, K as ProgressBarView, M as ProgressBar$2, O as ShadowViewAddon } from './ShadowViewAddon-e2c43345.js';
 import { P as PortalContainerView, a as PortalSectionView } from './sqm-portal-container-view-176e92e3.js';
 import { I as InvoiceTableView, a as INDIRECT_TAX_SPAIN_REGIONS, b as INDIRECT_TAX_PROVINCES, O as OtherRegionSlotView } from './IndirectTaxDetailsView-451cf5e2.js';
 import { t as taxTypeToName, L as LoadingView } from './utils-c416c7e4.js';