1- import { ScrollView , Text , TextInput , TouchableOpacity , View } from 'react-native' ;
1+ import {
2+ ScrollView ,
3+ Text ,
4+ TextInput ,
5+ TouchableOpacity ,
6+ View ,
7+ } from 'react-native' ;
28import { useCallback , useState } from 'react' ;
39import {
410 Iterable ,
@@ -44,19 +50,15 @@ export const Embedded = () => {
4450 } , [ ] ) ;
4551
4652 const getEmbeddedMessages = useCallback ( ( ) => {
47- // Don't fetch if no IDs
48- if ( parsedPlacementIds . length === 0 ) {
49- console . log ( 'No placement IDs entered, button should be disabled' ) ;
50- return ;
51- }
52-
5353 console . log ( 'Fetching messages for placement IDs:' , idsToFetch ) ;
5454
55- Iterable . embeddedManager . getMessages ( idsToFetch ) . then ( ( messages : IterableEmbeddedMessage [ ] ) => {
55+ Iterable . embeddedManager
56+ . getMessages ( idsToFetch )
57+ . then ( ( messages : IterableEmbeddedMessage [ ] ) => {
5658 setEmbeddedMessages ( messages ) ;
5759 console . log ( messages ) ;
5860 } ) ;
59- } , [ idsToFetch , parsedPlacementIds . length ] ) ;
61+ } , [ idsToFetch ] ) ;
6062
6163 const startEmbeddedImpression = useCallback (
6264 ( message : IterableEmbeddedMessage ) => {
@@ -96,7 +98,8 @@ export const Embedded = () => {
9698 { ! Iterable . embeddedManager . isEnabled && (
9799 < View style = { styles . warningContainer } >
98100 < Text style = { styles . warningText } >
99- ⚠️ Embedded messaging is disabled. Please enable it in your Iterable config.
101+ ⚠️ Embedded messaging is disabled. Please enable it in your Iterable
102+ config.
100103 </ Text >
101104 </ View >
102105 ) }
@@ -114,9 +117,7 @@ export const Embedded = () => {
114117 < Text style = { styles . buttonText } > End session</ Text >
115118 </ TouchableOpacity >
116119 < View style = { styles . inputContainer } >
117- < Text style = { styles . text } >
118- Placement IDs (comma-separated):
119- </ Text >
120+ < Text style = { styles . text } > Placement IDs (comma-separated):</ Text >
120121 < TextInput
121122 style = { styles . textInput }
122123 placeholder = "e.g., 1, 2, 3"
@@ -125,18 +126,8 @@ export const Embedded = () => {
125126 onChangeText = { setPlacementIdsInput }
126127 keyboardType = "numbers-and-punctuation"
127128 />
128- < TouchableOpacity
129- style = { [
130- styles . button ,
131- parsedPlacementIds . length === 0 && styles . buttonDisabled
132- ] }
133- onPress = { getEmbeddedMessages }
134- disabled = { parsedPlacementIds . length === 0 }
135- >
136- < Text style = { [
137- styles . buttonText ,
138- parsedPlacementIds . length === 0 && styles . buttonTextDisabled
139- ] } >
129+ < TouchableOpacity style = { styles . button } onPress = { getEmbeddedMessages } >
130+ < Text style = { styles . buttonText } >
140131 Get messages for placement ids
141132 </ Text >
142133 </ TouchableOpacity >
0 commit comments