@saasquatch/mint-components 1.3.2-14 → 1.3.2-15

package/dist/cjs/sqm-divided-layout_30.cjs.entry.js

@@ -14783,6 +14783,7 @@ const GET_EXCHANGE_LIST = index_module.dist.gql `
               prettyDestinationValue
               available
               unavailableReasonCode
+              unavailableReason
             }
           }
           totalCount
@@ -15145,7 +15146,7 @@ function RewardExchangeView(props) {
         step.unavailableReasonCode && (index.h("p", { style: { fontSize: "70%", color: "#F2994A" } }, global.intl.formatMessage({
           id: "unavailableCode",
           defaultMessage: states.content.text.notAvailableError,
-        }, { unavailableReasonCode: step.unavailableReasonCode })))))))));
+        }, { unavailableReason: step.unavailableReason || step.unavailableReasonCode })))))))));
   }
   function chooseReward() {
     var _a;
@@ -15201,7 +15202,7 @@ function RewardExchangeView(props) {
                 } }, global.intl.formatMessage({
                 id: "unavailableCode",
                 defaultMessage: states.content.text.notAvailableError,
-              }, { unavailableReasonCode: item.unavailableReasonCode })))))));
+              }, { unavailableReason: item.unavailableReason || item.unavailableReasonCode })))))));
       })),
       index.h("div", { class: sheet.classes.KutayButton },
         index.h("sl-button", { class: "cancel", size: "large", type: "text" }, "Cancel"),
@@ -15306,7 +15307,7 @@ const SqmRewardExchangeList = class {
     /**
      * @uiName Exchange button text
      */
-    this.notAvailableError = "{unavailableReasonCode, select, US_TAX {US Tax limit} INSUFFICIENT_REDEEMABLE_CREDIT {Not enough points} other {Not available} }";
+    this.notAvailableError = "{unavailableReason, select, US_TAX {US Tax limit} INSUFFICIENT_REDEEMABLE_CREDIT {Not enough points} other {Not available} }";
     _extends.h$1(this);
   }
   disconnectedCallback() { }
@@ -21551,8 +21552,8 @@ function TaskCardView(props) {
         index.h("span", { class: taskExpired ? "value" : "value black" }, props.rewardAmount),
         index.h("span", { class: "text" }, props.rewardUnit)))),
       props.loading ? (index.h("sl-skeleton", { style: { width: "42%", margin: "0 16px" } })) : (index.h("div", { class: taskExpired ? "title" : "title black" }, props.cardTitle)),
-      props.loading ? (index.h("sl-skeleton", { style: { width: "91%", margin: "12px 16px" } })) : (index.h(Details, Object.assign({}, props))),
-      props.showProgressBar && props.loading ? (index.h("sl-skeleton", { style: { width: "91%", margin: "0 auto" } })) : (props.showProgressBar && (index.h(ProgressBarView, Object.assign({}, props, { complete: taskComplete, expired: taskExpired })))),
+      props.loading ? (index.h("sl-skeleton", { style: { margin: "12px 16px" } })) : (index.h(Details, Object.assign({}, props))),
+      props.showProgressBar && props.loading ? (index.h("sl-skeleton", { style: { margin: "0 16px" } })) : (props.showProgressBar && (index.h(ProgressBarView, Object.assign({}, props, { complete: taskComplete, expired: taskExpired })))),
       index.h("div", { class: sheet.classes.Footer }, props.loading ? (index.h("sl-skeleton", { style: { width: "25%", marginLeft: "auto" } })) : (index.h("div", { style: { display: "contents" } },
         index.h("span", { class: "text" },
           props.repeatable && (index.h("div", null,
@@ -25608,6 +25609,7 @@ const test2 = {
           prettyDestinationValue: "1 Salmon Coin",
           available: true,
           unavailableReasonCode: null,
+          unavailableReason: ""
         },
         {
           sourceValue: 2,
@@ -25616,6 +25618,7 @@ const test2 = {
           prettyDestinationValue: "2 Salmons",
           available: true,
           unavailableReasonCode: null,
+          unavailableReason: ""
         },
         {
           sourceValue: 3,
@@ -25624,6 +25627,7 @@ const test2 = {
           prettyDestinationValue: "3 Salmons",
           available: true,
           unavailableReasonCode: null,
+          unavailableReason: ""
         },
         {
           sourceValue: 4,
@@ -25632,6 +25636,7 @@ const test2 = {
           prettyDestinationValue: "4 Salmons",
           available: true,
           unavailableReasonCode: null,
+          unavailableReason: ""
         },
         {
           sourceValue: 5,
@@ -25640,6 +25645,7 @@ const test2 = {
           prettyDestinationValue: "5 Salmons",
           available: true,
           unavailableReasonCode: null,
+          unavailableReason: ""
         },
       ],
     },

package/dist/collection/components/sqm-reward-exchange-list/RewardExchangeListData.js

@@ -165,6 +165,7 @@ export const test2 = {
           prettyDestinationValue: "1 Salmon Coin",
           available: true,
           unavailableReasonCode: null,
+          unavailableReason: ""
         },
         {
           sourceValue: 2,
@@ -173,6 +174,7 @@ export const test2 = {
           prettyDestinationValue: "2 Salmons",
           available: true,
           unavailableReasonCode: null,
+          unavailableReason: ""
         },
         {
           sourceValue: 3,
@@ -181,6 +183,7 @@ export const test2 = {
           prettyDestinationValue: "3 Salmons",
           available: true,
           unavailableReasonCode: null,
+          unavailableReason: ""
         },
         {
           sourceValue: 4,
@@ -189,6 +192,7 @@ export const test2 = {
           prettyDestinationValue: "4 Salmons",
           available: true,
           unavailableReasonCode: null,
+          unavailableReason: ""
         },
         {
           sourceValue: 5,
@@ -197,6 +201,7 @@ export const test2 = {
           prettyDestinationValue: "5 Salmons",
           available: true,
           unavailableReasonCode: null,
+          unavailableReason: ""
         },
       ],
     },

package/dist/collection/components/sqm-reward-exchange-list/sqm-reward-exchange-list-view.js

@@ -162,7 +162,7 @@ export function RewardExchangeView(props) {
         step.unavailableReasonCode && (h("p", { style: { fontSize: "70%", color: "#F2994A" } }, intl.formatMessage({
           id: "unavailableCode",
           defaultMessage: states.content.text.notAvailableError,
-        }, { unavailableReasonCode: step.unavailableReasonCode })))))))));
+        }, { unavailableReason: step.unavailableReason || step.unavailableReasonCode })))))))));
   }
   function chooseReward() {
     var _a;
@@ -218,7 +218,7 @@ export function RewardExchangeView(props) {
                 } }, intl.formatMessage({
                 id: "unavailableCode",
                 defaultMessage: states.content.text.notAvailableError,
-              }, { unavailableReasonCode: item.unavailableReasonCode })))))));
+              }, { unavailableReason: item.unavailableReason || item.unavailableReasonCode })))))));
       })),
       h("div", { class: sheet.classes.KutayButton },
         h("sl-button", { class: "cancel", size: "large", type: "text" }, "Cancel"),

package/dist/collection/components/sqm-reward-exchange-list/sqm-reward-exchange-list.js

@@ -18,7 +18,7 @@ export class SqmRewardExchangeList {
     /**
      * @uiName Exchange button text
      */
-    this.notAvailableError = "{unavailableReasonCode, select, US_TAX {US Tax limit} INSUFFICIENT_REDEEMABLE_CREDIT {Not enough points} other {Not available} }";
+    this.notAvailableError = "{unavailableReason, select, US_TAX {US Tax limit} INSUFFICIENT_REDEEMABLE_CREDIT {Not enough points} other {Not available} }";
     withHooks(this);
   }
   disconnectedCallback() { }
@@ -81,7 +81,7 @@ export class SqmRewardExchangeList {
       },
       "attribute": "not-available-error",
       "reflect": false,
-      "defaultValue": "\"{unavailableReasonCode, select, US_TAX {US Tax limit} INSUFFICIENT_REDEEMABLE_CREDIT {Not enough points} other {Not available} }\""
+      "defaultValue": "\"{unavailableReason, select, US_TAX {US Tax limit} INSUFFICIENT_REDEEMABLE_CREDIT {Not enough points} other {Not available} }\""
     },
     "demoData": {
       "type": "unknown",

package/dist/collection/components/sqm-reward-exchange-list/useRewardExchangeList.js

@@ -35,6 +35,7 @@ const GET_EXCHANGE_LIST = gql `
               prettyDestinationValue
               available
               unavailableReasonCode
+              unavailableReason
             }
           }
           totalCount

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

@@ -133,8 +133,8 @@ export function TaskCardView(props) {
         h("span", { class: taskExpired ? "value" : "value black" }, props.rewardAmount),
         h("span", { class: "text" }, props.rewardUnit)))),
       props.loading ? (h("sl-skeleton", { style: { width: "42%", margin: "0 16px" } })) : (h("div", { class: taskExpired ? "title" : "title black" }, props.cardTitle)),
-      props.loading ? (h("sl-skeleton", { style: { width: "91%", margin: "12px 16px" } })) : (h(Details, Object.assign({}, props))),
-      props.showProgressBar && props.loading ? (h("sl-skeleton", { style: { width: "91%", margin: "0 auto" } })) : (props.showProgressBar && (h(ProgressBarView, Object.assign({}, props, { complete: taskComplete, expired: taskExpired })))),
+      props.loading ? (h("sl-skeleton", { style: { margin: "12px 16px" } })) : (h(Details, Object.assign({}, props))),
+      props.showProgressBar && props.loading ? (h("sl-skeleton", { style: { margin: "0 16px" } })) : (props.showProgressBar && (h(ProgressBarView, Object.assign({}, props, { complete: taskComplete, expired: taskExpired })))),
       h("div", { class: sheet.classes.Footer }, props.loading ? (h("sl-skeleton", { style: { width: "25%", marginLeft: "auto" } })) : (h("div", { style: { display: "contents" } },
         h("span", { class: "text" },
           props.repeatable && (h("div", null,

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

@@ -7,7 +7,7 @@ import { useDemoBigStat } from "../sqm-big-stat/useDemoBigStat";
 import { TaskCardView } from "./sqm-task-card-view";
 /**
  * @uiName Task Card
- * @uiOrder ["rewardAmount", "reward-unit", "card-title", "description", "*", "showExpiry", "dateExpires" ]
+ * @uiOrder ["reward-amount", "reward-unit", "card-title", "description", "*", "show-expiry", "date-expires" ]
  */
 export class TaskCard {
   constructor() {

package/dist/esm/sqm-divided-layout_30.entry.js

@@ -14779,6 +14779,7 @@ const GET_EXCHANGE_LIST = dist.gql `
               prettyDestinationValue
               available
               unavailableReasonCode
+              unavailableReason
             }
           }
           totalCount
@@ -15141,7 +15142,7 @@ function RewardExchangeView(props) {
         step.unavailableReasonCode && (h("p", { style: { fontSize: "70%", color: "#F2994A" } }, intl.formatMessage({
           id: "unavailableCode",
           defaultMessage: states.content.text.notAvailableError,
-        }, { unavailableReasonCode: step.unavailableReasonCode })))))))));
+        }, { unavailableReason: step.unavailableReason || step.unavailableReasonCode })))))))));
   }
   function chooseReward() {
     var _a;
@@ -15197,7 +15198,7 @@ function RewardExchangeView(props) {
                 } }, intl.formatMessage({
                 id: "unavailableCode",
                 defaultMessage: states.content.text.notAvailableError,
-              }, { unavailableReasonCode: item.unavailableReasonCode })))))));
+              }, { unavailableReason: item.unavailableReason || item.unavailableReasonCode })))))));
       })),
       h("div", { class: sheet.classes.KutayButton },
         h("sl-button", { class: "cancel", size: "large", type: "text" }, "Cancel"),
@@ -15302,7 +15303,7 @@ const SqmRewardExchangeList = class {
     /**
      * @uiName Exchange button text
      */
-    this.notAvailableError = "{unavailableReasonCode, select, US_TAX {US Tax limit} INSUFFICIENT_REDEEMABLE_CREDIT {Not enough points} other {Not available} }";
+    this.notAvailableError = "{unavailableReason, select, US_TAX {US Tax limit} INSUFFICIENT_REDEEMABLE_CREDIT {Not enough points} other {Not available} }";
     h$1(this);
   }
   disconnectedCallback() { }
@@ -21547,8 +21548,8 @@ function TaskCardView(props) {
         h("span", { class: taskExpired ? "value" : "value black" }, props.rewardAmount),
         h("span", { class: "text" }, props.rewardUnit)))),
       props.loading ? (h("sl-skeleton", { style: { width: "42%", margin: "0 16px" } })) : (h("div", { class: taskExpired ? "title" : "title black" }, props.cardTitle)),
-      props.loading ? (h("sl-skeleton", { style: { width: "91%", margin: "12px 16px" } })) : (h(Details, Object.assign({}, props))),
-      props.showProgressBar && props.loading ? (h("sl-skeleton", { style: { width: "91%", margin: "0 auto" } })) : (props.showProgressBar && (h(ProgressBarView, Object.assign({}, props, { complete: taskComplete, expired: taskExpired })))),
+      props.loading ? (h("sl-skeleton", { style: { margin: "12px 16px" } })) : (h(Details, Object.assign({}, props))),
+      props.showProgressBar && props.loading ? (h("sl-skeleton", { style: { margin: "0 16px" } })) : (props.showProgressBar && (h(ProgressBarView, Object.assign({}, props, { complete: taskComplete, expired: taskExpired })))),
       h("div", { class: sheet.classes.Footer }, props.loading ? (h("sl-skeleton", { style: { width: "25%", marginLeft: "auto" } })) : (h("div", { style: { display: "contents" } },
         h("span", { class: "text" },
           props.repeatable && (h("div", null,
@@ -25604,6 +25605,7 @@ const test2 = {
           prettyDestinationValue: "1 Salmon Coin",
           available: true,
           unavailableReasonCode: null,
+          unavailableReason: ""
         },
         {
           sourceValue: 2,
@@ -25612,6 +25614,7 @@ const test2 = {
           prettyDestinationValue: "2 Salmons",
           available: true,
           unavailableReasonCode: null,
+          unavailableReason: ""
         },
         {
           sourceValue: 3,
@@ -25620,6 +25623,7 @@ const test2 = {
           prettyDestinationValue: "3 Salmons",
           available: true,
           unavailableReasonCode: null,
+          unavailableReason: ""
         },
         {
           sourceValue: 4,
@@ -25628,6 +25632,7 @@ const test2 = {
           prettyDestinationValue: "4 Salmons",
           available: true,
           unavailableReasonCode: null,
+          unavailableReason: ""
         },
         {
           sourceValue: 5,
@@ -25636,6 +25641,7 @@ const test2 = {
           prettyDestinationValue: "5 Salmons",
           available: true,
           unavailableReasonCode: null,
+          unavailableReason: ""
         },
       ],
     },