@mparticle/web-braze-kit 3.0.1 → 3.0.2

package/CHANGELOG.md

@@ -2,6 +2,9 @@
 
 --
 
+#### 3.0.2 - 2022-06-16
+-   fix: add register_inapp and pushPrimer variables
+
 #### 3.0.1 - 2022-05-18
 
 -   consume initOptions customFlags - this allows a customer to pass a callback to include additional options that mParticle doesn't support in the UI

package/README.md

@@ -1,29 +1,29 @@
 ![Braze Logo](https://github.com/mparticle-integrations/mparticle-javascript-integration-appboy/blob/master/braze-logo.png)
 
 ⚠️⚠️⚠️
-# Notice! Timeline for Breaking Changes for mParticle Web Braze Kit- 3/28/2022 - 6/8/2022
+# Notice! Timeline for Breaking Changes for mParticle Web Braze Kit- 3/28/2022 - 6/14/2022
 This repository renames and replaces our [mParticle Appboy Web Kit](https://github.com/mparticle-integrations/mparticle-javascript-integration-appboy), which will be archived in the future.
 
-Braze has breaking changes between version 2.5.2 and 3.5.0 of their SDK.  As a result, we too are updating our [mParticle Braze web kit](https://github.com/mparticle-integrations/mparticle-javascript-integration-appboy) to support Braze’s Web SDK version 3.5.0.  The updated mParticle Braze Web kit will be available via CDN on June 8, 2022 and is currently available on NPM as [@mparticle/web-braze-kit](https://www.npmjs.com/package/@mparticle/web-braze-kit) v3.0.0.
+Braze has breaking changes between version 2.5.2 and 3.5.0 of their SDK.  As a result, we too are updating our [mParticle Braze web kit](https://github.com/mparticle-integrations/mparticle-javascript-integration-appboy) to support Braze’s Web SDK version 3.5.0.  The updated mParticle Braze Web kit will be available via CDN on June 14, 2022 and is currently available on NPM as [@mparticle/web-braze-kit](https://www.npmjs.com/package/@mparticle/web-braze-kit) v3.0.1.
 
 **How do you know if your code is affected?**
 
-You may notice errors on your site if you load mParticle [via snippet](https://docs.mparticle.com/developers/sdk/web/getting-started/#add-the-sdk-snippet) (as most of our clients do), and you reference any deprecated Braze APIs starting 6/8/2022.
+You may notice errors on your site if you load mParticle [via snippet](https://docs.mparticle.com/developers/sdk/web/getting-started/#add-the-sdk-snippet) (as most of our clients do), and you reference any deprecated Braze APIs starting 6/14/2022.
 
 We highly recommend that you review the changes between version 2 and 3 of the Braze Web SDK to understand these changes, which can be found [here](https://www.braze.com/docs/developer_guide/platform_integration_guides/web/changelog/#300).  To summarize:
 * The `appboy.ab` namespace has been removed and everything lives under the `appboy` namespace now.
 * `InAppMessage.Button` has been renamed to `InAppMessageButton`
 
-If you reference any of the above deprecations, you will have to makes changes to your codebase before June 8, 2022 to be compatible with both version 2 and version 3 of the Braze SDK to ensure your code continues to work. We recommend a 3 step approach. Here are some code samples of what this code could look like today (step 1), preparing for the update (step 2) and after the change is live (step 3). 
+If you reference any of the above deprecations, you will have to makes changes to your codebase before June 14, 2022 to be compatible with both version 2 and version 3 of the Braze SDK to ensure your code continues to work. We recommend a 3 step approach. Here are some code samples of what this code could look like today (step 1), preparing for the update (step 2) and after the change is live (step 3). 
 
-The below recommendations apply only to customers who load mParticle [via snippet](https://docs.mparticle.com/developers/sdk/web/getting-started/#add-the-sdk-snippet).  Customers who [self host via NPM](https://docs.mparticle.com/developers/sdk/web/self-hosting/) can ignore step 1 and jump straight to step 3 after updating their mParticle Braze kit to v3.0.0.
+The below recommendations apply only to customers who load mParticle [via snippet](https://docs.mparticle.com/developers/sdk/web/getting-started/#add-the-sdk-snippet).  Customers who [self host via NPM](https://docs.mparticle.com/developers/sdk/web/self-hosting/) can ignore step 1 and jump straight to step 3 after updating their mParticle Braze kit to v3.0.1.
 
 Step 1: Legacy code sample. If your code references the `ab` namespace (like below) or `InAppMessage.Button`, you should change it following Step 2’s example:
 ```javascript
 let banner = new appboy.ab.Banner(‘test’);
 ```
 
-Step 2: Rollout code sample to be used before June 8, 2022:
+Step 2: Rollout code sample to be used before June 14, 2022:
 ```javascript
 let banner;
 if (appboy.hasOwnProperty(‘ab’)) {
@@ -32,7 +32,7 @@ if (appboy.hasOwnProperty(‘ab’)) {
     banner = new appboy.Banner(‘test’);
 }
 ```
-Step 3: After June 8, 2022, you can simplify your code to the following once the mParticle Braze Web kit has been released to our CDN:
+Step 3: After June 14, 2022, you can simplify your code to the following once the mParticle Braze Web kit has been released to our CDN:
 ```javascript
 let banner = new appboy.Banner(‘test’);
 ```

package/dist/BrazeKit.common.js

@@ -602,18 +602,19 @@ var constructor = function() {
     }
 
     function primeAppBoyWebPush() {
-        // The following code block is Braze's best practice for implementing
-        // their push primer.  It should not be changed unless Braze updates it
+        // The following code block is based on Braze's best practice for implementing
+        // their push primer.  We only modify it to include pushPrimer and register_inapp settings.
         // https://www.braze.com/docs/developer_guide/platform_integration_guides/web/push_notifications/integration/#soft-push-prompts
         appboy.subscribeToInAppMessage(function(inAppMessage) {
             var shouldDisplay = true;
-
+            var pushPrimer = false;
             if (inAppMessage instanceof appboy.InAppMessage) {
                 // Read the key-value pair for msg-id
                 var msgId = inAppMessage.extras['msg-id'];
 
                 // If this is our push primer message
                 if (msgId == 'push-primer') {
+                    pushPrimer = true;
                     // We don't want to display the soft push prompt to users on browsers that don't support push, or if the user
                     // has already granted/blocked permission
                     if (
@@ -634,8 +635,11 @@ var constructor = function() {
                 }
             }
 
-            // Display the message
-            if (shouldDisplay) {
+            // Display the message if it's a push primer message and shouldDisplay is true
+            if (
+                (pushPrimer && shouldDisplay) ||
+                (!pushPrimer && forwarderSettings.register_inapp === 'True')
+            ) {
                 appboy.display.showInAppMessage(inAppMessage);
             }
         });

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@mparticle/web-braze-kit",
-    "version": "3.0.1",
+    "version": "3.0.2",
     "author": "mParticle Developers <developers@mparticle.com> (https://www.mparticle.com)",
     "description": "mParticle integration sdk for Braze",
     "main": "dist/BrazeKit.common.js",