Add Attribution destination

src/components/destination/destinationList/ATTRIBUTION.json

@@ -0,0 +1,16 @@
+[
+  {
+    "title": "Connection Settings",
+    "fields": [
+      {
+        "type": "textInput",
+        "label": "Attribution Project Key",
+        "value": "writeKey",
+        "regex": "^(.{0,100})$",
+        "regexErrorMessage": "Invalid Attribution Project Key",
+        "required": true,
+        "placeholder": "e.g: AGzp7K9cBV"
+      }
+    ]
+  }
+]

src/components/destination/destinationList/dst.ts

@@ -8,6 +8,7 @@ const destinationList = {
   AM: require('./AM.json'),
   APPCENTER: require('./APPCENTER.json'),
   APPCUES: require('./APPCUES.json'),
+  ATTRIBUTION: require('./ATTRIBUTION.json'),
   AUTOPILOT: require('./AUTOPILOT.json'),
   AZURE_BLOB: require('./AZURE_BLOB.json'),
   AZURE_EVENT_HUB: require('./AZURE_EVENT_HUB.json'),

src/components/destination/destinationSettings/destinationSettings.json

@@ -3489,5 +3489,22 @@
         }
       ]
     }
+  ],
+  "ATTRIBUTION": [
+    {
+      "title": "Connection Settings",
+      "fields": [
+        {
+          "type": "textInput",
+          "label": "Attribution Project Key",
+          "value": "writeKey",
+          "regex": "^(.{0,100})$",
+          "regexErrorMessage": "Invalid Attribution Project Key",
+          "required": true,
+          "placeholder": "e.g: AGzp7K9cBV"
+        }
+      ]
+    }
   ]
+
 }

src/components/destinationsCatalogue/destinationsConfigure/ATTRIBUTION.md

@@ -0,0 +1,10 @@
+## Attribution
+Attribution is an attribution and marketing analytics platform, which is provided as a Software-as-a-Service (SaaS).
+
+### Useful Links
+
+[Attribution Website][]  
+
+[//]: # "These are reference links used in the body of this note and get stripped out when the markdown processor does its job. There is no need to format nicely because it shouldn't be seen. Thanks SO - http://stackoverflow.com/questions/4823468/store-comments-in-markdown-syntax"
+
+[attribution website]: https://attributionapp.com/

src/components/destinationsCatalogue/destinationsConfigure/index.tsx

@@ -21,6 +21,7 @@ const markdown = {
   AM: raw('./AM.md'),
   APPCENTER: raw('./APPCENTER.md'),
   APPCUES: raw('./APPCUES.md'),
+  ATTRIBUTION: raw('./ATTRIBUTION.md'),
   AUTOPILOT: raw('./AUTOPILOT.md'),
   AZURE_BLOB: raw('./AZURE_BLOB.md'),
   AZURE_EVENT_HUB: raw('./AZURE_EVENT_HUB.md'),

src/components/icons/destinationIcon.tsx

@@ -106,6 +106,7 @@ import { ReactComponent as SENDGRID } from '@svg/sendgrid.svg';
 import { ReactComponent as SENTRY } from '@svg/sentry.svg';
 import { ReactComponent as SNAP_PIXEL } from '@svg/snap_pixel.svg';
 import { ReactComponent as TRENGO } from '@svg/trengo.svg';
+import { ReactComponent as ATTRIBUTION } from '@svg/attribution.svg';
 
 import theme from '@css/theme';
 
@@ -328,6 +329,8 @@ const DestinationIcon = (props: any) => {
       return <APPCENTER width={width} height={height} />;
     case 'active_campaign':
       return <ACTIVE_CAMPAIGN width={width} height={height} />;
+    case 'attribution':
+      return <ATTRIBUTION width={width} height={height} />;
     default:
       break;
   }

src/components/sourcesCatalogue/sourcesConfigure/Attribution.md

@@ -0,0 +1 @@
+## Attribution

src/components/sourcesCatalogue/sourcesConfigure/index.tsx

@@ -16,6 +16,7 @@ import { Header, TextDiv } from '../../common/typography';
 export const markdown = {
   AMP: raw('./AMP.md'),
   Android: raw('./Android.md'),
+  Attribution: raw('./Attribution.md'),
   Auth0: raw('./Auth0.md'),
   Customerio: raw('./Customerio.md'),
   Go: raw('./Go.md'),

src/stores/destinations.json

@@ -2776,5 +2776,34 @@
     "displayName": "Trengo",
     "createdAt": "2019-09-02T08:08:05.613Z",
     "updatedAt": "2021-10-20T18:06:26.219Z"
+  },
+  {
+    "config": {
+      "destConfig": {
+        "defaultConfig": [
+          "writeKey"
+        ]
+      },
+      "secretKeys": [],
+      "excludeKeys": [],
+      "includeKeys": [],
+      "transformAt": "processor",
+      "supportedSourceTypes": [
+        "android",
+        "ios",
+        "web",
+        "unity",
+        "amp",
+        "cloud",
+        "reactnative"
+      ],
+      "saveDestinationResponse": false
+    },
+    "responseRules": null,
+    "id": "TODO",
+    "name": "ATTRIBUTION",
+    "displayName": "Attribution",
+    "createdAt": "2021-05-11T11:54:00.000Z",
+    "updatedAt": "2021-05-11T11:54:00.000Z"
   }
-]
+]