zh-web-sdk 2.6.0 → 2.7.1

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

@@ -4,3 +4,4 @@ export declare const ACTION_APP_LOADED = "APP_LOADED";
 export declare const ACTION_PENDING_APPROVAL = "PENDING_APPROVAL";
 export declare const ACTION_COMPLETED = "COMPLETED";
 export declare const ACTION_FAILED = "FAILED";
+export declare const ACTION_SET_FILTERS = "ACTION_SET_FILTERS";

package/dist/redux/reducers/crypto-buy.d.ts

@@ -1,13 +1,16 @@
+import { Filters } from "../../types";
 export interface ICryptoBuyState {
     jwt: string;
     isAppLoaded: boolean;
     isAppActive: boolean;
+    filters?: Filters;
 }
 export interface ICryptoBuyAction {
     type: string;
     jwt?: string;
     isAppActive?: boolean;
     isAppLoaded?: boolean;
+    filters?: Filters;
 }
 declare const cryptoBuyReducer: (state: ICryptoBuyState | undefined, action: ICryptoBuyAction) => ICryptoBuyState;
 export default cryptoBuyReducer;

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

@@ -9,5 +9,5 @@ declare const rootReducer: import("redux").Reducer<import("redux").CombinedState
     "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>;
+}>, import("./crypto-withdrawals").ICryptoWithdrawalsAction | import("./crypto-buy").ICryptoBuyAction>;
 export default rootReducer;

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

@@ -9,5 +9,5 @@ declare const store: import("redux").Store<import("redux").EmptyObject & {
     "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>;
+}, import("../reducers/crypto-withdrawals").ICryptoWithdrawalsAction | import("../reducers/crypto-buy").ICryptoBuyAction>;
 export default store;

package/dist/types.d.ts

@@ -301,7 +301,22 @@ export interface ISetJWTParameters {
     jwt: string;
     appIdentifier: AppIdentifier;
 }
+export interface Filters {
+    getAssets: {
+        deposit_address_creation: string;
+    };
+}
 export interface IOpenModalParameters {
     jwt?: string;
     appIdentifier: AppIdentifier;
+    filters?: Filters;
+}
+export interface ISetFiltersParameters {
+    appIdentifier: AppIdentifier;
+    filters: {
+        getAssets: {
+            deposit_address_creation?: string;
+            stablecoin?: boolean;
+        };
+    };
 }

package/package.json

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

package/src/iframe-container/AppContainer.tsx

@@ -13,7 +13,11 @@ import {
   appWrapperHiddenStyle,
 } from "../styles";
 import { closeModal } from "../redux/actions";
-import { AppIdentifier, appIdentifierToActionPrefixMap } from "../types";
+import {
+  AppIdentifier,
+  Filters,
+  appIdentifierToActionPrefixMap,
+} from "../types";
 
 interface AppContainerProps {
   isAppActive?: boolean;
@@ -21,6 +25,7 @@ interface AppContainerProps {
   jwt?: string;
   zeroHashAppURL: string;
   appIdentifier: AppIdentifier;
+  filters?: Filters;
 }
 
 interface AppContainerMappedProps {
@@ -28,51 +33,61 @@ interface AppContainerMappedProps {
     isAppActive: boolean;
     isAppLoaded: boolean;
     jwt: string;
+    filters?: Filters;
   };
   [AppIdentifier.ONBOARDING]: {
     isAppActive: boolean;
     isAppLoaded: boolean;
     jwt: string;
+    filters?: Filters;
   };
   [AppIdentifier.FIAT_DEPOSITS]: {
     isAppActive: boolean;
     isAppLoaded: boolean;
     jwt: string;
+    filters?: Filters;
   };
   [AppIdentifier.FIAT_WITHDRAWALS]: {
     isAppActive: boolean;
     isAppLoaded: boolean;
     jwt: string;
+    filters?: Filters;
   };
   [AppIdentifier.CRYPTO_BUY]: {
     isAppActive: boolean;
     isAppLoaded: boolean;
     jwt: string;
+    filters?: Filters;
   };
   [AppIdentifier.CRYPTO_SELL]: {
     isAppActive: boolean;
     isAppLoaded: boolean;
     jwt: string;
+    filters?: Filters;
   };
   [AppIdentifier.CSP_CRYPTO_WITHDRAWALS]: {
     isAppActive: boolean;
     isAppLoaded: boolean;
     jwt: string;
+    filters?: Filters;
   };
   [AppIdentifier.CSP_FIAT_WITHDRAWALS]: {
     isAppActive: boolean;
     isAppLoaded: boolean;
     jwt: string;
+    filters?: Filters;
   };
   [AppIdentifier.CSP_CRYPTO_SELL]: {
     isAppActive: boolean;
     isAppLoaded: boolean;
     jwt: string;
+    filters?: Filters;
   };
   [AppIdentifier.FUND_WITH_CRYPTO]: {
     isAppActive: boolean;
     isAppLoaded: boolean;
     jwt: string;
+    filters?: Filters;
   };
 }
 
@@ -88,7 +103,7 @@ const mapAppToTitle = {
   [AppIdentifier.CSP_CRYPTO_WITHDRAWALS]: "CBP Crypto Withdrawals",
   [AppIdentifier.CSP_FIAT_WITHDRAWALS]: "CBP Fiat Withdrawals",
   [AppIdentifier.CSP_CRYPTO_SELL]: "Crypto Sell",
-  [AppIdentifier.FUND_WITH_CRYPTO]: "Fund With Crypto"
+  [AppIdentifier.FUND_WITH_CRYPTO]: "Fund With Crypto",
 };
 
 const AppContainer = ({
@@ -96,13 +111,12 @@ const AppContainer = ({
   isAppLoaded,
   jwt,
   zeroHashAppURL,
-  appIdentifier
+  appIdentifier,
 }: AppContainerProps) => {
   const title = mapAppToTitle[appIdentifier];
   const hasJwt = !!jwt;
   const [container, setContainerStyle] = useState(containerStyle);
-
-  const allAppsState = useSelector(state => state as AppContainerMappedProps);
+  const allAppsState = useSelector((state) => state as AppContainerMappedProps);
 
   /**
    * setContainer sets the CSS styles based on the current matching media queries
@@ -126,19 +140,31 @@ const AppContainer = ({
       hasJwt &&
       iRef.current?.contentWindow
     ) {
-
       // This loops all registered apps and sends their JWT tokens.
       Object.keys(allAppsState).forEach((key: string) => {
         if (!allAppsState[key as AppIdentifier].jwt) return;
 
         iRef.current?.contentWindow?.postMessage(
           {
-            type: `${appIdentifierToActionPrefixMap.get(key as AppIdentifier)}SEND_JWT_TOKEN`,
+            type: `${appIdentifierToActionPrefixMap.get(
+              key as AppIdentifier
+            )}SEND_JWT_TOKEN`,
             jwt: allAppsState[key as AppIdentifier].jwt,
           },
           zeroHashAppURL
         );
-      })
+        if (allAppsState[key as AppIdentifier].filters) {
+          iRef.current?.contentWindow?.postMessage(
+            {
+              type: `${appIdentifierToActionPrefixMap.get(
+                key as AppIdentifier
+              )}SEND_FILTERS`,
+              filters: allAppsState[key as AppIdentifier].filters,
+            },
+            zeroHashAppURL
+          );
+        }
+      });
     }
   }, [appIdentifier, hasJwt, isAppLoaded, jwt, zeroHashAppURL, allAppsState]);
 
@@ -167,9 +193,13 @@ const AppContainer = ({
   }
   return (
     <div
-      style={isAppActive ? {
-        ...appWrapperStyle,
-      } : appWrapperHiddenStyle}
+      style={
+        isAppActive
+          ? {
+              ...appWrapperStyle,
+            }
+          : appWrapperHiddenStyle
+      }
       onClick={() => closeModal(appIdentifier)}
     >
       <div
@@ -205,6 +235,7 @@ const mapStateToProps = (
     isAppActive: state[ownProps.appIdentifier].isAppActive,
     isAppLoaded: state[ownProps.appIdentifier].isAppLoaded,
     jwt: state[ownProps.appIdentifier].jwt,
+    filters: state[ownProps.appIdentifier].filters,
   };
 };
 

package/src/index.tsx

@@ -8,6 +8,7 @@ import {
   IncomingMessageType,
   IOpenModalParameters,
   IOpenOnboardingModalParameters,
+  ISetFiltersParameters,
   ISetJWTParameters,
   ISetUserOnboardingJWTParameters,
   IZeroHashSDK,
@@ -17,7 +18,7 @@ import { DEFAULT_ZH_APPS_URL } from "./constants";
 import AppContainer from "./iframe-container/AppContainer";
 import { Provider } from "react-redux";
 import store from "./redux/store";
-import { ACTION_SET_JWT } from "./redux/reducers/constants";
+import { ACTION_SET_FILTERS, ACTION_SET_JWT } from "./redux/reducers/constants";
 import { appCompleted, appFailed, appLoaded, appPendingApproval, closeModal, openModal } from "./redux/actions";
 
 let _zeroHashAppsURL: string = DEFAULT_ZH_APPS_URL;
@@ -252,6 +253,9 @@ export class ZeroHashSDK implements IZeroHashSDK {
   setJWT({ jwt, appIdentifier }: ISetJWTParameters): void {
     dispatchActionBasedOnAppIdentifier(appIdentifier, ACTION_SET_JWT, { jwt });
   }
+  setFilters({ filters, appIdentifier }: ISetFiltersParameters): void {
+    dispatchActionBasedOnAppIdentifier(appIdentifier, ACTION_SET_FILTERS, { filters });
+  }
 
   /**
    * setUserOnboardingJWT sets the JWT to be whatever value is provided.
@@ -299,7 +303,10 @@ export class ZeroHashSDK implements IZeroHashSDK {
   /**
    * openModal opens the modal for the appIdentifier provided.
    */
-  openModal({ jwt, appIdentifier }: IOpenModalParameters): void {
+  openModal({ jwt, appIdentifier, filters }: IOpenModalParameters): void {
+    if (filters) {
+      this.setFilters({filters, appIdentifier})
+    }
     if (jwt) {
       this.setJWT({
         jwt,

package/src/redux/reducers/constants.ts

@@ -4,4 +4,5 @@ export const ACTION_SET_JWT = "SET_JWT"
 export const ACTION_APP_LOADED = "APP_LOADED"
 export const ACTION_PENDING_APPROVAL = "PENDING_APPROVAL"
 export const ACTION_COMPLETED = "COMPLETED"
-export const ACTION_FAILED = "FAILED"
+export const ACTION_FAILED = "FAILED"
+export const ACTION_SET_FILTERS = "ACTION_SET_FILTERS"

package/src/redux/reducers/crypto-buy.ts

@@ -1,15 +1,17 @@
-import { AppIdentifier } from "../../types";
+import { AppIdentifier, Filters } from "../../types";
 import { appIdentifierToActionPrefixMap } from "../../types";
 import {
   ACTION_SET_JWT,
   ACTION_SET_MODAL_STATE,
-  ACTION_APP_LOADED
+  ACTION_APP_LOADED,
+  ACTION_SET_FILTERS
 } from "./constants";
 
 export interface ICryptoBuyState {
   jwt: string;
   isAppLoaded: boolean;
   isAppActive: boolean;
+  filters?: Filters
 }
 
 export interface ICryptoBuyAction {
@@ -17,6 +19,7 @@ export interface ICryptoBuyAction {
   jwt?: string;
   isAppActive?: boolean;
   isAppLoaded?: boolean;
+  filters?: Filters;
 }
 
 const INITIAL_STATE: ICryptoBuyState = {
@@ -46,11 +49,19 @@ const applySetJWT = (state: ICryptoBuyState, action: ICryptoBuyAction) : ICrypto
   }
 }
 
+const applySetFilters = (state: ICryptoBuyState, action: ICryptoBuyAction) : ICryptoBuyState => {
+  return {
+      ...state,
+      filters: action.filters,
+  }
+}
+
 const reducerMap: { [actionType: string]: (state: ICryptoBuyState, action: ICryptoBuyAction) => ICryptoBuyState } = {
   // Crypto buy reducer
   [`${appIdentifierToActionPrefixMap.get(AppIdentifier.CRYPTO_BUY)}${ACTION_SET_JWT}`]: applySetJWT,
   [`${appIdentifierToActionPrefixMap.get(AppIdentifier.CRYPTO_BUY)}${ACTION_SET_MODAL_STATE}`]: applySetIsAppActive,
   [`${appIdentifierToActionPrefixMap.get(AppIdentifier.CRYPTO_BUY)}${ACTION_APP_LOADED}`]: applySetSendJWTToApp,
+  [`${appIdentifierToActionPrefixMap.get(AppIdentifier.CRYPTO_BUY)}${ACTION_SET_FILTERS}`]: applySetFilters,
 };
 
 const cryptoBuyReducer = (state = INITIAL_STATE, action: ICryptoBuyAction) => {

package/src/types.ts

@@ -326,7 +326,24 @@ export interface ISetJWTParameters {
     appIdentifier: AppIdentifier;
 }
 
+export interface Filters {
+    getAssets: {
+        deposit_address_creation: string
+    }
+}
+
 export interface IOpenModalParameters {
     jwt?: string;
     appIdentifier: AppIdentifier;
+    filters?: Filters;
 }
+
+export interface ISetFiltersParameters {
+    appIdentifier: AppIdentifier;
+    filters: {
+        getAssets: {
+            deposit_address_creation?: string;
+            stablecoin?: boolean;
+        }
+    }
+}