@applicaster/quick-brick-core 13.0.0-alpha.4936752427 → 13.0.0-alpha.5004843012

package/App/NavigationProvider/NavigationProvider.tsx

@@ -68,8 +68,6 @@ import { useSubscriberFor } from "@applicaster/zapp-react-native-utils/reactHook
 import { QBUIComponentEvents } from "@applicaster/zapp-react-native-ui-components/events";
 import { Hook } from "@applicaster/zapp-react-native-utils/appUtils/HooksManager/Hook";
 
-import { loadingOverlayManager } from "../LoadingOverlay";
-
 const logger = coreAppLogger.addSubsystem("Navigator");
 
 type Props = {
@@ -395,8 +393,6 @@ export function NavigationProvider({ children }: Props) {
     } else {
       dispatch(push(route, { entry: payload, screen: hookPlugin }));
     }
-
-    closeLoadingOverlay();
   };
 
   const handleHookError = ({ error, hookPlugin, callback }, dispose) => {
@@ -415,8 +411,6 @@ export function NavigationProvider({ children }: Props) {
     if (callback && typeof callback === "function") {
       callback();
     }
-
-    closeLoadingOverlay();
   };
 
   const handleHookCancel = ({ hookPlugin, callback }, dispose) => {
@@ -432,8 +426,6 @@ export function NavigationProvider({ children }: Props) {
     } else {
       goBack(true, true);
     }
-
-    closeLoadingOverlay();
   };
 
   const handleHookSuccess = ({ hookPlugin, callback }) => {
@@ -444,10 +436,6 @@ export function NavigationProvider({ children }: Props) {
     }
   };
 
-  const handleBackgroundHook = () => {
-    openLoadingOverlay();
-  };
-
   const checkStartUpHooks = React.useMemo(() => {
     if (!pluginConfigurations) return false;
 
@@ -517,8 +505,6 @@ export function NavigationProvider({ children }: Props) {
       );
 
       callback?.();
-
-      closeLoadingOverlay();
     };
 
   const offlinePlugin = React.useMemo(() => {
@@ -633,7 +619,6 @@ export function NavigationProvider({ children }: Props) {
           .on(HOOKS_EVENTS.ERROR, handleHookError)
           .on(HOOKS_EVENTS.CANCEL, handleHookCancel)
           .on(HOOKS_EVENTS.SUCCESS, handleHookSuccess)
-          .on(HOOKS_EVENTS.START_BACKGROUND_HOOK, handleBackgroundHook)
           .on(
             HOOKS_EVENTS.COMPLETE,
             handleHookComplete(navigationAction, targetRoute, {
@@ -649,14 +634,6 @@ export function NavigationProvider({ children }: Props) {
     },
   });
 
-  const openLoadingOverlay = React.useCallback(() => {
-    isTV() && loadingOverlayManager.show();
-  }, []);
-
-  const closeLoadingOverlay = React.useCallback(() => {
-    loadingOverlayManager.hide();
-  }, []);
-
   const openPiP = React.useCallback(() => {
     dispatch(setVideoPiP());
   }, []);

package/App/index.tsx

@@ -29,7 +29,6 @@ import { appRemoteDataLoader } from "./appRemoteDataLoader";
 import { withActionExecutor } from "@applicaster/zapp-react-native-utils/actionsExecutor/ActionExecutorContext";
 import { withScreenDataContextProvider } from "@applicaster/zapp-react-native-ui-components/Contexts/ScreenDataContext";
 import { LogicAggregatorContainer } from "./LogicAggregatorContainer";
-import { LoadingOverlay } from "./LoadingOverlay";
 
 interface AppOptions {
   Layout: React.ComponentType;
@@ -75,7 +74,6 @@ const App = ({
               <LogicAggregatorContainer
                 components={[InteractionManager, ApplyScreenHooks]}
               />
-              <LoadingOverlay />
             </ErrorBoundary>
           </AppContainer>
         </SafeAreaProvider>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@applicaster/quick-brick-core",
-  "version": "13.0.0-alpha.4936752427",
+  "version": "13.0.0-alpha.5004843012",
   "description": "Core package for Applicaster's Quick Brick App",
   "main": "index.js",
   "types": "index.d.ts",
@@ -29,13 +29,13 @@
   },
   "homepage": "https://github.com/applicaster/quickbrick#readme",
   "dependencies": {
-    "@applicaster/applicaster-types": "13.0.0-alpha.4936752427",
-    "@applicaster/quick-brick-core-plugins": "13.0.0-alpha.4936752427",
-    "@applicaster/zapp-pipes-v2-client": "13.0.0-alpha.4936752427",
-    "@applicaster/zapp-react-native-bridge": "13.0.0-alpha.4936752427",
-    "@applicaster/zapp-react-native-redux": "13.0.0-alpha.4936752427",
-    "@applicaster/zapp-react-native-ui-components": "13.0.0-alpha.4936752427",
-    "@applicaster/zapp-react-native-utils": "13.0.0-alpha.4936752427",
+    "@applicaster/applicaster-types": "13.0.0-alpha.5004843012",
+    "@applicaster/quick-brick-core-plugins": "13.0.0-alpha.5004843012",
+    "@applicaster/zapp-pipes-v2-client": "13.0.0-alpha.5004843012",
+    "@applicaster/zapp-react-native-bridge": "13.0.0-alpha.5004843012",
+    "@applicaster/zapp-react-native-redux": "13.0.0-alpha.5004843012",
+    "@applicaster/zapp-react-native-ui-components": "13.0.0-alpha.5004843012",
+    "@applicaster/zapp-react-native-utils": "13.0.0-alpha.5004843012",
     "atob": "^2.1.2",
     "axios": "^0.28.0",
     "btoa": "^1.2.1",

package/App/LoadingOverlay/LoadingOverlayManager.tsx

@@ -1,27 +0,0 @@
-import { BehaviorSubject } from "rxjs";
-
-class LoadingOverlayManager {
-  visibilitySubject: BehaviorSubject<boolean>;
-
-  constructor() {
-    this.visibilitySubject = new BehaviorSubject(false);
-  }
-
-  show() {
-    this.visibilitySubject.next(true);
-  }
-
-  hide() {
-    this.visibilitySubject.next(false);
-  }
-
-  onVisibilityStateChange(cb: (value: boolean) => void) {
-    return this.visibilitySubject.subscribe(cb);
-  }
-
-  get visibility(): boolean {
-    return this.visibilitySubject.value;
-  }
-}
-
-export const loadingOverlayManager = new LoadingOverlayManager();

package/App/LoadingOverlay/index.tsx

@@ -1,46 +0,0 @@
-import * as React from "react";
-import { View, StyleSheet } from "react-native";
-import { focusManager } from "@applicaster/zapp-react-native-utils/appUtils/focusManager";
-import { Spinner } from "@applicaster/zapp-react-native-ui-components/Components/Spinner";
-import { Spinner as CSSSpinner } from "@applicaster/zapp-react-dom-ui-components/Components/Spinner";
-import { isWeb } from "@applicaster/zapp-react-native-utils/reactUtils";
-import { useTheme } from "@applicaster/zapp-react-native-utils/theme";
-
-import { useLoadingOverlayVisibility } from "./useLoadingOverlayVisibility";
-
-export { loadingOverlayManager } from "./LoadingOverlayManager";
-
-const styles = StyleSheet.create({
-  container: {
-    opacity: 0.5,
-    alignItems: "center",
-    justifyContent: "center",
-  },
-});
-
-const SpinnerComponent = isWeb() ? CSSSpinner : Spinner;
-
-export const LoadingOverlay = () => {
-  const visible = useLoadingOverlayVisibility();
-  const theme = useTheme();
-
-  const backgroundColor = React.useMemo(() => {
-    return theme?.app_background_color || "black";
-  }, [theme?.app_background_color]);
-
-  React.useEffect(() => {
-    if (visible) {
-      focusManager.disableFocus();
-    } else {
-      focusManager.enableFocus();
-    }
-  }, [visible]);
-
-  return visible ? (
-    <View
-      style={[StyleSheet.absoluteFill, styles.container, { backgroundColor }]}
-    >
-      <SpinnerComponent />
-    </View>
-  ) : null;
-};

package/App/LoadingOverlay/useLoadingOverlayVisibility.tsx

@@ -1,18 +0,0 @@
-import * as React from "react";
-import { loadingOverlayManager } from "./LoadingOverlayManager";
-
-export const useLoadingOverlayVisibility = () => {
-  const [visible, setVisible] = React.useState(
-    loadingOverlayManager.visibility
-  );
-
-  React.useEffect(() => {
-    const listener = loadingOverlayManager.onVisibilityStateChange(setVisible);
-
-    return () => {
-      listener.unsubscribe();
-    };
-  }, []);
-
-  return visible;
-};