@saasquatch/mint-components 2.3.0-1 → 2.3.0-2

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

@@ -0,0 +1,1084 @@
+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;
+        chooseRewardTitle: string;
+        chooseAmountTitle: string;
+        confirmationTitle: string;
+        rewardTitle: string;
+        cancelText: string;
+        backText: string;
+        continueText: string;
+        continueToConfirmationText: string;
+        redeemText: string;
+        redeemTitle: string;
+        redemptionSuccessText: string;
+        sourceAmountMessage: string;
+        tooltipText: string;
+        doneText: string;
+        selectText: string;
+        redemptionError: string;
+        notEnoughError: string;
+        queryError: string;
+        promoCode: string;
+        skeletonCardNum: number;
+        rewardNameTitle: string;
+        rewardAmountTitle: string;
+        rewardRedeemedText: string;
+        costTitle: string;
+        empty: import("@stencil/core").VNode;
+      };
+    };
+  };
+  data: {
+    exchangeList: any;
+    fuelTankCode?: string;
+  };
+  callbacks: {
+    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;
+        chooseRewardTitle: string;
+        chooseAmountTitle: string;
+        confirmationTitle: string;
+        rewardTitle: string;
+        cancelText: string;
+        backText: string;
+        continueText: string;
+        continueToConfirmationText: string;
+        redeemText: string;
+        redeemTitle: string;
+        redemptionSuccessText: string;
+        sourceAmountMessage: string;
+        tooltipText: string;
+        doneText: string;
+        selectText: string;
+        redemptionError: string;
+        notEnoughError: string;
+        queryError: string;
+        promoCode: string;
+        skeletonCardNum: number;
+        rewardNameTitle: string;
+        rewardAmountTitle: string;
+        rewardRedeemedText: string;
+        costTitle: string;
+        empty: import("@stencil/core").VNode;
+      };
+    };
+  };
+  data: {
+    exchangeList: any;
+    fuelTankCode?: string;
+  };
+  callbacks: {
+    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;
+        chooseRewardTitle: string;
+        chooseAmountTitle: string;
+        confirmationTitle: string;
+        rewardTitle: string;
+        cancelText: string;
+        backText: string;
+        continueText: string;
+        continueToConfirmationText: string;
+        redeemText: string;
+        redeemTitle: string;
+        redemptionSuccessText: string;
+        sourceAmountMessage: string;
+        tooltipText: string;
+        doneText: string;
+        selectText: string;
+        redemptionError: string;
+        notEnoughError: string;
+        queryError: string;
+        promoCode: string;
+        skeletonCardNum: number;
+        rewardNameTitle: string;
+        rewardAmountTitle: string;
+        rewardRedeemedText: string;
+        costTitle: string;
+        empty: import("@stencil/core").VNode;
+      };
+    };
+  };
+  data: {
+    exchangeList: any;
+    fuelTankCode?: string;
+  };
+  callbacks: {
+    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;
+        chooseRewardTitle: string;
+        chooseAmountTitle: string;
+        confirmationTitle: string;
+        rewardTitle: string;
+        cancelText: string;
+        backText: string;
+        continueText: string;
+        continueToConfirmationText: string;
+        redeemText: string;
+        redeemTitle: string;
+        redemptionSuccessText: string;
+        sourceAmountMessage: string;
+        tooltipText: string;
+        doneText: string;
+        selectText: string;
+        redemptionError: string;
+        notEnoughError: string;
+        queryError: string;
+        promoCode: string;
+        skeletonCardNum: number;
+        rewardNameTitle: string;
+        rewardAmountTitle: string;
+        rewardRedeemedText: string;
+        costTitle: string;
+        empty: import("@stencil/core").VNode;
+      };
+    };
+  };
+  data: {
+    exchangeList: any;
+    fuelTankCode?: string;
+  };
+  callbacks: {
+    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;
+        chooseRewardTitle: string;
+        chooseAmountTitle: string;
+        confirmationTitle: string;
+        rewardTitle: string;
+        cancelText: string;
+        backText: string;
+        continueText: string;
+        continueToConfirmationText: string;
+        redeemText: string;
+        redeemTitle: string;
+        redemptionSuccessText: string;
+        sourceAmountMessage: string;
+        tooltipText: string;
+        doneText: string;
+        selectText: string;
+        redemptionError: string;
+        notEnoughError: string;
+        queryError: string;
+        promoCode: string;
+        skeletonCardNum: number;
+        rewardNameTitle: string;
+        rewardAmountTitle: string;
+        rewardRedeemedText: string;
+        costTitle: string;
+        empty: import("@stencil/core").VNode;
+      };
+    };
+  };
+  data: {
+    exchangeList: any;
+    fuelTankCode?: string;
+  };
+  callbacks: {
+    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;
+        chooseRewardTitle: string;
+        chooseAmountTitle: string;
+        confirmationTitle: string;
+        rewardTitle: string;
+        cancelText: string;
+        backText: string;
+        continueText: string;
+        continueToConfirmationText: string;
+        redeemText: string;
+        redeemTitle: string;
+        redemptionSuccessText: string;
+        sourceAmountMessage: string;
+        tooltipText: string;
+        doneText: string;
+        selectText: string;
+        redemptionError: string;
+        notEnoughError: string;
+        queryError: string;
+        promoCode: string;
+        skeletonCardNum: number;
+        rewardNameTitle: string;
+        rewardAmountTitle: string;
+        rewardRedeemedText: string;
+        costTitle: string;
+        empty: import("@stencil/core").VNode;
+      };
+    };
+  };
+  data: {
+    exchangeList: any;
+    fuelTankCode?: string;
+  };
+  callbacks: {
+    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;
+        chooseRewardTitle: string;
+        chooseAmountTitle: string;
+        confirmationTitle: string;
+        rewardTitle: string;
+        cancelText: string;
+        backText: string;
+        continueText: string;
+        continueToConfirmationText: string;
+        redeemText: string;
+        redeemTitle: string;
+        redemptionSuccessText: string;
+        sourceAmountMessage: string;
+        tooltipText: string;
+        doneText: string;
+        selectText: string;
+        redemptionError: string;
+        notEnoughError: string;
+        queryError: string;
+        promoCode: string;
+        skeletonCardNum: number;
+        rewardNameTitle: string;
+        rewardAmountTitle: string;
+        rewardRedeemedText: string;
+        costTitle: string;
+        empty: import("@stencil/core").VNode;
+      };
+    };
+  };
+  data: {
+    exchangeList: any;
+    fuelTankCode?: string;
+  };
+  callbacks: {
+    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;
+        chooseRewardTitle: string;
+        chooseAmountTitle: string;
+        confirmationTitle: string;
+        rewardTitle: string;
+        cancelText: string;
+        backText: string;
+        continueText: string;
+        continueToConfirmationText: string;
+        redeemText: string;
+        redeemTitle: string;
+        redemptionSuccessText: string;
+        sourceAmountMessage: string;
+        tooltipText: string;
+        doneText: string;
+        selectText: string;
+        redemptionError: string;
+        notEnoughError: string;
+        queryError: string;
+        promoCode: string;
+        skeletonCardNum: number;
+        rewardNameTitle: string;
+        rewardAmountTitle: string;
+        rewardRedeemedText: string;
+        costTitle: string;
+        empty: import("@stencil/core").VNode;
+      };
+    };
+  };
+  data: {
+    exchangeList: any;
+    fuelTankCode?: string;
+  };
+  callbacks: {
+    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;
+        chooseRewardTitle: string;
+        chooseAmountTitle: string;
+        confirmationTitle: string;
+        rewardTitle: string;
+        cancelText: string;
+        backText: string;
+        continueText: string;
+        continueToConfirmationText: string;
+        redeemText: string;
+        redeemTitle: string;
+        redemptionSuccessText: string;
+        sourceAmountMessage: string;
+        tooltipText: string;
+        doneText: string;
+        selectText: string;
+        redemptionError: string;
+        notEnoughError: string;
+        queryError: string;
+        promoCode: string;
+        skeletonCardNum: number;
+        rewardNameTitle: string;
+        rewardAmountTitle: string;
+        rewardRedeemedText: string;
+        costTitle: string;
+        empty: import("@stencil/core").VNode;
+      };
+    };
+  };
+  data: {
+    exchangeList: any;
+    fuelTankCode?: string;
+  };
+  callbacks: {
+    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;
+        chooseRewardTitle: string;
+        chooseAmountTitle: string;
+        confirmationTitle: string;
+        rewardTitle: string;
+        cancelText: string;
+        backText: string;
+        continueText: string;
+        continueToConfirmationText: string;
+        redeemText: string;
+        redeemTitle: string;
+        redemptionSuccessText: string;
+        sourceAmountMessage: string;
+        tooltipText: string;
+        doneText: string;
+        selectText: string;
+        redemptionError: string;
+        notEnoughError: string;
+        queryError: string;
+        promoCode: string;
+        skeletonCardNum: number;
+        rewardNameTitle: string;
+        rewardAmountTitle: string;
+        rewardRedeemedText: string;
+        costTitle: string;
+        empty: import("@stencil/core").VNode;
+      };
+    };
+  };
+  data: {
+    exchangeList: any;
+    fuelTankCode?: string;
+  };
+  callbacks: {
+    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;
+        chooseRewardTitle: string;
+        chooseAmountTitle: string;
+        confirmationTitle: string;
+        rewardTitle: string;
+        cancelText: string;
+        backText: string;
+        continueText: string;
+        continueToConfirmationText: string;
+        redeemText: string;
+        redeemTitle: string;
+        redemptionSuccessText: string;
+        sourceAmountMessage: string;
+        tooltipText: string;
+        doneText: string;
+        selectText: string;
+        redemptionError: string;
+        notEnoughError: string;
+        queryError: string;
+        promoCode: string;
+        skeletonCardNum: number;
+        rewardNameTitle: string;
+        rewardAmountTitle: string;
+        rewardRedeemedText: string;
+        costTitle: string;
+        empty: import("@stencil/core").VNode;
+      };
+    };
+  };
+  data: {
+    exchangeList: any;
+    fuelTankCode?: string;
+  };
+  callbacks: {
+    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;
+        chooseRewardTitle: string;
+        chooseAmountTitle: string;
+        confirmationTitle: string;
+        rewardTitle: string;
+        cancelText: string;
+        backText: string;
+        continueText: string;
+        continueToConfirmationText: string;
+        redeemText: string;
+        redeemTitle: string;
+        redemptionSuccessText: string;
+        sourceAmountMessage: string;
+        tooltipText: string;
+        doneText: string;
+        selectText: string;
+        redemptionError: string;
+        notEnoughError: string;
+        queryError: string;
+        promoCode: string;
+        skeletonCardNum: number;
+        rewardNameTitle: string;
+        rewardAmountTitle: string;
+        rewardRedeemedText: string;
+        costTitle: string;
+        empty: import("@stencil/core").VNode;
+      };
+    };
+  };
+  data: {
+    exchangeList: any;
+    fuelTankCode?: string;
+  };
+  callbacks: {
+    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;
+        chooseRewardTitle: string;
+        chooseAmountTitle: string;
+        confirmationTitle: string;
+        rewardTitle: string;
+        cancelText: string;
+        backText: string;
+        continueText: string;
+        continueToConfirmationText: string;
+        redeemText: string;
+        redeemTitle: string;
+        redemptionSuccessText: string;
+        sourceAmountMessage: string;
+        tooltipText: string;
+        doneText: string;
+        selectText: string;
+        redemptionError: string;
+        notEnoughError: string;
+        queryError: string;
+        promoCode: string;
+        skeletonCardNum: number;
+        rewardNameTitle: string;
+        rewardAmountTitle: string;
+        rewardRedeemedText: string;
+        costTitle: string;
+        empty: import("@stencil/core").VNode;
+      };
+    };
+  };
+  data: {
+    exchangeList: any;
+    fuelTankCode?: string;
+  };
+  callbacks: {
+    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;
+        chooseRewardTitle: string;
+        chooseAmountTitle: string;
+        confirmationTitle: string;
+        rewardTitle: string;
+        cancelText: string;
+        backText: string;
+        continueText: string;
+        continueToConfirmationText: string;
+        redeemText: string;
+        redeemTitle: string;
+        redemptionSuccessText: string;
+        sourceAmountMessage: string;
+        tooltipText: string;
+        doneText: string;
+        selectText: string;
+        redemptionError: string;
+        notEnoughError: string;
+        queryError: string;
+        promoCode: string;
+        skeletonCardNum: number;
+        rewardNameTitle: string;
+        rewardAmountTitle: string;
+        rewardRedeemedText: string;
+        costTitle: string;
+        empty: import("@stencil/core").VNode;
+      };
+    };
+  };
+  data: {
+    exchangeList: any;
+    fuelTankCode?: string;
+  };
+  callbacks: {
+    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;
+        chooseRewardTitle: string;
+        chooseAmountTitle: string;
+        confirmationTitle: string;
+        rewardTitle: string;
+        cancelText: string;
+        backText: string;
+        continueText: string;
+        continueToConfirmationText: string;
+        redeemText: string;
+        redeemTitle: string;
+        redemptionSuccessText: string;
+        sourceAmountMessage: string;
+        tooltipText: string;
+        doneText: string;
+        selectText: string;
+        redemptionError: string;
+        notEnoughError: string;
+        queryError: string;
+        promoCode: string;
+        skeletonCardNum: number;
+        rewardNameTitle: string;
+        rewardAmountTitle: string;
+        rewardRedeemedText: string;
+        costTitle: string;
+        empty: import("@stencil/core").VNode;
+      };
+    };
+  };
+  data: {
+    exchangeList: any;
+    fuelTankCode?: string;
+  };
+  callbacks: {
+    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;
+        chooseRewardTitle: string;
+        chooseAmountTitle: string;
+        confirmationTitle: string;
+        rewardTitle: string;
+        cancelText: string;
+        backText: string;
+        continueText: string;
+        continueToConfirmationText: string;
+        redeemText: string;
+        redeemTitle: string;
+        redemptionSuccessText: string;
+        sourceAmountMessage: string;
+        tooltipText: string;
+        doneText: string;
+        selectText: string;
+        redemptionError: string;
+        notEnoughError: string;
+        queryError: string;
+        promoCode: string;
+        skeletonCardNum: number;
+        rewardNameTitle: string;
+        rewardAmountTitle: string;
+        rewardRedeemedText: string;
+        costTitle: string;
+        empty: import("@stencil/core").VNode;
+      };
+    };
+  };
+  data: {
+    exchangeList: any;
+    fuelTankCode?: string;
+  };
+  callbacks: {
+    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;
+        chooseRewardTitle: string;
+        chooseAmountTitle: string;
+        confirmationTitle: string;
+        rewardTitle: string;
+        cancelText: string;
+        backText: string;
+        continueText: string;
+        continueToConfirmationText: string;
+        redeemText: string;
+        redeemTitle: string;
+        redemptionSuccessText: string;
+        sourceAmountMessage: string;
+        tooltipText: string;
+        doneText: string;
+        selectText: string;
+        redemptionError: string;
+        notEnoughError: string;
+        queryError: string;
+        promoCode: string;
+        skeletonCardNum: number;
+        rewardNameTitle: string;
+        rewardAmountTitle: string;
+        rewardRedeemedText: string;
+        costTitle: string;
+        empty: import("@stencil/core").VNode;
+      };
+    };
+  };
+  data: {
+    exchangeList: any;
+    fuelTankCode?: string;
+  };
+  callbacks: {
+    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;
+        chooseRewardTitle: string;
+        chooseAmountTitle: string;
+        confirmationTitle: string;
+        rewardTitle: string;
+        cancelText: string;
+        backText: string;
+        continueText: string;
+        continueToConfirmationText: string;
+        redeemText: string;
+        redeemTitle: string;
+        redemptionSuccessText: string;
+        sourceAmountMessage: string;
+        tooltipText: string;
+        doneText: string;
+        selectText: string;
+        redemptionError: string;
+        notEnoughError: string;
+        queryError: string;
+        promoCode: string;
+        skeletonCardNum: number;
+        rewardNameTitle: string;
+        rewardAmountTitle: string;
+        rewardRedeemedText: string;
+        costTitle: string;
+        empty: import("@stencil/core").VNode;
+      };
+    };
+  };
+  data: {
+    exchangeList: any;
+    fuelTankCode?: string;
+  };
+  callbacks: {
+    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;
+        chooseRewardTitle: string;
+        chooseAmountTitle: string;
+        confirmationTitle: string;
+        rewardTitle: string;
+        cancelText: string;
+        backText: string;
+        continueText: string;
+        continueToConfirmationText: string;
+        redeemText: string;
+        redeemTitle: string;
+        redemptionSuccessText: string;
+        sourceAmountMessage: string;
+        tooltipText: string;
+        doneText: string;
+        selectText: string;
+        redemptionError: string;
+        notEnoughError: string;
+        queryError: string;
+        promoCode: string;
+        skeletonCardNum: number;
+        rewardNameTitle: string;
+        rewardAmountTitle: string;
+        rewardRedeemedText: string;
+        costTitle: string;
+        empty: import("@stencil/core").VNode;
+      };
+    };
+  };
+  data: {
+    exchangeList: any;
+    fuelTankCode?: string;
+  };
+  callbacks: {
+    exchangeReward: (e: unknown) => unknown;
+    setStage: (stage?: import("./useRewardExchangeList").Stages) => void;
+    resetState: (refresh?: boolean) => void;
+    setExchangeState: Function;
+    copyFuelTankCode: () => void;
+  };
+  refs?: {
+    canvasRef: any;
+  };
+};