Merge branch 'master' into 0-84-new

Author: lposen

CHANGELOG.md

@@ -1,3 +1,25 @@
+## 3.0.0
+
+### Updates
+- Added embedded messaging functionality. This includes the ability to:
+  - Manually sync messages with `Iterable.embeddedManager.syncMessages()`
+  - Get messages with `Iterable.embeddedManager.getMessages([PLACEMENT_IDS])`
+  - Start an embedded session with `Iterable.embeddedManager.startSession()`
+  - End an embedded session with `Iterable.embeddedManager.endSession()`
+  - Start an embedded impression with
+    `Iterable.embeddedManager.startImpression(MESSAGE_ID, PLACEMENT_ID)`
+  - Pause an embedded impression with
+    `Iterable.embeddedManager.pauseImpression(MESSAGE_ID)`
+  - Handle embedded clicks with
+    `Iterable.embeddedManager.handleClick(message, buttonId, action)`
+- Added out-of-the-box (OOTB) embedded views (embedded components) for rendering
+  embedded messages in your app:
+  - `IterableEmbeddedView` — renders a message by `IterableEmbeddedViewType`
+    (Banner, Card, or Notification)
+  - `IterableEmbeddedBanner`, `IterableEmbeddedCard`, and
+    `IterableEmbeddedNotification` — individual OOTB view components
+  - `IterableEmbeddedViewConfig` — optional styling configuration for OOTB views
+
 ## 2.2.2
 ### Updates
 - Added `baseline-browser-mapping`

example/ios/ReactNativeSdkExample.xcodeproj/project.pbxproj

@@ -14,6 +14,7 @@
 		77E3B5772EA71A4B001449CE /* IterableJwtGenerator.swift in Sources */ = {isa = PBXBuildFile; fileRef = 77E3B5742EA71A4B001449CE /* IterableJwtGenerator.swift */; };
 		77E3B5782EA71A4B001449CE /* JwtTokenModule.mm in Sources */ = {isa = PBXBuildFile; fileRef = 77E3B5752EA71A4B001449CE /* JwtTokenModule.mm */; };
 		77E3B5792EA71A4B001449CE /* JwtTokenModule.swift in Sources */ = {isa = PBXBuildFile; fileRef = 77E3B5762EA71A4B001449CE /* JwtTokenModule.swift */; };
+		7C8CB9778D44155D232C3690 /* libPods-ReactNativeSdkExample.a in Frameworks */ = {isa = PBXBuildFile; fileRef = FC8A71BC6B8F9B2B3CF98A77 /* libPods-ReactNativeSdkExample.a */; };
 		81AB9BB82411601600AC10FF /* LaunchScreen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */; };
 		A3A40C20801B8F02005FA4C0 /* PrivacyInfo.xcprivacy in Resources */ = {isa = PBXBuildFile; fileRef = 1FC6B09E65A7BD9F6864C5D8 /* PrivacyInfo.xcprivacy */; };
 /* End PBXBuildFile section */
@@ -203,7 +204,8 @@
 		83CBB9F71A601CBA00E9B192 /* Project object */ = {
 			isa = PBXProject;
 			attributes = {
-				LastUpgradeCheck = 1210;
+				BuildIndependentTargetsInParallel = YES;
+				LastUpgradeCheck = 2640;
 				TargetAttributes = {
 					00E356ED1AD99517003FC87E = {
 						CreatedOnToolsVersion = 6.2;
@@ -365,7 +367,6 @@
 			buildSettings = {
 				BUNDLE_LOADER = "$(TEST_HOST)";
 				CLANG_ENABLE_MODULES = YES;
-				DEVELOPMENT_TEAM = BP98Z28R86;
 				GCC_PREPROCESSOR_DEFINITIONS = (
 					"DEBUG=1",
 					"$(inherited)",
@@ -397,7 +398,6 @@
 				BUNDLE_LOADER = "$(TEST_HOST)";
 				CLANG_ENABLE_MODULES = YES;
 				COPY_PHASE_STRIP = NO;
-				DEVELOPMENT_TEAM = BP98Z28R86;
 				INFOPLIST_FILE = ReactNativeSdkExampleTests/Info.plist;
 				IPHONEOS_DEPLOYMENT_TARGET = 15.1;
 				LD_RUNPATH_SEARCH_PATHS = (
@@ -426,7 +426,6 @@
 				CLANG_ENABLE_MODULES = YES;
 				CODE_SIGN_ENTITLEMENTS = ReactNativeSdkExample/ReactNativeSdkExample.entitlements;
 				CURRENT_PROJECT_VERSION = 1;
-				DEVELOPMENT_TEAM = BP98Z28R86;
 				ENABLE_BITCODE = NO;
 				INFOPLIST_FILE = ReactNativeSdkExample/Info.plist;
 				IPHONEOS_DEPLOYMENT_TARGET = 15.1;
@@ -459,7 +458,6 @@
 				CLANG_ENABLE_MODULES = YES;
 				CODE_SIGN_ENTITLEMENTS = ReactNativeSdkExample/ReactNativeSdkExample.entitlements;
 				CURRENT_PROJECT_VERSION = 1;
-				DEVELOPMENT_TEAM = BP98Z28R86;
 				INFOPLIST_FILE = ReactNativeSdkExample/Info.plist;
 				IPHONEOS_DEPLOYMENT_TARGET = 15.1;
 				LD_RUNPATH_SEARCH_PATHS = (
@@ -515,8 +513,10 @@
 				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer";
 				COPY_PHASE_STRIP = NO;
 				CXX = "";
+				DEVELOPMENT_TEAM = BP98Z28R86;
 				ENABLE_STRICT_OBJC_MSGSEND = YES;
 				ENABLE_TESTABILITY = YES;
+				ENABLE_USER_SCRIPT_SANDBOXING = NO;
 				"EXCLUDED_ARCHS[sdk=iphonesimulator*]" = "";
 				GCC_C_LANGUAGE_STANDARD = gnu99;
 				GCC_DYNAMIC_NO_PIC = NO;
@@ -577,6 +577,7 @@
 				);
 				REACT_NATIVE_PATH = "${PODS_ROOT}/../../node_modules/react-native";
 				SDKROOT = iphoneos;
+				STRING_CATALOG_GENERATE_SYMBOLS = YES;
 				SWIFT_ACTIVE_COMPILATION_CONDITIONS = "$(inherited) DEBUG";
 				SWIFT_ENABLE_EXPLICIT_MODULES = NO;
 				USE_HERMES = true;
@@ -616,8 +617,10 @@
 				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer";
 				COPY_PHASE_STRIP = YES;
 				CXX = "";
+				DEVELOPMENT_TEAM = BP98Z28R86;
 				ENABLE_NS_ASSERTIONS = NO;
 				ENABLE_STRICT_OBJC_MSGSEND = YES;
+				ENABLE_USER_SCRIPT_SANDBOXING = NO;
 				"EXCLUDED_ARCHS[sdk=iphonesimulator*]" = "";
 				GCC_C_LANGUAGE_STANDARD = gnu99;
 				GCC_NO_COMMON_BLOCKS = YES;

example/ios/ReactNativeSdkExample.xcodeproj/xcshareddata/xcschemes/ReactNativeSdkExample.xcscheme

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <Scheme
-   LastUpgradeVersion = "1210"
+   LastUpgradeVersion = "2640"
    version = "1.3">
    <BuildAction
       parallelizeBuildables = "YES"

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

@@ -1,38 +1,131 @@
 import { StyleSheet } from 'react-native';
-import { button, buttonText, container, hr, link, input, title, subtitle } from '../../constants';
-import { utilityColors, backgroundColors } from '../../constants/styles/colors';
+import {
+  backgroundColors,
+  button,
+  buttonText,
+  colors,
+  container,
+  hr,
+  input,
+  modalButton,
+  modalButtons,
+  modalContent,
+  modalOverlay,
+  subtitle,
+  title,
+  utilityColors,
+} from '../../constants';
 
 const styles = StyleSheet.create({
   button,
   buttonText,
-  container,
+  compactUtilityButton: {
+    ...button,
+    paddingVertical: 8,
+  },
+  compactUtilityButtonText: {
+    ...buttonText,
+    fontSize: 12,
+    lineHeight: 17,
+  },
+  container: {
+    ...container,
+    marginHorizontal: 0,
+    marginTop: 0,
+    paddingHorizontal: 0,
+  },
+  embeddedHr: {
+    ...hr,
+    marginVertical: 12,
+  },
   embeddedSection: {
     display: 'flex',
     flexDirection: 'column',
     gap: 16,
     paddingHorizontal: 16,
   },
-  embeddedTitle: {
-    fontSize: 16,
-    fontWeight: 'bold',
-    lineHeight: 20,
+  inputContainer: {
+    marginVertical: 10,
   },
-  embeddedTitleContainer: {
-    display: 'flex',
+  jsonEditor: {
+    ...input,
+    fontSize: 12,
+    height: 220,
+  },
+  modalButton,
+  modalButtons,
+  modalContent,
+  modalOverlay,
+  placementIdsInput: {
+    ...input,
+    flex: 1,
+    marginBottom: 0,
+    minWidth: 72,
+  },
+  placementIdsLabel: {
+    flexShrink: 1,
+    fontSize: 14,
+  },
+  placementIdsRow: {
+    alignItems: 'center',
     flexDirection: 'row',
+    gap: 8,
+    marginBottom: 8,
   },
-  hr,
-  inputContainer: {
-    marginVertical: 10,
+  sessionButtonHalf: {
+    flex: 1,
+  },
+  sessionButtonsRow: {
+    flexDirection: 'row',
+    gap: 8,
+    marginBottom: 8,
   },
-  link,
   subtitle: { ...subtitle, textAlign: 'center' },
   text: { textAlign: 'center' },
   textInput: input,
   title: { ...title, textAlign: 'center' },
   utilitySection: {
     paddingHorizontal: 16,
   },
+  viewTypeButton: {
+    alignItems: 'center',
+    borderColor: colors.brandCyan,
+    borderRadius: 8,
+    borderWidth: 2,
+    flex: 1,
+    paddingHorizontal: 8,
+    paddingVertical: 7,
+  },
+  viewTypeButtonSelected: {
+    backgroundColor: colors.brandCyan,
+  },
+  viewTypeButtonText: {
+    color: colors.brandCyan,
+    fontSize: 12,
+    fontWeight: '600',
+  },
+  viewTypeButtonTextSelected: {
+    color: colors.backgroundPrimary,
+  },
+  viewTypeButtons: {
+    flex: 1,
+    flexDirection: 'row',
+    gap: 8,
+    justifyContent: 'space-around',
+    minWidth: 0,
+  },
+  viewTypeLabel: {
+    flexShrink: 0,
+    fontSize: 13,
+    fontWeight: '600',
+  },
+  viewTypeSelector: {
+    alignItems: 'center',
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    gap: 8,
+    marginVertical: 12,
+  },
   warningContainer: {
     backgroundColor: backgroundColors.backgroundWarningSubtle,
     borderLeftColor: utilityColors.warning100,