Merge pull request #824 from Iterable/emb-ootb/master

Emb ootb/master

Author: lposen

example/ios/Podfile

@@ -33,5 +33,20 @@ target 'ReactNativeSdkExample' do
       :mac_catalyst_enabled => false,
       # :ccache_enabled => true
     )
+
+
+    ## Temporary workaround for Xcode 26.4
+    installer.pods_project.targets.each do |target|
+      target.build_configurations.each do |config|
+        # fmt/base.h unconditionally redefines FMT_USE_CONSTEVAL based on __cplusplus,
+        # so preprocessor defines are overwritten. The reliable fix is to compile fmt
+        # in C++17 mode: FMT_CPLUSPLUS (201703L) < 201709L → FMT_USE_CONSTEVAL = 0.
+        # All other pods stay in C++20 (React-perflogger needs std::unordered_map::contains).
+        if target.name == 'fmt'
+          config.build_settings['CLANG_CXX_LANGUAGE_STANDARD'] = 'c++17'
+        end
+
+      end
+    end
   end
 end

example/ios/ReactNativeSdkExample.xcodeproj/project.pbxproj

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

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

@@ -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,