@saasquatch/mint-components 1.5.0-97 → 1.5.0

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

@@ -23,7 +23,9 @@ export const chooseAmountVariableAndSteppedDisabled = StoryBase(Data.chooseAmoun
 export const chooseAmountVariableAndSteppedUnavailable = StoryBase(Data.chooseAmountVariableUnavailable);
 export const Confirm = StoryBase(Data.confirmFixed);
 export const ConfirmVariableAndStepped = StoryBase(Data.confirmVariable);
-export const Error = StoryBase(Data.error);
+export const RedemptionError = StoryBase(Data.redemptionError);
+export const QueryError = StoryBase(Data.queryError);
 export const SuccessPromo = StoryBase(Data.success);
 export const SuccessVariableAndStepped = StoryBase(Data.successVariable);
 export const Loading = StoryBase(Data.loading);
+export const Empty = StoryBase(Data.empty);

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

@@ -1,8 +1,8 @@
-const baseResponse = (data, stage = "chooseReward", selectedItem = null, selectedStep = null, error = false, loading = false, fueltank = null) => ({
+import { h } from "@stencil/core";
+const baseResponse = (data, stage = "chooseReward", selectedItem = null, selectedStep = null, exchangeError = false, loading = false, fueltank = null, noExchangeOptions = false, queryError = false) => ({
   states: {
     content: {
       text: {
-        buttonText: "Exchange Rewards",
         notAvailableError: "{unavailableReasonCode, select, NOT_CHAMPION {CUSTOM ERROR MESSAGE } US_TAX {Exceeds tax limit for this year} INSUFFICIENT_REDEEMABLE_CREDIT {{sourceValue} required} AVAILABILITY_PREDICATE {Not available} other {unavailableReasonCode} }",
         chooseRewardTitle: "Rewards",
         chooseAmountTitle: "Select",
@@ -16,24 +16,29 @@ const baseResponse = (data, stage = "chooseReward", selectedItem = null, selecte
         redeemTitle: "Confirm and redeem",
         redemptionSuccessText: "Redeemed {sourceValue} for {destinationValue}",
         doneText: "Done",
-        toolTipText: "Copied!",
+        tooltipText: "Copied!",
         selectText: "Select amount to receive",
         sourceAmountMessage: "{ruleType, select, FIXED_GLOBAL_REWARD {{sourceValue}} other {{sourceMinValue} to {sourceMaxValue}}}",
         rewardRedeemedText: "Reward redeemed",
         redemptionError: "An error occured trying to redeem this reward. Please try again",
+        queryError: "Unable to load reward exchange list. Please try again",
         promoCode: "Promo code",
         skeletonCardNum: 8,
         rewardNameTitle: "Reward Name",
         rewardAmountTitle: "Reward Amount",
         costTitle: "Cost",
+        notEnoughError: "Sorry not enough!",
+        empty: (h("sqm-empty", { emptyStateImage: "https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_exchange2.png", emptyStateHeader: "Redeem rewards", emptyStateText: "Use your points to redeem rewards once they become available" })),
       },
     },
+    queryError: queryError,
     redeemStage: stage,
     amount: 0,
-    exchangeError: error,
+    exchangeError: exchangeError,
     loading: loading,
     selectedItem: selectedItem,
     selectedStep: selectedStep,
+    noExchangeOptions: noExchangeOptions,
     open: false,
   },
   data: {
@@ -118,19 +123,19 @@ const demoData = [
     ...baseReward,
     ...selected,
     ...name("Visa® Prepaid Card USD"),
-    ...imageUrl("https://res.cloudinary.com/saasquatch-staging/image/upload/v1643829161/tenant_test_a7iws76wkk4az/lmzj1rtxchiyquvazo5k.png"),
+    ...imageUrl("https://res.cloudinary.com/saasquatch/image/upload/v1644000268/squatch-assets/veHErQX.png"),
     ...variableValue(20, 80, "Points"),
   },
   {
     ...baseReward,
     ...name("$50 Store credit"),
-    ...imageUrl("https://res.cloudinary.com/saasquatch-staging/image/upload/v1643829222/tenant_test_a7iws76wkk4az/wvxtrsytmr4h1ozhxspv.png"),
+    ...imageUrl("https://res.cloudinary.com/saasquatch/image/upload/v1644000270/squatch-assets/WkCMVSE.png"),
     ...fixedValue("100 Points"),
   },
   {
     ...baseReward,
     ...name("Variable amount of store credit"),
-    ...imageUrl("https://res.cloudinary.com/saasquatch-staging/image/upload/v1643829263/tenant_test_a7iws76wkk4az/dbo8tb4qpwmhg5iudviq.png"),
+    ...imageUrl("https://res.cloudinary.com/saasquatch/image/upload/v1644000240/squatch-assets/Jn2fE0s.png"),
     ...variableValue(20, 100, "Points"),
   },
 ];
@@ -145,46 +150,46 @@ const data = [
     ...baseReward,
     ...selected,
     ...name("Visa® Prepaid Card USD"),
-    ...imageUrl("https://res.cloudinary.com/saasquatch-staging/image/upload/v1643829161/tenant_test_a7iws76wkk4az/lmzj1rtxchiyquvazo5k.png"),
+    ...imageUrl("https://res.cloudinary.com/saasquatch/image/upload/v1644000268/squatch-assets/veHErQX.png"),
     ...variableValue(20, 80, "Points"),
   },
   {
     ...baseReward,
     ...name("A very exclusive gift box"),
-    ...imageUrl("https://res.cloudinary.com/saasquatch-staging/image/upload/v1643829284/tenant_test_a7iws76wkk4az/cognmlwma874b5q94hqv.png"),
+    ...imageUrl("https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/93BvEgH.png"),
     ...fixedValue("30 SaaSquatch Points"),
   },
   {
     ...baseReward,
     ...name("$50 Store credit"),
-    ...imageUrl("https://res.cloudinary.com/saasquatch-staging/image/upload/v1643829222/tenant_test_a7iws76wkk4az/wvxtrsytmr4h1ozhxspv.png"),
+    ...imageUrl("https://res.cloudinary.com/saasquatch/image/upload/v1644000270/squatch-assets/WkCMVSE.png"),
     ...fixedValue("100 SaaSquatch Points"),
   },
   {
     ...baseReward,
     ...name("Variable amount of store credit"),
-    ...imageUrl("https://res.cloudinary.com/saasquatch-staging/image/upload/v1643829263/tenant_test_a7iws76wkk4az/dbo8tb4qpwmhg5iudviq.png"),
+    ...imageUrl("https://res.cloudinary.com/saasquatch/image/upload/v1644000240/squatch-assets/Jn2fE0s.png"),
     ...variableValue(20, 100, "Points"),
   },
   {
     ...baseReward,
     ...notEnoughPoints,
     ...name("A very rare cactus"),
-    ...imageUrl("https://res.cloudinary.com/saasquatch-staging/image/upload/v1643829341/tenant_test_a7iws76wkk4az/lgrlweifpsekh2y4zjih.png"),
+    ...imageUrl("https://res.cloudinary.com/saasquatch/image/upload/v1644000224/squatch-assets/hhlF2Ey.png"),
     ...fixedValue("2000 SaaSquatch Points"),
   },
   {
     ...baseReward,
     ...usTax,
     ...name("$1000 Store credit with a really super long name in the front page"),
-    ...imageUrl("https://res.cloudinary.com/saasquatch-staging/image/upload/v1643829384/tenant_test_a7iws76wkk4az/f0dzeyrx3hojncbgim8y.png"),
+    ...imageUrl("https://res.cloudinary.com/saasquatch/image/upload/v1644000273/squatch-assets/y9HSls1.png"),
     ...fixedValue("2000 SaaSquatch Long Points"),
   },
   {
     ...baseReward,
     ...notEnoughPoints,
     ...name("A holiday gift box"),
-    ...imageUrl("https://res.cloudinary.com/saasquatch-staging/image/upload/v1643829450/tenant_test_a7iws76wkk4az/ujzfhfkvwqb02dlgjx6q.png"),
+    ...imageUrl("https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/dWEdB3p.png"),
     ...fixedValue("100 SaaSquatch Points"),
   },
 ];
@@ -200,19 +205,19 @@ export const rewardExchangeLongText = {
       ...baseReward,
       ...notEnoughPoints,
       ...name("Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt ratione a itaque non obcaecati iste, amet repudiandae at consequatur adipisci culpa nam, incidunt exercitationem aliquid."),
-      ...imageUrl("https://res.cloudinary.com/saasquatch-staging/image/upload/v1643829450/tenant_test_a7iws76wkk4az/ujzfhfkvwqb02dlgjx6q.png"),
+      ...imageUrl("https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/dWEdB3p.png"),
       ...fixedValue("Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt ratione a itaque non obcaecati iste, amet repudiandae at consequatur adipisci culpa nam, incidunt exercitationem aliquid."),
     },
     {
       ...baseReward,
       ...name("Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt ratione a itaque non obcaecati iste, amet repudiandae at consequatur adipisci culpa nam, incidunt exercitationem aliquid."),
-      ...imageUrl("https://res.cloudinary.com/saasquatch-staging/image/upload/v1643829384/tenant_test_a7iws76wkk4az/f0dzeyrx3hojncbgim8y.png"),
+      ...imageUrl("https://res.cloudinary.com/saasquatch/image/upload/v1644000273/squatch-assets/y9HSls1.png"),
       ...fixedValue("Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt ratione a itaque non obcaecati iste, amet repudiandae at consequatur adipisci culpa nam, incidunt exercitationem aliquid."),
     },
     {
       ...baseReward,
       ...name("Suuuuuuuuper aweeeeesssssoooommme reward!!!!!!"),
-      ...imageUrl("https://res.cloudinary.com/saasquatch-staging/image/upload/v1643829222/tenant_test_a7iws76wkk4az/wvxtrsytmr4h1ozhxspv.png"),
+      ...imageUrl("https://res.cloudinary.com/saasquatch/image/upload/v1644000270/squatch-assets/WkCMVSE.png"),
       ...fixedValue("Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt ratione a itaque non obcaecati iste, amet repudiandae at consequatur adipisci culpa nam, incidunt exercitationem aliquid."),
     },
     ...data,
@@ -224,7 +229,7 @@ export const rewardExchangeCustomErrorMsg = {
       ...baseReward,
       ...customError,
       ...name("A very rare cactus"),
-      ...imageUrl("https://res.cloudinary.com/saasquatch-staging/image/upload/v1643829341/tenant_test_a7iws76wkk4az/lgrlweifpsekh2y4zjih.png"),
+      ...imageUrl("https://res.cloudinary.com/saasquatch/image/upload/v1644000224/squatch-assets/hhlF2Ey.png"),
       ...fixedValue("2000 SaaSquatch Points"),
     },
     ...data,
@@ -235,7 +240,7 @@ export const rewardExchangeSelected = {
     ...baseReward,
     ...selected,
     ...name("Visa® Prepaid Card USD"),
-    ...imageUrl("https://res.cloudinary.com/saasquatch-staging/image/upload/v1643829161/tenant_test_a7iws76wkk4az/lmzj1rtxchiyquvazo5k.png"),
+    ...imageUrl("https://res.cloudinary.com/saasquatch/image/upload/v1644000268/squatch-assets/veHErQX.png"),
     ...variableValue(20, 80, "Points"),
   }),
 };
@@ -265,7 +270,7 @@ export const chooseAmountVariable = {
   ...baseResponse(data, "chooseAmount", {
     ...baseReward,
     ...name("Visa® Prepaid Card USD"),
-    ...imageUrl("https://res.cloudinary.com/saasquatch-staging/image/upload/v1643829161/tenant_test_a7iws76wkk4az/lmzj1rtxchiyquvazo5k.png"),
+    ...imageUrl("https://res.cloudinary.com/saasquatch/image/upload/v1644000268/squatch-assets/veHErQX.png"),
     ...variableValue(20, 80, "Points"),
     steps: [
       baseStep(20, "$", 40, "Points"),
@@ -296,7 +301,7 @@ export const chooseAmountVariableDisabled = {
   ...baseResponse(data, "chooseAmount", {
     ...baseReward,
     ...name("Visa® Prepaid Card USD"),
-    ...imageUrl("https://res.cloudinary.com/saasquatch-staging/image/upload/v1643829161/tenant_test_a7iws76wkk4az/lmzj1rtxchiyquvazo5k.png"),
+    ...imageUrl("https://res.cloudinary.com/saasquatch/image/upload/v1644000268/squatch-assets/veHErQX.png"),
     ...variableValue(20, 80, "Points"),
     steps: [
       baseStep(20, "$", 40, "Points"),
@@ -311,7 +316,7 @@ export const chooseAmountVariableUnavailable = {
   ...baseResponse(data, "chooseAmount", {
     ...baseReward,
     ...name("Visa® Prepaid Card USD"),
-    ...imageUrl("https://res.cloudinary.com/saasquatch-staging/image/upload/v1643829161/tenant_test_a7iws76wkk4az/lmzj1rtxchiyquvazo5k.png"),
+    ...imageUrl("https://res.cloudinary.com/saasquatch/image/upload/v1644000268/squatch-assets/veHErQX.png"),
     ...variableValue(20, 80, "Points"),
     steps: [
       baseStep(20, "$", 40, "Points"),
@@ -326,7 +331,7 @@ export const chooseAmountFixed = {
   ...baseResponse(data, "chooseAmount", {
     ...baseReward,
     ...name("Free swag with a promo code"),
-    ...imageUrl("https://res.cloudinary.com/saasquatch-staging/image/upload/v1643829486/tenant_test_a7iws76wkk4az/xtptk0dynrxxlkg0dctb.png"),
+    ...imageUrl("https://res.cloudinary.com/saasquatch/image/upload/v1644000252/squatch-assets/n7vC4BR.png"),
     ...fixedValue("40 SaaSquatch Points"),
   }),
 };
@@ -343,7 +348,7 @@ export const confirmFixed = {
   ...baseResponse(data, "confirmation", {
     ...baseReward,
     ...name("Free swag with a promo code"),
-    ...imageUrl("https://res.cloudinary.com/saasquatch-staging/image/upload/v1643829486/tenant_test_a7iws76wkk4az/xtptk0dynrxxlkg0dctb.png"),
+    ...imageUrl("https://res.cloudinary.com/saasquatch/image/upload/v1644000252/squatch-assets/n7vC4BR.png"),
     ...fixedValue("40 SaaSquatch Points"),
   }),
 };
@@ -351,23 +356,26 @@ export const confirmVariable = {
   ...baseResponse(data, "confirmation", {
     ...baseReward,
     ...name("Visa® Prepaid Card USD"),
-    ...imageUrl("https://res.cloudinary.com/saasquatch-staging/image/upload/v1643829161/tenant_test_a7iws76wkk4az/lmzj1rtxchiyquvazo5k.png"),
+    ...imageUrl("https://res.cloudinary.com/saasquatch/image/upload/v1644000268/squatch-assets/veHErQX.png"),
     ...variableValue(20, 80, "Points"),
   }, baseStep(20, "$", 40, "Points")),
 };
-export const error = {
+export const redemptionError = {
   ...baseResponse(data, "confirmation", {
     ...baseReward,
     ...name("Visa® Prepaid Card USD"),
-    ...imageUrl("https://res.cloudinary.com/saasquatch-staging/image/upload/v1643829161/tenant_test_a7iws76wkk4az/lmzj1rtxchiyquvazo5k.png"),
+    ...imageUrl("https://res.cloudinary.com/saasquatch/image/upload/v1644000268/squatch-assets/veHErQX.png"),
     ...variableValue(20, 80, "Points"),
   }, baseStep(20, "$", 40, "Points"), true),
 };
+export const queryError = {
+  ...baseResponse(undefined, "chooseReward", undefined, undefined, undefined, undefined, undefined, undefined, true),
+};
 export const success = {
   ...baseResponse(data, "success", {
     ...baseReward,
     ...name("Free swag with a promo code"),
-    ...imageUrl("https://res.cloudinary.com/saasquatch-staging/image/upload/v1643829486/tenant_test_a7iws76wkk4az/xtptk0dynrxxlkg0dctb.png"),
+    ...imageUrl("https://res.cloudinary.com/saasquatch/image/upload/v1644000252/squatch-assets/n7vC4BR.png"),
     ...fixedValue("40 SaaSquatch Points"),
   }, undefined, undefined, undefined, "4ah2-hh46-gk7r"),
 };
@@ -375,10 +383,13 @@ export const successVariable = {
   ...baseResponse(data, "success", {
     ...baseReward,
     ...name("Visa® Prepaid Card USD"),
-    ...imageUrl("https://res.cloudinary.com/saasquatch-staging/image/upload/v1643829284/tenant_test_a7iws76wkk4az/cognmlwma874b5q94hqv.png"),
+    ...imageUrl("https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/93BvEgH.png"),
     ...variableValue(20, 80, "Points"),
   }, baseStep(20, "$", 40, "Points")),
 };
 export const loading = {
   ...baseResponse(null, "chooseReward", null, null, false, true),
 };
+export const empty = {
+  ...baseResponse(null, "chooseReward", null, null, false, false, null, true),
+};