@applicaster/zapp-react-native-utils 14.0.0-alpha.1661204539 → 14.0.0-alpha.2332850672

package/actionsExecutor/ScreenActions.ts

@@ -1,90 +0,0 @@
-// import { localStorage } from "@applicaster/zapp-react-native-bridge/ZappStorage/LocalStorage";
-
-import { log_error, log_info } from "./ActionExecutorContext";
-import { ActionResult } from "./ActionExecutor";
-import { get } from "lodash";
-
-import { onMaxTagsReached } from "./StorageActions";
-import { ScreenMultiSelectProvider } from "../storage/ScreenStateMultiSelectProvider";
-
-export const screenSetVariable = (
-  _screenRoute: string,
-  _key: string,
-  _value: string
-) => {};
-
-export const screenToggleFlag = async (
-  screenRoute: string,
-  context: Record<string, any>,
-  action: ActionType
-) => {
-  if (!context) {
-    log_error("handleAction: localStorageToggleFlag action missing context");
-
-    return ActionResult.Error;
-  }
-
-  const entry = context?.entry as ZappEntry;
-
-  if (!entry) {
-    log_error(
-      "handleAction: localStorageToggleFlag action missing entry. Entry is required to get the tag."
-    );
-
-    return ActionResult.Error;
-  }
-
-  const tag = action.options?.selector
-    ? get(entry, action.options.selector)
-    : (entry.extensions?.tag ?? entry.id);
-
-  const keyNamespace = action.options?.key;
-
-  if (keyNamespace && tag) {
-    const multiSelectProvider = ScreenMultiSelectProvider.getProvider(
-      keyNamespace,
-      screenRoute
-    );
-
-    const selectedItems = await multiSelectProvider.getSelectedAsync();
-    const isTagInSelectedItems = selectedItems.includes(tag);
-
-    log_info(
-      `handleAction: screenToggleFlag event will ${
-        isTagInSelectedItems ? "remove" : "add"
-      } tag: ${tag} for keyNamespace: ${keyNamespace}, current selectedItems: ${selectedItems}`
-    );
-
-    if (selectedItems.includes(tag)) {
-      await multiSelectProvider.removeItem(tag);
-    } else {
-      const maxItems = action.options?.max_items;
-
-      if (maxItems && selectedItems.length >= maxItems) {
-        log_info(
-          `handleAction: screenToggleFlag event reached max items limit: ${maxItems}, cannot add tag: ${tag}`
-        );
-
-        await onMaxTagsReached({
-          selectedItems,
-          maxItems,
-          tag,
-          keyNamespace,
-        });
-
-        return ActionResult.Cancel;
-      }
-
-      await multiSelectProvider.addItem(tag);
-    }
-  } else {
-    log_error(
-      "handleAction: screenToggleFlag event missing keyNamespace or tag",
-      { keyNamespace, tag }
-    );
-
-    return ActionResult.Error;
-  }
-
-  return ActionResult.Success;
-};

package/actionsExecutor/StorageActions.ts

@@ -1,110 +0,0 @@
-import { ActionResult } from "./ActionExecutor";
-import { get } from "lodash";
-import { StorageMultiSelectProvider } from "@applicaster/zapp-react-native-utils/storage/StorageMultiSelectProvider";
-import { log_error, log_info } from "./ActionExecutorContext";
-import { postEvent } from "../reactHooks/useSubscriberFor";
-import { TOGGLE_FLAG_MAX_ITEMS_REACHED_EVENT } from "./consts";
-import { StorageType } from "../appUtils/contextKeysManager/consts";
-
-// send all data just in case (like for message string formatting)
-// Type is not exported for now
-type MaxTagsReachedEvent = {
-  selectedItems: string[];
-  maxItems: number;
-  tag: string;
-  keyNamespace: string;
-};
-
-export async function onMaxTagsReached(data: MaxTagsReachedEvent) {
-  postEvent(TOGGLE_FLAG_MAX_ITEMS_REACHED_EVENT, [data]);
-}
-
-export async function storageToggleFlag(
-  context: Record<string, any>,
-  action: ActionType,
-  storageType: StorageType
-) {
-  if (!context) {
-    log_error("handleAction: localStorageToggleFlag action missing context");
-
-    return ActionResult.Error;
-  }
-
-  const entry = context?.entry as ZappEntry;
-
-  if (!entry) {
-    log_error(
-      "handleAction: localStorageToggleFlag action missing entry. Entry is required to get the tag."
-    );
-
-    return ActionResult.Error;
-  }
-
-  const tag = action.options?.selector
-    ? get(entry, action.options.selector)
-    : (entry.extensions?.tag ?? entry.id);
-
-  const keyNamespace = action.options?.key;
-
-  if (keyNamespace && tag) {
-    const multiSelectProvider = StorageMultiSelectProvider.getProvider(
-      keyNamespace,
-      storageType
-    );
-
-    const selectedItems = await multiSelectProvider.getSelectedAsync();
-    const isTagInSelectedItems = selectedItems.includes(tag);
-
-    log_info(
-      `handleAction: localStorageToggleFlag event will ${
-        isTagInSelectedItems ? "remove" : "add"
-      } tag: ${tag} for keyNamespace: ${keyNamespace}, current selectedItems: ${selectedItems}`
-    );
-
-    if (selectedItems.includes(tag)) {
-      await multiSelectProvider.removeItem(tag);
-    } else {
-      const maxItems = action.options?.max_items;
-
-      if (maxItems && selectedItems.length >= maxItems) {
-        log_info(
-          `handleAction: localStorageToggleFlag event reached max items limit: ${maxItems}, cannot add tag: ${tag}`
-        );
-
-        await onMaxTagsReached({
-          selectedItems,
-          maxItems,
-          tag,
-          keyNamespace,
-        });
-
-        return ActionResult.Cancel;
-      }
-
-      await multiSelectProvider.addItem(tag);
-    }
-  } else {
-    log_error(
-      "handleAction: localStorageToggleFlag event missing keyNamespace or tag",
-      { keyNamespace, tag }
-    );
-
-    return ActionResult.Error;
-  }
-
-  return ActionResult.Success;
-}
-
-export async function sessionStorageToggleFlag(
-  context: Record<string, any>,
-  action: ActionType
-) {
-  return storageToggleFlag(context, action, StorageType.session);
-}
-
-export async function localStorageToggleFlag(
-  context: Record<string, any>,
-  action: ActionType
-) {
-  return storageToggleFlag(context, action, StorageType.local);
-}

package/actionsExecutor/screenResolver.ts

@@ -1,8 +0,0 @@
-import { useMemo } from "react";
-import { ScreenStateResolver } from "../appUtils/contextKeysManager/contextResolver";
-
-export const useScreenResolvers = (screenRoute: string) => {
-  return useMemo(() => {
-    return { screen: new ScreenStateResolver(screenRoute) };
-  }, [screenRoute]);
-};

package/storage/ScreenSingleValueProvider.ts

@@ -1,92 +0,0 @@
-import { BehaviorSubject } from "rxjs";
-import { log_debug, SingleValueProvider } from "./StorageSingleSelectProvider";
-
-export const screenStates: Record<string, Record<string, string>> = {};
-
-export class ScreenSingleValueProvider implements SingleValueProvider {
-  private static providers: Record<
-    string,
-    Record<string, SingleValueProvider>
-  > = {};
-
-  // TODO: Screen State should be stored outside of this class and should be shared with screen multi-select provider
-  public static getState(screenRoute: string): Record<string, string> {
-    return screenStates[screenRoute] || {};
-  }
-
-  public static getProvider(
-    key: string,
-    screenRoute: string
-  ): SingleValueProvider {
-    if (!key) {
-      throw new Error("ScreenSingleValueProvider: Key is required");
-    }
-
-    if (!screenRoute) {
-      throw new Error("ScreenSingleValueProvider: Screen route is required");
-    }
-
-    if (!this.providers[screenRoute]) {
-      this.providers[screenRoute] = {};
-    }
-
-    if (!this.providers[screenRoute][key]) {
-      this.providers[screenRoute][key] = new ScreenSingleValueProvider(
-        key,
-        screenRoute
-      );
-    }
-
-    if (!screenStates[screenRoute]) {
-      screenStates[screenRoute] = {};
-    }
-
-    return this.providers[screenRoute][key];
-  }
-
-  // @ts-ignore
-  private valueSubject: BehaviorSubject<string | null>;
-  p;
-  // @ts-ignore
-  private constructor(
-    private key: string,
-    private route: string
-  ) {
-    if (!key) {
-      throw new Error("ScreenSingleValueProvider: Key is required");
-    }
-
-    // localStorage.addListener?.({ key, namespace }, this.reloadValue);
-
-    this.valueSubject = new BehaviorSubject<string | null>(null);
-
-    void this.getValueAsync();
-    log_debug("ScreenSingleValueProvider: Initializing");
-  }
-
-  clearValue(): Promise<void> {
-    delete [this.route][this.key];
-    this.valueSubject.next(null);
-
-    return Promise.resolve();
-  }
-
-  getObservable(): BehaviorSubject<string | null> {
-    return this.valueSubject;
-  }
-
-  getValue(): string | null {
-    return this.valueSubject.value;
-  }
-
-  getValueAsync(): Promise<string | null> {
-    return Promise.resolve(this.valueSubject.value);
-  }
-
-  setValue(value: string): Promise<void> {
-    screenStates[this.route][this.key] = value;
-    this.valueSubject.next(value);
-
-    return Promise.resolve();
-  }
-}

package/storage/ScreenStateMultiSelectProvider.ts

@@ -1,119 +0,0 @@
-import { log_debug, MultiSelectProvider } from "./StorageMultiSelectProvider";
-import { BehaviorSubject } from "rxjs";
-import { screenStates } from "./ScreenSingleValueProvider";
-
-export class ScreenMultiSelectProvider implements MultiSelectProvider {
-  // @ts-ignore
-  private itemSubject: BehaviorSubject<string[] | null>;
-
-  private static providers: Record<
-    string,
-    Record<string, MultiSelectProvider>
-  > = {};
-
-  public static getProvider(
-    key: string,
-    screenRoute: string
-  ): MultiSelectProvider {
-    if (!key) {
-      throw new Error("ScreenSingleValueProvider: Key is required");
-    }
-
-    if (!screenRoute) {
-      throw new Error("ScreenSingleValueProvider: Screen route is required");
-    }
-
-    if (!this.providers[screenRoute]) {
-      this.providers[screenRoute] = {};
-    }
-
-    if (!this.providers[screenRoute][key]) {
-      this.providers[screenRoute][key] = new ScreenMultiSelectProvider(
-        key,
-        screenRoute
-      );
-    }
-
-    if (!screenStates[screenRoute]) {
-      screenStates[screenRoute] = {};
-    }
-
-    return this.providers[screenRoute][key];
-  }
-
-  // @ts-ignore
-  private constructor(
-    private key: string,
-    private route: string
-  ) {
-    if (!key) {
-      throw new Error("StorageMultiSelectProvider: Key is required");
-    }
-
-    this.key = key;
-    // this.storage.addListener?.({ key, namespace }, this.reloadItems);
-
-    this.itemSubject = new BehaviorSubject([]);
-
-    void this.getSelectedAsync();
-    log_debug("StorageMultiSelectProvider: Initializing");
-  }
-
-  private getSetOfCurrentItems() {
-    const currentResult: string = screenStates[this.route][this.key];
-
-    return new Set(currentResult ? currentResult.split(",") : []);
-  }
-
-  addItem(item: string): Promise<void> {
-    const items = this.getSetOfCurrentItems();
-    items.add(item);
-    screenStates[this.route][this.key] = Array.from(items).join(",");
-    this.itemSubject.next(Array.from(items) || []);
-
-    log_debug(
-      `addItem: item added: ${item}, current items: ${Array.from(items)}`
-    );
-
-    return Promise.resolve();
-  }
-
-  addItems(_items: string[]): Promise<void> {
-    return Promise.resolve();
-  }
-
-  public getObservable = (): BehaviorSubject<string[]> => this.itemSubject;
-
-  getSelectedAsync(): Promise<string[]> {
-    const values = screenStates[this.route][this.key]?.split(",");
-    this.itemSubject.next(values || []);
-
-    return Promise.resolve(values || []);
-  }
-
-  getSelectedItems(): string[] {
-    return this.itemSubject.value;
-  }
-
-  removeAllItems(): Promise<void> {
-    return Promise.resolve();
-  }
-
-  removeItem(item: string): Promise<void> {
-    const items = this.getSetOfCurrentItems();
-    items.delete(item);
-
-    screenStates[this.route][this.key] = Array.from(items).join(",");
-    this.itemSubject.next(Array.from(items) || []);
-
-    return Promise.resolve();
-  }
-
-  removeItems(_items: string[]): Promise<void> {
-    return Promise.resolve();
-  }
-
-  setSelectedItems(_items: string[]): Promise<void> {
-    return Promise.resolve();
-  }
-}

package/storage/StorageMultiSelectProvider.ts

@@ -1,192 +0,0 @@
-import { bridgeLogger } from "../../zapp-react-native-bridge/logger";
-import { BehaviorSubject } from "rxjs";
-import { Storage } from "@applicaster/zapp-react-native-bridge/ZappStorage/Storage";
-import { localStorage } from "@applicaster/zapp-react-native-bridge/ZappStorage/LocalStorage";
-import { sessionStorage } from "@applicaster/zapp-react-native-bridge/ZappStorage/SessionStorage";
-import { StorageType } from "../appUtils/contextKeysManager/consts";
-import { getNamespaceAndKey } from "../appUtils/contextKeysManager/utils";
-import { createLogger } from "../logger";
-
-export const { log_verbose, log_debug, log_warning, log_info, log_error } =
-  createLogger({
-    category: "StorageMultiSelectProvider",
-    subsystem: "zapp-react-native-bridge",
-    parent: bridgeLogger,
-  });
-
-export interface MultiSelectProvider {
-  getObservable(): BehaviorSubject<string[]>;
-
-  addItem(item: string): Promise<void>;
-
-  addItems(items: string[]): Promise<void>;
-
-  setSelectedItems(items: string[]): Promise<void>;
-
-  removeItem(item: string): Promise<void>;
-
-  removeItems(items: string[]): Promise<void>;
-
-  removeAllItems(): Promise<void>;
-
-  getSelectedItems(): string[];
-
-  getSelectedAsync(): Promise<string[]>;
-}
-
-export class StorageMultiSelectProvider implements MultiSelectProvider {
-  // TODO: Unsubscribe and remove when there is no listeners
-  private static multiSelectProviders: Record<
-    StorageType,
-    Record<string, StorageMultiSelectProvider>
-  > = {
-    [StorageType.local]: {},
-    [StorageType.session]: {},
-    // TODO: not implemented yet
-    [StorageType.secure]: {},
-  };
-
-  public static getProvider(
-    keyNamespace: string,
-    storage: StorageType = StorageType.local
-  ): MultiSelectProvider {
-    if (!this.multiSelectProviders[storage][keyNamespace]) {
-      const storageImpl =
-        storage === StorageType.session ? sessionStorage : localStorage;
-
-      this.multiSelectProviders[storage][keyNamespace] =
-        new StorageMultiSelectProvider(keyNamespace, storageImpl);
-    }
-
-    return this.multiSelectProviders[storage][keyNamespace];
-  }
-
-  private itemSubject: BehaviorSubject<string[] | null>;
-
-  private readonly key: string;
-  private readonly namespace: string;
-
-  private constructor(
-    keyNamespace: string,
-    private storage: Storage
-  ) {
-    const { namespace, key } = getNamespaceAndKey(keyNamespace);
-
-    if (!key) {
-      throw new Error("StorageMultiSelectProvider: Key is required");
-    }
-
-    this.key = key;
-    this.namespace = namespace;
-    this.storage.addListener?.({ key, namespace }, this.reloadItems);
-
-    this.itemSubject = new BehaviorSubject([]);
-
-    void this.getSelectedAsync();
-    log_debug("StorageMultiSelectProvider: Initializing");
-  }
-
-  private reloadItems = async ({ value }: StorageListenerArgs) => {
-    const selectedItems = value ? value.split(",") : [];
-
-    log_debug(
-      `reloadItems: request to reload items for value: ${value}`,
-      selectedItems
-    );
-
-    this.itemSubject.next(selectedItems);
-  };
-
-  public getObservable = (): BehaviorSubject<string[]> => this.itemSubject;
-
-  private async getSetOfCurrentItems() {
-    const currentResult: string = await this.storage.getItem(
-      this.key,
-      this.namespace
-    );
-
-    return new Set(currentResult ? currentResult.split(",") : []);
-  }
-
-  private async updateItemsAndNotifyObservers(currentItems: Set<string>) {
-    const arrayOfItems = Array.from(currentItems);
-    const newValue = arrayOfItems.join(",");
-    await this.storage.setItem(this.key, newValue, this.namespace);
-
-    this.itemSubject.next(arrayOfItems);
-  }
-
-  public addItem = async (item: string): Promise<void> => {
-    const currentItems = await this.getSetOfCurrentItems();
-    currentItems.add(item);
-    log_debug(`addItem: Adding new item: ${item}`);
-
-    await this.updateItemsAndNotifyObservers(currentItems);
-  };
-
-  public addItems = async (items: string[]): Promise<void> => {
-    const currentItems = await this.getSetOfCurrentItems();
-
-    items.forEach((item) => currentItems.add(item));
-
-    log_debug(
-      `addItems: Adding new items: ${items.join(
-        ","
-      )}, current items: ${Array.from(currentItems).join(",")}`
-    );
-
-    await this.updateItemsAndNotifyObservers(currentItems);
-  };
-
-  public removeItem = async (item: string): Promise<void> => {
-    const currentItems = await this.getSetOfCurrentItems();
-    currentItems.delete(item);
-
-    log_debug(
-      `removeItem: Removing item: ${item}, current items: ${Array.from(
-        currentItems
-      ).join(",")}`
-    );
-
-    await this.updateItemsAndNotifyObservers(currentItems);
-  };
-
-  public removeItems = async (items: string[]): Promise<void> => {
-    const currentItems = await this.getSetOfCurrentItems();
-
-    items.forEach((item) => currentItems.delete(item));
-
-    log_debug(
-      `removeItems: Removing items: ${items.join(
-        ","
-      )}, current items: ${Array.from(currentItems).join(",")}`
-    );
-
-    await this.updateItemsAndNotifyObservers(currentItems);
-  };
-
-  public removeAllItems = async (): Promise<void> => {
-    await this.storage.removeItem(this.key, this.namespace);
-    log_debug(`removeAllItems: Removing all items, current items: ${[]}`);
-
-    this.itemSubject.next([]);
-  };
-
-  public getSelectedAsync = async (): Promise<string[]> => {
-    const value = await this.storage.getItem(this.key, this.namespace);
-    const selectedItems = value ? value.split(",") : [];
-    this.itemSubject.next(selectedItems);
-
-    return selectedItems;
-  };
-
-  public getSelectedItems = (): string[] => {
-    return this.itemSubject.getValue();
-  };
-
-  setSelectedItems = async (items: string[]): Promise<void> => {
-    log_debug(`setSelectedItems: Setting selected items: ${items.join(",")}`);
-
-    await this.updateItemsAndNotifyObservers(new Set(items));
-  };
-}