zh-web-sdk 2.16.1 → 2.17.0

package/src/redux/reducers/pay.ts

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

package/src/redux/reducers/payouts.ts

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

package/src/redux/reducers/profile.ts

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

package/src/redux/store/index.ts

@@ -1,10 +0,0 @@
-import {legacy_createStore as createStore} from "redux";
-import rootReducer from "../reducers";
-
-const store = createStore(rootReducer);
-
-export default store;
-
-export type RootState = ReturnType<typeof rootReducer>
-export type AppStore = ReturnType<typeof createStore>
-export type AppDispatch = AppStore['dispatch']

package/src/styles.ts

@@ -1,108 +0,0 @@
-import { CSSProperties } from "react";
-
-const MTE_SM = 480;
-const MTE_MD = 720;
-
-/**
- * Returns the modal border radius based on device type
- * Mobile devices: 0
- * Desktop/Laptop: 24
- */
-export const getBorderRadius = (): number => {
-    const userAgent = navigator?.userAgent?.toLowerCase();
-    const isMobileUA = /iphone|ipad|ipod|android|webos|blackberry|windows phone/i.test(userAgent);
-    const hasTouchScreen = 'ontouchstart' in window || navigator?.maxTouchPoints > 0;
-    
-    const isMobile = isMobileUA || hasTouchScreen;
-    
-    return isMobile ? 0 : 24;
-}
-
-export const screenSizes: { id: string, size: number }[] = [
-    {
-        id: "MTE_SM",
-        size: MTE_SM,
-    },
-    {
-        id: "MTE_MD",
-        size: MTE_MD,
-    },
-]
-
-/**
- * When the width is smaller than 
- * 
- */
-export const minWidthMatcher = (): string => {
-    for (let i = 0; i < screenSizes.length; i++) {
-        const { id, size } = screenSizes[i];
-        if (window.matchMedia(`(min-width: ${size}px`).matches) {
-            return id
-        }
-    }
-    return "ANY"
-}
-
-export const containerStyle: CSSProperties = {
-    paddingRight: 0,
-    paddingLeft: 0,
-    marginRight: "auto",
-    marginLeft: "auto",
-    maxHeight: 812
-}
-
-export const containerMediaStyles: { [id: string]: CSSProperties } = {
-    MTE_SM: {
-        width: 480
-    },
-    MTE_MD: {
-        width: 720
-    },
-    ANY: {
-        width: "100%",
-        height: "100%",
-        maxWidth: "100%",
-        maxHeight: "100%"
-    },
-}
-
-export const appWrapperStyle: CSSProperties = {
-    position: "fixed",
-    top: 0,
-    left: 0,
-    zIndex: 999999,
-    display: "flex",
-    justifyContent: "center",
-    alignItems: "center",
-    flexDirection: "column",
-    width: "100vw",
-    height: CSS.supports("height: 100dvh") ? "100dvh" : window.innerHeight + "px",
-    maxHeight: CSS.supports("height: 100dvh") ? "100dvh" : window.innerHeight + "px",
-    background: "rgba(0,0,0,0.5)",
-    cursor: "pointer"
-}
-
-export const modalStyle: CSSProperties = {
-    padding: 0,
-    backgroundColor: "#FFF",
-    height: "calc(100% - 100px)",
-    maxWidth: "calc(100% - 30px)",
-    borderRadius: getBorderRadius()
-}
-
-export const iframeWrapperStyle: CSSProperties = {
-    width: "100%",
-    height: "100%",
-    border: "none",
-    overflow: "hidden"
-};
-
-export const iframeStyle: CSSProperties = {
-    width: "100%",
-    height: "100%",
-    border: "none",
-    margin: 0,
-    padding: 0,
-    overflow: "hidden",
-    borderRadius: getBorderRadius(),
-};