refactor: clean up Embedded component by removing commented-out code and unused styles

Author: lposen

example/src/components/Embedded/Embedded.styles.ts

@@ -1,13 +1,16 @@
 import { StyleSheet } from 'react-native';
 import {
+  backgroundColors,
   button,
   buttonText,
+  colors,
   container,
   hr,
-  link, input, title, subtitle,
-  colors,
+  input,
+  subtitle,
+  title,
+  utilityColors,
 } from '../../constants';
-import { utilityColors, backgroundColors } from '../../constants/styles/colors';
 
 const styles = StyleSheet.create({
   button,
@@ -19,20 +22,10 @@ const styles = StyleSheet.create({
     gap: 16,
     paddingHorizontal: 16,
   },
-  embeddedTitle: {
-    fontSize: 16,
-    fontWeight: 'bold',
-    lineHeight: 20,
-  },
-  embeddedTitleContainer: {
-    display: 'flex',
-    flexDirection: 'row',
-  },
   hr,
   inputContainer: {
     marginVertical: 10,
   },
-  link,
   subtitle: { ...subtitle, textAlign: 'center' },
   text: { textAlign: 'center' },
   textInput: input,

example/src/components/Embedded/Embedded.tsx

@@ -8,7 +8,6 @@ import {
 import { useCallback, useState } from 'react';
 import {
   Iterable,
-  // type IterableAction,
   type IterableEmbeddedMessage,
   IterableEmbeddedView,
   IterableEmbeddedViewType,
@@ -56,35 +55,6 @@ export const Embedded = () => {
       });
   }, [idsToFetch]);
 
-  // const startEmbeddedImpression = useCallback(
-  //   (message: IterableEmbeddedMessage) => {
-  //     Iterable.embeddedManager.startImpression(
-  //       message.metadata.messageId,
-  //       // TODO: check if this should be changed to a number, as per the type
-  //       Number(message.metadata.placementId)
-  //     );
-  //   },
-  //   []
-  // );
-
-  // const pauseEmbeddedImpression = useCallback(
-  //   (message: IterableEmbeddedMessage) => {
-  //     Iterable.embeddedManager.pauseImpression(message.metadata.messageId);
-  //   },
-  //   []
-  // );
-
-  // const handleClick = useCallback(
-  //   (
-  //     message: IterableEmbeddedMessage,
-  //     buttonId: string | null,
-  //     action?: IterableAction | null
-  //   ) => {
-  //     Iterable.embeddedManager.handleClick(message, buttonId, action);
-  //   },
-  //   []
-  // );
-
   return (
     <SafeAreaView style={styles.container}>
       <Text style={styles.title}>Embedded</Text>
@@ -100,9 +70,6 @@ export const Embedded = () => {
         Enter placement IDs to fetch embedded messages
       </Text>
       <View style={styles.utilitySection}>
-        {/* <Text style={styles.text}>
-          Placement ids: [{placementIds.join(', ')}]
-        </Text> */}
         <View style={styles.viewTypeSelector}>
           <Text style={styles.text}>Select View Type:</Text>
           <View style={styles.viewTypeButtons}>