DOC-332 added overrides for Friendbuy

Author: markzegarelli

src/_data/catalog/overrides-list.yml

@@ -3,3 +3,4 @@ items:
   - iterable
   - google-ads-gtag
   - klaviyo
+  - friendbuy

src/_data/catalog/overrides.yml

@@ -60,3 +60,50 @@ items:
       accepts data in cloud-mode from web and mobile sources, and can accept data in device-mode from Analytics.js sources.
     cmode_type: mixed
     case: '10'
+- slug: friendbuy
+  display_name: Friendbuy
+  previous_names:
+  - FriendBuy
+  components:
+  - code: https://github.com/segment-integrations/analytics.js-integration-friendbuy
+    type: browser
+  connection_modes:
+    device:
+      web: true
+      mobile: false
+      server: false
+    cloud:
+      web: false
+      mobile: false
+      server: false
+    summary: accepts device-mode data only from Analytics.js.
+    cmode_type: device-only
+    case: '2'
+  settings:
+  - name: siteId
+    type: string
+    defaultValue: ''
+    description: >-
+      This is your **Site ID**. It is used to identify your account in our
+      platform so we can properly attribute referral data. You can find your
+      Site ID in the in Friendbuy web application at **Settings > Integration
+      Code**
+    required: true
+    label: Site ID
+  - name: siteWideWidgets
+    type: mixed
+    defaultValue: []
+    description: >-
+      By default, Friendbuy recommends you add a site wide overlay widget. You
+      can enter any of these site wide widgets here and we will load them any
+      time we receive a `.page()` call. *Note*: If you have custom widgets
+      mapped to named pages in the *Widgets* setting and you have provided a
+      site wide widget, we will load both.
+    required: false
+    label: Site Wide Widgets
+  - name: widgets
+    type: mixed
+    defaultValue: []
+    description: Map your page calls to specific FriendBuy Widgets.
+    required: false
+    label: Page Widgets

src/_includes/content/destination-dossier.html

@@ -15,6 +15,9 @@
 {% endfor %}
 {% assign destMethods = destMethods| reverse %}
 
+{% if page.cmode-override %}
+{% assign destinationInfo = site.data.catalog.overrides.items % | where: "slug", thisDestination | first %}
+{% endif %}
 <div class="quick-info">
 <h4>{{ destinationInfo.display_name }} quick info </h4>
 <p>{% if destMethods.size > 0 %}
@@ -27,11 +30,10 @@ <h4>{{ destinationInfo.display_name }} quick info </h4>
 {% if destinationInfo.replay %} {{ destinationInfo.display_name }} is eligible for <a href="/docs/guides/what-is-replay/">Replay</a>. {% endif %}</p>
 
 {% unless destinationInfo.connection_modes.case == "0"%}
-{% if page.cmode-override %}
-{% assign destinationInfo = site.data.catalog.overrides.items % | where: "slug", thisDestination | first %}
-{% endif %}
+
 <p>
 {{ destinationInfo.display_name }} {{ destinationInfo.connection_modes.summary }} {% if destinationInfo.connection_modes.case == "mixed" %}  {{destinationInfo.display_name}} accepts device-mode data from {% if destinationInfo.connection_modes.device.mobile and destinationInfo.connection_modes.device.web %} mobile and web{% elsif destinationInfo.connection_modes.device.mobile %} mobile{% elsif destinationInfo.connection_modes.device.web %} web{% endif %} sources.{% endif %} {% if destinationInfo.browserUnbundlingSupported %} You can change the {{destinationInfo.display_name}} connection mode for Analytics.js sources from the destination settings in the Segment web app.
+If you reference it in the <a href="/docs/guides/filtering-data/#filtering-with-the-integrations-object">Integrations object</a>, call it &ldquo;{{destinationInfo.previous_names | join: '", or "' }}&rdquo;.
 {% endif %}
 </p>
 {% endunless %}

src/_includes/content/destination-footer.md

@@ -44,7 +44,6 @@ When you first create an audience, Personas sends an Identify call for every use
 
 {% unless page.hide-settings == true %}
 ## Settings
-
 Segment lets you change these destination settings from the Segment app without having to touch any code.
 <table class="settings">
 <thead>

src/connections/destinations/catalog/friendbuy/index.md

@@ -1,5 +1,6 @@
 ---
 title: Friendbuy Destination
+cmode-override: true
 ---
 
 ## Getting Started
@@ -19,15 +20,11 @@ This destination allows you to:
 - Map your Identify calls to facilitate [Customer Tracking](http://developers.friendbuy.com/#customer-tracking)
 - Map your Track calls to facilitate [Order Tracking](http://developers.friendbuy.com/#order-tracking) and [Product Tracking](http://developers.friendbuy.com/#product-tracking)
 
-----------
+
 ## Page
 
 To load specific widgets on different web pages, you can configure your settings to map your _named_ Page call(s) to specific Friendbuy Widget(s). You can also configure a several optional [advanced widget configurations](http://developers.friendbuy.com/#widget-options) such as **auto delay** and **custom parameters**.
 
-<!-- TODO: convert this long gif into text instrucitons.
-See the following gif for example:
-
-![](images/23163f90cfc1f375f6c0da3a06060da4.gif)-->
 
 There are two types of Widgets you can map to your Page calls:
 
@@ -37,9 +34,10 @@ There are two types of Widgets you can map to your Page calls:
 - Other widgets
   - All other widgets will fall under this category whereby you can map the `name` of a unique Segment `.page()` call to a widget ID.
 
-_NOTE_: If you have mapped a site wide overlay widget loads on every `.page()` call, even if we have loaded a different widget on the page that you have explicitly mapped.
+> info ""
+> If you have mapped a site wide overlay widget loads on every `.page()` call, even if we have loaded a different widget on the page that you have explicitly mapped.
+
 
-----------
 ## Identify
 
 When you call `.identify()`, we will send the following mapped traits:
@@ -61,8 +59,8 @@ analytics.identify('2', {
 });
 ```
 
-**NOTE**: Friendbuy does not accept any custom traits.
-
+> info ""
+> Friendbuy does not accept custom traits.
 ### Stripe and Chargebee Customer ID
 
 If you are integrated with Stripe or Chargebee and would like to send those IDs to Friendbuy, you can pass them as integration specific options:
@@ -74,7 +72,7 @@ analytics.identify('2', {
   email: '[email protected]',
 }, {
   integrations: {
-    Friendbuy: {
+    FriendBuy: {
       stripeCustomerId: <email@stripe.com>,
       chargebeeCustomerId: <email@chargebee.com>
     }
@@ -106,12 +104,12 @@ Then we will iterate over each item in your `properties.products` and send the f
 | `price`                 | `price`                       |
 | `quantity`              | `quantity`                    |
 
-**NOTE**: You can optionally specify if the customer who made the order is a new customer by passing `new_customer` under your integration specific options:
-
-```js
-  integrations: {
-    Friendbuy: {
-      newCustomer: true,
-    }
-  }
-```
+> info ""
+> You can optionally specify if the customer who made the order is a new customer by passing `new_customer` under your integration specific options:
+> ```js
+>  integrations: {
+>    FriendBuy: {
+>      newCustomer: true,
+>    }
+>  }
+>```