@loyalytics/swan-react-native-sdk 2.0.1

package/lib/commonjs/utils/SharedCredentialsManager.js

@@ -0,0 +1,146 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SharedCredentialsManager = void 0;
+var _reactNative = require("react-native");
+var _reactNativeSharedGroupPreferences = _interopRequireDefault(require("react-native-shared-group-preferences"));
+var _reactNativeBase = _interopRequireDefault(require("react-native-base64"));
+var _Logger = _interopRequireDefault(require("./Logger.js"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * SharedCredentialsManager
+ *
+ * Manages credentials storage in iOS App Groups for sharing between
+ * the main app and Notification Service Extension.
+ *
+ * This allows the extension to send delivery ACKs even when the app is killed.
+ */
+
+class SharedCredentialsManager {
+  static APP_GROUP_ID = 'group.swan.sdk.notifications';
+  static CREDENTIALS_KEY = 'swanCredentials';
+
+  /**
+   * Save credentials to iOS App Group (for Notification Service Extension)
+   * On Android, this is a no-op as extensions don't exist.
+   */
+  static async saveToAppGroup(credentials) {
+    if (_reactNative.Platform.OS !== 'ios') {
+      // Android doesn't need shared App Group
+      _Logger.default.log('[SharedCredentials] Skipping App Group save on Android');
+      return;
+    }
+    try {
+      // Encode credentials as base64 JSON
+      const credentialsJson = JSON.stringify(credentials);
+      const credentialsBase64 = _reactNativeBase.default.encode(credentialsJson);
+
+      // Save to App Group
+      await _reactNativeSharedGroupPreferences.default.setItem(this.CREDENTIALS_KEY, credentialsBase64, this.APP_GROUP_ID);
+      _Logger.default.log('[SharedCredentials] ✅ Credentials saved to iOS App Group');
+      _Logger.default.log('[SharedCredentials] App Group ID:', this.APP_GROUP_ID);
+      _Logger.default.log('[SharedCredentials] Saved credentials:', {
+        appId: credentials.appId,
+        deviceId: credentials.deviceId,
+        hasCDID: !!credentials.cdid,
+        isProduction: credentials.isProduction
+      });
+    } catch (error) {
+      _Logger.default.error('[SharedCredentials] ❌ Failed to save to App Group:', error);
+      _Logger.default.error('[SharedCredentials] Make sure react-native-shared-group-preferences is installed');
+      _Logger.default.error('[SharedCredentials] Make sure App Group is configured in Xcode');
+      // Don't throw - this is not critical for main app functionality
+    }
+  }
+
+  /**
+   * Read credentials from iOS App Group
+   * Useful for debugging or fallback scenarios.
+   */
+  static async readFromAppGroup() {
+    if (_reactNative.Platform.OS !== 'ios') {
+      return null;
+    }
+    try {
+      const credentialsBase64 = await _reactNativeSharedGroupPreferences.default.getItem(this.CREDENTIALS_KEY, this.APP_GROUP_ID);
+      if (!credentialsBase64) {
+        _Logger.default.log('[SharedCredentials] No credentials found in App Group');
+        return null;
+      }
+      const credentialsJson = _reactNativeBase.default.decode(credentialsBase64);
+      const credentials = JSON.parse(credentialsJson);
+      _Logger.default.log('[SharedCredentials] ✅ Credentials read from App Group');
+      return credentials;
+    } catch (error) {
+      _Logger.default.error('[SharedCredentials] ❌ Failed to read from App Group:', error);
+      return null;
+    }
+  }
+
+  /**
+   * Clear credentials from iOS App Group
+   * Useful during logout or SDK reset.
+   */
+  static async clearFromAppGroup() {
+    if (_reactNative.Platform.OS !== 'ios') {
+      return;
+    }
+    try {
+      await _reactNativeSharedGroupPreferences.default.setItem(this.CREDENTIALS_KEY, '', this.APP_GROUP_ID);
+      _Logger.default.log('[SharedCredentials] ✅ Credentials cleared from App Group');
+    } catch (error) {
+      _Logger.default.error('[SharedCredentials] ❌ Failed to clear from App Group:', error);
+    }
+  }
+
+  /**
+   * Configure custom App Group ID
+   * Call this before SDK init if you want to use a different App Group ID.
+   *
+   * @param appGroupId - Custom App Group ID (e.g., "group.com.yourcompany.app")
+   */
+  static setAppGroupId(appGroupId) {
+    this.APP_GROUP_ID = appGroupId;
+    _Logger.default.log('[SharedCredentials] App Group ID configured:', appGroupId);
+  }
+
+  /**
+   * Get current App Group ID
+   */
+  static getAppGroupId() {
+    return this.APP_GROUP_ID;
+  }
+
+  /**
+   * Check if iOS Notification Service Extension is active/configured
+   * Returns true if App Group is accessible (meaning NES is configured)
+   *
+   * This is used to determine if delivery ACKs should be skipped in the
+   * React Native background handler (since NES handles them)
+   */
+  static async isNotificationServiceExtensionActive() {
+    if (_reactNative.Platform.OS !== 'ios') {
+      return false; // Android doesn't have extension
+    }
+    try {
+      // Try to access App Group - if successful, NES is configured
+      const isNesActive = await _reactNativeSharedGroupPreferences.default.getItem('swanNESActive', this.APP_GROUP_ID);
+      if (!isNesActive) {
+        _Logger.default.log('[SharedCredentials] Notification Service Extension is not configured');
+        return false;
+      }
+
+      // If we can access App Group, NES is configured
+      _Logger.default.log('[SharedCredentials] ✅ Notification Service Extension is active');
+      return true;
+    } catch (error) {
+      // If App Group is not accessible, NES is not configured
+      _Logger.default.log('[SharedCredentials] Notification Service Extension is not configured');
+      return false;
+    }
+  }
+}
+exports.SharedCredentialsManager = SharedCredentialsManager;
+//# sourceMappingURL=SharedCredentialsManager.js.map

package/lib/commonjs/utils/SharedCredentialsManager.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_reactNativeSharedGroupPreferences","_interopRequireDefault","_reactNativeBase","_Logger","e","__esModule","default","SharedCredentialsManager","APP_GROUP_ID","CREDENTIALS_KEY","saveToAppGroup","credentials","Platform","OS","Logger","log","credentialsJson","JSON","stringify","credentialsBase64","Base64","encode","SharedGroupPreferences","setItem","appId","deviceId","hasCDID","cdid","isProduction","error","readFromAppGroup","getItem","decode","parse","clearFromAppGroup","setAppGroupId","appGroupId","getAppGroupId","isNotificationServiceExtensionActive","isNesActive","exports"],"sourceRoot":"../../../src","sources":["utils/SharedCredentialsManager.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/version.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SDK_VERSION = void 0;
+// Auto-generated file. Do not edit manually.
+// This file is generated from package.json version during build.
+// See scripts/generate-version.js
+
+const SDK_VERSION = exports.SDK_VERSION = '2.0.1';
+//# sourceMappingURL=version.js.map

package/lib/commonjs/version.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SDK_VERSION","exports"],"sourceRoot":"../../src","sources":["version.ts"],"mappings":";;;;;;AAAA;AACA;AACA;;AAEO,MAAMA,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,OAAO","ignoreList":[]}

package/lib/module/components/FooterView.js

@@ -0,0 +1,121 @@
+"use strict";
+
+import { View, Text, Image, StyleSheet, TouchableOpacity, Dimensions } from 'react-native';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const {
+  width: screenWidth,
+  height: screenHeight
+} = 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__*/_jsxs(TouchableOpacity, {
+    style: [styles.notification, {
+      backgroundColor: themeBackgroundColor
+    }],
+    onPress: () => {
+      onButtonClick({
+        type: 'primary',
+        event: 'clicked',
+        action: onClickAction,
+        actionType: onClickActionType,
+        commId
+      });
+    },
+    children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+      onPress: onClose,
+      style: styles.closeButton,
+      children: /*#__PURE__*/_jsx(Text, {
+        style: [styles.closeIcon, {
+          color: crossButtonColor
+        }],
+        children: "\xD7"
+      })
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.content,
+      children: [iconURL && /*#__PURE__*/_jsx(View, {
+        style: styles.iconContainer,
+        children: /*#__PURE__*/_jsx(Image, {
+          source: {
+            uri: iconURL
+          },
+          style: styles.icon,
+          resizeMode: "cover"
+        })
+      }), /*#__PURE__*/_jsx(Text, {
+        style: [styles.description, {
+          color: descriptionColor
+        }],
+        numberOfLines: 3,
+        children: description
+      })]
+    })]
+  });
+};
+const styles = 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'
+  }
+});
+export default FooterNotification;
+//# sourceMappingURL=FooterView.js.map

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

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

package/lib/module/components/FullScreenView.js

@@ -0,0 +1,167 @@
+"use strict";
+
+/* eslint-disable react-native/no-inline-styles */
+import { View, Text, Image, StyleSheet, TouchableOpacity } from 'react-native';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const FullScreenView = ({
+  designConfig,
+  onClose,
+  onButtonClick
+}) => {
+  const {
+    commId = '',
+    backgroundImageURL,
+    crossButtonColor,
+    primaryButtonColor,
+    primaryButtonFontColor,
+    primaryButtonSwitch,
+    primaryButtonText,
+    primaryButtonAction = '',
+    primaryButtonActionType = '',
+    secondaryButtonColor,
+    secondaryButtonFontColor,
+    secondaryButtonSwitch,
+    secondaryButtonText,
+    secondaryButtonAction = '',
+    secondaryButtonActionType = ''
+  } = designConfig;
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.notification, {
+      backgroundColor: 'steelblue' // You can replace this with a dynamic value if needed
+    }],
+    children: [/*#__PURE__*/_jsx(View, {
+      style: styles.backgroundContainer,
+      children: backgroundImageURL && /*#__PURE__*/_jsx(Image, {
+        source: {
+          uri: backgroundImageURL
+        },
+        style: styles.backgroundImage,
+        resizeMode: "stretch"
+      })
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.foreground,
+      children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+        onPress: onClose,
+        style: styles.closeButton,
+        children: /*#__PURE__*/_jsx(Text, {
+          style: [styles.closeIcon, {
+            color: crossButtonColor
+          }],
+          children: "\xD7"
+        })
+      }), /*#__PURE__*/_jsxs(View, {
+        style: styles.buttonContainer,
+        children: [primaryButtonSwitch && /*#__PURE__*/_jsx(TouchableOpacity, {
+          onPress: () => {
+            onButtonClick({
+              type: 'primary',
+              event: 'clicked',
+              action: primaryButtonAction,
+              actionType: primaryButtonActionType,
+              commId
+            });
+          },
+          style: [styles.button, {
+            backgroundColor: primaryButtonColor,
+            marginRight: secondaryButtonSwitch ? 15 : 0
+          }],
+          children: /*#__PURE__*/_jsx(Text, {
+            style: {
+              color: primaryButtonFontColor
+            },
+            children: primaryButtonText
+          })
+        }), secondaryButtonSwitch && /*#__PURE__*/_jsx(TouchableOpacity, {
+          onPress: () => {
+            onButtonClick({
+              type: 'secondary',
+              event: 'clicked',
+              action: secondaryButtonAction,
+              actionType: secondaryButtonActionType,
+              commId
+            });
+          },
+          style: [styles.button, {
+            backgroundColor: secondaryButtonColor
+          }],
+          children: /*#__PURE__*/_jsx(Text, {
+            style: {
+              color: secondaryButtonFontColor
+            },
+            children: secondaryButtonText
+          })
+        })]
+      })]
+    })]
+  });
+};
+const styles = 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'
+  }
+});
+export default FullScreenView;
+//# sourceMappingURL=FullScreenView.js.map

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

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

package/lib/module/components/HeaderView.js

@@ -0,0 +1,199 @@
+"use strict";
+
+import { View, Text, Image, TouchableOpacity, StyleSheet, Dimensions } from 'react-native';
+import Icon from 'react-native-vector-icons/MaterialIcons'; // Install with `npm install react-native-vector-icons`
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const {
+  width
+} = Dimensions.get('window'); // Screen dimensions for responsive layout
+
+const HeaderView = ({
+  designConfig = {},
+  onClose,
+  onButtonClick
+}) => {
+  const {
+    commId = '',
+    themeBackgroundColor = '#f5f5f5',
+    crossButtonColor = '#000',
+    backgroundImageURL,
+    iconURL,
+    title = 'Title',
+    titleColor = '#333',
+    description = 'Description',
+    descriptionColor = '#666',
+    primaryButtonSwitch = true,
+    primaryButtonColor = '#007BFF',
+    primaryButtonFontColor = '#FFF',
+    primaryButtonText = 'Primary Action',
+    primaryButtonAction = '',
+    primaryButtonActionType = '',
+    secondaryButtonSwitch = true,
+    secondaryButtonColor = '#6C757D',
+    secondaryButtonFontColor = '#FFF',
+    secondaryButtonText = 'Secondary Action',
+    secondaryButtonAction = '',
+    secondaryButtonActionType = ''
+  } = designConfig;
+
+  // Render Buttons
+  const renderButton = (type, text, bgColor, fontColor, action, actionType, extraStyle) => /*#__PURE__*/_jsx(TouchableOpacity, {
+    style: [styles.button, {
+      backgroundColor: bgColor
+    }, extraStyle],
+    onPress: () => {
+      onButtonClick({
+        type,
+        event: 'clicked',
+        action,
+        actionType,
+        commId
+      });
+    },
+    children: /*#__PURE__*/_jsx(Text, {
+      style: [styles.buttonText, {
+        color: fontColor
+      }],
+      numberOfLines: 1,
+      children: text
+    })
+  });
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.notification, {
+      backgroundColor: themeBackgroundColor
+    }],
+    children: [backgroundImageURL && /*#__PURE__*/_jsx(Image, {
+      source: {
+        uri: backgroundImageURL
+      },
+      style: styles.background,
+      resizeMode: "cover"
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.foreground,
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: styles.content,
+        children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+          style: styles.close,
+          onPress: onClose,
+          children: /*#__PURE__*/_jsx(Icon, {
+            name: "close",
+            size: 20,
+            color: crossButtonColor
+          })
+        }), iconURL && /*#__PURE__*/_jsx(View, {
+          style: styles.iconContainer,
+          children: /*#__PURE__*/_jsx(Image, {
+            source: {
+              uri: iconURL
+            },
+            style: styles.icon,
+            resizeMode: "cover"
+          })
+        }), /*#__PURE__*/_jsxs(View, {
+          style: styles.textContainer,
+          children: [/*#__PURE__*/_jsx(Text, {
+            style: [styles.title, {
+              color: titleColor
+            }],
+            numberOfLines: 1,
+            children: title
+          }), /*#__PURE__*/_jsx(Text, {
+            style: [styles.description, {
+              color: descriptionColor
+            }],
+            numberOfLines: 3,
+            children: description
+          })]
+        })]
+      }), /*#__PURE__*/_jsxs(View, {
+        style: styles.buttonContainer,
+        children: [primaryButtonSwitch && renderButton('primary', primaryButtonText, primaryButtonColor, primaryButtonFontColor, primaryButtonAction, primaryButtonActionType, {
+          marginRight: secondaryButtonSwitch ? 5 : 0
+        }), secondaryButtonSwitch && renderButton('secondary', secondaryButtonText, secondaryButtonColor, secondaryButtonFontColor, secondaryButtonAction, secondaryButtonActionType, {})]
+      })]
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  notification: {
+    overflow: 'hidden',
+    position: 'absolute',
+    flexDirection: 'column',
+    width: width * 0.85,
+    top: 50,
+    left: width * 0.075,
+    elevation: 5,
+    // Shadow for Android
+    shadowColor: '#000',
+    // Shadow for iOS
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.2,
+    shadowRadius: 4
+  },
+  background: {
+    position: 'absolute',
+    top: 0,
+    zIndex: 0,
+    width: '100%',
+    height: 150
+  },
+  foreground: {
+    zIndex: 1
+  },
+  content: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    padding: 15
+  },
+  close: {
+    position: 'absolute',
+    right: 10,
+    top: 10
+  },
+  iconContainer: {
+    width: 50,
+    height: 50,
+    borderRadius: 25,
+    overflow: 'hidden'
+  },
+  icon: {
+    width: '100%',
+    height: '100%'
+  },
+  textContainer: {
+    marginLeft: 10,
+    flex: 1
+  },
+  title: {
+    fontWeight: '600',
+    fontSize: 16,
+    overflow: 'hidden'
+  },
+  description: {
+    fontSize: 14,
+    lineHeight: 18,
+    overflow: 'hidden',
+    marginTop: 3
+  },
+  buttonContainer: {
+    flexDirection: 'row',
+    marginTop: 5,
+    marginHorizontal: 10,
+    marginBottom: 10
+  },
+  button: {
+    flex: 1,
+    padding: 10,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  buttonText: {
+    fontSize: 14,
+    fontWeight: '500'
+  }
+});
+export default HeaderView;
+//# sourceMappingURL=HeaderView.js.map