@saasquatch/mint-components 1.3.2-8 → 1.3.2-9

package/dist/cjs/sqm-graphql-client-provider.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
 require('./use-callback-fadb2643.js');
-const index_module = require('./index.module-6a7bda18.js');
+const index_module = require('./index.module-7dd4b981.js');
 
 async function useGraphQLClientProvider({ domain }) {
   const token = index_module.Q();

package/dist/cjs/{index-19309631.js → sqm-leaderboard-rank-view-a99b4cd9.js}

@@ -1,7 +1,8 @@
 'use strict';
 
-const index_module = require('./index.module-6a7bda18.js');
-const tslib_es6 = require('./tslib.es6-0e81fab1.js');
+const index = require('./index-b0129cd6.js');
+const global = require('./global-ff7fbc86.js');
+const index_module = require('./index.module-7dd4b981.js');
 
 var docCache = new Map();
 var fragmentSourceMap = new Map();
@@ -41,7 +42,7 @@ function processFragments(ast) {
             definitions.push(fragmentDefinition);
         }
     });
-    return tslib_es6.__assign(tslib_es6.__assign({}, ast), { definitions: definitions });
+    return global.__assign(global.__assign({}, ast), { definitions: definitions });
 }
 function stripLoc(doc) {
     var workSet = new Set(doc.definitions);
@@ -121,4 +122,10 @@ var extras = {
 gql["default"] = gql;
 const gql$1 = gql;
 
+function LeaderboardRankView(props) {
+  const { data } = props;
+  return index.h("span", { class: "P" }, data.rank);
+}
+
+exports.LeaderboardRankView = LeaderboardRankView;
 exports.gql = gql$1;

package/dist/cjs/sqm-leaderboard-rank.cjs.entry.js

@@ -2,17 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index$1 = require('./index-b0129cd6.js');
+const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
-const global = require('./global-041b5338.js');
+const global = require('./global-ff7fbc86.js');
 require('./use-callback-fadb2643.js');
-const index_module = require('./index.module-6a7bda18.js');
-require('./tslib.es6-0e81fab1.js');
+const index_module = require('./index.module-7dd4b981.js');
 const cjs = require('./cjs-1066ec21.js');
-const index = require('./index-19309631.js');
-const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-35015d30.js');
+const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-a99b4cd9.js');
 
-const GET_RANK = index.gql `
+const GET_RANK = sqmLeaderboardRankView.gql `
   query ($type: String!, $filter: UserLeaderboardFilterInput) {
     viewer {
       ... on User {
@@ -52,7 +50,7 @@ const sqmLeaderboardRankCss = "p,.P{font-size:var(--sl-font-size-small);color:va
 
 const LeaderboardRank = class {
   constructor(hostRef) {
-    index$1.registerInstance(this, hostRef);
+    index.registerInstance(this, hostRef);
     /**
      * @uiName Rank Text
      */
@@ -64,7 +62,7 @@ const LeaderboardRank = class {
     const props = index_module.j()
       ? useLeaderboardRankDemo(this)
       : useLeaderboardRank(this);
-    return index$1.h(sqmLeaderboardRankView.LeaderboardRankView, Object.assign({}, props));
+    return index.h(sqmLeaderboardRankView.LeaderboardRankView, Object.assign({}, props));
   }
 };
 function useLeaderboardRankDemo(props) {

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

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
 require('./use-callback-fadb2643.js');
-const index_module = require('./index.module-6a7bda18.js');
+const index_module = require('./index.module-7dd4b981.js');
 const cjs = require('./cjs-1066ec21.js');
-const ShadowViewAddon = require('./ShadowViewAddon-75c18b96.js');
+const ShadowViewAddon = require('./ShadowViewAddon-a85b8c8d.js');
 
 const sqmLeaderboardCss = ":host{display:block}:host([hidden]){display:none}table{width:100%}th{font-size:var(--sl-font-size-small);font-weight:var(--sl-font-weight-semibold);text-align:left}td{font-size:var(--sl-font-size-medium);font-weight:var(--sl-font-weight-normal)}td,th{color:var(--sl-color-gray-800);padding:var(--sl-spacing-x-small) var(--sl-spacing-small)}.User{width:100%}.Score{width:auto;white-space:nowrap}";
 

package/dist/cjs/sqm-name-fields.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
 require('./use-callback-fadb2643.js');
-const index_module = require('./index.module-6a7bda18.js');
+const index_module = require('./index.module-7dd4b981.js');
 require('./jss-preset-default.esm-6304d24f.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-7b7c59fe.js');

package/dist/cjs/{sqm-navigation-sidebar-item-view-e99b4a10.js → sqm-navigation-sidebar-item-view-6c7f78e6.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const index_module = require('./index.module-6a7bda18.js');
+const index_module = require('./index.module-7dd4b981.js');
 const jssPresetDefault_esm = require('./jss-preset-default.esm-6304d24f.js');
 const mixins = require('./mixins-7b7c59fe.js');
 

package/dist/cjs/sqm-navigation-sidebar-item.cjs.entry.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
 require('./use-callback-fadb2643.js');
-const index_module = require('./index.module-6a7bda18.js');
+const index_module = require('./index.module-7dd4b981.js');
 require('./jss-preset-default.esm-6304d24f.js');
 const utils = require('./utils-95e5317c.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-7b7c59fe.js');
-const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-e99b4a10.js');
+const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-6c7f78e6.js');
 
 function useNavigationSidebarItem(props) {
   const currentPage = index_module.an();

package/dist/cjs/sqm-popup-container.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
 require('./use-callback-fadb2643.js');
-const index_module = require('./index.module-6a7bda18.js');
+const index_module = require('./index.module-7dd4b981.js');
 const utils = require('./utils-95e5317c.js');
 
 const PopupContainerView = (props) => {

package/dist/cjs/{sqm-portal-email-verification-view-5e955797.js → sqm-portal-email-verification-view-2cebd06b.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const global = require('./global-041b5338.js');
+const global = require('./global-ff7fbc86.js');
 const jssPresetDefault_esm = require('./jss-preset-default.esm-6304d24f.js');
 const mixins = require('./mixins-7b7c59fe.js');
 const sqmTextSpanView = require('./sqm-text-span-view-b5ae787b.js');

package/dist/cjs/sqm-portal-email-verification.cjs.entry.js

@@ -4,15 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
-require('./global-041b5338.js');
+require('./global-ff7fbc86.js');
 require('./use-callback-fadb2643.js');
-const index_module = require('./index.module-6a7bda18.js');
-require('./tslib.es6-0e81fab1.js');
+const index_module = require('./index.module-7dd4b981.js');
 require('./jss-preset-default.esm-6304d24f.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-7b7c59fe.js');
 require('./sqm-text-span-view-b5ae787b.js');
-const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-5e955797.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-2cebd06b.js');
 
 function usePortalEmailVerification(props) {
   var _a, _b, _c, _d, _e;

package/dist/cjs/{sqm-portal-footer-view-9089feb7.js → sqm-portal-footer-view-de1763c4.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const global = require('./global-041b5338.js');
+const global = require('./global-ff7fbc86.js');
 const jssPresetDefault_esm = require('./jss-preset-default.esm-6304d24f.js');
 
 function PoweredByImg({ color = "#A6A6A6", width = 190, height = 29, }) {

package/dist/cjs/sqm-portal-footer.cjs.entry.js

@@ -4,13 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
-require('./global-041b5338.js');
+require('./global-ff7fbc86.js');
 require('./use-callback-fadb2643.js');
-require('./index.module-6a7bda18.js');
-require('./tslib.es6-0e81fab1.js');
+require('./index.module-7dd4b981.js');
 require('./jss-preset-default.esm-6304d24f.js');
 const utils = require('./utils-95e5317c.js');
-const sqmPortalFooterView = require('./sqm-portal-footer-view-9089feb7.js');
+const sqmPortalFooterView = require('./sqm-portal-footer-view-de1763c4.js');
 
 const PortalFooter = class {
   constructor(hostRef) {

package/dist/cjs/sqm-portal-forgot-password.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
 require('./use-callback-fadb2643.js');
-const index_module = require('./index.module-6a7bda18.js');
+const index_module = require('./index.module-7dd4b981.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
 require('./jss-preset-default.esm-6304d24f.js');
 const cjs = require('./cjs-1066ec21.js');

package/dist/cjs/sqm-portal-logout.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
 require('./use-callback-fadb2643.js');
-const index_module = require('./index.module-6a7bda18.js');
+const index_module = require('./index.module-7dd4b981.js');
 
 function usePortalLogout({ nextPage }) {
   index_module.L(undefined);

package/dist/cjs/{sqm-portal-profile-view-a23ea292.js → sqm-portal-profile-view-680ee551.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const global = require('./global-041b5338.js');
+const global = require('./global-ff7fbc86.js');
 const jssPresetDefault_esm = require('./jss-preset-default.esm-6304d24f.js');
 const sqmPortalContainerView = require('./sqm-portal-container-view-d144735a.js');
 const sqmTextSpanView = require('./sqm-text-span-view-b5ae787b.js');

package/dist/cjs/sqm-portal-profile.cjs.entry.js

@@ -4,16 +4,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
-require('./global-041b5338.js');
+require('./global-ff7fbc86.js');
 require('./use-callback-fadb2643.js');
-const index_module = require('./index.module-6a7bda18.js');
-require('./tslib.es6-0e81fab1.js');
+const index_module = require('./index.module-7dd4b981.js');
 require('./jss-preset-default.esm-6304d24f.js');
 const utils = require('./utils-95e5317c.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./sqm-portal-container-view-d144735a.js');
 require('./sqm-text-span-view-b5ae787b.js');
-const sqmPortalProfileView = require('./sqm-portal-profile-view-a23ea292.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-680ee551.js');
 
 const GET_USER = index_module.dist.gql `
   query {

package/dist/cjs/sqm-portal-protected-route.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
 require('./use-callback-fadb2643.js');
-const index_module = require('./index.module-6a7bda18.js');
+const index_module = require('./index.module-7dd4b981.js');
 
 function usePortalProtectedRoute({ requireEmailVerification, redirectTo, redirectToUnverified, }) {
   var _a;

package/dist/cjs/sqm-portal-reset-password.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
 require('./use-callback-fadb2643.js');
-const index_module = require('./index.module-6a7bda18.js');
+const index_module = require('./index.module-7dd4b981.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
 require('./jss-preset-default.esm-6304d24f.js');
 const cjs = require('./cjs-1066ec21.js');

package/dist/cjs/sqm-portal-verify-email.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
 require('./use-callback-fadb2643.js');
-const index_module = require('./index.module-6a7bda18.js');
+const index_module = require('./index.module-7dd4b981.js');
 require('./jss-preset-default.esm-6304d24f.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-7b7c59fe.js');

package/dist/cjs/sqm-referral-table-column.cjs.entry.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
 require('./use-callback-fadb2643.js');
-require('./index.module-6a7bda18.js');
-const reRender = require('./re-render-7cdb2d81.js');
+require('./index.module-7dd4b981.js');
+const reRender = require('./re-render-6111d4bd.js');
 
 const ReferralTableGenericColumn = class {
   constructor(hostRef) {

package/dist/cjs/sqm-referral-table-date-column.cjs.entry.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
 require('./use-callback-fadb2643.js');
-require('./index.module-6a7bda18.js');
-const reRender = require('./re-render-7cdb2d81.js');
+require('./index.module-7dd4b981.js');
+const reRender = require('./re-render-6111d4bd.js');
 
 const ReferralTableDateColumn = class {
   constructor(hostRef) {

package/dist/cjs/sqm-referral-table-rewards-column.cjs.entry.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
 require('./use-callback-fadb2643.js');
-require('./index.module-6a7bda18.js');
-const reRender = require('./re-render-7cdb2d81.js');
+require('./index.module-7dd4b981.js');
+const reRender = require('./re-render-6111d4bd.js');
 
 const ReferralTableRewardsColumn = class {
   constructor(hostRef) {

package/dist/cjs/sqm-referral-table-status-column.cjs.entry.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
 require('./use-callback-fadb2643.js');
-require('./index.module-6a7bda18.js');
-const reRender = require('./re-render-7cdb2d81.js');
+require('./index.module-7dd4b981.js');
+const reRender = require('./re-render-6111d4bd.js');
 
 const ReferralTableStatusColumn = class {
   constructor(hostRef) {

package/dist/cjs/sqm-referral-table-user-column.cjs.entry.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
 require('./use-callback-fadb2643.js');
-require('./index.module-6a7bda18.js');
-const reRender = require('./re-render-7cdb2d81.js');
+require('./index.module-7dd4b981.js');
+const reRender = require('./re-render-6111d4bd.js');
 
 const ReferralTableUserColumn = class {
   constructor(hostRef) {

package/dist/cjs/sqm-share-code.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
 require('./use-callback-fadb2643.js');
-const index_module = require('./index.module-6a7bda18.js');
+const index_module = require('./index.module-7dd4b981.js');
 require('./jss-preset-default.esm-6304d24f.js');
 const utils = require('./utils-95e5317c.js');
 const cjs = require('./cjs-1066ec21.js');

package/dist/cjs/{useDemoBigStat-051a69f7.js → useDemoBigStat-2786227e.js}

@@ -2,7 +2,7 @@
 
 const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
-const index_module = require('./index.module-6a7bda18.js');
+const index_module = require('./index.module-7dd4b981.js');
 const jssPresetDefault_esm = require('./jss-preset-default.esm-6304d24f.js');
 const cjs = require('./cjs-1066ec21.js');
 

package/dist/collection/collection-manifest.json

@@ -3,6 +3,7 @@
     "./components/sqm-password-field/sqm-password-field.js",
     "./components/sqm-referral-table/sqm-referral-table.js",
     "./components/sqm-reward-exchange-list/sqm-reward-exchange-list.js",
+    "./components/sqm-rewards-table/sqm-rewards-table.js",
     "./components/sqm-asset-card/sqm-asset-card.js",
     "./components/sqm-big-stat/sqm-big-stat.js",
     "./components/sqm-divided-layout/sqm-divided-layout.js",
@@ -43,7 +44,7 @@
     "./components/sqm-referral-table/columns/sqm-referral-table-rewards-column.js",
     "./components/sqm-referral-table/columns/sqm-referral-table-status-column.js",
     "./components/sqm-referral-table/columns/sqm-referral-table-user-column.js",
-    "./components/sqm-rewards-table/sqm-rewards-table.js",
+    "./components/sqm-rewards-table/sqm-rewards-table-column.js",
     "./components/sqm-route/sqm-route.js",
     "./components/sqm-router/sqm-router.js",
     "./components/sqm-share-button/sqm-share-button.js",

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

@@ -0,0 +1,21 @@
+import { h } from "@stencil/core";
+import { RewardExchangeView } from "./sqm-reward-exchange-list-view";
+import * as Data from "./RewardExchangeListData";
+export default {
+  title: "Components/Reward Exchange List",
+};
+const resizable = {
+  width: "683px",
+  minWidth: "260px",
+  resize: "horizontal",
+  height: "fit-content",
+  overflow: "hidden",
+};
+export const Default = () => {
+  return (h("div", { style: resizable },
+    h(RewardExchangeView, Object.assign({}, Data.test))));
+};
+export const Default2 = () => {
+  return (h("div", { style: { ...resizable, height: "700px" } },
+    h(RewardExchangeView, Object.assign({}, Data.test2))));
+};

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

@@ -0,0 +1,218 @@
+const baseResponse = (data) => ({
+  states: {
+    content: null,
+    redeemStage: "chooseReward",
+    amount: 0,
+    exchangeError: false,
+    loading: false,
+    selectedItem: null,
+    selectedStep: null,
+  },
+  data: {
+    exchangeList: data,
+  },
+  callbacks: {
+    exchangeReward: null,
+    openDrawer: null,
+    setStage: null,
+    setExchangeState: null,
+    refs: null,
+  },
+  refs: null,
+});
+const baseReward = {
+  key: "",
+  name: "",
+  description: "",
+  imageUrl: "",
+  available: true,
+  unavailableReason: null,
+  unavailableReasonCode: null,
+  ruleType: "FIXED_GLOBAL_REWARD",
+  sourceUnit: "POINT",
+  sourceValue: 10,
+  prettySourceValue: "10 SaaSquatch Points",
+  sourceMinValue: null,
+  prettySourceMinValue: null,
+  sourceMaxValue: null,
+  prettySourceMaxValue: null,
+  destinationMinValue: null,
+  prettyDestinationMinValue: null,
+  destinationMaxValue: null,
+  prettyDestinationMaxValue: null,
+  globalRewardKey: "",
+  destinationUnit: null,
+  steps: [],
+};
+const notEnoughPoints = {
+  available: false,
+  unavailableReasonCode: "INSUFFICIENT_REDEEMABLE_CREDIT",
+};
+const usTax = {
+  available: false,
+  unavailableReasonCode: "US_TAX",
+};
+const imageUrl = (props) => ({
+  imageUrl: props,
+});
+const description = (props) => ({
+  description: props,
+});
+const fixedValue = (props) => ({
+  prettySourceValue: props,
+});
+const variableValue = (min, max, text) => ({
+  ruleType: "VARIABLE_CREDIT_REWARD",
+  sourceMinValue: min,
+  prettySourceMinValue: min + " " + text,
+  sourceMaxValue: max,
+  prettySourceMaxValue: max + " " + text,
+});
+export const test = {
+  ...baseResponse([
+    {
+      ...baseReward,
+      ...description("Free swag with a promo code"),
+      ...imageUrl("https://i.imgur.com/Ds7M19I.png"),
+      ...fixedValue("40 SaaSquatch Points"),
+    },
+    {
+      ...baseReward,
+      ...description("Visa® Prepaid Card USD"),
+      ...imageUrl("https://i.imgur.com/4s3q2zz.png"),
+      ...variableValue(20, 80, "SaaSquatch Points"),
+    },
+    {
+      ...baseReward,
+      ...description("A very exclusive gift box"),
+      ...imageUrl("https://i.imgur.com/XuiJi4l.png"),
+      ...fixedValue("30 SaaSquatch Points"),
+    },
+    {
+      ...baseReward,
+      ...description("$50 Store credit"),
+      ...imageUrl("https://i.imgur.com/WkCMVSE.png"),
+      ...fixedValue("100 SaaSquatch Points"),
+    },
+    {
+      ...baseReward,
+      ...description("Variable amount of store credit"),
+      ...imageUrl("https://i.imgur.com/Jn2fE0s.png"),
+      ...variableValue(20, 100, "SaaSquatch Points"),
+    },
+    {
+      ...baseReward,
+      ...notEnoughPoints,
+      ...description("A very rare cactus"),
+      ...imageUrl("https://i.imgur.com/CvCdpXc.png"),
+      ...fixedValue("2000 SaaSquatch Points"),
+    },
+    {
+      ...baseReward,
+      ...usTax,
+      ...description("$1000 Store credit"),
+      ...imageUrl("https://i.imgur.com/I9FCh9Z.png"),
+      ...fixedValue("2000 SaaSquatch Points"),
+    },
+    {
+      ...baseReward,
+      ...notEnoughPoints,
+      ...description("A holiday gift box"),
+      ...imageUrl("https://i.imgur.com/HBJS1WH.png"),
+      ...fixedValue("100 SaaSquatch Points"),
+    },
+  ]),
+};
+export const test2 = {
+  states: {
+    content: {
+      text: {
+        buttonText: "Exchange Rewards",
+        ignored: true,
+      },
+    },
+    redeemStage: "chooseAmount",
+    amount: 0,
+    exchangeError: false,
+    loading: false,
+    selectedItem: {
+      key: "r4",
+      name: "Salmon Coins",
+      description: "Points for Salmon Coins",
+      imageUrl: "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHCBUWFRgWFRYYGRgZGh4cHBocHR4aHxwdGRwZHBwfHh4cIS4lHB4rHxoYJjgnKy8xNTU1GiQ7QD00Py40NTEBDAwMEA8QHhISHzQrJCs0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NP/AABEIAIABiQMBIgACEQEDEQH/xAAcAAEAAQUBAQAAAAAAAAAAAAAABAECAwUGBwj/xAA+EAABAwICBgYHBwQCAwAAAAABAAIRAyEEMQUSQVFhcQYTgZGhsQciMkJScvAUYoKSwdHhorLC8SMzFUNj/8QAGAEBAQEBAQAAAAAAAAAAAAAAAAECAwT/xAAfEQEBAQEBAQEAAwEBAAAAAAAAARECEiExE0FRYQP/2gAMAwEAAhEDEQA/APZkREBERAREQEREBERAREQEREBERAREQERY6jw0EkgACSTYADMk7AgvVjHgzBBixgzBXmfSjpqapNLDuLaeTqgs58Zhl/Vbx28BnA0Lj3UXNcx0G0tmxHwkW1tvLhks3qRZHryqtdonSjK7dZtnCzmzJaf1HFbFWXUERFQREQEREBERAREQEREBERAREQEREBERAREQEREBERAREQEREBERAREQEREBERAREQEREBFSVqdNafoYVoNaoAT7LBdzvlaLxxyG0oNlUqBoLnEAASSTAAFySTkF5H0z6WHEuNKiSKANx7JqkXl20MFoHfsAidKemVTFeo31KPwAgl0ZF7hY7IaLA39aBHNsIO0cv34eaCVSeBlcnblb/FqnYatxz3WLhw+FnHMrVMfx7/MjyCkMI5znx+Y7flCx1NajqNGaUdTIex2qRYRkRuj3h+y9D0Lp2nXETq1APWb5xv5ZjxXj9Ovt8dsdmXIHmVKw+OIg62rGWqQIINvWs1vZJWeZeVuV7gi5Xoj0j+0g03kGowSSMnNkCTYAOkjK17cOqXSXWBERUEREBERAREQEREBERAREQEREBERBRFjq1WtaXOcGtAkuJAAG8k2C5LS/TukyW0GGq74j6jO83PcAd6DslQFeI6Y6VYmvOvWcG/BS9RvIwZcODiV1vomonq69QWa57Wht82N1i6+ZIe0diD0JERAREQEREBERARFgxOJZTaX1HtY0ZucQAOZNkGdFxmkvSJg2SGa9Y5eo2G/mdEji2VzmO9JWIdalTp0xvcS93+IHcUHqyiYvH0qQmpUYwb3ua3+4rxTG9IsbV9vEVI3NPVjuZC1XUyST7RvfM85zQezYrptgGW68OO5jXP8AFojxWoxHpMw49ilVfxOowH+onwXmzcKdqudhrG0oOyr+k+qfYwzG/M9zvANatfX9ImOd7Ios5NJI/M4+S55lCQREFXvoaosJU0ScV0u0g+ZxL28GtYzxa2fFaKs173F73ue45uc4uceZcSStuyiI8+zmqfZNvDJNGlGGVww5W21BFh2eCubSMAxCmrjUCkruqK2v2dUNAxZTVazUdlJU7A6Rq0rs1J3vp06jvzPYXeKyCiQL5jzhUZhrXAngg2+H6c41lmmnx/42j+2FLZ6RcbtFA/gd+j1z4o8Fa2lJNoTTHV0/SVifeo0Ty1m+bipdL0nO9/DDm2p+hZ+q4p9A7B3rG7D7ldR6NR9JlA+1Qqj5Sx3m4KfR9IOCd7RqM+ZhP9msvKjQVr6B2Jo9oodLcC/LEsHzSz+8BbLDaRo1P+urTf8AK9rvIrwQUSrTSDtxummPohF4Dh8VXZ/11qrAPhe9o7gYUmp0kxzmln2mrB3EB35wNYd6uo9oxukqNETWqspg5a7mtnlJute3pbgSYGJp9pgd5svC6mHc5xcXFzjmXEknmTcqVo3Btc8Nq1RSZHt6jn8hqtuVLf8AFkfQVGs17Q5rg5pyIIIPIjNZFxnQgYXDsdTZjadUvdrBtqcWizC4mTtPALswVZUVREVBEWr0tpujh2k1HXiQwXc7k3ntMBBs1y+nOmFKjLaUVXjODDW/M7aeA3XIXHae6XVq8tE06RkBjbufwc7ad7R6oyOstA8SBrmBsYMvC7nclm0TdJ6Zq4l01Hl8GzR6rGn7rbxzu6+ajOpW9cwPhH6/RVGHdYcBJ7hYfVlewxlnvzPfkPBc63GsxNODkQBsi8cBGXYAvbui+jxQwtFgEHUDncXP9Z09pK8r6N4QV8XSY4Swv1nWMEMBeQTx1YjivbF1n4wIiKgiIgIoOkdJUaDdatUaxuzWMExsAzceAuuG016RjduFpz/9KgMfhYDPeRyQeh1KgaC5xAAuSTAA4k5LldJ9PsHSkNc6s7dTEt/OYaRyleZY/FVq/rYis525rnta0cmWaOwBR6VJvZs4q4mur0j6Q8U+RRYykN//AGO4GXANH5SuWxlWrWdr13ve7e8zHyjJo4CFIpU5dnEe7CzMpgkGO02gBTYIlHCNOWaq7CxnCmsLGky4H9O7MqSXMd7Jnz7Vf0a84Y7M1e3DAGTErOQcoVGAgXud6xeo1jC+iDsmLgHfCyNZa43LIAeCrqu4f6UvS4w06bRIBvtG76/VXhuYiwyWRtMzO+yv1Dv3qejEcuEScuSqy4BG0LK6mdpsVXqSs+lxHfRsdWATwVWstfwUjqztOfJWll4m5k5d6noxH1A4R5KoZsj+Fnbh4yt2BVFMzF8s7J6XGBzIyEo1ucgjmpXUcSqvpwJv5p6MRXU4KPZAsCeA4qUKMDWEmc8haMzKvFDinpMQxTtzWGphSQIMR4rZ9TxKtFDVMTmdt8k9JiA6lA9bZmVa2nrXGV4Wy6kn/SCieCejGt+z7xmqNw42dotmtmKBz3oaJ2Af7V0xrRQWB2GcTIIjzW2dhycx9cVUUjuWtRqeom8Kx1K4EEzt3dq2tXCuIgerfNXtoHIieJj9E1WndhQsuHxFWkJp1XsH3HOb4A3WxNI5kW7FjfhpvfMfUKWkS8J0xxzBPWB42B7GnxbB8Vs6HpHrCzsOxzvuuczwId5rROpDYIUX7MdbIRGe8/tmp7MbLSXS/F1zGv1TDbVpktJ5vnW7iBwWrNSZtebn6vzOfFVdRGcXG/gsRBDshzlX2YvNM5iBPvHyaNg4eG1YjTGwEnaTf67SFKaRffynyusVWmTcz2sJ7tdat2J/axur7zm8p1u5rLDvV9erAsCecADs/hVYHDIv7NRo8FHxTnfAT+L9LrEm1b+Oz9GGj9Z9XEOAloFNsTm71nk615jU/MV6UuX9HmC6vBMMQajnVD+Iw3+lrV1C7MiIiAuO9IHSKthWU20GEvqlw19XWDA3VyGRcS4RNrGxXYrnOk2lMTRNPqKTHtdOs5xIAgthoIyLpME2tkUHj+OOIc7rq7aznEj13tI5Aa1o3NFuCuwrdbWE6riLS3IjxFoyBXqjelDXtLK+FqesIcwalQXzBDi0kfhXKaVwNBjvUa4U3e44arqZ+66TLfEdsiejHLvwuIBa6wMga4aHsc0DIyQGk2sYNjvKtpawqOLWwwxbjAkwbiTPet7UoPp2JljvZeNvBw913gdig1KV5XK3LrUmzGLDTrtaTMmOU2/lS37ABbb/AAsOFoE1GQPeb5hSXsHblO1T18Xz9Ryxu5VwLTDzuj/L9JVXtUmizOMnF3c0GPM9y1OrSxjartiFiqAufVakUoP1hJEZrK6mSRBi97Z71cwZdir9d4WNXFdVXNEqx0ERvVW2Fgp6XyuLFY5h1gda0XEZ9queyYuREG31krnH+fruU9LimomoMz2LIFR0C5OXYI4p6MYxTOtMjVjLirnTcNF4tOXarmNMkmI2b+9Zm7Pr6/hPRjBTa7Ii+/YVke0xbPYs4CAJ6MYg3KyvaxXGYnM7BvVackXEHd2/68U9GMb6YIIOX6K3qwIHYJ+tyyUmOvr6udonLjO1XagsSMtvZCejGCjh2tsNu03klZQxYsSx9tRwF7yFlkNgE3yE7SrOk8mp9fXasLcOQ4nXJnJuwfWaz6xmIsRnbPkriP3VnR5Y9S/P/StbB+uav2fXFY2MDRAgBb1PK5zARBEqxrCTIJABiIF/4V7XAHNXdYO1X6mLKtEOBaQSCLqw4Yauq31Rsjv2rKao+vFKeHcSS1r3TsDSc+Q4KWUYxTsNvNW1mgA2mPFTv/H4g5Uan5CPNYq2isRBmg8j5Z8FPPRsatzgXECLfV9ywOpif45fXapr6DwdUtLTuIIPcVb1WrcxuG4fynMpsQyyPLb+gPkotRzQbhp5kDwICmVXjeQOYjucIBUWq8jcR94FvcW2K758xz36xlrfgj8MjwJUSs1v3B4f3BSw5o90s4tgjvb+yxYydWQ6RxA8wYWZ+rXqfo9x/WYNjSQTSJpmDsEFv9JA7CuqXlPotx5biKlLJr6etH3mERH4XOmNwXqy6siIiArHNBEG4KvRBp8XoNjrsJpncAHM7WnIfKWrVVKGKpWcwPZvpme9jr90rrEQcBUbQMyzVM3nWaAeAB1QeS1dbRjM2vjg6/iP2XpOJwTH+00ExEizo5i8cFrH9Gqcy2AeLWu8gFiytS44puHYy4cHOi0ZDZKgVMPORlegO0PUbZmpHzOb4AR4qK/RNfiB90yfF58li87+rOscTTwT5HqnmRAHG+alDDRyFu/+JK6N2BLTdpHF0yVKo4VgF4KvM35C2OKqtDZLnBvMxMhRnYpnuBzvlB8yt5pvo/TZrVWAu2lusZ7Jz5LRMqUzsaOcHzlZ65y/VnSprH4I+ZzR5lOsd8LOx7VIAaBIcR2D9WfqrqYJMes7dZpn8oXOyNzWClUJIBaR4/QUkMU+ngY4k5/sPFX/AGXZ9bFm81djWOaRECZsrw1T/syDDeaxjSG1nmq9XkpzMMq9QfBXE1DDFka3fkpXUHcqmgdmcJhqKykGiGgDkq6ql9QqUsKAIE773vxKmLqMGqrWKaMOrm4fbClVE1FaaUrYjDqvUKfVa80bz3KvUeS2LcNfKyzNw4GasqfGpOFJtcRe23f2LL9iO7gtoQR7LHu+Vrj5BafFaRfJaPVjOxkcxs7V2541z66g/CATrEfsoVUMBzJ2WvdYMRUnN2tO0u1e45FYX1CPasD8Q1f62+qe0Ld5iemdzm7bc7HslZcO9jXAlrXfdfrDuDSCe2QorfxAb7Fve2W94UzDwLWjgBHhY9wUsw/XUaG0i1zmsZh2NnMtgQNp9n9V1C0fR3AajNciC4WERDc9m+3gt4u/O59crm/FURFpEfE4Zjxqva1w3ET3blz2keh9N96bi0/C712nhJ9bvJ5LqUQeTaX6P1qMl7SGj32+s3tOwcHRwXPPBbmNXc5t2nmNy95IXM6W6H0Ksup/8Tz8Ilp5sy7oWbB5WwbQPxM/Vv8AEJUo6wkAO4tMH9j2Qttpbo5Xw51ns9Uf+xhJb2mJbycAOK1vWA3zO8eq79ncslj7rSnRrGNw+Mo1HEta18O1rQ14LHE2yAdO3Je7r54xFyYMjcQAe79oXsvQfSn2jCUy6demOrfOZLAIPa3VPMncuusujREQEREBERAREQEREFpaCIN1FqaPpu92OVvJTEQaitoVpye4c4P7LWV+i0/A7iRB7wupRZvMqy2OHf0OvIZB3tcP8lJo6EcwWYRvPtE9sldeiniL6rlRgnDNju4qx2F4fWxdakJeIeq5A0An2ZdaWDcO5WdQz4W9wWP4v+r7rlxhQs1LBt2roDhGfC3uT7Iz4fNanGJ6rmK1WgDAlxytsO6+SjPxLB7rwOQPkV02J0PRqTrNgxGsLOHbt5GQua0hoavSksHWM+7JcObMxzaT8oTrn5+Lz1/qjcVSPvgfN6v91ipjKQNxF1znXcOBvEcJH6iVJ0bpHq3TAc33mOEC+4gEA5XcvPLNyt38+N6KKuZQnIE8gt9hyxzQ5oaQdwH1KkQuv8Mv9se655mCecmHtt5rMNFvPwt8fJbtFqf+PKe61bNED3nk8gB5ypFLR7GmYk/eMxyGSmItTjmfkS21VRcXgqdQRUY10ZEi45HMHkpSLaOS0l0Qa6TRcWnc4m/4oJI+YOXLYvRVagfWa5g+JsBp5gkscTwIPBeqqhErN5laleTUmkH2Rzb/AMZ7Wmx71v8AQOB6yqJ9lvrOnbGw75MeK6itoOg6/VgH7stHcLHuUjBYFlIEMETcnMlSc1fXxMREW2BERAREQEREBc3pbodha8nV6t596nDZ5tjVPOJ4rpEQeU6U9H+Ibem5lYbB7Du5xj+rsW89HuiMThzVFZmoxwbAJBlwJuIOUE35dncopn1dVREVQREQEREBERAREQEREBERAREQEREBERAREQEREGuxuiqNW72An4hLXfmbBjhktFi+h+2nV5B4y/EyI7l1qLN5l/VlsaDo9oytQLmvc0sI2OJOtaDBYItO07Fv0RWTJhbqqIiqCIiAiIgIiICIiAiIgIiICIiAiIgIiICIiAiIg//Z",
+      available: true,
+      unavailableReason: null,
+      unavailableReasonCode: null,
+      ruleType: "VARIABLE_CREDIT_REWARD",
+      sourceUnit: "POINT",
+      sourceValue: null,
+      prettySourceValue: null,
+      sourceMinValue: 1,
+      prettySourceMinValue: "1 Point",
+      sourceMaxValue: 100,
+      prettySourceMaxValue: "100 Points",
+      destinationMinValue: 1,
+      prettyDestinationMinValue: "1 Salmon Coin",
+      destinationMaxValue: 100,
+      prettyDestinationMaxValue: "100 Salmons",
+      globalRewardKey: null,
+      destinationUnit: "TESTUNIT",
+      steps: [
+        {
+          sourceValue: 1,
+          prettySourceValue: "1 Point",
+          destinationValue: 1,
+          prettyDestinationValue: "1 Salmon Coin",
+          available: true,
+          unavailableReasonCode: null,
+        },
+        {
+          sourceValue: 2,
+          prettySourceValue: "2 Points",
+          destinationValue: 2,
+          prettyDestinationValue: "2 Salmons",
+          available: true,
+          unavailableReasonCode: null,
+        },
+        {
+          sourceValue: 3,
+          prettySourceValue: "3 Points",
+          destinationValue: 3,
+          prettyDestinationValue: "3 Salmons",
+          available: true,
+          unavailableReasonCode: null,
+        },
+        {
+          sourceValue: 4,
+          prettySourceValue: "4 Points",
+          destinationValue: 4,
+          prettyDestinationValue: "4 Salmons",
+          available: true,
+          unavailableReasonCode: null,
+        },
+        {
+          sourceValue: 5,
+          prettySourceValue: "5 Points",
+          destinationValue: 5,
+          prettyDestinationValue: "5 Salmons",
+          available: true,
+          unavailableReasonCode: null,
+        },
+      ],
+    },
+    selectedStep: null,
+  },
+  data: {
+    exchangeList: null,
+  },
+  callbacks: {
+    exchangeReward: null,
+    openDrawer: null,
+    setStage: null,
+    setExchangeState: null,
+    refs: {
+      drawerRef: {},
+    },
+  },
+  refs: null,
+};