zh-web-sdk 2.5.1 → 2.6.0

package/dist/redux/reducers/fund-with-crypto.d.ts

@@ -0,0 +1,13 @@
+export interface IFundWithCryptoState {
+    jwt: string;
+    isAppLoaded: boolean;
+    isAppActive: boolean;
+}
+export interface IFundWithCryptoAction {
+    type: string;
+    jwt?: string;
+    isAppActive?: boolean;
+    isAppLoaded?: boolean;
+}
+declare const fundWithCryptoReducer: (state: IFundWithCryptoState | undefined, action: IFundWithCryptoAction) => IFundWithCryptoState;
+export default fundWithCryptoReducer;

package/dist/redux/reducers/index.d.ts

@@ -8,5 +8,6 @@ declare const rootReducer: import("redux").Reducer<import("redux").CombinedState
     "csp-crypto-withdrawals": import("./crypto-withdrawals").ICryptoWithdrawalsState;
     "csp-fiat-withdrawals": import("./fiat-withdrawals").IFiatWithdrawalsState;
     "csp-crypto-sell": import("./crypto-sell").ICryptoSellState;
+    "fund-with-crypto": import("./fund-with-crypto").IFundWithCryptoState;
 }>, import("./crypto-withdrawals").ICryptoWithdrawalsAction>;
 export default rootReducer;

package/dist/redux/store/index.d.ts

@@ -8,5 +8,6 @@ declare const store: import("redux").Store<import("redux").EmptyObject & {
     "csp-crypto-withdrawals": import("../reducers/crypto-withdrawals").ICryptoWithdrawalsState;
     "csp-fiat-withdrawals": import("../reducers/fiat-withdrawals").IFiatWithdrawalsState;
     "csp-crypto-sell": import("../reducers/crypto-sell").ICryptoSellState;
+    "fund-with-crypto": import("../reducers/fund-with-crypto").IFundWithCryptoState;
 }, import("../reducers/crypto-withdrawals").ICryptoWithdrawalsAction>;
 export default store;

package/dist/types.d.ts

@@ -66,6 +66,12 @@ export interface IInitializeParameters {
      * perform Crypto Sell.
      */
     cryptoSellJWT?: string;
+    /**
+     * fundWithCryptoJWT is the JWT that you received from
+     * the ZeroHash HTTP API and have specific permissions to
+     * perform Fund With Crypto operations.
+     */
+    fundWithCryptoJWT?: string;
     /**
      * zeroHashAppsURL is the base URL for all our Apps.
      * It defaults to https://web-sdk.zerohash.com/ and will
@@ -223,7 +229,27 @@ export declare enum IncomingMessageType {
      * CryptoSellFailed is received when the Crypto
      * sell flow has failed.
      */
-    CryptoSellFailed = "CRYPTO_SELL_FAILED"
+    CryptoSellFailed = "CRYPTO_SELL_FAILED",
+    /**
+     * FundWithCryptoAppLoaded is received when the Fund Witch Crypto
+     * app has initialized.
+     */
+    FundWithCryptoAppLoaded = "FUND_WITH_CRYPTO_APP_LOADED",
+    /**
+     * FundWithCryptoCloseButtonClicked is received when the close button
+     * has been clicked in the Fund With Crypto app
+    */
+    FundWithCryptoCloseButtonClicked = "FUND_WITH_CRYPTO_CLOSE_BUTTON_CLICKED",
+    /**
+     * FundWithCryptoCompleted is received when the
+     * Fund With Crypto flow  has completed successfully.
+    */
+    FundWithCryptoCompleted = "FUND_WITH_CRYPTO_COMPLETED",
+    /**
+     * FundWithCryptoFailed is received when the
+     * Fund With Crypto flow has failed.
+     */
+    FundWithCryptoFailed = "FUND_WITH_CRYPTO_FAILED"
 }
 /**
  * IncomingMessage defines the structure of an incoming
@@ -264,7 +290,8 @@ export declare enum AppIdentifier {
     CRYPTO_SELL = "crypto-sell",
     CSP_CRYPTO_WITHDRAWALS = "csp-crypto-withdrawals",
     CSP_FIAT_WITHDRAWALS = "csp-fiat-withdrawals",
-    CSP_CRYPTO_SELL = "csp-crypto-sell"
+    CSP_CRYPTO_SELL = "csp-crypto-sell",
+    FUND_WITH_CRYPTO = "fund-with-crypto"
 }
 /**
 * Map that maps the app AppIdentifier to the redux action prefix

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zh-web-sdk",
-  "version": "2.5.1",
+  "version": "2.6.0",
   "private": false,
   "description": "ZeroHash Web SDK",
   "homepage": "https://github.com/seedcx/zh-web-sdk",

package/src/iframe-container/AppContainer.tsx

@@ -69,6 +69,11 @@ interface AppContainerMappedProps {
     isAppLoaded: boolean;
     jwt: string;
   };
+  [AppIdentifier.FUND_WITH_CRYPTO]: {
+    isAppActive: boolean;
+    isAppLoaded: boolean;
+    jwt: string;
+  };
 }
 
 const appLoadTime = Date.now();
@@ -82,7 +87,8 @@ const mapAppToTitle = {
   [AppIdentifier.CRYPTO_SELL]: "Crypto Sell",
   [AppIdentifier.CSP_CRYPTO_WITHDRAWALS]: "CBP Crypto Withdrawals",
   [AppIdentifier.CSP_FIAT_WITHDRAWALS]: "CBP Fiat Withdrawals",
-  [AppIdentifier.CSP_CRYPTO_SELL]: "Crypto Sell"
+  [AppIdentifier.CSP_CRYPTO_SELL]: "Crypto Sell",
+  [AppIdentifier.FUND_WITH_CRYPTO]: "Fund With Crypto"
 };
 
 const AppContainer = ({

package/src/index.tsx

@@ -112,6 +112,19 @@ const appsMessageHandlers: {
   [IncomingMessageType.CryptoSellFailed]: () => {
     appFailed(AppIdentifier.CRYPTO_SELL);
   },
+  // Fund with crypto message handlers
+  [IncomingMessageType.FundWithCryptoAppLoaded]: () => {
+    appLoaded(AppIdentifier.FUND_WITH_CRYPTO);
+  },
+  [IncomingMessageType.FundWithCryptoCloseButtonClicked]: () => {
+    closeModal(AppIdentifier.FUND_WITH_CRYPTO);
+  },
+  [IncomingMessageType.FundWithCryptoCompleted]: () => {
+    appCompleted(AppIdentifier.FUND_WITH_CRYPTO);
+  },
+  [IncomingMessageType.FundWithCryptoFailed]: () => {
+    appFailed(AppIdentifier.FUND_WITH_CRYPTO);
+  },
 };
 
 /**
@@ -150,6 +163,7 @@ export class ZeroHashSDK implements IZeroHashSDK {
     [AppIdentifier.FIAT_WITHDRAWALS, false],
     [AppIdentifier.CRYPTO_BUY, false],
     [AppIdentifier.CRYPTO_SELL, false],
+    [AppIdentifier.FUND_WITH_CRYPTO, false],
   ]);
 
   /**
@@ -166,6 +180,7 @@ export class ZeroHashSDK implements IZeroHashSDK {
     fiatWithdrawalsJWT,
     cryptoBuyJWT,
     cryptoSellJWT,
+    fundWithCryptoJWT,
     zeroHashAppsURL,
   }: IInitializeParameters) {
     // The || is for backwards compatibility
@@ -215,6 +230,12 @@ export class ZeroHashSDK implements IZeroHashSDK {
         appIdentifier: AppIdentifier.CRYPTO_SELL,
       });
     }
+    if (fundWithCryptoJWT) {
+      this.setJWT({
+        jwt: fundWithCryptoJWT,
+        appIdentifier: AppIdentifier.FUND_WITH_CRYPTO,
+      });
+    }
   }
 
   /**

package/src/redux/reducers/fund-with-crypto.ts

@@ -0,0 +1,63 @@
+import { AppIdentifier } from "../../types";
+import { appIdentifierToActionPrefixMap } from "../../types";
+import {
+  ACTION_SET_JWT,
+  ACTION_SET_MODAL_STATE,
+  ACTION_APP_LOADED
+} from "./constants";
+
+export interface IFundWithCryptoState {
+  jwt: string;
+  isAppLoaded: boolean;
+  isAppActive: boolean;
+}
+
+export interface IFundWithCryptoAction {
+  type: string;
+  jwt?: string;
+  isAppActive?: boolean;
+  isAppLoaded?: boolean;
+}
+
+const INITIAL_STATE: IFundWithCryptoState = {
+  jwt: "",
+  isAppActive: false,
+  isAppLoaded: false
+}
+
+const applySetIsAppActive = (state: IFundWithCryptoState, action: IFundWithCryptoAction) : IFundWithCryptoState => {
+  return {
+      ...state,
+      isAppActive: !!action.isAppActive,
+  }
+}
+
+const applySetSendJWTToApp = (state: IFundWithCryptoState, action: IFundWithCryptoAction) : IFundWithCryptoState => {
+  return {
+      ...state,
+      isAppLoaded: !!action.isAppLoaded,
+  }
+}
+
+const applySetJWT = (state: IFundWithCryptoState, action: IFundWithCryptoAction) : IFundWithCryptoState => {
+  return {
+      ...state,
+      jwt: action.jwt as string,
+  }
+}
+
+const reducerMap: { [actionType: string]: (state: IFundWithCryptoState, action: IFundWithCryptoAction) => IFundWithCryptoState } = {
+  [`${appIdentifierToActionPrefixMap.get(AppIdentifier.FUND_WITH_CRYPTO)}${ACTION_SET_JWT}`]: applySetJWT,
+  [`${appIdentifierToActionPrefixMap.get(AppIdentifier.FUND_WITH_CRYPTO)}${ACTION_SET_MODAL_STATE}`]: applySetIsAppActive,
+  [`${appIdentifierToActionPrefixMap.get(AppIdentifier.FUND_WITH_CRYPTO)}${ACTION_APP_LOADED}`]: applySetSendJWTToApp,
+};
+
+const fundWithCryptoReducer = (state = INITIAL_STATE, action: IFundWithCryptoAction) => {
+  if (!!action.type && !!reducerMap[action.type]) {
+      return reducerMap[action.type](state, action);
+  } else {
+      return state;
+  }
+}
+
+export default fundWithCryptoReducer;

package/src/redux/reducers/index.ts

@@ -5,6 +5,7 @@ import fiatDepositsReducer from "./fiat-deposits";
 import fiatWithdrawalsReducer from "./fiat-withdrawals";
 import cryptoBuyReducer from "./crypto-buy";
 import cryptoSellReducer from "./crypto-sell";
+import fundWithCryptoReducer from "./fund-with-crypto";
 
 const rootReducer = combineReducers({
     ["crypto-withdrawals"]: cryptoWithdrawalsReducer,
@@ -16,6 +17,7 @@ const rootReducer = combineReducers({
     ["csp-crypto-withdrawals"]: cryptoWithdrawalsReducer,
     ["csp-fiat-withdrawals"]: fiatWithdrawalsReducer,
     ["csp-crypto-sell"]: cryptoSellReducer,
+    ["fund-with-crypto"]: fundWithCryptoReducer,
 });
 
 export default rootReducer;

package/src/types.ts

@@ -68,6 +68,12 @@ export interface IInitializeParameters {
      * perform Crypto Sell.
      */
     cryptoSellJWT?: string
+    /**
+     * fundWithCryptoJWT is the JWT that you received from
+     * the ZeroHash HTTP API and have specific permissions to
+     * perform Fund With Crypto operations.
+     */
+    fundWithCryptoJWT?: string
     /**
      * zeroHashAppsURL is the base URL for all our Apps.
      * It defaults to https://web-sdk.zerohash.com/ and will
@@ -229,6 +235,26 @@ export enum IncomingMessageType {
      * sell flow has failed.
      */
     CryptoSellFailed = "CRYPTO_SELL_FAILED",
+    /**
+     * FundWithCryptoAppLoaded is received when the Fund Witch Crypto
+     * app has initialized.
+     */
+    FundWithCryptoAppLoaded = "FUND_WITH_CRYPTO_APP_LOADED",
+    /**
+     * FundWithCryptoCloseButtonClicked is received when the close button
+     * has been clicked in the Fund With Crypto app
+    */
+    FundWithCryptoCloseButtonClicked = "FUND_WITH_CRYPTO_CLOSE_BUTTON_CLICKED",
+    /**
+     * FundWithCryptoCompleted is received when the
+     * Fund With Crypto flow  has completed successfully.
+    */
+    FundWithCryptoCompleted = "FUND_WITH_CRYPTO_COMPLETED",
+    /**
+     * FundWithCryptoFailed is received when the 
+     * Fund With Crypto flow has failed.
+     */
+    FundWithCryptoFailed = "FUND_WITH_CRYPTO_FAILED",
 }
 
 /**
@@ -273,7 +299,8 @@ export enum AppIdentifier {
     CRYPTO_SELL = "crypto-sell",
     CSP_CRYPTO_WITHDRAWALS = "csp-crypto-withdrawals",
     CSP_FIAT_WITHDRAWALS = "csp-fiat-withdrawals",
-    CSP_CRYPTO_SELL = "csp-crypto-sell"
+    CSP_CRYPTO_SELL = "csp-crypto-sell",
+    FUND_WITH_CRYPTO = "fund-with-crypto"
 }
 
 /**
@@ -290,6 +317,8 @@ export const appIdentifierToActionPrefixMap = new Map(
         [AppIdentifier.CSP_CRYPTO_WITHDRAWALS, "CRYPTO_WITHDRAWALS_"], // CSP apps uses the same events as "regular" flow
         [AppIdentifier.CSP_FIAT_WITHDRAWALS, "FIAT_WITHDRAWALS_"], // CSP apps uses the same events as "regular" flow
         [AppIdentifier.CSP_CRYPTO_SELL, "CRYPTO_SELL_"],
+        [AppIdentifier.CSP_CRYPTO_SELL, "CRYPTO_SELL_"],
+        [AppIdentifier.FUND_WITH_CRYPTO, "FUND_WITH_CRYPTO_"],
     ])
 
 export interface ISetJWTParameters {