react-native-acoustic-mobile-push-inbox-beta 3.8.12

package/ios/RNAcousticMobilePushInbox.xcodeproj/xcshareddata/xcschemes/RNAcousticMobilePushInbox.xcscheme

@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Scheme
+   LastUpgradeVersion = "1120"
+   version = "1.3">
+   <BuildAction
+      parallelizeBuildables = "YES"
+      buildImplicitDependencies = "YES">
+      <BuildActionEntries>
+         <BuildActionEntry
+            buildForTesting = "YES"
+            buildForRunning = "YES"
+            buildForProfiling = "YES"
+            buildForArchiving = "YES"
+            buildForAnalyzing = "YES">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "58B511DA1A9E6C8500147676"
+               BuildableName = "libRNAcousticMobilePushInbox.a"
+               BlueprintName = "RNAcousticMobilePushInbox"
+               ReferencedContainer = "container:RNAcousticMobilePushInbox.xcodeproj">
+            </BuildableReference>
+         </BuildActionEntry>
+      </BuildActionEntries>
+   </BuildAction>
+   <TestAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      shouldUseLaunchSchemeArgsEnv = "YES">
+      <Testables>
+      </Testables>
+   </TestAction>
+   <LaunchAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      launchStyle = "0"
+      useCustomWorkingDirectory = "NO"
+      ignoresPersistentStateOnLaunch = "NO"
+      debugDocumentVersioning = "YES"
+      debugServiceExtension = "internal"
+      allowLocationSimulation = "YES">
+   </LaunchAction>
+   <ProfileAction
+      buildConfiguration = "Release"
+      shouldUseLaunchSchemeArgsEnv = "YES"
+      savedToolIdentifier = ""
+      useCustomWorkingDirectory = "NO"
+      debugDocumentVersioning = "YES">
+      <MacroExpansion>
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "58B511DA1A9E6C8500147676"
+            BuildableName = "libRNAcousticMobilePushInbox.a"
+            BlueprintName = "RNAcousticMobilePushInbox"
+            ReferencedContainer = "container:RNAcousticMobilePushInbox.xcodeproj">
+         </BuildableReference>
+      </MacroExpansion>
+   </ProfileAction>
+   <AnalyzeAction
+      buildConfiguration = "Debug">
+   </AnalyzeAction>
+   <ArchiveAction
+      buildConfiguration = "Release"
+      revealArchiveInOrganizer = "YES">
+   </ArchiveAction>
+</Scheme>

package/ios/RNAcousticMobilePushInbox.xcodeproj/xcuserdata/buchmanj.xcuserdatad/xcschemes/xcschememanagement.plist

@@ -0,0 +1,32 @@
+<?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>SchemeUserState</key>
+	<dict>
+		<key>RNAcousticMobilePushInbox.xcscheme_^#shared#^_</key>
+		<dict>
+			<key>orderHint</key>
+			<integer>5</integer>
+		</dict>
+		<key>RNIbmMobilePushCalendar 2.xcscheme_^#shared#^_</key>
+		<dict>
+			<key>orderHint</key>
+			<integer>1</integer>
+		</dict>
+		<key>RNIbmMobilePushCalendarCalendar.xcscheme_^#shared#^_</key>
+		<dict>
+			<key>orderHint</key>
+			<integer>48</integer>
+		</dict>
+	</dict>
+	<key>SuppressBuildableAutocreation</key>
+	<dict>
+		<key>58B511DA1A9E6C8500147676</key>
+		<dict>
+			<key>primary</key>
+			<true/>
+		</dict>
+	</dict>
+</dict>
+</plist>

package/ios/RNAcousticMobilePushInbox.xcworkspace/contents.xcworkspacedata

@@ -0,0 +1,9 @@
+// !$*UTF8*$!
+<?xml version="1.0" encoding="UTF-8"?>
+<Workspace
+   version = "1.0">
+   <FileRef
+      location = "group:RNAcousticMobilePushInbox.xcodeproj">
+   </FileRef>
+</Workspace>
+  

package/javascript/default-inbox-template.js

@@ -0,0 +1,67 @@
+/*
+ * Copyright © 2019, 2023 Acoustic, L.P. All rights reserved.
+ *
+ * NOTICE: This file contains material that is confidential and proprietary to
+ * Acoustic, L.P. and/or other developers. No license is granted under any intellectual or
+ * industrial property rights of Acoustic, L.P. except as may be provided in an agreement with
+ * Acoustic, L.P. Any unauthorized copying or distribution of content from this file is
+ * prohibited.
+ */
+
+'use strict';
+import React from 'react';
+import InboxTemplateRegistry from './inbox-template-registry';
+import { ListItem } from 'react-native-elements'
+import { Text, View } from 'react-native';
+import { WebView } from 'react-native-webview';
+import { RNAcousticMobilePushInbox } from 'NativeModules';
+
+const instance = undefined;
+Object.freeze(instance);
+export default instance;
+
+InboxTemplateRegistry.registerMessageViewRenderer('default', function (inboxMessage) {
+  var html = '<meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1">' + inboxMessage.content.messageDetails.richContent;
+
+  return (
+    <View style={{ flex: 1, alignItems: 'stretch' }}>
+      <View style={{ padding: 8, borderBottomColor: "#dbdbdb", borderBottomWidth: 1 }}>
+        <Text style={{ color: inboxMessage.isExpired ? '#aaaaaa' : "#000000" }} numberOfLines={1}>{inboxMessage.content.messagePreview.subject}</Text>
+        {inboxMessage.isExpired ?
+          (<Text numberOfLines={1} style={{ color: 'red' }}>Expired: {new Date(inboxMessage.expirationDate).toLocaleString()}</Text>) :
+          (<Text numberOfLines={1} style={{ color: '#327BF7' }}>{new Date(inboxMessage.sendDate).toLocaleString()}</Text>)
+        }
+      </View>
+      <WebView onShouldStartLoadWithRequest={(nav) => {
+        if (nav.url.startsWith("actionid:")) {
+          var identifier = nav.url.slice(9);
+          var action = inboxMessage.content.actions[identifier];
+          RNAcousticMobilePushInbox.clickInboxAction(action, inboxMessage.inboxMessageId);
+          return false;
+        }
+        return true;
+      }} startInLoadingState={true} style={{ padding: 0, width: '100%', height: '100%' }} originWhitelist={['*']} source={{ html: html }} />
+
+    </View>
+  );
+});
+
+InboxTemplateRegistry.registerListItemRenderer('default', function (inboxMessage) {
+
+  return (
+    <ListItem
+      chevron
+      title={inboxMessage.content.messagePreview.subject}
+      titleStyle={{ fontWeight: inboxMessage.isRead ? "normal" : "bold", color: inboxMessage.isExpired ? '#aaaaaa' : "#000000" }}
+      titleProps={{ numberOfLines: 1 }}
+      subtitle={inboxMessage.content.messagePreview.previewContent}
+      subtitleStyle={{ color: inboxMessage.isExpired ? '#aaaaaa' : "#000000" }}
+      subtitleProps={{ numberOfLines: 1 }}
+      rightElement={
+        inboxMessage.isExpired ?
+          (<Text style={{ color: 'red' }}>Expired: {new Date(inboxMessage.expirationDate).toLocaleDateString()}</Text>) :
+          (<Text style={{ color: '#327BF7' }}>{new Date(inboxMessage.sendDate).toLocaleDateString()}</Text>)
+      }
+    />
+  );
+});

package/javascript/full-width-image.js

@@ -0,0 +1,62 @@
+/*
+ * Copyright © 2019, 2023 Acoustic, L.P. All rights reserved.
+ *
+ * NOTICE: This file contains material that is confidential and proprietary to
+ * Acoustic, L.P. and/or other developers. No license is granted under any intellectual or
+ * industrial property rights of Acoustic, L.P. except as may be provided in an agreement with
+ * Acoustic, L.P. Any unauthorized copying or distribution of content from this file is
+ * prohibited.
+ */
+ 
+'use strict';
+import {View, Image} from 'react-native';
+import React, {Component} from 'react';
+
+export default class FullWidthImage extends Component {
+    constructor() {
+        super();
+
+        this.state = {
+            width: 0,
+            height: 0
+        };
+    }
+
+    onLayout(event) {
+        const containerWidth = event.nativeEvent.layout.width;
+
+        if (this.props.ratio) {
+            this.setState({
+                width: containerWidth,
+                height: containerWidth * this.props.ratio
+            });
+        } else if (typeof this.props.source === 'number') {
+            const source = resolveAssetSource(this.props.source);
+
+            this.setState({
+                width: containerWidth,
+                height: containerWidth * source.height / source.width
+            });
+        } else if (typeof this.props.source === 'object') {
+            Image.getSize(this.props.source.uri, (width, height) => {
+                this.setState({
+                    width: containerWidth,
+                    height: containerWidth * height / width
+                });
+            });
+        }
+    }
+
+    render() {
+        return (
+            <View onLayout={this.onLayout.bind(this)}>
+                <Image
+                    source={this.props.source}
+                    style={{
+                        width: this.state.width,
+                        height: this.state.height
+                    }} />
+            </View>
+        );
+    }
+}

package/javascript/full-width-video.js

@@ -0,0 +1,66 @@
+/*
+ * Copyright © 2019, 2023 Acoustic, L.P. All rights reserved.
+ *
+ * NOTICE: This file contains material that is confidential and proprietary to
+ * Acoustic, L.P. and/or other developers. No license is granted under any intellectual or
+ * industrial property rights of Acoustic, L.P. except as may be provided in an agreement with
+ * Acoustic, L.P. Any unauthorized copying or distribution of content from this file is
+ * prohibited.
+ */
+ 
+'use strict';
+import {View, Platform, TouchableNativeFeedback, TouchableOpacity} from 'react-native';
+import Video from 'react-native-video';
+import React, {Component} from 'react';
+const Touchable = Platform.OS === 'android' ? TouchableNativeFeedback : TouchableOpacity;
+
+export default class FullWidthVideo extends Component {
+    constructor() {
+        super();
+        
+        this.state = {
+            containerWidth: 0,
+            width: 1,
+            height: 1,
+            videoPaused: false
+        };
+    }
+
+    onLayout(event) {
+        const containerWidth = event.nativeEvent.layout.width;
+        this.setState({containerWidth:containerWidth});
+    }
+
+    onLoad(response) {
+        const { width, height } = response.naturalSize;
+        this.setState({width: width, height: height, videoPaused: true});
+    }
+
+    onPress() {
+        this.setState({ videoPaused: !this.state.videoPaused});
+    }
+
+    componentWillUnmount() {
+        this.setState({ videoPaused: true });
+    }
+
+    render() {
+        const heightScaled = this.state.height * (this.state.containerWidth / this.state.width);
+        return (
+            <View onLayout={this.onLayout.bind(this)}>
+                <Touchable accessibilityRole="button" onPress={this.onPress.bind(this)}>
+                    <Video 
+                        controls={true}
+                        style={{
+                            width: this.state.containerWidth,
+                            height: heightScaled
+                        }}
+                        resizeMode='cover'
+                        paused={this.state.videoPaused}
+                        onLoad={this.onLoad.bind(this)}
+                        source={this.props.source} />
+                </Touchable>
+            </View>
+        )
+    }
+}

package/javascript/inbox-action.js

@@ -0,0 +1,68 @@
+/*
+ * Copyright © 2019, 2023 Acoustic, L.P. All rights reserved.
+ *
+ * NOTICE: This file contains material that is confidential and proprietary to
+ * Acoustic, L.P. and/or other developers. No license is granted under any intellectual or
+ * industrial property rights of Acoustic, L.P. except as may be provided in an agreement with
+ * Acoustic, L.P. Any unauthorized copying or distribution of content from this file is
+ * prohibited.
+ */
+ 
+/*
+Add API docs for:
+    registerInbox(module)
+    hideInbox()
+Android Support
+*/
+
+'use strict';
+import {AppRegistry, View, Animated, SafeAreaView, Platform, TouchableNativeFeedback, TouchableOpacity} from 'react-native';
+import {RNAcousticMobilePushInbox} from 'NativeModules';
+import React from 'react';
+import {InboxMessageView} from './inbox-message-view';
+import {Button} from 'react-native-elements';
+import Icon from 'react-native-vector-icons/Ionicons';
+const Touchable = Platform.OS === 'android' ? TouchableNativeFeedback : TouchableOpacity;
+
+export class InboxAction extends React.Component {
+	constructor(props) {
+		super(props);
+		this.state = {
+            inboxMessage: props.message
+		}
+        this.state.animation = new Animated.Value(0);
+		RNAcousticMobilePushInbox.readInboxMessage(this.state.inboxMessage.inboxMessageId);
+	}
+
+	hide() {
+		Animated.timing(this.state.animation, {toValue: 0, duration: 500}).start((finished) => { RNAcousticMobilePushInbox.hideInbox(); });
+	}
+
+	show() {
+		Animated.timing(this.state.animation, {toValue: 1, duration: 500}).start();
+	}
+
+	componentDidMount() {
+		this.show();
+	}
+
+	render() {
+		return (
+			<Animated.View style={{ height: '100%', width: '100%', opacity: this.state.animation, backgroundColor: "#ffffff" }}>
+				<SafeAreaView style={{height: "100%", width: "100%"}}>
+					<View style={{width: '100%', height: '100%'}}>
+                        <View style={{backgroundColor: "#dddddd"}}>
+                            <Touchable onPress={()=>{this.hide();}}>
+                                <Icon name="ios-close-circle" color="#000" size={24} style={{alignSelf: "flex-end", padding: 10}} />
+                            </Touchable>
+                        </View>
+    	        		<InboxMessageView inboxMessage={this.state.inboxMessage} />
+                    </View>
+                </SafeAreaView>
+            </Animated.View>
+		);
+	}
+}
+
+AppRegistry.registerComponent("InboxAction", () => InboxAction);
+RNAcousticMobilePushInbox.registerInboxComponent("InboxAction");

package/javascript/inbox-list-item.js

@@ -0,0 +1,26 @@
+/*
+ * Copyright © 2019, 2023 Acoustic, L.P. All rights reserved.
+ *
+ * NOTICE: This file contains material that is confidential and proprietary to
+ * Acoustic, L.P. and/or other developers. No license is granted under any intellectual or
+ * industrial property rights of Acoustic, L.P. except as may be provided in an agreement with
+ * Acoustic, L.P. Any unauthorized copying or distribution of content from this file is
+ * prohibited.
+ */
+ 
+'use strict';
+import React from 'react';
+import InboxTemplateRegistry from './inbox-template-registry';
+
+export default class InboxListItem extends React.Component {
+	constructor(props) {
+		super(props);
+		this.state = {
+			inboxMessage: props.inboxMessage,
+		};
+	}
+
+	render() {
+		return InboxTemplateRegistry.renderListItem(this.state.inboxMessage);
+	}
+}

package/javascript/inbox-message-view.js

@@ -0,0 +1,27 @@
+/*
+ * Copyright © 2019, 2023 Acoustic, L.P. All rights reserved.
+ *
+ * NOTICE: This file contains material that is confidential and proprietary to
+ * Acoustic, L.P. and/or other developers. No license is granted under any intellectual or
+ * industrial property rights of Acoustic, L.P. except as may be provided in an agreement with
+ * Acoustic, L.P. Any unauthorized copying or distribution of content from this file is
+ * prohibited.
+ */
+ 
+
+'use strict';
+import React from 'react';
+import InboxTemplateRegistry from './inbox-template-registry';
+
+export class InboxMessageView extends React.Component {
+	constructor(props) {
+		super(props);
+		this.state = {
+			inboxMessage: props.inboxMessage,
+		};
+	}
+
+	render() {
+		return InboxTemplateRegistry.renderMessageView(this.state.inboxMessage);
+	}
+}

package/javascript/inbox-template-registry.js

@@ -0,0 +1,57 @@
+/*
+ * Copyright © 2019, 2023 Acoustic, L.P. All rights reserved.
+ *
+ * NOTICE: This file contains material that is confidential and proprietary to
+ * Acoustic, L.P. and/or other developers. No license is granted under any intellectual or
+ * industrial property rights of Acoustic, L.P. except as may be provided in an agreement with
+ * Acoustic, L.P. Any unauthorized copying or distribution of content from this file is
+ * prohibited.
+ */
+ 
+"use strict";
+import React from 'react';
+import {Text} from 'react-native';
+
+class InboxTemplateRegistry {
+	constructor() {
+		if(! InboxTemplateRegistry.instance) {
+			this.messageViewRenderers = {};
+			this.listItemRenderers = {};
+			InboxTemplateRegistry.instance = this;
+		}
+
+		return InboxTemplateRegistry.instance;
+	}
+
+	registerMessageViewRenderer(templateName, renderer) {
+		this.messageViewRenderers[templateName] = renderer;
+	}
+
+	registerListItemRenderer(templateName, renderer) {
+		this.listItemRenderers[templateName] = renderer;
+	}
+
+	renderListItem(inboxMessage) {
+		const renderer = this.listItemRenderers[inboxMessage.templateName];
+		if(typeof(renderer) == "undefined") {
+			return (
+				<Text>List item renderer not definied for template named: {inboxMessage.templateName}</Text>
+			);
+		}
+		return renderer(inboxMessage);
+	}
+
+	renderMessageView(inboxMessage) {
+		const renderer = this.messageViewRenderers[inboxMessage.templateName];
+		if(typeof(renderer) == "undefined") {
+			return (
+				<Text>Message View renderer not definied for template named: {inboxMessage.templateName}</Text>
+			);
+		}
+		return renderer(inboxMessage);
+	}
+}
+const instance = new InboxTemplateRegistry();
+Object.freeze(instance);
+
+export default instance;

package/javascript/post-inbox-template.js

@@ -0,0 +1,84 @@
+/*
+ * Copyright © 2019, 2023 Acoustic, L.P. All rights reserved.
+ *
+ * NOTICE: This file contains material that is confidential and proprietary to
+ * Acoustic, L.P. and/or other developers. No license is granted under any intellectual or
+ * industrial property rights of Acoustic, L.P. except as may be provided in an agreement with
+ * Acoustic, L.P. Any unauthorized copying or distribution of content from this file is
+ * prohibited.
+ */
+
+'use strict';
+import InboxTemplateRegistry from './inbox-template-registry';
+import { Text, View, Image, Button, ScrollView } from 'react-native';
+import { RNAcousticMobilePushInbox } from 'NativeModules';
+import React from 'react';
+import FullWidthImage from './full-width-image';
+import FullWidthVideo from './full-width-video';
+
+const instance = undefined;
+Object.freeze(instance);
+export default instance;
+
+function render(inboxMessage, full) {
+  var contentVideo = (<View />);
+  if (typeof (inboxMessage.content.contentVideo) != 'undefined') {
+    contentVideo = (<FullWidthVideo source={{ uri: inboxMessage.content.contentVideo }} />);
+  }
+
+  var contentImage = (<View />);
+  if (typeof (inboxMessage.content.contentImage) != 'undefined') {
+    contentImage = (<FullWidthImage source={{ uri: inboxMessage.content.contentImage }} />);
+  }
+
+  var contentText = (<View />);
+  if (typeof (inboxMessage.content.contentText) != 'undefined') {
+    contentText = (<Text style={{ paddingTop: 8 }} numberOfLines={full ? 0 : 2}>{inboxMessage.content.contentText}</Text>);
+  }
+
+  var contentActions = (<View />);
+
+  function action(action, index) {
+    if (typeof (action) == "string") {
+      action = JSON.parse(action);
+    }
+    return (<Button onPress={() => {
+      RNAcousticMobilePushInbox.clickInboxAction(action, inboxMessage.inboxMessageId);
+    }} key={`${action.name} - ${index}`} title={action.name} />);
+  }
+
+  if (typeof (inboxMessage.content.actions) != "undefined") {
+    var actions = [];
+    for (var i = 0; i < inboxMessage.content.actions.length; i++) {
+      actions.push(action(inboxMessage.content.actions[i], i))
+    }
+
+    contentActions = (<View style={{ paddingTop: 8, flex: 1, flexDirection: "row", justifyContent: 'space-evenly' }}>{actions}</View>);
+  }
+
+  return (
+    <ScrollView>
+      <View style={{ padding: 16, flex: 1, flexDirection: "column", justifyContent: "flex-start" }}>
+        <View style={{ height: 50, flex: 1, flexDirection: "row", paddingBottom: 8 }}>
+          <Image resizeMode="cover" style={{ width: 50, height: 50 }} source={{ uri: inboxMessage.content.headerImage }} />
+          <View style={{ height: 50, flex: 1, paddingLeft: 8, flexDirection: "column", justifyContent: 'space-evenly' }}>
+            <Text numberOfLines={1} style={{ fontWeight: inboxMessage.isRead ? "normal" : "bold" }}>{inboxMessage.content.header}</Text>
+            <Text numberOfLines={1}>{inboxMessage.content.subHeader}</Text>
+          </View>
+        </View>
+        {contentVideo}
+        {contentImage}
+        {contentText}
+        {contentActions}
+      </View>
+    </ScrollView>
+  );
+}
+
+InboxTemplateRegistry.registerMessageViewRenderer('post', function (inboxMessage) {
+  return render(inboxMessage, true);
+});
+
+InboxTemplateRegistry.registerListItemRenderer('post', function (inboxMessage) {
+  return render(inboxMessage, false);
+});

package/package.json

@@ -0,0 +1,39 @@
+{
+    "author": "Acoustic, L.P.",
+    "dependencies": {
+        "chalk": "^2.4.2",
+        "ncp": "^2.0.0",
+        "plist": "^3.0.1",
+        "xcode": "^2.0.0",
+        "xml2js": "^0.4.19"
+    },
+    "description": "BETA: Acoustic Mobile Push Inbox Content Plugin",
+    "devDependencies": {
+        "jetifier": "^1.6.3"
+    },
+    "homepage": "https://github.com/aipoweredmarketer/ca-mce-react-native",
+    "keywords": [
+        "react-native",
+        "ios",
+        "android",
+        "mobile push inbox content",
+        "Campaign"
+    ],
+    "license": "See license in ../../../license.txt",
+    "main": "index.js",
+    "name": "react-native-acoustic-mobile-push-inbox-beta",
+    "peerDependencies": {
+        "react-native-acoustic-mobile-push-beta": "3.8.12"
+    },
+    "repository": {
+        "directory": "plugins/react-native-acoustic-mobile-push-inbox",
+        "type": "git",
+        "url": "https://github.com/aipoweredmarketer/ca-mce-react-native"
+    },
+    "scripts": {
+        "postinstall": "node postinstall.js $INIT_CWD",
+        "test": "echo \"Error: no test specified\" && exit 1"
+    },
+    "summary": "react-native ios android mobile push Campaign",
+    "version": "3.8.12"
+}