@loyalytics/swan-react-native-sdk 2.0.1

package/ios/SwanNotificationServiceExtension/NotificationService.swift

@@ -0,0 +1,337 @@
+//
+//  NotificationService.swift
+//  SwanNotificationServiceExtension
+//
+//  Swan SDK Notification Service Extension
+//  Handles delivery ACKs and rich media for iOS push notifications
+//
+
+import UserNotifications
+
+class NotificationService: UNNotificationServiceExtension {
+
+    var contentHandler: ((UNNotificationContent) -> Void)?
+    var bestAttemptContent: UNMutableNotificationContent?
+
+    override func didReceive(
+        _ request: UNNotificationRequest,
+        withContentHandler contentHandler: @escaping (UNNotificationContent) -> Void
+    ) {
+        self.contentHandler = contentHandler
+        bestAttemptContent = (request.content.mutableCopy() as? UNMutableNotificationContent)
+
+        if let bestAttemptContent = bestAttemptContent {
+            // Log extension triggered
+            NSLog("[SwanSDK Extension] Notification Service Extension triggered")
+            NSLog("[SwanSDK Extension] Request identifier: \(request.identifier)")
+
+            // Mark that Notification Service Extension is active
+            // This flag is checked by React Native to skip delivery ACKs (since NES handles them)
+            markExtensionActive()
+
+            // Extract FCM messageId from userInfo
+            let userInfo = request.content.userInfo
+            NSLog("[SwanSDK Extension] UserInfo: \(userInfo)")
+
+            // Check if this is a silent push notification
+            let isSilent =
+                userInfo["silent"] as? String == "true" || userInfo["silent"] as? Bool == true
+            NSLog("[SwanSDK Extension] Is silent push: \(isSilent)")
+
+            // Handle silent push notifications
+            if isSilent {
+                NSLog("[SwanSDK Extension] Silent push received, no notification displayed")
+                return
+            }
+
+            // Send delivery ACK asynchronously
+            if let messageId = userInfo["gcm.message_id"] as? String {
+                NSLog("[SwanSDK Extension] Sending delivery ACK for messageId: \(messageId)")
+                sendDeliveryACK(messageId: messageId)
+            }
+
+            // Handle rich media (images)
+            if let fcmOptions = userInfo["fcm_options"] as? [String: Any],
+                let imageURLString = fcmOptions["image"] as? String,
+                let imageURL = URL(string: imageURLString)
+            {
+                NSLog("[SwanSDK Extension] Downloading notification image: \(imageURLString)")
+                downloadImage(from: imageURL) { attachment in
+                    if let attachment = attachment {
+                        NSLog("[SwanSDK Extension] ✅ Image downloaded successfully")
+                        bestAttemptContent.attachments.append(attachment)
+                    } else {
+                        NSLog("[SwanSDK Extension] ❌ Failed to download image")
+                    }
+                    contentHandler(bestAttemptContent)
+                }
+            } else {
+                // No image to download, deliver notification immediately
+                NSLog("[SwanSDK Extension] No image to download, delivering notification")
+                contentHandler(bestAttemptContent)
+            }
+        }
+    }
+
+    override func serviceExtensionTimeWillExpire() {
+        // Called just before the extension will be terminated by the system.
+        // Use this as an opportunity to deliver your "best attempt" at modified content.
+        NSLog("[SwanSDK Extension] Service extension time will expire")
+        if let contentHandler = contentHandler, let bestAttemptContent = bestAttemptContent {
+            contentHandler(bestAttemptContent)
+        }
+    }
+
+    // MARK: - Delivery ACK
+
+    private func sendDeliveryACK(messageId: String) {
+        // Read credentials from shared App Group
+        guard let credentials = readCredentials() else {
+            NSLog("[SwanSDK Extension] ❌ Failed to read credentials from App Group")
+            return
+        }
+
+        NSLog("[SwanSDK Extension] Credentials loaded - appId: \(credentials.appId)")
+
+        // Construct ACK payload
+        let payload: [String: Any] = [
+            "commId": messageId,
+            "appId": credentials.appId,
+            "deviceId": credentials.deviceId,
+            "event": "delivered",
+        ]
+
+        // Add CDID if available (user logged in)
+        var finalPayload = payload
+        if let cdid = credentials.cdid, !cdid.isEmpty {
+            finalPayload["CDID"] = cdid
+        }
+
+        NSLog("[SwanSDK Extension] ACK payload: \(finalPayload)")
+
+        // Send ACK to backend
+        guard let url = URL(string: credentials.ackUrl) else {
+            NSLog("[SwanSDK Extension] ❌ Invalid ACK URL")
+            return
+        }
+
+        var request = URLRequest(url: url)
+        request.httpMethod = "POST"
+        request.setValue("application/json", forHTTPHeaderField: "Content-Type")
+        request.setValue(credentials.deviceId, forHTTPHeaderField: "X-Swan-Device-Id")
+
+        do {
+            request.httpBody = try JSONSerialization.data(withJSONObject: finalPayload)
+        } catch {
+            NSLog("[SwanSDK Extension] ❌ Failed to serialize ACK payload: \(error)")
+            return
+        }
+
+        // Send request
+        let task = URLSession.shared.dataTask(with: request) { data, response, error in
+            if let error = error {
+                NSLog("[SwanSDK Extension] ❌ ACK request failed: \(error.localizedDescription)")
+                return
+            }
+
+            if let httpResponse = response as? HTTPURLResponse {
+                NSLog("[SwanSDK Extension] ACK response status: \(httpResponse.statusCode)")
+                if httpResponse.statusCode == 200 {
+                    NSLog("[SwanSDK Extension] ✅ Delivery ACK sent successfully")
+                } else {
+                    NSLog("[SwanSDK Extension] ⚠️ ACK request returned non-200 status")
+                }
+            }
+        }
+        task.resume()
+    }
+
+    // MARK: - Extension State Management
+
+    private func markExtensionActive() {
+        let appGroupId = "group.swan.sdk.notifications"
+        guard let sharedDefaults = UserDefaults(suiteName: appGroupId) else {
+            NSLog("[SwanSDK Extension] ⚠️ Failed to mark extension active")
+            return
+        }
+
+        // Set flag to indicate Notification Service Extension is active
+        // React Native checks this flag to skip delivery ACKs (since NES handles them)
+        sharedDefaults.set("active", forKey: "swanNESActive")
+        sharedDefaults.synchronize()
+
+        NSLog("[SwanSDK Extension] ✅ Marked extension as active")
+    }
+
+    // MARK: - Credential Storage
+
+    private struct SwanCredentials {
+        let appId: String
+        let deviceId: String
+        let cdid: String?
+        let ackUrl: String
+    }
+
+    private func readCredentials() -> SwanCredentials? {
+        // IMPORTANT: App Group ID must match what's configured in the main app
+        // Default: group.swan.sdk.notifications
+        // Can be customized by developer during setup
+        let appGroupId = "group.swan.sdk.notifications"
+
+        guard let sharedDefaults = UserDefaults(suiteName: appGroupId) else {
+            NSLog("[SwanSDK Extension] ❌ Failed to access App Group: \(appGroupId)")
+            NSLog("[SwanSDK Extension] Make sure App Group is configured in both app and extension")
+            return nil
+        }
+
+        guard let credentialsString = sharedDefaults.string(forKey: "swanCredentials") else {
+            NSLog("[SwanSDK Extension] ❌ No credentials found in App Group")
+            return nil
+        }
+
+        // Decode base64 credentials
+        guard let credentialsData = Data(base64Encoded: credentialsString),
+            let credentialsDict = try? JSONSerialization.jsonObject(with: credentialsData)
+                as? [String: String]
+        else {
+            NSLog("[SwanSDK Extension] ❌ Failed to decode credentials")
+            return nil
+        }
+
+        guard let appId = credentialsDict["appId"],
+            let deviceId = credentialsDict["deviceId"]
+        else {
+            NSLog("[SwanSDK Extension] ❌ Missing required credentials (appId or deviceId)")
+            return nil
+        }
+
+        guard let ackUrl = credentialsDict["ackUrl"] else {
+            NSLog("[SwanSDK Extension] ❌ Missing required credentials (ackUrl)")
+            return nil
+        }
+
+        let cdid = credentialsDict["cdid"]
+        return SwanCredentials(appId: appId, deviceId: deviceId, cdid: cdid, ackUrl: ackUrl)
+    }
+
+    // MARK: - Image Download
+
+    private func downloadImage(
+        from url: URL, completion: @escaping (UNNotificationAttachment?) -> Void
+    ) {
+        let task = URLSession.shared.downloadTask(with: url) { location, response, error in
+            if let error = error {
+                NSLog("[SwanSDK Extension] Image download error: \(error.localizedDescription)")
+                completion(nil)
+                return
+            }
+
+            guard let location = location else {
+                NSLog("[SwanSDK Extension] No file location for downloaded image")
+                completion(nil)
+                return
+            }
+
+            // Determine file extension and UTI type
+            var pathExtension = "jpg"
+            var utiType = "public.jpeg"
+
+            if let mimeType = response?.mimeType {
+                NSLog("[SwanSDK Extension] Image MIME type: \(mimeType)")
+                switch mimeType {
+                case "image/jpeg", "image/jpg":
+                    pathExtension = "jpg"
+                    utiType = "public.jpeg"
+                case "image/png":
+                    pathExtension = "png"
+                    utiType = "public.png"
+                case "image/gif":
+                    pathExtension = "gif"
+                    utiType = "com.compuserve.gif"
+                default:
+                    // Try to get extension from URL
+                    let urlExt = url.pathExtension.lowercased()
+                    if urlExt == "png" {
+                        pathExtension = "png"
+                        utiType = "public.png"
+                    } else if urlExt == "gif" {
+                        pathExtension = "gif"
+                        utiType = "com.compuserve.gif"
+                    }
+                }
+            } else {
+                // Fallback to URL extension
+                let urlExt = url.pathExtension.lowercased()
+                if urlExt == "png" {
+                    pathExtension = "png"
+                    utiType = "public.png"
+                } else if urlExt == "gif" {
+                    pathExtension = "gif"
+                    utiType = "com.compuserve.gif"
+                }
+            }
+
+            NSLog("[SwanSDK Extension] Using extension: \(pathExtension), UTI: \(utiType)")
+
+            // Use FileManager to get the cache directory for the extension
+            // This is more reliable than NSTemporaryDirectory for notification extensions
+            let fileManager = FileManager.default
+            guard
+                let cacheDirectory = fileManager.urls(for: .cachesDirectory, in: .userDomainMask)
+                    .first
+            else {
+                NSLog("[SwanSDK Extension] Could not get cache directory")
+                completion(nil)
+                return
+            }
+
+            let uniqueId = UUID().uuidString
+            let destinationURL = cacheDirectory.appendingPathComponent(
+                "swan-notification-\(uniqueId).\(pathExtension)")
+
+            NSLog("[SwanSDK Extension] Destination URL: \(destinationURL.path)")
+
+            do {
+                // Remove existing file if it exists
+                if fileManager.fileExists(atPath: destinationURL.path) {
+                    try fileManager.removeItem(at: destinationURL)
+                }
+
+                // Copy instead of move (more reliable)
+                try fileManager.copyItem(at: location, to: destinationURL)
+
+                // Verify file exists and has content
+                let attributes = try fileManager.attributesOfItem(atPath: destinationURL.path)
+                let fileSize = attributes[.size] as? Int64 ?? 0
+                NSLog("[SwanSDK Extension] Image file size: \(fileSize) bytes")
+
+                if fileSize == 0 {
+                    NSLog("[SwanSDK Extension] ❌ Downloaded file is empty!")
+                    completion(nil)
+                    return
+                }
+
+                // Create attachment with type hint options
+                let options: [String: Any] = [
+                    UNNotificationAttachmentOptionsTypeHintKey: utiType
+                ]
+
+                let attachment = try UNNotificationAttachment(
+                    identifier: "swan-image-\(uniqueId)",
+                    url: destinationURL,
+                    options: options
+                )
+
+                NSLog("[SwanSDK Extension] ✅ Attachment created successfully")
+                completion(attachment)
+            } catch {
+                NSLog(
+                    "[SwanSDK Extension] Failed to create attachment: \(error.localizedDescription)"
+                )
+                NSLog("[SwanSDK Extension] Error details: \(error)")
+                completion(nil)
+            }
+        }
+        task.resume()
+    }
+}

package/ios/SwanNotificationServiceExtension/SwanNotificationServiceExtension.entitlements

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>com.apple.security.application-groups</key>
+	<array>
+		<string>group.swan.sdk.notifications</string>
+	</array>
+</dict>
+</plist>

package/lib/commonjs/components/FooterView.js

@@ -0,0 +1,125 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+const {
+  width: screenWidth,
+  height: screenHeight
+} = _reactNative.Dimensions.get('window');
+const FooterNotification = ({
+  designConfig,
+  onClose,
+  onButtonClick
+}) => {
+  const {
+    commId = '',
+    themeBackgroundColor = '#ffffff',
+    crossButtonColor = '#000000',
+    iconURL = null,
+    descriptionColor = '#000000',
+    description = 'Default description.',
+    onClickAction,
+    onClickActionType
+  } = designConfig;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
+    style: [styles.notification, {
+      backgroundColor: themeBackgroundColor
+    }],
+    onPress: () => {
+      onButtonClick({
+        type: 'primary',
+        event: 'clicked',
+        action: onClickAction,
+        actionType: onClickActionType,
+        commId
+      });
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+      onPress: onClose,
+      style: styles.closeButton,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.closeIcon, {
+          color: crossButtonColor
+        }],
+        children: "\xD7"
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.content,
+      children: [iconURL && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.iconContainer,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+          source: {
+            uri: iconURL
+          },
+          style: styles.icon,
+          resizeMode: "cover"
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.description, {
+          color: descriptionColor
+        }],
+        numberOfLines: 3,
+        children: description
+      })]
+    })]
+  });
+};
+const styles = _reactNative.StyleSheet.create({
+  notification: {
+    position: 'absolute',
+    bottom: screenHeight * 0.05,
+    // Positioned 5% from the bottom of the screen
+    left: screenWidth * 0.05,
+    // Centered with 5% padding on each side
+    width: screenWidth * 0.9,
+    // 90% of screen width
+    padding: 16,
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 4
+    },
+    shadowOpacity: 0.2,
+    shadowRadius: 6,
+    elevation: 4
+  },
+  closeButton: {
+    position: 'absolute',
+    right: 4
+  },
+  closeIcon: {
+    fontSize: 18,
+    fontWeight: 'bold'
+  },
+  content: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  iconContainer: {
+    width: 48,
+    // Fixed size for icon
+    height: 48,
+    borderRadius: 24,
+    overflow: 'hidden',
+    backgroundColor: '#f0f0f0',
+    justifyContent: 'center',
+    alignItems: 'center',
+    marginRight: 12
+  },
+  icon: {
+    width: '100%',
+    height: '100%'
+  },
+  description: {
+    fontSize: 14,
+    lineHeight: 18,
+    flex: 1,
+    textAlign: 'left'
+  }
+});
+var _default = exports.default = FooterNotification;
+//# sourceMappingURL=FooterView.js.map

package/lib/commonjs/components/FooterView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_jsxRuntime","width","screenWidth","height","screenHeight","Dimensions","get","FooterNotification","designConfig","onClose","onButtonClick","commId","themeBackgroundColor","crossButtonColor","iconURL","descriptionColor","description","onClickAction","onClickActionType","jsxs","TouchableOpacity","style","styles","notification","backgroundColor","onPress","type","event","action","actionType","children","jsx","closeButton","Text","closeIcon","color","View","content","iconContainer","Image","source","uri","icon","resizeMode","numberOfLines","StyleSheet","create","position","bottom","left","padding","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","right","fontSize","fontWeight","flexDirection","alignItems","borderRadius","overflow","justifyContent","marginRight","lineHeight","flex","textAlign","_default","exports","default"],"sourceRoot":"../../../src","sources":["components/FooterView.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/FullScreenView.js

@@ -0,0 +1,172 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+/* eslint-disable react-native/no-inline-styles */
+
+const FullScreenView = ({
+  designConfig,
+  onClose,
+  onButtonClick
+}) => {
+  const {
+    commId = '',
+    backgroundImageURL,
+    crossButtonColor,
+    primaryButtonColor,
+    primaryButtonFontColor,
+    primaryButtonSwitch,
+    primaryButtonText,
+    primaryButtonAction = '',
+    primaryButtonActionType = '',
+    secondaryButtonColor,
+    secondaryButtonFontColor,
+    secondaryButtonSwitch,
+    secondaryButtonText,
+    secondaryButtonAction = '',
+    secondaryButtonActionType = ''
+  } = designConfig;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.notification, {
+      backgroundColor: 'steelblue' // You can replace this with a dynamic value if needed
+    }],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.backgroundContainer,
+      children: backgroundImageURL && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+        source: {
+          uri: backgroundImageURL
+        },
+        style: styles.backgroundImage,
+        resizeMode: "stretch"
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.foreground,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+        onPress: onClose,
+        style: styles.closeButton,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [styles.closeIcon, {
+            color: crossButtonColor
+          }],
+          children: "\xD7"
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.buttonContainer,
+        children: [primaryButtonSwitch && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+          onPress: () => {
+            onButtonClick({
+              type: 'primary',
+              event: 'clicked',
+              action: primaryButtonAction,
+              actionType: primaryButtonActionType,
+              commId
+            });
+          },
+          style: [styles.button, {
+            backgroundColor: primaryButtonColor,
+            marginRight: secondaryButtonSwitch ? 15 : 0
+          }],
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: {
+              color: primaryButtonFontColor
+            },
+            children: primaryButtonText
+          })
+        }), secondaryButtonSwitch && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+          onPress: () => {
+            onButtonClick({
+              type: 'secondary',
+              event: 'clicked',
+              action: secondaryButtonAction,
+              actionType: secondaryButtonActionType,
+              commId
+            });
+          },
+          style: [styles.button, {
+            backgroundColor: secondaryButtonColor
+          }],
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: {
+              color: secondaryButtonFontColor
+            },
+            children: secondaryButtonText
+          })
+        })]
+      })]
+    })]
+  });
+};
+const styles = _reactNative.StyleSheet.create({
+  notification: {
+    borderRadius: 10,
+    overflow: 'hidden',
+    position: 'absolute',
+    flexDirection: 'column',
+    width: '90%',
+    top: '5%',
+    // Approx. 2.5% from the top
+    height: '92%',
+    backgroundColor: 'steelblue' // Can be customized if necessary
+  },
+  backgroundContainer: {
+    position: 'absolute',
+    top: 0,
+    zIndex: 0,
+    width: '100%',
+    height: '100%'
+  },
+  backgroundImage: {
+    width: '100%',
+    height: '100%'
+  },
+  placeholderImage: {
+    height: 50,
+    // Approx. 5rem
+    width: 50,
+    // Approx. 5rem
+    transform: [{
+      translateX: 130
+    }, {
+      translateY: 250
+    }] // Approx. (13rem, 25rem)
+  },
+  foreground: {
+    zIndex: 1,
+    position: 'absolute',
+    width: '100%',
+    height: '100%',
+    justifyContent: 'flex-end',
+    alignItems: 'center',
+    paddingBottom: 20
+  },
+  closeButton: {
+    position: 'absolute',
+    top: 10,
+    right: 10
+  },
+  closeIcon: {
+    fontSize: 30,
+    fontWeight: 'bold'
+  },
+  buttonContainer: {
+    flexDirection: 'row',
+    position: 'absolute',
+    bottom: '5%',
+    // Approx. 89% from the top
+    left: '5%',
+    width: '90%',
+    justifyContent: 'space-between'
+  },
+  button: {
+    flex: 1,
+    padding: 10,
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+var _default = exports.default = FullScreenView;
+//# sourceMappingURL=FullScreenView.js.map

package/lib/commonjs/components/FullScreenView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_jsxRuntime","FullScreenView","designConfig","onClose","onButtonClick","commId","backgroundImageURL","crossButtonColor","primaryButtonColor","primaryButtonFontColor","primaryButtonSwitch","primaryButtonText","primaryButtonAction","primaryButtonActionType","secondaryButtonColor","secondaryButtonFontColor","secondaryButtonSwitch","secondaryButtonText","secondaryButtonAction","secondaryButtonActionType","jsxs","View","style","styles","notification","backgroundColor","children","jsx","backgroundContainer","Image","source","uri","backgroundImage","resizeMode","foreground","TouchableOpacity","onPress","closeButton","Text","closeIcon","color","buttonContainer","type","event","action","actionType","button","marginRight","StyleSheet","create","borderRadius","overflow","position","flexDirection","width","top","height","zIndex","placeholderImage","transform","translateX","translateY","justifyContent","alignItems","paddingBottom","right","fontSize","fontWeight","bottom","left","flex","padding","_default","exports","default"],"sourceRoot":"../../../src","sources":["components/FullScreenView.tsx"],"mappings":"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","ignoreList":[]}