Function Embedded

example/src/components/Embedded/Embedded.tsx:25–256

()

}`;

export const Embedded = () => {
  const [placementIdsInput, setPlacementIdsInput] = useState<string>('');
  const [embeddedMessages, setEmbeddedMessages] = useState<
    IterableEmbeddedMessage[]
  >([]);
  const [selectedViewType, setSelectedViewType] =
    useState<IterableEmbeddedViewType>(IterableEmbeddedViewType.Banner);
  const [viewConfig, setViewConfig] =
    useState<IterableEmbeddedViewConfig | null>(null);
  const [configEditorVisible, setConfigEditorVisible] = useState(false);
  const [configJson, setConfigJson] = useState(DEFAULT_CONFIG_JSON);

  // Parse placement IDs from input
  const parsedPlacementIds = placementIdsInput
    .split(',')
    .map((id) => id.trim())
    .filter((id) => id !== '')
    .map((id) => parseInt(id, 10))
    .filter((id) => !isNaN(id));

  const idsToFetch = parsedPlacementIds.length > 0 ? parsedPlacementIds : null;

  const syncEmbeddedMessages = useCallback(() => {
    Iterable.embeddedManager.syncMessages();
  }, []);

  const startEmbeddedSession = useCallback(() => {
    Iterable.embeddedManager.startSession();
  }, []);

  const endEmbeddedSession = useCallback(() => {
    Iterable.embeddedManager.endSession();
  }, []);

  const getEmbeddedMessages = useCallback(() => {
    Iterable.embeddedManager
      .getMessages(idsToFetch)
      .then((messages: IterableEmbeddedMessage[]) => {
        setEmbeddedMessages(messages);
        console.log(messages);
      });
  }, [idsToFetch]);

  const openConfigEditor = useCallback(() => {
    setConfigJson(
      viewConfig ? JSON.stringify(viewConfig, null, 2) : DEFAULT_CONFIG_JSON
    );
    setConfigEditorVisible(true);
  }, [viewConfig]);

  const applyConfig = useCallback(() => {
    try {
      const parsed = JSON.parse(configJson) as IterableEmbeddedViewConfig;
      setViewConfig(parsed);
      setConfigEditorVisible(false);
    } catch {
      Alert.alert('Error', 'Invalid JSON');
    }