@applicaster/quick-brick-core 13.0.0-alpha.5033140607 → 13.0.0-alpha.5255052345

package/App/RouteManager/__tests__/__snapshots__/routeManager.test.js.snap

@@ -4,8 +4,8 @@ exports[`<RouteManager /> renders correctly 1`] = `
 <RNCSafeAreaProvider
   onInsetsChange={[Function]}
   style={
-    Array [
-      Object {
+    [
+      {
         "flex": 1,
       },
       undefined,

package/App/StoreConnector/__tests__/__snapshots__/storeConnector.test.js.snap

@@ -3,26 +3,26 @@
 exports[`storeConnector passes the props to the component 1`] = `
 <Component
   appSettings={
-    Object {
+    {
       "bundleIdentifier": "com.app.test",
     }
   }
   components={
-    Object {
+    {
       "grid": [MockFunction],
     }
   }
   dispatch={[Function]}
   rivers={
-    Object {
-      "A123": Object {
+    {
+      "A123": {
         "id": "A123",
         "name": "home",
       },
     }
   }
   store={
-    Object {
+    {
       "clearActions": [Function],
       "dispatch": [Function],
       "getActions": [Function],

package/App/appLifeCycleManager/__tests__/__snapshots__/appLifeCycleManager.test.js.snap

@@ -17,10 +17,10 @@ exports[`appLifeCycleManager sends the quickBrickReady event when a loader doesn
 `;
 
 exports[`appLifeCycleManager sends the quickBrickReady event when a loader doesn't resolves 2`] = `
-Array [
-  Array [
-    Object {
-      "data": Object {
+[
+  [
+    {
+      "data": {
         "error": [Error: loading failed],
       },
       "message": "AppLifeCycleManager: A loading operation failed: loading failed",

package/App/appLifeCycleManager/__tests__/appLifeCycleManager.test.js

@@ -8,7 +8,7 @@ const Component = () => (
   </View>
 );
 
-const logger = {
+const mockLogger = {
   warning: jest.fn(),
   log: jest.fn(),
   debug: jest.fn(),
@@ -17,7 +17,7 @@ const logger = {
 
 jest.mock("../../logger", () => ({
   coreAppLogger: {
-    addSubsystem: jest.fn(() => logger),
+    addSubsystem: jest.fn(() => mockLogger),
   },
 }));
 
@@ -45,7 +45,7 @@ const QUICK_BRICK_READY_EVENT = "quickBrickReady";
 
 const actions = {};
 
-jest.mock("@applicaster/zapp-react-native-utils/reactHooks/actions", () => ({
+jest.doMock("@applicaster/zapp-react-native-utils/reactHooks/actions", () => ({
   useActions: jest.fn(() => ({ actions })),
 }));
 
@@ -55,7 +55,7 @@ describe("appLifeCycleManager", () => {
   const decorator = appLifeCycleManager(appLoader, QuickBrickManager);
 
   beforeEach(() => {
-    logger.warning.mockClear();
+    mockLogger.warning.mockClear();
     appLoader.mockClear();
     QuickBrickManager.sendQuickBrickEvent.mockClear();
     dispatch.mockClear();
@@ -111,7 +111,7 @@ describe("appLifeCycleManager", () => {
         QUICK_BRICK_READY_EVENT
       );
 
-      expect(logger.warning.mock.calls).toMatchSnapshot();
+      expect(mockLogger.warning.mock.calls).toMatchSnapshot();
 
       done();
     };

package/App/appLifeCycleManager/index.tsx

@@ -131,9 +131,8 @@ export function appLifeCycleManager(appLoader, QuickBrickManager) {
             )
             .map((plugin: any) => plugin.module?.getLoginProtocol?.());
 
-          const loginProtocols: LoginProtocol[] = await Promise.all(
-            promiseProtocols
-          );
+          const loginProtocols: LoginProtocol[] =
+            await Promise.all(promiseProtocols);
 
           // Await all does not work here
           for (const protocol of loginProtocols) {

package/App/index.tsx

@@ -1,3 +1,7 @@
+// Disable logs popups(RN68)
+import { LogBox } from "react-native";
+LogBox.ignoreAllLogs();
+
 import * as React from "react";
 import * as R from "ramda";
 import {
@@ -29,6 +33,7 @@ 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;
@@ -74,6 +79,7 @@ const App = ({
               <LogicAggregatorContainer
                 components={[InteractionManager, ApplyScreenHooks]}
               />
+              <LoadingOverlay />
             </ErrorBoundary>
           </AppContainer>
         </SafeAreaProvider>

package/App/remoteContextReloader/__tests__/__snapshots__/remoteContextReloader.test.js.snap

@@ -3,41 +3,41 @@
 exports[`remoteContextReloader adds a componentDidMount method 1`] = `
 <Component
   appSettings={
-    Object {
-      "runtimeConfigurationUrls": Object {
+    {
+      "runtimeConfigurationUrls": {
         "foo": "bar",
       },
     }
   }
   dispatch={[MockFunction]}
-  plugins={Array []}
+  plugins={[]}
 />
 `;
 
 exports[`remoteContextReloader when in __DEV__ doesn't invoke the context reloader 1`] = `
 <Component
   appSettings={
-    Object {
-      "runtimeConfigurationUrls": Object {
+    {
+      "runtimeConfigurationUrls": {
         "foo": "bar",
       },
     }
   }
   dispatch={[MockFunction]}
-  plugins={Array []}
+  plugins={[]}
 />
 `;
 
 exports[`remoteContextReloader when not in __DEV__ invokes the context reloader 1`] = `
 <Component
   appSettings={
-    Object {
-      "runtimeConfigurationUrls": Object {
+    {
+      "runtimeConfigurationUrls": {
         "foo": "bar",
       },
     }
   }
   dispatch={[MockFunction]}
-  plugins={Array []}
+  plugins={[]}
 />
 `;

package/App/remoteContextReloader/consts.ts

@@ -19,3 +19,5 @@ export const TYPE_KEYS = [
   "layout",
   "pipesEndpoints",
 ];
+
+export const ACTIVE_LAYOUT_ID_STORAGE_KEY = "active_layout_id";

package/App/remoteContextReloader/getRemoteContextData/getNativeRemoteContextData.ts

@@ -1,5 +1,5 @@
 import * as R from "ramda";
-import { Dimensions } from "react-native";
+import { Dimensions, NativeModules } from "react-native";
 import { loadAppContextData } from "@applicaster/zapp-react-native-redux";
 import { isTablet } from "@applicaster/zapp-react-native-utils/reactHooks";
 import { mapPromises } from "@applicaster/zapp-react-native-utils/arrayUtils";
@@ -7,6 +7,9 @@ import { fetchPluginConfiguration, getPromiseForType } from "../helpers";
 import { cacheAssets } from "../../AssetCache";
 import { actions as appDataActions } from "@applicaster/zapp-react-native-redux/AppData";
 import { logger } from "@applicaster/zapp-react-native-utils/logger";
+import { ACTIVE_LAYOUT_ID_STORAGE_KEY } from "../consts";
+const { AppLoaderBridge } = NativeModules;
+import { localStorage } from "@applicaster/zapp-react-native-bridge/ZappStorage/LocalStorage";
 
 export async function getNativeRemoteContextData(
   dispatch,
@@ -33,11 +36,19 @@ export async function getNativeRemoteContextData(
       R.pathSatisfies(R.is(Function), ["module", "selectLayout"])
     )(plugins);
 
-    await layoutManagerPlugin?.module?.selectLayout({
-      runtimeConfigurationUrls,
-      plugin: layoutManagerPlugin,
-      isTablet: isTabletDevice,
-    });
+    if (layoutManagerPlugin) {
+      await layoutManagerPlugin.module?.selectLayout({
+        runtimeConfigurationUrls,
+        plugin: layoutManagerPlugin,
+        isTablet: isTabletDevice,
+      });
+    } else {
+      const layoutId = await localStorage.getItem(ACTIVE_LAYOUT_ID_STORAGE_KEY);
+
+      if (layoutId) {
+        await AppLoaderBridge?.switchLayout(layoutId, null);
+      }
+    }
   } catch (error) {
     logger.error({
       message: "Error selecting layout using layout manager plugin",

package/createZappApp/__tests__/__snapshots__/createZappApp.test.js.snap

@@ -1,35 +1,35 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`createZappApp has a <Provider /> component with an initialized store 1`] = `
-Object {
-  "appData": Object {
+{
+  "appData": {
     "countryLocale": "GB",
     "languageLocale": "en",
     "layoutVersion": "v1",
     "quickBrickEvent": [MockFunction],
   },
-  "appSettings": Object {
-    "runtimeConfigurationUrls": Object {},
+  "appSettings": {
+    "runtimeConfigurationUrls": {},
   },
-  "appState": Object {
+  "appState": {
     "appLaunched": false,
     "appReady": false,
-    "appState": Object {
+    "appState": {
       "currentState": null,
       "eventType": null,
       "isAvailable": null,
       "nextState": null,
     },
   },
-  "cellStyles": Object {},
-  "components": Object {
+  "cellStyles": {},
+  "components": {
     "AppContainer": [Function],
     "ContentScreen": [Function],
     "HookRenderer": [Function],
     "ModalComponent": [Function],
-    "PlayerContainer": Object {
+    "PlayerContainer": {
       "$$typeof": Symbol(react.memo),
-      "WrappedComponent": Object {
+      "WrappedComponent": {
         "$$typeof": Symbol(react.memo),
         "compare": null,
         "type": [Function],
@@ -38,49 +38,49 @@ Object {
       "type": [Function],
     },
     "QBImage": [Function],
-    "River": Object {
+    "River": {
       "$$typeof": Symbol(react.memo),
       "WrappedComponent": [Function],
       "compare": null,
       "type": [Function],
     },
-    "TextInputTv": Object {
+    "TextInputTv": {
       "$$typeof": Symbol(react.forward_ref),
       "render": [Function],
     },
     "Touchable": [Function],
   },
   "contentTypes": null,
-  "localizations": Object {},
+  "localizations": {},
   "pipesEndpoints": null,
-  "pluginConfigurations": Object {
-    "pc1": Object {
+  "pluginConfigurations": {
+    "pc1": {
       "configuration_json": null,
-      "plugin": Object {
-        "api": Object {},
+      "plugin": {
+        "api": {},
         "identifier": "pc1",
       },
     },
-    "pc2": Object {
-      "configuration_json": Object {
+    "pc2": {
+      "configuration_json": {
         "foo": "bar",
       },
-      "plugin": Object {
-        "api": Object {},
+      "plugin": {
+        "api": {},
         "identifier": "pc2",
       },
     },
   },
-  "plugins": Array [
-    Object {
+  "plugins": [
+    {
       "configuration": null,
       "identifier": "pc1",
       "module": [MockFunction],
       "name": "Plugin1",
       "type": "general",
     },
-    Object {
-      "configuration": Object {
+    {
+      "configuration": {
         "foo": "bar",
       },
       "identifier": "pc2",
@@ -89,20 +89,20 @@ Object {
       "type": "general",
     },
   ],
-  "presetsMapping": Object {},
-  "remoteConfigurations": Object {
-    "localizations": Object {},
+  "presetsMapping": {},
+  "remoteConfigurations": {
+    "localizations": {},
   },
-  "rivers": Object {},
-  "styles": Object {},
-  "zappPipes": Object {},
+  "rivers": {},
+  "styles": {},
+  "zappPipes": {},
 }
 `;
 
 exports[`createZappApp renders the provided React App 1`] = `
 <Provider
   store={
-    Object {
+    {
       "@@observable": [Function],
       "dispatch": [Function],
       "getState": [Function],
@@ -118,7 +118,7 @@ exports[`createZappApp renders the provided React App 1`] = `
 exports[`createZappApp returns a react component 1`] = `
 <Provider
   store={
-    Object {
+    {
       "@@observable": [Function],
       "dispatch": [Function],
       "getState": [Function],

package/index.d.ts

@@ -24,7 +24,7 @@ type AnyValue = void | string | number | boolean | AnyArray | AnyRecord;
 declare type ReducerAction<
   T extends string = string,
   P extends AnyValue = AnyValue,
-  M extends AnyRecord = AnyRecord
+  M extends AnyRecord = AnyRecord,
 > = {
   type: T;
   payload?: P;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@applicaster/quick-brick-core",
-  "version": "13.0.0-alpha.5033140607",
+  "version": "13.0.0-alpha.5255052345",
   "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.5033140607",
-    "@applicaster/quick-brick-core-plugins": "13.0.0-alpha.5033140607",
-    "@applicaster/zapp-pipes-v2-client": "13.0.0-alpha.5033140607",
-    "@applicaster/zapp-react-native-bridge": "13.0.0-alpha.5033140607",
-    "@applicaster/zapp-react-native-redux": "13.0.0-alpha.5033140607",
-    "@applicaster/zapp-react-native-ui-components": "13.0.0-alpha.5033140607",
-    "@applicaster/zapp-react-native-utils": "13.0.0-alpha.5033140607",
+    "@applicaster/applicaster-types": "13.0.0-alpha.5255052345",
+    "@applicaster/quick-brick-core-plugins": "13.0.0-alpha.5255052345",
+    "@applicaster/zapp-pipes-v2-client": "13.0.0-alpha.5255052345",
+    "@applicaster/zapp-react-native-bridge": "13.0.0-alpha.5255052345",
+    "@applicaster/zapp-react-native-redux": "13.0.0-alpha.5255052345",
+    "@applicaster/zapp-react-native-ui-components": "13.0.0-alpha.5255052345",
+    "@applicaster/zapp-react-native-utils": "13.0.0-alpha.5255052345",
     "atob": "^2.1.2",
     "axios": "^0.28.0",
     "btoa": "^1.2.1",
@@ -50,11 +50,27 @@
     "uuid": "3.3.2"
   },
   "peerDependencies": {
+    "@applicaster/blur": "*",
+    "@applicaster/quick-brick-xray": "*",
+    "@applicaster/zapp-react-dom-ui-components": "*",
+    "@applicaster/zapp-react-native-tvos-app": "*",
+    "@applicaster/zapp-react-native-tvos-ui-components": "*",
+    "@babel/runtime": "*",
     "@react-native-community/netinfo": "*",
+    "@types/node": "*",
+    "immer": "*",
     "react": "17.0.2",
     "react-native": "0.68.6",
+    "react-native-fs": "*",
     "react-native-gesture-handler": "*",
-    "react-native-safe-area-context": "*"
+    "react-native-linear-gradient": "*",
+    "react-native-safe-area-context": "*",
+    "react-native-svg": "*",
+    "react-native-web": "*",
+    "react-native-webview": "*",
+    "uglify-js": "*",
+    "validate-color": "*",
+    "zustand": "*"
   },
   "devDependencies": {
     "@types/react-native": "0.69.6",