Merge pull request #7846 from braze-inc/BD-2667

[BD-2667] Gif Support for all wrappers
braze-inc · Aug 12, 2024 · 50e8d9d · 50e8d9d
2 parents 29dbfdc + 76cd691
commit 50e8d9d
Show file tree

Hide file tree

Showing 12 changed files with 53 additions and 20 deletions.
diff --git a/_docs/_developer_guide/platform_integration_guides/cordova/content_cards.md b/_docs/_developer_guide/platform_integration_guides/cordova/content_cards.md
@@ -27,3 +27,7 @@ You can use these additional methods to build a custom Content Cards Feed within
 |`logContentCardImpression(cardId)`|Logs an impression for the given Content Card ID.|
 |`logContentCardDismissed(cardId)`|Logs a dismissal for the given Content Card ID.|
 {: .reset-td-br-1 .reset-td-br-2}
+
+## GIF Support
+
+{% multi_lang_include wrappers/gif_support/content_cards.md %}
diff --git a/_docs/_developer_guide/platform_integration_guides/cordova/other_integrations.md b/_docs/_developer_guide/platform_integration_guides/cordova/other_integrations.md
@@ -14,6 +14,10 @@ page_order: 6
 
 By default the Cordova SDK supports in-app messages with no changes. See the [Android]({{site.baseurl}}/developer_guide/platform_integration_guides/android/in-app_messaging/integration/) or [iOS]({{site.baseurl}}/developer_guide/platform_integration_guides/swift/in-app_messaging/overview/) integration examples for information on customizing in-app messages. Furthermore, you can look at the [sample Cordova application](https://github.com/braze-inc/braze-cordova-sdk/blob/master/sample-project/www/js/index.js) or the sample [Android](https://github.com/braze-inc/braze-android-sdk) or [iOS](https://github.com/braze-inc/braze-swift-sdk) application for implementation samples.
 
+### GIF Support
+
+{% multi_lang_include wrappers/gif_support/in_app_messaging.md %}
+
 ## News Feed
 
 {% alert note %}

diff --git a/_docs/_developer_guide/platform_integration_guides/flutter/content_cards.md b/_docs/_developer_guide/platform_integration_guides/flutter/content_cards.md
@@ -92,6 +92,9 @@ Follow these steps to test a sample Content Card.
 
 For more details on each platform, follow the [Android integration][5] or [iOS integration][6] guides.
 
+## GIF Support
+
+{% multi_lang_include wrappers/gif_support/content_cards.md %}
 
 [3]: {{site.baseurl}}/user_guide/message_building_by_channel/content_cards/create
 [4]: {% image_buster /assets/img/react-native/content-card-test.png %} "Content Card Campaign Test"

diff --git a/_docs/_developer_guide/platform_integration_guides/flutter/inapp_messages.md b/_docs/_developer_guide/platform_integration_guides/flutter/inapp_messages.md
@@ -139,6 +139,10 @@ Follow these steps to test a sample in-app message.
 3. Compose your test in-app messaging campaign and head over to the **Test** tab. Add the same `user-id` as the test user and click **Send Test**.
 4. Tap the push notification and that should display the in-app message on your device.
 
+## GIF Support
+
+{% multi_lang_include wrappers/gif_support/in_app_messaging.md %}
+
 ![A Braze in-app message campaign showing you can add your own user ID as a test recipient to test your in-app message.][2]
 
 [1]: {{site.baseurl}}/user_guide/message_building_by_channel/in-app_messages/create/

diff --git a/_docs/_developer_guide/platform_integration_guides/react_native/content_cards.md b/_docs/_developer_guide/platform_integration_guides/react_native/content_cards.md
@@ -152,16 +152,7 @@ For a full reference of the control card, see the [Android][18] and [iOS][19] do
 
 ## GIF Support
 
-The Braze React Native SDK allows you to incorporate animated GIFs into your Content Cards, with distinct implementation methods for Android and iOS platforms.
-
-{% tabs %}
-{% tab Android %}
-The Android SDK requires an external image library to display animated GIFs with Content Cards. For more details, refer to the guide for [GIFs]({{site.baseurl}}/developer_guide/platform_integration_guides/android/content_cards/GIFs/).
-{% endtab %}
-{% tab iOS %}
-The Swift SDK does not provide animated GIF support by default. Support can be added by wrapping a third party or your own view in an instance of `GIFViewProvider`. For more details on GIF support, refer to the tutorial for [GIF Support](https://braze-inc.github.io/braze-swift-sdk/tutorials/braze/c3-gif-support/).
-{% endtab %}
-{% endtabs %}
+{% multi_lang_include wrappers/gif_support/content_cards.md %}
 
 [1]: https://github.com/braze-inc/braze-react-native-sdk
 [2]: {{site.baseurl}}/developer_guide/platform_integration_guides/android/content_cards/data_models/

diff --git a/_docs/_developer_guide/platform_integration_guides/react_native/inapp_messages.md b/_docs/_developer_guide/platform_integration_guides/react_native/inapp_messages.md
@@ -216,16 +216,7 @@ For a full reference of button model, see the [Android][12] and [iOS][13] docume
 
 ## GIF Support
 
-The Braze React Native SDK allows you to incorporate animated GIFs into your in-app messages, with distinct implementation methods for Android and iOS platforms.
-
-{% tabs %}
-{% tab Android %}
-On the Android SDK, HTML in-app messages support displaying animated GIFs by default. For all other in-app messages, a custom image library is required. For more details, refer to the guide for [GIFs]({{site.baseurl}}/developer_guide/platform_integration_guides/android/in-app_messaging/customization/gifs/).
-{% endtab %}
-{% tab iOS %}
-On the Swift SDK, all Braze in-app messages support displaying animated GIFs by default. For more details, refer to the tutorial for [GIF Support](https://braze-inc.github.io/braze-swift-sdk/tutorials/braze/c3-gif-support).
-{% endtab %}
-{% endtabs %}
+{% multi_lang_include wrappers/gif_support/in_app_messaging.md %}
 
 [1]: {{site.baseurl}}/developer_guide/platform_integration_guides/android/in-app_messaging/customization/custom_listeners/#custom-manager-listener
 [2]: {{site.baseurl}}/developer_guide/platform_integration_guides/android/in-app_messaging/customization/custom_listeners/#step-1-implement-an-in-app-message-manager-listener

diff --git a/_docs/_developer_guide/platform_integration_guides/unity/content_cards.md b/_docs/_developer_guide/platform_integration_guides/unity/content_cards.md
@@ -81,6 +81,10 @@ AppboyBinding.RequestContentCardsRefresh()
 AppboyBinding.RequestContentCardsRefreshFromCache()
 ```
 
+## GIF Support
+
+{% multi_lang_include wrappers/gif_support/content_cards.md %}
+
 ## Analytics
 
 Clicks and impressions must be manually logged for Content Cards not displayed directly by Braze.

diff --git a/_docs/_developer_guide/platform_integration_guides/unity/in-app_messaging.md b/_docs/_developer_guide/platform_integration_guides/unity/in-app_messaging.md
@@ -86,6 +86,10 @@ void InAppMessageReceivedCallback(string message) {
 }
 ```
 
+## GIF Support
+
+{% multi_lang_include wrappers/gif_support/in_app_messaging.md %}
+
 ## Analytics
 
 Clicks and impressions must be manually logged for in-app messages not displayed directly by Braze.

diff --git a/_docs/_developer_guide/platform_integration_guides/xamarin/content_cards.md b/_docs/_developer_guide/platform_integration_guides/xamarin/content_cards.md
@@ -101,6 +101,10 @@ Classic cards have a title, description, and an optional image on the left of th
 
 For a full reference of the classic (text announcement) Content Card, see the [Android][9] and [iOS][10] documentation. For a full reference of the classic image (short news) card, see the [Android][11] and [iOS][12] documentation.
 
+## GIF Support
+
+{% multi_lang_include wrappers/gif_support/content_cards.md %}
+
 [1]: {{site.baseurl}}/developer_guide/platform_integration_guides/android/content_cards/data_models/
 [2]: {{site.baseurl}}/developer_guide/platform_integration_guides/swift/content_cards/integration/
 [3]: https://braze-inc.github.io/braze-android-sdk/kdoc/braze-android-sdk/com.braze.models.cards/-card/index.html

diff --git a/_docs/_developer_guide/platform_integration_guides/xamarin/inapp_messages.md b/_docs/_developer_guide/platform_integration_guides/xamarin/inapp_messages.md
@@ -115,3 +115,7 @@ braze.InAppMessagePresenter = inAppMessageUI;
 Now you can present new in-app messages using Braze's default in-app message UI.
 {% endtab %}
 {% endtabs %}
+
+## GIF Support
+
+{% multi_lang_include wrappers/gif_support/in_app_messaging.md %}
diff --git a/_includes/wrappers/gif_support/content_cards.md b/_includes/wrappers/gif_support/content_cards.md
@@ -0,0 +1,9 @@
+{% tabs %}
+{% tab Android %}
+By default, the native [Braze Android SDK](https://github.com/braze-inc/braze-android-sdk) does not provide animated GIF support for Content Cards&#8212;however, you can use a third-party image library to display GIFs instead. For more information, see [Android Content Cards: GIFs]({{site.baseurl}}/developer_guide/platform_integration_guides/android/content_cards/GIFs/).
+{% endtab %}
+
+{% tab iOS %}
+By default, the [Braze Swift SDK](https://github.com/braze-inc/braze-swift-sdk) does not provide animated GIF support for Content Cards&#8212;however, you can wrap your own view or a third-party view in an instance of [`GIFViewProvider`](https://braze-inc.github.io/braze-swift-sdk/documentation/brazeui/gifviewprovider). For a full walkthrough, see [Tutorial: GIF Support for Swift Content Cards](https://braze-inc.github.io/braze-swift-sdk/tutorials/braze/c3-gif-support/).
+{% endtab %}
+{% endtabs %}
diff --git a/_includes/wrappers/gif_support/in_app_messaging.md b/_includes/wrappers/gif_support/in_app_messaging.md
@@ -0,0 +1,11 @@
+{% tabs %}
+{% tab Android %}
+You can add animated GIFs to your in-app messages using the native [Braze Android SDK](https://github.com/braze-inc/braze-android-sdk). By default, the Android SDK uses HTML in-app messages to display GIFs.
+
+For all other in-app message types, you'll need to use a custom image library. To learn more, see [Android In-App Messaging: GIFs]({{site.baseurl}}/developer_guide/platform_integration_guides/android/in-app_messaging/customization/gifs/).
+{% endtab %}
+
+{% tab iOS %}
+You can add animated GIFs to your in-app messages using the native [Braze Swift SDK](https://github.com/braze-inc/braze-swift-sdk). By default, all Braze in-app messages support GIFs. For a full walkthrough, see [Tutorial: GIF Support for Swift In-App Messages](https://braze-inc.github.io/braze-swift-sdk/tutorials/braze/c3-gif-support).
+{% endtab %}
+{% endtabs %}