@saasquatch/mint-components 1.16.0-8 → 2.0.0-0

package/dist/types/components/sqm-reward-exchange-list/RewardExchangeListData.d.ts

@@ -1,5 +1,15 @@
+import { ExchangeItem } from "./useRewardExchangeList";
 export declare const rewardExchange: {
   states: {
+    selectedItem: ExchangeItem;
+    selectedStep: import("./useRewardExchangeList").ExchangeStep;
+    redeemStage: string;
+    amount: number;
+    exchangeError: boolean;
+    queryError: boolean;
+    loading: boolean;
+    open: boolean;
+    noExchangeOptions: boolean;
     content: {
       text: {
         notAvailableError: string;
@@ -14,48 +24,49 @@ export declare const rewardExchange: {
         redeemText: string;
         redeemTitle: string;
         redemptionSuccessText: string;
-        doneText: string;
+        sourceAmountMessage: string;
         tooltipText: string;
+        doneText: string;
         selectText: string;
-        sourceAmountMessage: string;
-        rewardRedeemedText: string;
         redemptionError: string;
+        notEnoughError: string;
         queryError: string;
         promoCode: string;
         skeletonCardNum: number;
         rewardNameTitle: string;
         rewardAmountTitle: string;
+        rewardRedeemedText: string;
         costTitle: string;
-        notEnoughError: string;
-        empty: any;
+        empty: import("@stencil/core").VNode;
       };
     };
-    queryError: boolean;
-    redeemStage: string;
-    amount: number;
-    exchangeError: boolean;
-    loading: boolean;
-    selectedItem: any;
-    selectedStep: any;
-    noExchangeOptions: boolean;
-    open: boolean;
   };
   data: {
     exchangeList: any;
-    fuelTankCode: any;
+    fuelTankCode?: string;
   };
   callbacks: {
-    exchangeReward: any;
-    resetState: any;
-    setStage: any;
-    setExchangeState: any;
-    copyFuelTankCode: any;
-    refs: any;
-  };
-  refs: any;
+    exchangeReward: (e: unknown) => unknown;
+    setStage: (stage?: import("./useRewardExchangeList").Stages) => void;
+    resetState: (refresh?: boolean) => void;
+    setExchangeState: Function;
+    copyFuelTankCode: () => void;
+  };
+  refs?: {
+    canvasRef: any;
+  };
 };
 export declare const demoRewardExchange: {
   states: {
+    selectedItem: ExchangeItem;
+    selectedStep: import("./useRewardExchangeList").ExchangeStep;
+    redeemStage: string;
+    amount: number;
+    exchangeError: boolean;
+    queryError: boolean;
+    loading: boolean;
+    open: boolean;
+    noExchangeOptions: boolean;
     content: {
       text: {
         notAvailableError: string;
@@ -70,48 +81,49 @@ export declare const demoRewardExchange: {
         redeemText: string;
         redeemTitle: string;
         redemptionSuccessText: string;
-        doneText: string;
+        sourceAmountMessage: string;
         tooltipText: string;
+        doneText: string;
         selectText: string;
-        sourceAmountMessage: string;
-        rewardRedeemedText: string;
         redemptionError: string;
+        notEnoughError: string;
         queryError: string;
         promoCode: string;
         skeletonCardNum: number;
         rewardNameTitle: string;
         rewardAmountTitle: string;
+        rewardRedeemedText: string;
         costTitle: string;
-        notEnoughError: string;
-        empty: any;
+        empty: import("@stencil/core").VNode;
       };
     };
-    queryError: boolean;
-    redeemStage: string;
-    amount: number;
-    exchangeError: boolean;
-    loading: boolean;
-    selectedItem: any;
-    selectedStep: any;
-    noExchangeOptions: boolean;
-    open: boolean;
   };
   data: {
     exchangeList: any;
-    fuelTankCode: any;
+    fuelTankCode?: string;
   };
   callbacks: {
-    exchangeReward: any;
-    resetState: any;
-    setStage: any;
-    setExchangeState: any;
-    copyFuelTankCode: any;
-    refs: any;
-  };
-  refs: any;
+    exchangeReward: (e: unknown) => unknown;
+    setStage: (stage?: import("./useRewardExchangeList").Stages) => void;
+    resetState: (refresh?: boolean) => void;
+    setExchangeState: Function;
+    copyFuelTankCode: () => void;
+  };
+  refs?: {
+    canvasRef: any;
+  };
 };
 export declare const rewardExchangeLongText: {
   states: {
+    selectedItem: ExchangeItem;
+    selectedStep: import("./useRewardExchangeList").ExchangeStep;
+    redeemStage: string;
+    amount: number;
+    exchangeError: boolean;
+    queryError: boolean;
+    loading: boolean;
+    open: boolean;
+    noExchangeOptions: boolean;
     content: {
       text: {
         notAvailableError: string;
@@ -126,48 +138,49 @@ export declare const rewardExchangeLongText: {
         redeemText: string;
         redeemTitle: string;
         redemptionSuccessText: string;
-        doneText: string;
+        sourceAmountMessage: string;
         tooltipText: string;
+        doneText: string;
         selectText: string;
-        sourceAmountMessage: string;
-        rewardRedeemedText: string;
         redemptionError: string;
+        notEnoughError: string;
         queryError: string;
         promoCode: string;
         skeletonCardNum: number;
         rewardNameTitle: string;
         rewardAmountTitle: string;
+        rewardRedeemedText: string;
         costTitle: string;
-        notEnoughError: string;
-        empty: any;
+        empty: import("@stencil/core").VNode;
       };
     };
-    queryError: boolean;
-    redeemStage: string;
-    amount: number;
-    exchangeError: boolean;
-    loading: boolean;
-    selectedItem: any;
-    selectedStep: any;
-    noExchangeOptions: boolean;
-    open: boolean;
   };
   data: {
     exchangeList: any;
-    fuelTankCode: any;
+    fuelTankCode?: string;
   };
   callbacks: {
-    exchangeReward: any;
-    resetState: any;
-    setStage: any;
-    setExchangeState: any;
-    copyFuelTankCode: any;
-    refs: any;
-  };
-  refs: any;
+    exchangeReward: (e: unknown) => unknown;
+    setStage: (stage?: import("./useRewardExchangeList").Stages) => void;
+    resetState: (refresh?: boolean) => void;
+    setExchangeState: Function;
+    copyFuelTankCode: () => void;
+  };
+  refs?: {
+    canvasRef: any;
+  };
 };
 export declare const rewardExchangeCustomErrorMsg: {
   states: {
+    selectedItem: ExchangeItem;
+    selectedStep: import("./useRewardExchangeList").ExchangeStep;
+    redeemStage: string;
+    amount: number;
+    exchangeError: boolean;
+    queryError: boolean;
+    loading: boolean;
+    open: boolean;
+    noExchangeOptions: boolean;
     content: {
       text: {
         notAvailableError: string;
@@ -182,48 +195,49 @@ export declare const rewardExchangeCustomErrorMsg: {
         redeemText: string;
         redeemTitle: string;
         redemptionSuccessText: string;
-        doneText: string;
+        sourceAmountMessage: string;
         tooltipText: string;
+        doneText: string;
         selectText: string;
-        sourceAmountMessage: string;
-        rewardRedeemedText: string;
         redemptionError: string;
+        notEnoughError: string;
         queryError: string;
         promoCode: string;
         skeletonCardNum: number;
         rewardNameTitle: string;
         rewardAmountTitle: string;
+        rewardRedeemedText: string;
         costTitle: string;
-        notEnoughError: string;
-        empty: any;
+        empty: import("@stencil/core").VNode;
       };
     };
-    queryError: boolean;
-    redeemStage: string;
-    amount: number;
-    exchangeError: boolean;
-    loading: boolean;
-    selectedItem: any;
-    selectedStep: any;
-    noExchangeOptions: boolean;
-    open: boolean;
   };
   data: {
     exchangeList: any;
-    fuelTankCode: any;
+    fuelTankCode?: string;
   };
   callbacks: {
-    exchangeReward: any;
-    resetState: any;
-    setStage: any;
-    setExchangeState: any;
-    copyFuelTankCode: any;
-    refs: any;
-  };
-  refs: any;
+    exchangeReward: (e: unknown) => unknown;
+    setStage: (stage?: import("./useRewardExchangeList").Stages) => void;
+    resetState: (refresh?: boolean) => void;
+    setExchangeState: Function;
+    copyFuelTankCode: () => void;
+  };
+  refs?: {
+    canvasRef: any;
+  };
 };
 export declare const rewardExchangeSelected: {
   states: {
+    selectedItem: ExchangeItem;
+    selectedStep: import("./useRewardExchangeList").ExchangeStep;
+    redeemStage: string;
+    amount: number;
+    exchangeError: boolean;
+    queryError: boolean;
+    loading: boolean;
+    open: boolean;
+    noExchangeOptions: boolean;
     content: {
       text: {
         notAvailableError: string;
@@ -238,48 +252,49 @@ export declare const rewardExchangeSelected: {
         redeemText: string;
         redeemTitle: string;
         redemptionSuccessText: string;
-        doneText: string;
+        sourceAmountMessage: string;
         tooltipText: string;
+        doneText: string;
         selectText: string;
-        sourceAmountMessage: string;
-        rewardRedeemedText: string;
         redemptionError: string;
+        notEnoughError: string;
         queryError: string;
         promoCode: string;
         skeletonCardNum: number;
         rewardNameTitle: string;
         rewardAmountTitle: string;
+        rewardRedeemedText: string;
         costTitle: string;
-        notEnoughError: string;
-        empty: any;
+        empty: import("@stencil/core").VNode;
       };
     };
-    queryError: boolean;
-    redeemStage: string;
-    amount: number;
-    exchangeError: boolean;
-    loading: boolean;
-    selectedItem: any;
-    selectedStep: any;
-    noExchangeOptions: boolean;
-    open: boolean;
   };
   data: {
     exchangeList: any;
-    fuelTankCode: any;
+    fuelTankCode?: string;
   };
   callbacks: {
-    exchangeReward: any;
-    resetState: any;
-    setStage: any;
-    setExchangeState: any;
-    copyFuelTankCode: any;
-    refs: any;
-  };
-  refs: any;
+    exchangeReward: (e: unknown) => unknown;
+    setStage: (stage?: import("./useRewardExchangeList").Stages) => void;
+    resetState: (refresh?: boolean) => void;
+    setExchangeState: Function;
+    copyFuelTankCode: () => void;
+  };
+  refs?: {
+    canvasRef: any;
+  };
 };
 export declare const chooseAmountVariable: {
   states: {
+    selectedItem: ExchangeItem;
+    selectedStep: import("./useRewardExchangeList").ExchangeStep;
+    redeemStage: string;
+    amount: number;
+    exchangeError: boolean;
+    queryError: boolean;
+    loading: boolean;
+    open: boolean;
+    noExchangeOptions: boolean;
     content: {
       text: {
         notAvailableError: string;
@@ -294,48 +309,49 @@ export declare const chooseAmountVariable: {
         redeemText: string;
         redeemTitle: string;
         redemptionSuccessText: string;
-        doneText: string;
+        sourceAmountMessage: string;
         tooltipText: string;
+        doneText: string;
         selectText: string;
-        sourceAmountMessage: string;
-        rewardRedeemedText: string;
         redemptionError: string;
+        notEnoughError: string;
         queryError: string;
         promoCode: string;
         skeletonCardNum: number;
         rewardNameTitle: string;
         rewardAmountTitle: string;
+        rewardRedeemedText: string;
         costTitle: string;
-        notEnoughError: string;
-        empty: any;
+        empty: import("@stencil/core").VNode;
       };
     };
-    queryError: boolean;
-    redeemStage: string;
-    amount: number;
-    exchangeError: boolean;
-    loading: boolean;
-    selectedItem: any;
-    selectedStep: any;
-    noExchangeOptions: boolean;
-    open: boolean;
   };
   data: {
     exchangeList: any;
-    fuelTankCode: any;
+    fuelTankCode?: string;
   };
   callbacks: {
-    exchangeReward: any;
-    resetState: any;
-    setStage: any;
-    setExchangeState: any;
-    copyFuelTankCode: any;
-    refs: any;
-  };
-  refs: any;
+    exchangeReward: (e: unknown) => unknown;
+    setStage: (stage?: import("./useRewardExchangeList").Stages) => void;
+    resetState: (refresh?: boolean) => void;
+    setExchangeState: Function;
+    copyFuelTankCode: () => void;
+  };
+  refs?: {
+    canvasRef: any;
+  };
 };
 export declare const chooseAmountVariableNoDescription: {
   states: {
+    selectedItem: ExchangeItem;
+    selectedStep: import("./useRewardExchangeList").ExchangeStep;
+    redeemStage: string;
+    amount: number;
+    exchangeError: boolean;
+    queryError: boolean;
+    loading: boolean;
+    open: boolean;
+    noExchangeOptions: boolean;
     content: {
       text: {
         notAvailableError: string;
@@ -350,48 +366,49 @@ export declare const chooseAmountVariableNoDescription: {
         redeemText: string;
         redeemTitle: string;
         redemptionSuccessText: string;
-        doneText: string;
+        sourceAmountMessage: string;
         tooltipText: string;
+        doneText: string;
         selectText: string;
-        sourceAmountMessage: string;
-        rewardRedeemedText: string;
         redemptionError: string;
+        notEnoughError: string;
         queryError: string;
         promoCode: string;
         skeletonCardNum: number;
         rewardNameTitle: string;
         rewardAmountTitle: string;
+        rewardRedeemedText: string;
         costTitle: string;
-        notEnoughError: string;
-        empty: any;
+        empty: import("@stencil/core").VNode;
       };
     };
-    queryError: boolean;
-    redeemStage: string;
-    amount: number;
-    exchangeError: boolean;
-    loading: boolean;
-    selectedItem: any;
-    selectedStep: any;
-    noExchangeOptions: boolean;
-    open: boolean;
   };
   data: {
     exchangeList: any;
-    fuelTankCode: any;
+    fuelTankCode?: string;
   };
   callbacks: {
-    exchangeReward: any;
-    resetState: any;
-    setStage: any;
-    setExchangeState: any;
-    copyFuelTankCode: any;
-    refs: any;
-  };
-  refs: any;
+    exchangeReward: (e: unknown) => unknown;
+    setStage: (stage?: import("./useRewardExchangeList").Stages) => void;
+    resetState: (refresh?: boolean) => void;
+    setExchangeState: Function;
+    copyFuelTankCode: () => void;
+  };
+  refs?: {
+    canvasRef: any;
+  };
 };
 export declare const chooseAmountVariableDisabled: {
   states: {
+    selectedItem: ExchangeItem;
+    selectedStep: import("./useRewardExchangeList").ExchangeStep;
+    redeemStage: string;
+    amount: number;
+    exchangeError: boolean;
+    queryError: boolean;
+    loading: boolean;
+    open: boolean;
+    noExchangeOptions: boolean;
     content: {
       text: {
         notAvailableError: string;
@@ -406,48 +423,49 @@ export declare const chooseAmountVariableDisabled: {
         redeemText: string;
         redeemTitle: string;
         redemptionSuccessText: string;
-        doneText: string;
+        sourceAmountMessage: string;
         tooltipText: string;
+        doneText: string;
         selectText: string;
-        sourceAmountMessage: string;
-        rewardRedeemedText: string;
         redemptionError: string;
+        notEnoughError: string;
         queryError: string;
         promoCode: string;
         skeletonCardNum: number;
         rewardNameTitle: string;
         rewardAmountTitle: string;
+        rewardRedeemedText: string;
         costTitle: string;
-        notEnoughError: string;
-        empty: any;
+        empty: import("@stencil/core").VNode;
       };
     };
-    queryError: boolean;
-    redeemStage: string;
-    amount: number;
-    exchangeError: boolean;
-    loading: boolean;
-    selectedItem: any;
-    selectedStep: any;
-    noExchangeOptions: boolean;
-    open: boolean;
   };
   data: {
     exchangeList: any;
-    fuelTankCode: any;
+    fuelTankCode?: string;
   };
   callbacks: {
-    exchangeReward: any;
-    resetState: any;
-    setStage: any;
-    setExchangeState: any;
-    copyFuelTankCode: any;
-    refs: any;
-  };
-  refs: any;
+    exchangeReward: (e: unknown) => unknown;
+    setStage: (stage?: import("./useRewardExchangeList").Stages) => void;
+    resetState: (refresh?: boolean) => void;
+    setExchangeState: Function;
+    copyFuelTankCode: () => void;
+  };
+  refs?: {
+    canvasRef: any;
+  };
 };
 export declare const chooseAmountVariableUnavailable: {
   states: {
+    selectedItem: ExchangeItem;
+    selectedStep: import("./useRewardExchangeList").ExchangeStep;
+    redeemStage: string;
+    amount: number;
+    exchangeError: boolean;
+    queryError: boolean;
+    loading: boolean;
+    open: boolean;
+    noExchangeOptions: boolean;
     content: {
       text: {
         notAvailableError: string;
@@ -462,48 +480,49 @@ export declare const chooseAmountVariableUnavailable: {
         redeemText: string;
         redeemTitle: string;
         redemptionSuccessText: string;
-        doneText: string;
+        sourceAmountMessage: string;
         tooltipText: string;
+        doneText: string;
         selectText: string;
-        sourceAmountMessage: string;
-        rewardRedeemedText: string;
         redemptionError: string;
+        notEnoughError: string;
         queryError: string;
         promoCode: string;
         skeletonCardNum: number;
         rewardNameTitle: string;
         rewardAmountTitle: string;
+        rewardRedeemedText: string;
         costTitle: string;
-        notEnoughError: string;
-        empty: any;
+        empty: import("@stencil/core").VNode;
       };
     };
-    queryError: boolean;
-    redeemStage: string;
-    amount: number;
-    exchangeError: boolean;
-    loading: boolean;
-    selectedItem: any;
-    selectedStep: any;
-    noExchangeOptions: boolean;
-    open: boolean;
   };
   data: {
     exchangeList: any;
-    fuelTankCode: any;
+    fuelTankCode?: string;
   };
   callbacks: {
-    exchangeReward: any;
-    resetState: any;
-    setStage: any;
-    setExchangeState: any;
-    copyFuelTankCode: any;
-    refs: any;
-  };
-  refs: any;
+    exchangeReward: (e: unknown) => unknown;
+    setStage: (stage?: import("./useRewardExchangeList").Stages) => void;
+    resetState: (refresh?: boolean) => void;
+    setExchangeState: Function;
+    copyFuelTankCode: () => void;
+  };
+  refs?: {
+    canvasRef: any;
+  };
 };
 export declare const chooseAmountFixed: {
   states: {
+    selectedItem: ExchangeItem;
+    selectedStep: import("./useRewardExchangeList").ExchangeStep;
+    redeemStage: string;
+    amount: number;
+    exchangeError: boolean;
+    queryError: boolean;
+    loading: boolean;
+    open: boolean;
+    noExchangeOptions: boolean;
     content: {
       text: {
         notAvailableError: string;
@@ -518,48 +537,49 @@ export declare const chooseAmountFixed: {
         redeemText: string;
         redeemTitle: string;
         redemptionSuccessText: string;
-        doneText: string;
+        sourceAmountMessage: string;
         tooltipText: string;
+        doneText: string;
         selectText: string;
-        sourceAmountMessage: string;
-        rewardRedeemedText: string;
         redemptionError: string;
+        notEnoughError: string;
         queryError: string;
         promoCode: string;
         skeletonCardNum: number;
         rewardNameTitle: string;
         rewardAmountTitle: string;
+        rewardRedeemedText: string;
         costTitle: string;
-        notEnoughError: string;
-        empty: any;
+        empty: import("@stencil/core").VNode;
       };
     };
-    queryError: boolean;
-    redeemStage: string;
-    amount: number;
-    exchangeError: boolean;
-    loading: boolean;
-    selectedItem: any;
-    selectedStep: any;
-    noExchangeOptions: boolean;
-    open: boolean;
   };
   data: {
     exchangeList: any;
-    fuelTankCode: any;
+    fuelTankCode?: string;
   };
   callbacks: {
-    exchangeReward: any;
-    resetState: any;
-    setStage: any;
-    setExchangeState: any;
-    copyFuelTankCode: any;
-    refs: any;
-  };
-  refs: any;
+    exchangeReward: (e: unknown) => unknown;
+    setStage: (stage?: import("./useRewardExchangeList").Stages) => void;
+    resetState: (refresh?: boolean) => void;
+    setExchangeState: Function;
+    copyFuelTankCode: () => void;
+  };
+  refs?: {
+    canvasRef: any;
+  };
 };
 export declare const chooseAmountFixedNoDescription: {
   states: {
+    selectedItem: ExchangeItem;
+    selectedStep: import("./useRewardExchangeList").ExchangeStep;
+    redeemStage: string;
+    amount: number;
+    exchangeError: boolean;
+    queryError: boolean;
+    loading: boolean;
+    open: boolean;
+    noExchangeOptions: boolean;
     content: {
       text: {
         notAvailableError: string;
@@ -574,48 +594,49 @@ export declare const chooseAmountFixedNoDescription: {
         redeemText: string;
         redeemTitle: string;
         redemptionSuccessText: string;
-        doneText: string;
+        sourceAmountMessage: string;
         tooltipText: string;
+        doneText: string;
         selectText: string;
-        sourceAmountMessage: string;
-        rewardRedeemedText: string;
         redemptionError: string;
+        notEnoughError: string;
         queryError: string;
         promoCode: string;
         skeletonCardNum: number;
         rewardNameTitle: string;
         rewardAmountTitle: string;
+        rewardRedeemedText: string;
         costTitle: string;
-        notEnoughError: string;
-        empty: any;
+        empty: import("@stencil/core").VNode;
       };
     };
-    queryError: boolean;
-    redeemStage: string;
-    amount: number;
-    exchangeError: boolean;
-    loading: boolean;
-    selectedItem: any;
-    selectedStep: any;
-    noExchangeOptions: boolean;
-    open: boolean;
   };
   data: {
     exchangeList: any;
-    fuelTankCode: any;
+    fuelTankCode?: string;
   };
   callbacks: {
-    exchangeReward: any;
-    resetState: any;
-    setStage: any;
-    setExchangeState: any;
-    copyFuelTankCode: any;
-    refs: any;
-  };
-  refs: any;
+    exchangeReward: (e: unknown) => unknown;
+    setStage: (stage?: import("./useRewardExchangeList").Stages) => void;
+    resetState: (refresh?: boolean) => void;
+    setExchangeState: Function;
+    copyFuelTankCode: () => void;
+  };
+  refs?: {
+    canvasRef: any;
+  };
 };
 export declare const confirmFixed: {
   states: {
+    selectedItem: ExchangeItem;
+    selectedStep: import("./useRewardExchangeList").ExchangeStep;
+    redeemStage: string;
+    amount: number;
+    exchangeError: boolean;
+    queryError: boolean;
+    loading: boolean;
+    open: boolean;
+    noExchangeOptions: boolean;
     content: {
       text: {
         notAvailableError: string;
@@ -630,48 +651,49 @@ export declare const confirmFixed: {
         redeemText: string;
         redeemTitle: string;
         redemptionSuccessText: string;
-        doneText: string;
+        sourceAmountMessage: string;
         tooltipText: string;
+        doneText: string;
         selectText: string;
-        sourceAmountMessage: string;
-        rewardRedeemedText: string;
         redemptionError: string;
+        notEnoughError: string;
         queryError: string;
         promoCode: string;
         skeletonCardNum: number;
         rewardNameTitle: string;
         rewardAmountTitle: string;
+        rewardRedeemedText: string;
         costTitle: string;
-        notEnoughError: string;
-        empty: any;
+        empty: import("@stencil/core").VNode;
       };
     };
-    queryError: boolean;
-    redeemStage: string;
-    amount: number;
-    exchangeError: boolean;
-    loading: boolean;
-    selectedItem: any;
-    selectedStep: any;
-    noExchangeOptions: boolean;
-    open: boolean;
   };
   data: {
     exchangeList: any;
-    fuelTankCode: any;
+    fuelTankCode?: string;
   };
   callbacks: {
-    exchangeReward: any;
-    resetState: any;
-    setStage: any;
-    setExchangeState: any;
-    copyFuelTankCode: any;
-    refs: any;
-  };
-  refs: any;
+    exchangeReward: (e: unknown) => unknown;
+    setStage: (stage?: import("./useRewardExchangeList").Stages) => void;
+    resetState: (refresh?: boolean) => void;
+    setExchangeState: Function;
+    copyFuelTankCode: () => void;
+  };
+  refs?: {
+    canvasRef: any;
+  };
 };
 export declare const confirmVariable: {
   states: {
+    selectedItem: ExchangeItem;
+    selectedStep: import("./useRewardExchangeList").ExchangeStep;
+    redeemStage: string;
+    amount: number;
+    exchangeError: boolean;
+    queryError: boolean;
+    loading: boolean;
+    open: boolean;
+    noExchangeOptions: boolean;
     content: {
       text: {
         notAvailableError: string;
@@ -686,48 +708,49 @@ export declare const confirmVariable: {
         redeemText: string;
         redeemTitle: string;
         redemptionSuccessText: string;
-        doneText: string;
+        sourceAmountMessage: string;
         tooltipText: string;
+        doneText: string;
         selectText: string;
-        sourceAmountMessage: string;
-        rewardRedeemedText: string;
         redemptionError: string;
+        notEnoughError: string;
         queryError: string;
         promoCode: string;
         skeletonCardNum: number;
         rewardNameTitle: string;
         rewardAmountTitle: string;
+        rewardRedeemedText: string;
         costTitle: string;
-        notEnoughError: string;
-        empty: any;
+        empty: import("@stencil/core").VNode;
       };
     };
-    queryError: boolean;
-    redeemStage: string;
-    amount: number;
-    exchangeError: boolean;
-    loading: boolean;
-    selectedItem: any;
-    selectedStep: any;
-    noExchangeOptions: boolean;
-    open: boolean;
   };
   data: {
     exchangeList: any;
-    fuelTankCode: any;
+    fuelTankCode?: string;
   };
   callbacks: {
-    exchangeReward: any;
-    resetState: any;
-    setStage: any;
-    setExchangeState: any;
-    copyFuelTankCode: any;
-    refs: any;
-  };
-  refs: any;
+    exchangeReward: (e: unknown) => unknown;
+    setStage: (stage?: import("./useRewardExchangeList").Stages) => void;
+    resetState: (refresh?: boolean) => void;
+    setExchangeState: Function;
+    copyFuelTankCode: () => void;
+  };
+  refs?: {
+    canvasRef: any;
+  };
 };
 export declare const redemptionError: {
   states: {
+    selectedItem: ExchangeItem;
+    selectedStep: import("./useRewardExchangeList").ExchangeStep;
+    redeemStage: string;
+    amount: number;
+    exchangeError: boolean;
+    queryError: boolean;
+    loading: boolean;
+    open: boolean;
+    noExchangeOptions: boolean;
     content: {
       text: {
         notAvailableError: string;
@@ -742,48 +765,49 @@ export declare const redemptionError: {
         redeemText: string;
         redeemTitle: string;
         redemptionSuccessText: string;
-        doneText: string;
+        sourceAmountMessage: string;
         tooltipText: string;
+        doneText: string;
         selectText: string;
-        sourceAmountMessage: string;
-        rewardRedeemedText: string;
         redemptionError: string;
+        notEnoughError: string;
         queryError: string;
         promoCode: string;
         skeletonCardNum: number;
         rewardNameTitle: string;
         rewardAmountTitle: string;
+        rewardRedeemedText: string;
         costTitle: string;
-        notEnoughError: string;
-        empty: any;
+        empty: import("@stencil/core").VNode;
       };
     };
-    queryError: boolean;
-    redeemStage: string;
-    amount: number;
-    exchangeError: boolean;
-    loading: boolean;
-    selectedItem: any;
-    selectedStep: any;
-    noExchangeOptions: boolean;
-    open: boolean;
   };
   data: {
     exchangeList: any;
-    fuelTankCode: any;
+    fuelTankCode?: string;
   };
   callbacks: {
-    exchangeReward: any;
-    resetState: any;
-    setStage: any;
-    setExchangeState: any;
-    copyFuelTankCode: any;
-    refs: any;
-  };
-  refs: any;
+    exchangeReward: (e: unknown) => unknown;
+    setStage: (stage?: import("./useRewardExchangeList").Stages) => void;
+    resetState: (refresh?: boolean) => void;
+    setExchangeState: Function;
+    copyFuelTankCode: () => void;
+  };
+  refs?: {
+    canvasRef: any;
+  };
 };
 export declare const queryError: {
   states: {
+    selectedItem: ExchangeItem;
+    selectedStep: import("./useRewardExchangeList").ExchangeStep;
+    redeemStage: string;
+    amount: number;
+    exchangeError: boolean;
+    queryError: boolean;
+    loading: boolean;
+    open: boolean;
+    noExchangeOptions: boolean;
     content: {
       text: {
         notAvailableError: string;
@@ -798,48 +822,49 @@ export declare const queryError: {
         redeemText: string;
         redeemTitle: string;
         redemptionSuccessText: string;
-        doneText: string;
+        sourceAmountMessage: string;
         tooltipText: string;
+        doneText: string;
         selectText: string;
-        sourceAmountMessage: string;
-        rewardRedeemedText: string;
         redemptionError: string;
+        notEnoughError: string;
         queryError: string;
         promoCode: string;
         skeletonCardNum: number;
         rewardNameTitle: string;
         rewardAmountTitle: string;
+        rewardRedeemedText: string;
         costTitle: string;
-        notEnoughError: string;
-        empty: any;
+        empty: import("@stencil/core").VNode;
       };
     };
-    queryError: boolean;
-    redeemStage: string;
-    amount: number;
-    exchangeError: boolean;
-    loading: boolean;
-    selectedItem: any;
-    selectedStep: any;
-    noExchangeOptions: boolean;
-    open: boolean;
   };
   data: {
     exchangeList: any;
-    fuelTankCode: any;
+    fuelTankCode?: string;
   };
   callbacks: {
-    exchangeReward: any;
-    resetState: any;
-    setStage: any;
-    setExchangeState: any;
-    copyFuelTankCode: any;
-    refs: any;
-  };
-  refs: any;
+    exchangeReward: (e: unknown) => unknown;
+    setStage: (stage?: import("./useRewardExchangeList").Stages) => void;
+    resetState: (refresh?: boolean) => void;
+    setExchangeState: Function;
+    copyFuelTankCode: () => void;
+  };
+  refs?: {
+    canvasRef: any;
+  };
 };
 export declare const success: {
   states: {
+    selectedItem: ExchangeItem;
+    selectedStep: import("./useRewardExchangeList").ExchangeStep;
+    redeemStage: string;
+    amount: number;
+    exchangeError: boolean;
+    queryError: boolean;
+    loading: boolean;
+    open: boolean;
+    noExchangeOptions: boolean;
     content: {
       text: {
         notAvailableError: string;
@@ -854,48 +879,49 @@ export declare const success: {
         redeemText: string;
         redeemTitle: string;
         redemptionSuccessText: string;
-        doneText: string;
+        sourceAmountMessage: string;
         tooltipText: string;
+        doneText: string;
         selectText: string;
-        sourceAmountMessage: string;
-        rewardRedeemedText: string;
         redemptionError: string;
+        notEnoughError: string;
         queryError: string;
         promoCode: string;
         skeletonCardNum: number;
         rewardNameTitle: string;
         rewardAmountTitle: string;
+        rewardRedeemedText: string;
         costTitle: string;
-        notEnoughError: string;
-        empty: any;
+        empty: import("@stencil/core").VNode;
       };
     };
-    queryError: boolean;
-    redeemStage: string;
-    amount: number;
-    exchangeError: boolean;
-    loading: boolean;
-    selectedItem: any;
-    selectedStep: any;
-    noExchangeOptions: boolean;
-    open: boolean;
   };
   data: {
     exchangeList: any;
-    fuelTankCode: any;
+    fuelTankCode?: string;
   };
   callbacks: {
-    exchangeReward: any;
-    resetState: any;
-    setStage: any;
-    setExchangeState: any;
-    copyFuelTankCode: any;
-    refs: any;
-  };
-  refs: any;
+    exchangeReward: (e: unknown) => unknown;
+    setStage: (stage?: import("./useRewardExchangeList").Stages) => void;
+    resetState: (refresh?: boolean) => void;
+    setExchangeState: Function;
+    copyFuelTankCode: () => void;
+  };
+  refs?: {
+    canvasRef: any;
+  };
 };
 export declare const successVariable: {
   states: {
+    selectedItem: ExchangeItem;
+    selectedStep: import("./useRewardExchangeList").ExchangeStep;
+    redeemStage: string;
+    amount: number;
+    exchangeError: boolean;
+    queryError: boolean;
+    loading: boolean;
+    open: boolean;
+    noExchangeOptions: boolean;
     content: {
       text: {
         notAvailableError: string;
@@ -910,48 +936,49 @@ export declare const successVariable: {
         redeemText: string;
         redeemTitle: string;
         redemptionSuccessText: string;
-        doneText: string;
+        sourceAmountMessage: string;
         tooltipText: string;
+        doneText: string;
         selectText: string;
-        sourceAmountMessage: string;
-        rewardRedeemedText: string;
         redemptionError: string;
+        notEnoughError: string;
         queryError: string;
         promoCode: string;
         skeletonCardNum: number;
         rewardNameTitle: string;
         rewardAmountTitle: string;
+        rewardRedeemedText: string;
         costTitle: string;
-        notEnoughError: string;
-        empty: any;
+        empty: import("@stencil/core").VNode;
       };
     };
-    queryError: boolean;
-    redeemStage: string;
-    amount: number;
-    exchangeError: boolean;
-    loading: boolean;
-    selectedItem: any;
-    selectedStep: any;
-    noExchangeOptions: boolean;
-    open: boolean;
   };
   data: {
     exchangeList: any;
-    fuelTankCode: any;
+    fuelTankCode?: string;
   };
   callbacks: {
-    exchangeReward: any;
-    resetState: any;
-    setStage: any;
-    setExchangeState: any;
-    copyFuelTankCode: any;
-    refs: any;
-  };
-  refs: any;
+    exchangeReward: (e: unknown) => unknown;
+    setStage: (stage?: import("./useRewardExchangeList").Stages) => void;
+    resetState: (refresh?: boolean) => void;
+    setExchangeState: Function;
+    copyFuelTankCode: () => void;
+  };
+  refs?: {
+    canvasRef: any;
+  };
 };
 export declare const loading: {
   states: {
+    selectedItem: ExchangeItem;
+    selectedStep: import("./useRewardExchangeList").ExchangeStep;
+    redeemStage: string;
+    amount: number;
+    exchangeError: boolean;
+    queryError: boolean;
+    loading: boolean;
+    open: boolean;
+    noExchangeOptions: boolean;
     content: {
       text: {
         notAvailableError: string;
@@ -966,48 +993,49 @@ export declare const loading: {
         redeemText: string;
         redeemTitle: string;
         redemptionSuccessText: string;
-        doneText: string;
+        sourceAmountMessage: string;
         tooltipText: string;
+        doneText: string;
         selectText: string;
-        sourceAmountMessage: string;
-        rewardRedeemedText: string;
         redemptionError: string;
+        notEnoughError: string;
         queryError: string;
         promoCode: string;
         skeletonCardNum: number;
         rewardNameTitle: string;
         rewardAmountTitle: string;
+        rewardRedeemedText: string;
         costTitle: string;
-        notEnoughError: string;
-        empty: any;
+        empty: import("@stencil/core").VNode;
       };
     };
-    queryError: boolean;
-    redeemStage: string;
-    amount: number;
-    exchangeError: boolean;
-    loading: boolean;
-    selectedItem: any;
-    selectedStep: any;
-    noExchangeOptions: boolean;
-    open: boolean;
   };
   data: {
     exchangeList: any;
-    fuelTankCode: any;
+    fuelTankCode?: string;
   };
   callbacks: {
-    exchangeReward: any;
-    resetState: any;
-    setStage: any;
-    setExchangeState: any;
-    copyFuelTankCode: any;
-    refs: any;
-  };
-  refs: any;
+    exchangeReward: (e: unknown) => unknown;
+    setStage: (stage?: import("./useRewardExchangeList").Stages) => void;
+    resetState: (refresh?: boolean) => void;
+    setExchangeState: Function;
+    copyFuelTankCode: () => void;
+  };
+  refs?: {
+    canvasRef: any;
+  };
 };
 export declare const empty: {
   states: {
+    selectedItem: ExchangeItem;
+    selectedStep: import("./useRewardExchangeList").ExchangeStep;
+    redeemStage: string;
+    amount: number;
+    exchangeError: boolean;
+    queryError: boolean;
+    loading: boolean;
+    open: boolean;
+    noExchangeOptions: boolean;
     content: {
       text: {
         notAvailableError: string;
@@ -1022,43 +1050,35 @@ export declare const empty: {
         redeemText: string;
         redeemTitle: string;
         redemptionSuccessText: string;
-        doneText: string;
+        sourceAmountMessage: string;
         tooltipText: string;
+        doneText: string;
         selectText: string;
-        sourceAmountMessage: string;
-        rewardRedeemedText: string;
         redemptionError: string;
+        notEnoughError: string;
         queryError: string;
         promoCode: string;
         skeletonCardNum: number;
         rewardNameTitle: string;
         rewardAmountTitle: string;
+        rewardRedeemedText: string;
         costTitle: string;
-        notEnoughError: string;
-        empty: any;
+        empty: import("@stencil/core").VNode;
       };
     };
-    queryError: boolean;
-    redeemStage: string;
-    amount: number;
-    exchangeError: boolean;
-    loading: boolean;
-    selectedItem: any;
-    selectedStep: any;
-    noExchangeOptions: boolean;
-    open: boolean;
   };
   data: {
     exchangeList: any;
-    fuelTankCode: any;
+    fuelTankCode?: string;
   };
   callbacks: {
-    exchangeReward: any;
-    resetState: any;
-    setStage: any;
-    setExchangeState: any;
-    copyFuelTankCode: any;
-    refs: any;
-  };
-  refs: any;
+    exchangeReward: (e: unknown) => unknown;
+    setStage: (stage?: import("./useRewardExchangeList").Stages) => void;
+    resetState: (refresh?: boolean) => void;
+    setExchangeState: Function;
+    copyFuelTankCode: () => void;
+  };
+  refs?: {
+    canvasRef: any;
+  };
 };