@applicaster/zapp-react-native-utils 13.0.0-alpha.6944415045 → 13.0.0-alpha.7192404241

package/appUtils/accessibilityManager/index.ts

@@ -111,22 +111,29 @@ export class AccessibilityManager {
       textToRead = localizedMessage;
     }
 
-    if (this.headingQueue.length > 0) {
-      const heading = this.headingQueue.shift()!;
-      this.ttsManager?.readText(heading);
+    const readHeadings = () => {
+      if (this.headingQueue.length > 0) {
+        const heading = this.headingQueue.shift()!; // Get the next heading
 
-      if (this.headingTimeout) {
-        clearTimeout(this.headingTimeout);
-      }
+        this.ttsManager?.readText(heading); // Read the heading
+
+        if (this.headingTimeout) {
+          clearTimeout(this.headingTimeout);
+        }
 
-      const pauseTime = this.calculateReadingTime(heading);
+        const pauseTime = this.calculateReadingTime(heading); // Calculate pause time based on the heading
 
-      this.headingTimeout = setTimeout(() => {
+        // Set a timeout to read the next heading
+        this.headingTimeout = setTimeout(() => {
+          readHeadings(); // Call the function recursively to read the next heading
+        }, pauseTime);
+      } else {
+        // No more headings to read, read the main text
         this.ttsManager?.readText(textToRead);
-      }, pauseTime);
-    } else {
-      this.ttsManager?.readText(textToRead);
-    }
+      }
+    };
+
+    readHeadings(); // Start reading headings
 
     this.announcements$.next({
       message: textToRead,

package/appUtils/focusManager/index.ts

@@ -13,6 +13,7 @@ import {
 import { subscriber } from "../../functionUtils";
 import { coreLogger } from "../../logger";
 import { ACTION } from "./utils/enums";
+
 const logger = coreLogger.addSubsystem("focusManager");
 
 const isFocusEnabled = (focusableItem): boolean => {
@@ -477,7 +478,7 @@ export const focusManager = (function () {
   function isCurrentFocusOnTheTopScreen() {
     const routes = R.pathOr([], ["root", "children"], focusableTree);
 
-    if (routes.length <= 1) {
+    if (currentFocusNode && routes.length <= 1) {
       // there is only one or zero routes
       return true;
     }

package/idleUtils/__tests__/withTimeout$.test.ts

@@ -0,0 +1,37 @@
+import { TestScheduler } from "rxjs/testing";
+
+import { withTimeout$ } from "..";
+
+describe("withTimeout$", () => {
+  let testScheduler: TestScheduler;
+
+  beforeEach(() => {
+    testScheduler = new TestScheduler((actual, expected) => {
+      expect(actual).toEqual(expected);
+    });
+  });
+
+  it("should emit undefined after the specified timeout", () => {
+    testScheduler.run(({ expectObservable }) => {
+      const timeout = 1000;
+      const expectedMarble = "1s (a|)";
+      const expectedValues = { a: undefined };
+
+      const result$ = withTimeout$(timeout);
+
+      expectObservable(result$).toBe(expectedMarble, expectedValues);
+    });
+  });
+
+  it("should complete after emitting undefined", () => {
+    testScheduler.run(({ expectObservable }) => {
+      const timeout = 500;
+      const expectedMarble = "500ms (a|)";
+      const expectedValues = { a: undefined };
+
+      const result$ = withTimeout$(timeout);
+
+      expectObservable(result$).toBe(expectedMarble, expectedValues);
+    });
+  });
+});

package/idleUtils/index.ts

@@ -1,4 +1,4 @@
-export { withTimeout } from "./withTimeout";
+export { withTimeout, withTimeout$ } from "./withTimeout";
 
 export { onIdle } from "./onIdle";
 

package/idleUtils/withTimeout.ts

@@ -1,7 +1,20 @@
-export const withTimeout = (timeout: number) => {
-  return new Promise((resolve) => {
+import { of, Observable } from "rxjs";
+import { delay } from "rxjs/operators";
+
+export const withTimeout = (timeout: number): Promise<void> => {
+  return new Promise<void>((resolve) => {
     setTimeout(() => {
       resolve(undefined);
     }, timeout);
   });
 };
+
+/**
+ * Creates an observable that emits a single value after a specified timeout.
+ *
+ * @param timeout - The delay duration in milliseconds before emitting the value.
+ * @returns An observable that emits `undefined` after the specified timeout.
+ */
+export const withTimeout$ = (timeout: number): Observable<void> => {
+  return of(undefined).pipe(delay(timeout));
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@applicaster/zapp-react-native-utils",
-  "version": "13.0.0-alpha.6944415045",
+  "version": "13.0.0-alpha.7192404241",
   "description": "Applicaster Zapp React Native utilities package",
   "main": "index.js",
   "types": "index.d.ts",
@@ -28,7 +28,7 @@
   },
   "homepage": "https://github.com/applicaster/quickbrick#readme",
   "dependencies": {
-    "@applicaster/applicaster-types": "13.0.0-alpha.6944415045",
+    "@applicaster/applicaster-types": "13.0.0-alpha.7192404241",
     "buffer": "^5.2.1",
     "camelize": "^1.0.0",
     "create-react-context": "^0.2.3",

package/types.ts

@@ -8,4 +8,5 @@ export type ManifestField<T> = {
 
 export enum ENDPOINT_TAGS {
   allow_missing_keys = "allow_missing_keys",
+  observe_storage = "observe_storage",
 }

package/manifestUtils/sharedConfiguration/screenPicker/__tests__/utils.test.js

@@ -1,304 +0,0 @@
-// @ts-nocheck
-import utils from "../utils";
-
-describe("generateFontConfiguration", () => {
-  it("should generate default configuration for tvos", () => {
-    const expected = [
-      {
-        initial_value: 20,
-        label: "tvOS font Size",
-        key: "tvos_font_size",
-        type: "number_input",
-      },
-      {
-        initial_value: 40,
-        label: "tvOS line Height",
-        key: "tvos_line_height",
-        type: "number_input",
-      },
-      {
-        initial_value: 0.4,
-        label: "tvOS letter Spacing",
-        key: "tvos_letter_spacing",
-        type: "number_input",
-      },
-    ];
-
-    const platforms = {
-      tvos: "tvOS",
-    };
-
-    const generatedFontConfiguration =
-      utils.generateFontConfiguration(platforms);
-
-    expect(generatedFontConfiguration).toEqual(expected);
-  });
-
-  it("should generate default configuration for android_tv", () => {
-    const expected = [
-      {
-        initial_value: 20,
-        label: "Android TV font Size",
-        key: "android_tv_font_size",
-        type: "number_input",
-      },
-      {
-        initial_value: 40,
-        label: "Android TV line Height",
-        key: "android_tv_line_height",
-        type: "number_input",
-      },
-      {
-        initial_value: 0.4,
-        label: "Android TV letter Spacing",
-        key: "android_tv_letter_spacing",
-        type: "number_input",
-      },
-    ];
-
-    const platforms = {
-      android_tv: "Android TV",
-    };
-
-    const generatedFontConfiguration =
-      utils.generateFontConfiguration(platforms);
-
-    expect(generatedFontConfiguration).toEqual(expected);
-  });
-
-  it("should generate default configuration for lg_tv", () => {
-    const expected = [
-      {
-        initial_value: 20,
-        label: "LG TV font Size",
-        key: "lg_tv_font_size",
-        type: "number_input",
-      },
-      {
-        initial_value: 40,
-        label: "LG TV line Height",
-        key: "lg_tv_line_height",
-        type: "number_input",
-      },
-      {
-        initial_value: 0.4,
-        label: "LG TV letter Spacing",
-        key: "lg_tv_letter_spacing",
-        type: "number_input",
-      },
-    ];
-
-    const platforms = {
-      lg_tv: "LG TV",
-    };
-
-    const generatedFontConfiguration =
-      utils.generateFontConfiguration(platforms);
-
-    expect(generatedFontConfiguration).toEqual(expected);
-  });
-
-  it("should generate default configuration for samsung_tv", () => {
-    const expected = [
-      {
-        initial_value: 20,
-        label: "Samsung TV font Size",
-        key: "samsung_tv_font_size",
-        type: "number_input",
-      },
-      {
-        initial_value: 40,
-        label: "Samsung TV line Height",
-        key: "samsung_tv_line_height",
-        type: "number_input",
-      },
-      {
-        initial_value: 0.4,
-        label: "Samsung TV letter Spacing",
-        key: "samsung_tv_letter_spacing",
-        type: "number_input",
-      },
-    ];
-
-    const platforms = {
-      samsung_tv: "Samsung TV",
-    };
-
-    const generatedFontConfiguration =
-      utils.generateFontConfiguration(platforms);
-
-    expect(generatedFontConfiguration).toEqual(expected);
-  });
-});
-
-test("conditional_rule helper should return correct object", () => {
-  expect(utils.conditional_rule("a", "b")).toMatchObject({
-    key: "a",
-    condition_value: "b",
-  });
-});
-
-test("createConditionalConfig helper should return correct object", () => {
-  expect(
-    utils.createConditionalConfig([
-      ["a", "b"],
-      ["c", "d"],
-    ])
-  ).toEqual({
-    rules: "conditional",
-    conditional_fields: [
-      {
-        key: "a",
-        condition_value: "b",
-      },
-      {
-        key: "c",
-        condition_value: "d",
-      },
-    ],
-  });
-});
-
-test("conditional_horizontal_type should contain correct parameters", () => {
-  expect(
-    utils.conditional_horizontal_type_item_fixed.conditional_fields[0]
-  ).toMatchObject({
-    key: "styles/screen_picker_type",
-    condition_value: "horizontal",
-  });
-});
-
-test("conditional_vertical_type should contain correct parameters", () => {
-  expect(utils.conditional_vertical_type.conditional_fields[0]).toMatchObject({
-    key: "styles/screen_picker_type",
-    condition_value: "vertical",
-  });
-});
-
-test("conditional_horizontal_type_item_fixed should contain correct parameters", () => {
-  expect(
-    utils.conditional_horizontal_type_item_fixed.conditional_fields[0]
-  ).toMatchObject({
-    key: "styles/screen_picker_type",
-    condition_value: "horizontal",
-  });
-
-  expect(
-    utils.conditional_horizontal_type_item_fixed.conditional_fields[1]
-  ).toMatchObject({
-    key: "styles/screen_picker_item_size",
-    condition_value: "fixed",
-  });
-});
-
-test("conditional_horizontal_display_type_fixed should contain correct parameters", () => {
-  expect(
-    utils.conditional_horizontal_display_type_fixed.conditional_fields[0]
-  ).toMatchObject({
-    key: "styles/screen_picker_type",
-    condition_value: "horizontal",
-  });
-
-  expect(
-    utils.conditional_horizontal_display_type_fixed.conditional_fields[1]
-  ).toMatchObject({
-    key: "styles/screen_picker_horizontal_display_type",
-    condition_value: "fixed",
-  });
-});
-
-test("conditional_horizontal_display_type_fixed should contain correct parameters", () => {
-  expect(
-    utils.conditional_horizontal_asset_on.conditional_fields[0]
-  ).toMatchObject({
-    key: "styles/screen_picker_type",
-    condition_value: "horizontal",
-  });
-
-  expect(
-    utils.conditional_horizontal_asset_on.conditional_fields[1]
-  ).toMatchObject({
-    key: "styles/screen_picker_asset_switch",
-    condition_value: true,
-  });
-});
-
-describe("createVariationFields", () => {
-  const defaultInput = {
-    key: "somekey",
-    label: "default somekey label",
-    variants: [
-      {
-        initial_value: "a",
-      },
-      {
-        initial_value: "b",
-        label: "custom label",
-      },
-    ],
-  };
-
-  const config = utils.createVariationFields(defaultInput);
-
-  it("should return array containing object for conditional_vertical_type", () => {
-    expect(config[0].rules).toBe("conditional");
-
-    expect(config[0].conditional_fields).toEqual([
-      {
-        key: "styles/screen_picker_type",
-        condition_value: "vertical",
-      },
-    ]);
-
-    expect(config[0].type).toBe("number_input");
-    expect(config[0].key).toBe("screen_picker_vertical_somekey");
-    expect(config[0].label).toBe("default somekey label");
-    expect(config[0].initial_value).toBe("a");
-  });
-
-  it("should return array containing object for conditional_horizontal_type", () => {
-    expect(config[1].rules).toBe("conditional");
-
-    expect(config[1].conditional_fields).toEqual([
-      {
-        key: "styles/screen_picker_type",
-        condition_value: "horizontal",
-      },
-    ]);
-
-    expect(config[1].type).toBe("number_input");
-    expect(config[1].key).toBe("screen_picker_horizontal_somekey");
-    expect(config[1].label).toBe("custom label");
-    expect(config[1].initial_value).toBe("b");
-  });
-
-  it("should accept custom prefix (empty)", () => {
-    const config = utils.createVariationFields({
-      ...defaultInput,
-      prefix: "",
-    });
-
-    expect(config[0].key).toBe("vertical_somekey");
-    expect(config[1].key).toBe("horizontal_somekey");
-  });
-
-  it("should accept custom prefix (string)", () => {
-    const config = utils.createVariationFields({
-      ...defaultInput,
-      prefix: "string",
-    });
-
-    expect(config[0].key).toBe("string_vertical_somekey");
-    expect(config[1].key).toBe("string_horizontal_somekey");
-  });
-
-  it("should accept custom type (string)", () => {
-    const config = utils.createVariationFields({
-      ...defaultInput,
-      type: "text_input",
-    });
-
-    expect(config[0].type).toBe("text_input");
-    expect(config[1].type).toBe("text_input");
-  });
-});