@applicaster/zapp-react-native-utils 15.1.6-alpha.3988508055 → 15.1.6

package/modalState/store.ts

@@ -1,102 +0,0 @@
-import { createStore, useStore } from "zustand";
-
-export interface ModalState {
-  visible: boolean;
-  screen: any;
-  options: Record<string, unknown>;
-  props: Record<string, unknown>;
-}
-
-export interface ModalStore {
-  modalState: ModalState;
-  setModalState: (newState: Partial<ModalState>) => void;
-  openModal: (
-    item: any,
-    options?: Record<string, unknown>,
-    props?: Record<string, unknown>
-  ) => void;
-  dismissModal: () => void;
-}
-
-const initialModalState: ModalState = {
-  visible: false,
-  screen: null,
-  options: {},
-  props: {},
-};
-
-export const modalStore = createStore<ModalStore>((set, get) => ({
-  modalState: initialModalState,
-  setModalState: (newState) =>
-    set((state) => ({
-      modalState: { ...state.modalState, ...newState },
-    })),
-  openModal: ({ item, options = {}, props }: OpenModalArg) => {
-    const resetStore = () => set({ modalState: initialModalState });
-    const { onDismiss, onRequestClose, ...restOptions } = options as any;
-
-    set({
-      modalState: {
-        visible: true,
-        screen: item,
-        options: {
-          animated: true,
-          animationType: "slide",
-          onShow: () => {},
-          presentationStyle: "overFullScreen",
-          transparent: true,
-          ...restOptions,
-          // Compose caller-provided callbacks with the store reset so both run
-          onDismiss: () => {
-            resetStore();
-            onDismiss?.();
-          },
-          onRequestClose: () => {
-            resetStore();
-            onRequestClose?.();
-          },
-        },
-        props,
-      },
-    });
-  },
-  dismissModal: () => {
-    const onDismiss = (get().modalState?.options as any)?.onDismiss;
-
-    if (typeof onDismiss === "function") {
-      onDismiss();
-    } else {
-      set({ modalState: initialModalState });
-    }
-  },
-}));
-
-export const useModalStore = <T>(selector: (state: ModalStore) => T) =>
-  useStore(modalStore, selector);
-
-export const openModal = modalStore.getInitialState().openModal;
-
-export const dismissModal = modalStore.getInitialState().dismissModal;
-
-export const openBottomSheetModal = ({
-  ModalBottomSheetContent,
-  modalBottomSheetContentProps,
-  props = {},
-  options = {},
-}: OpenModalBottomSheetArgs) => {
-  openModal({
-    item: {
-      ModalBottomSheetContent,
-      modalBottomSheetContentProps,
-    },
-    props,
-    options: {
-      animationType: "none",
-      animated: false,
-      ...options,
-    },
-  });
-};
-
-export const useModalStoreState = (): ModalState =>
-  useModalStore<ModalState>((state) => state.modalState);

package/modalState/types.ts

@@ -1,110 +0,0 @@
-export interface Header {
-  title: string;
-  subtitle?: string;
-  icon?: string;
-}
-
-export interface Action {
-  type: string;
-  payload?: any;
-  options?: any;
-}
-
-// Represented as 3 dots icon on top menu (opens new second level menu on desktop
-// or a new bottom sheet on mobile)
-export interface PresentSubMenuAction extends Action {
-  menu: Menu;
-}
-
-export interface SecondaryAction {
-  action: Action | PresentSubMenuAction;
-  icon?: string;
-}
-
-/**
- * A group of actions attached to an entry, keyed by a button alias
- * (e.g. "remove_item", "reorder_item"). Injected by the feed decorator and
- * dispatched by the remote EditableCollection when an operation runs.
- */
-export interface EntryActionGroup {
-  button?: { alias?: string };
-  actions?: Action[];
-}
-
-export interface MenuItem {
-  id?: string;
-  title: string;
-  summary?: string;
-  icon?: string;
-  isSelected?: boolean;
-  // When item represents an audio item, clicking on it will start playback
-  // and secondary action will allow to add it to queue or playlist
-  action?: Action | PresentSubMenuAction;
-  secondaryAction?: SecondaryAction;
-  submenu?: MenuItem[]; // todo: not needed. Must be replaced with PresentSubMenuAction
-  trailingButton?: any;
-  entryActions?: EntryActionGroup[];
-}
-
-export type SelectMode = "single" | "multi" | "none";
-
-export interface SelectionBehavior {
-  selectMode?: SelectMode;
-  currentSelection?: string[];
-  selector?: string;
-}
-
-/**
- * Operations that act on a specific item in the collection.
- * Their action payloads are looked up on the item's entryActions (e.g. "remove_item", "reorder_item").
- */
-export type ItemScopedOperation = "remove" | "reorder";
-
-/**
- * Operations that act on the collection as a whole.
- * Their action payloads are looked up on dynamicCollection.events (e.g. events.add, events.clearAll, events.delete).
- */
-export type CollectionScopedOperation = "add" | "clearAll" | "delete";
-
-/**
- * UI display or behavior flags that do not require action payloads.
- */
-export type UIOperation = "nowPlaying";
-
-export type Operation =
-  | ItemScopedOperation
-  | CollectionScopedOperation
-  | UIOperation;
-
-export interface DynamicCollectionOptions {
-  operations: Operation[];
-  postUrl?: string;
-  provider?: string;
-  /**
-   * Action handlers for CollectionScopedOperations (e.g. "add", "clearAll", "delete").
-   */
-  events?: Record<CollectionScopedOperation | string, Action[]>;
-}
-
-export interface Content {
-  title: string;
-  stickyTitle?: boolean;
-  items: MenuItem[];
-  itemsUrl?: string;
-  action?: Action;
-  role?: string;
-  behavior?: SelectionBehavior;
-  dynamicCollection?: DynamicCollectionOptions;
-}
-
-export interface Menu {
-  header?: Header;
-  content: Content;
-  closeButton?: boolean;
-}
-
-export function isPresentSubMenuAction(
-  action: any
-): action is PresentSubMenuAction {
-  return !!action && typeof action === "object" && "menu" in action;
-}

package/modalState/useBottomSheetContent.ts

@@ -1,98 +0,0 @@
-import React, { useState, useEffect } from "react";
-import { toBooleanWithDefaultFalse } from "@applicaster/zapp-react-native-utils/booleanUtils";
-
-import {
-  isPresentSubMenuAction,
-  MenuItem,
-  modalOrchestrator,
-} from "./ModalOrchestrator";
-
-import { ContentViewModel } from "./ContentViewModel";
-import type { SelectionBehavior } from "./types";
-import type { EditableCollection } from "./EditableCollection";
-
-type Props = {
-  viewModel?: ContentViewModel | null;
-  onPress: (item: MenuItem) => void | Promise<void>;
-};
-
-type Return = {
-  items: MenuItem[];
-  isLoading: boolean;
-  error?: Error | string;
-  showCentralLoading: boolean; // isLoading && items.length === 0
-  canGoBack: boolean; // modalOrchestrator.canGoBack
-  handleItemPress: (item: MenuItem) => Promise<void>;
-  goBackOrClose: () => void; // canGoBack ? back() : close()
-  close: () => void; // modalOrchestrator.close()
-  role?: string;
-  behavior?: SelectionBehavior;
-  editableCollection?: EditableCollection | null;
-};
-
-export const useBottomSheetContent = (props: Props): Return => {
-  const { onPress, viewModel } = props;
-
-  const [state, setState] = useState(viewModel?.getState());
-
-  const [editableItems, setEditableItems] = useState<MenuItem[]>([]);
-
-  // Subscribe to the viewModel state changes
-  useEffect(() => {
-    return viewModel?.subscribe((nextState) => {
-      setState(nextState);
-    });
-  }, [viewModel]);
-
-  // Subscribe to editable collection items
-  useEffect(() => {
-    if (viewModel?.editableCollection) {
-      const subscription =
-        viewModel.editableCollection.items$.subscribe(setEditableItems);
-
-      return () => subscription.unsubscribe();
-    }
-  }, [viewModel?.editableCollection]);
-
-  /**
-   * Handles an item press:
-   * - Delegates to the parent onPress (which runs the action and awaits it).
-   * - If the item was a leaf action (not a submenu), triggers viewModel.refetch()
-   *   so that checkmarks (isSelected) reflect the updated server state.
-   */
-  const handleItemPress = async (item: MenuItem) => {
-    const isSubMenu =
-      (item.submenu && item.submenu.length > 0) ||
-      (item.action && isPresentSubMenuAction(item.action));
-
-    await onPress(item);
-
-    if (!isSubMenu) {
-      await viewModel?.refetch();
-    }
-  };
-
-  const goBackOrClose = React.useCallback(() => {
-    if (modalOrchestrator.canGoBack) {
-      modalOrchestrator.back();
-    } else {
-      modalOrchestrator.close();
-    }
-  }, [modalOrchestrator.canGoBack]);
-
-  return {
-    items: viewModel?.editableCollection ? editableItems : state?.items,
-    isLoading: toBooleanWithDefaultFalse(state?.isLoading),
-    error: state?.error,
-    showCentralLoading: toBooleanWithDefaultFalse(
-      state?.isLoading && state?.items.length === 0
-    ),
-    canGoBack: modalOrchestrator.canGoBack,
-    handleItemPress,
-    goBackOrClose,
-    close: () => modalOrchestrator.close(),
-    role: state?.role,
-    behavior: state?.behavior,
-    editableCollection: viewModel?.editableCollection,
-  };
-};