39 | );
40 | }
41 | }
42 |
43 | export default ErrorLabel;
44 |
--------------------------------------------------------------------------------
/src/components/common/input.ts:
--------------------------------------------------------------------------------
1 | import styled from 'styled-components';
2 |
3 | export const Input = styled.input`
4 | height: 48px;
5 | background: ${({ theme }) => theme.color.grey50};
6 | width: ${props => props.width + 'px'};
7 | border-radius: 2px;
8 | border: none;
9 | padding: 15px;
10 |
11 | font-size: ${({ theme }) => theme.fontSize.md};
12 | color: ${({ theme }) => theme.color.grey400};
13 | ::placeholder {
14 | /* Chrome, Firefox, Opera, Safari 10.1+ */
15 | color: ${({ theme }) => theme.color.grey200};
16 | opacity: 1; /* Firefox */
17 | line-height: 19px;
18 | }
19 | &:focus {
20 | border: 1px solid ${({ theme }) => theme.color.grey100};
21 | box-sizing: border-box;
22 | line-height: 22px;
23 | outline: none;
24 | }
25 | `;
26 |
--------------------------------------------------------------------------------
/src/components/common/misc.tsx:
--------------------------------------------------------------------------------
1 | import styled from 'styled-components';
2 | import is from 'typescript-styled-is';
3 |
4 | interface IProps {
5 | wrap?: string;
6 | spaceBetween?: boolean;
7 | justifyContentCenter?: boolean;
8 | flexDirection?: string;
9 | alignItems?: string;
10 | margin?: string;
11 | }
12 |
13 | export const Flex = styled.div`
14 | display: flex;
15 |
16 | ${is('margin')`
17 | margin: ${props => props.margin}
18 | `};
19 |
20 | ${is('flexDirection')`
21 | flex-direction: ${props => props.flexDirection};
22 | `};
23 |
24 | ${is('alignItems')`
25 | align-items: ${props => props.alignItems};
26 | `};
27 |
28 | ${is('wrap')`
29 | flex-wrap: wrap;
30 | `};
31 |
32 | ${is('spaceBetween')`
33 | justify-content: space-between;
34 | `};
35 |
36 | ${is('justifyContentCenter')`
37 | justify-content: center;
38 | `};
39 | `;
40 |
--------------------------------------------------------------------------------
/src/components/common/modal.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 | import { Modal } from 'antd';
3 |
4 | export interface IModalProps {
5 | title: string;
6 | showModal: boolean;
7 | handleOk: () => any;
8 | handleCancel: () => any;
9 | element: any;
10 | okText: string;
11 | }
12 | const ModalEl = (props: IModalProps) => {
13 | return (
14 |
21 | {props.element}
22 |
23 | );
24 | };
25 |
26 | export default ModalEl;
27 |
--------------------------------------------------------------------------------
/src/components/common/textarea.ts:
--------------------------------------------------------------------------------
1 | import styled from 'styled-components';
2 | import TextArea from 'antd/lib/input/TextArea';
3 |
4 | export const Textarea = styled(TextArea)`
5 | height: 48px;
6 | background: ${({ theme }) => theme.color.grey50};
7 | border-radius: 2px;
8 | border: none;
9 | padding: 15px;
10 |
11 | font-size: ${({ theme }) => theme.fontSize.md};
12 | color: ${({ theme }) => theme.color.grey400};
13 | ::placeholder {
14 | /* Chrome, Firefox, Opera, Safari 10.1+ */
15 | color: ${({ theme }) => theme.color.grey200};
16 | opacity: 1; /* Firefox */
17 | line-height: 19px;
18 | }
19 | &:focus {
20 | border: 1px solid ${({ theme }) => theme.color.grey100};
21 | box-sizing: border-box;
22 | line-height: 22px;
23 | outline: none;
24 | }
25 | `;
26 |
--------------------------------------------------------------------------------
/src/components/connectSources/styles.ts:
--------------------------------------------------------------------------------
1 | import styled from 'styled-components';
2 |
3 | export const StyledContainer = styled.div`
4 | padding: 50px 80px;
5 | `;
6 |
7 | export const IconCardListContainer = styled.div`
8 | padding: 50px;
9 | > div {
10 | justify-content: center;
11 | }
12 | overflow-y: scroll
13 | height: 400px
14 | `;
15 |
16 | export const DestNameInputContainer = styled.div`
17 | width: 475px;
18 | margin: auto;
19 | padding: 50px 0;
20 | input {
21 | width: 100%;
22 | }
23 | `;
24 |
25 | export const AddDestDialogBody = styled.div`
26 | height: 600px;
27 | .selected-source-icons > div {
28 | position: relative;
29 | left: -14px;
30 | margin-right: -14px;
31 | }
32 | background-color: white
33 | border-radius: 6px;
34 | `;
35 |
36 | export const FormContainer = styled.div`
37 | width: fit-content;
38 | margin: auto;
39 | `;
40 |
41 | export const BorderLine = styled.div`
42 | border: 1px solid ${({ theme }) => theme.color.grey100}
43 | `
44 |
--------------------------------------------------------------------------------
/src/components/destination/destinationList/APPCUES.json:
--------------------------------------------------------------------------------
1 | [
2 | {
3 | "title": "Connection Settings",
4 | "fields": [
5 | {
6 | "type": "textInput",
7 | "label": "Account Id",
8 | "value": "accountId",
9 | "regex": "^(.{0,100})$",
10 | "regexErrorMessage": "Invalid Account Id",
11 | "required": true,
12 | "placeholder": "e.g: 81429"
13 | }
14 | ]
15 | },
16 | {
17 | "title": "Native SDK",
18 | "fields": [
19 | {
20 | "type": "checkbox",
21 | "label": "Use device-mode to send events",
22 | "value": "useNativeSDK",
23 | "default": true
24 | }
25 | ]
26 | }
27 | ]
28 |
--------------------------------------------------------------------------------
/src/components/destination/destinationList/AUTOPILOT.json:
--------------------------------------------------------------------------------
1 | [
2 | {
3 | "title": "Connection Settings",
4 | "fields": [
5 | {
6 | "type": "textInput",
7 | "label": "API Key",
8 | "value": "apiKey",
9 | "regex": "^(.{0,100})$",
10 | "regexErrorMessage": "Invalid API Key",
11 | "required": true,
12 | "placeholder": "e.g: 1d6583b196d34de28a3g19ahadde4b0z"
13 | },
14 | {
15 | "type": "textInput",
16 | "label": "Trigger Id",
17 | "value": "triggerId",
18 | "regex": "^(.{0,100})$",
19 | "regexErrorMessage": "Invalid Trigger Id",
20 | "required": true,
21 | "placeholder": "e.g: 00XX"
22 | }
23 | ]
24 | }
25 | ]
--------------------------------------------------------------------------------
/src/components/destination/destinationList/AWIN.json:
--------------------------------------------------------------------------------
1 | [
2 | {
3 | "title": "Connection Settings",
4 | "fields": [
5 | {
6 | "type": "textInput",
7 | "label": "Advertiser ID",
8 | "value": "advertiserId",
9 | "inputFieldType": "text",
10 | "regex": ".*",
11 | "required": true,
12 | "placeholder": "e.g. 12345",
13 | "secret": false
14 | }
15 | ]
16 | },
17 | {
18 | "title": "Native SDK",
19 | "fields": [
20 | {
21 | "type": "defaultCheckbox",
22 | "label": "Use device-mode to send events",
23 | "value": "useNativeSDK",
24 | "default": true
25 | }
26 | ]
27 | }
28 | ]
29 |
--------------------------------------------------------------------------------
/src/components/destination/destinationList/AZURE_EVENT_HUB.json:
--------------------------------------------------------------------------------
1 | [
2 | {
3 | "title": "Connection Settings",
4 | "fields": [
5 | {
6 | "type": "textInput",
7 | "label": "Bootstrap server",
8 | "value": "bootstrapServer",
9 | "regex": "^(.{0,100})$",
10 | "regexErrorMessage": "Invalid Bootstrap server",
11 | "required": true,
12 | "placeholder": "e.g: NAMESPACENAME.servicebus.windows.net:9093"
13 | },
14 | {
15 | "type": "textInput",
16 | "label": "Topic Name",
17 | "value": "topic",
18 | "regex": "^(.{0,100})$",
19 | "regexErrorMessage": "Invalid Topic Name",
20 | "required": true,
21 | "placeholder": "e.g: test-topic"
22 | },
23 | {
24 | "type": "textInput",
25 | "label": "Event Hubs ConnectionString",
26 | "value": "eventHubsConnectionString",
27 | "regex": "^(.{0,300})$",
28 | "regexErrorMessage": "Invalid Event Hubs ConnectionString",
29 | "required": true,
30 | "placeholder": "e.g: Endpoint=sb://..."
31 | }
32 | ]
33 | }
34 | ]
--------------------------------------------------------------------------------
/src/components/destination/destinationList/BINGADS.json:
--------------------------------------------------------------------------------
1 | [
2 | {
3 | "title": "Connection Settings",
4 | "fields": [
5 | {
6 | "type": "textInput",
7 | "label": "Tag ID",
8 | "value": "tagID",
9 | "regex": "^(.{0,100})$",
10 | "regexErrorMessage": "Invalid Bing Ads Tag ID",
11 | "required": true,
12 | "placeholder": "e.g. 12345678"
13 | }
14 | ]
15 | },
16 | {
17 | "title": "Native SDK",
18 | "fields": [
19 | {
20 | "type": "defaultCheckbox",
21 | "label": "Use device-mode to send events",
22 | "value": "useNativeSDK",
23 | "default": true
24 | }
25 | ]
26 | }
27 | ]
28 |
--------------------------------------------------------------------------------
/src/components/destination/destinationList/BRANCH.json:
--------------------------------------------------------------------------------
1 | [
2 | {
3 | "title": "1. Connection Settings",
4 | "fields": [
5 | {
6 | "type": "textInput",
7 | "label": "Branch Key",
8 | "value": "branchKey",
9 | "regex": "^(.{0,100})$",
10 | "regexErrorMessage": "Invalid Branch Key",
11 | "required": true,
12 | "placeholder": "e.g: key_live_mfMJCn7WLNeXte2aZIDOeobdrvmbZpgD"
13 | }
14 | ]
15 | },
16 | {
17 | "title": "2. Native SDK",
18 | "fields": [
19 | {
20 | "type": "checkbox",
21 | "label": "Use device-mode to send events",
22 | "value": "useNativeSDK",
23 | "default": false
24 | }
25 | ]
26 | }
27 | ]
--------------------------------------------------------------------------------
/src/components/destination/destinationList/BUGSNAG.json:
--------------------------------------------------------------------------------
1 | [
2 | {
3 | "title": "Connection Settings",
4 | "fields": [
5 | {
6 | "type": "textInput",
7 | "label": "BugSnag Api Key",
8 | "value": "apiKey",
9 | "regex": "^(.{0,100})$",
10 | "regexErrorMessage": "Invalid BugSnag Api Key",
11 | "required": true,
12 | "placeholder": "e.g: ••••••••••5c0d"
13 | }
14 | ]
15 | },
16 | {
17 | "title": "Native SDK",
18 | "fields": [
19 | {
20 | "type": "defaultCheckbox",
21 | "label": "Use device-mode to send events",
22 | "value": "useNativeSDK",
23 | "default": true
24 | }
25 | ]
26 | },
27 | {
28 | "title": "Other Settings",
29 | "fields": [
30 | {
31 | "type": "checkbox",
32 | "label": "Release Stage. If turned on : Development stage else : Production",
33 | "value": "releaseStage"
34 | },
35 | {
36 | "type": "checkbox",
37 | "label": "SSL",
38 | "value": "ssl",
39 | "default": true
40 | }
41 | ]
42 | }
43 | ]
--------------------------------------------------------------------------------
/src/components/destination/destinationList/FIREBASE.json:
--------------------------------------------------------------------------------
1 | [
2 | {
3 | "title": "1. Native SDK",
4 | "fields": [
5 | {
6 | "type": "defaultCheckbox",
7 | "label": "Use device-mode to send events",
8 | "value": "useNativeSDK",
9 | "default": true
10 | }
11 | ]
12 | }
13 | ]
--------------------------------------------------------------------------------
/src/components/destination/destinationList/FULLSTORY.json:
--------------------------------------------------------------------------------
1 | [
2 | {
3 | "title": "Connection Settings",
4 | "fields": [
5 | {
6 | "type": "textInput",
7 | "label": "FS ORG",
8 | "value": "fs_org",
9 | "regex": "^(.{0,100})$",
10 | "regexErrorMessage": "Invalid FS ORG",
11 | "required": true,
12 | "placeholder": "e.g: dd412940"
13 | },
14 | {
15 | "type": "checkbox",
16 | "label": "FS debug mode",
17 | "value": "fs_debug_mode",
18 | "default": true
19 | }
20 | ]
21 | },
22 | {
23 | "title": "Native SDK",
24 | "fields": [
25 | {
26 | "type": "defaultCheckbox",
27 | "label": "Use device-mode to send events",
28 | "value": "useNativeSDK",
29 | "default": true
30 | }
31 | ]
32 | }
33 | ]
--------------------------------------------------------------------------------
/src/components/destination/destinationList/GTM.json:
--------------------------------------------------------------------------------
1 | [
2 | {
3 | "title": "1. Connection Settings",
4 | "fields": [
5 | {
6 | "type": "textInput",
7 | "label": "Container ID",
8 | "value": "containerID",
9 | "regex": "^(.{0,100})$",
10 | "regexErrorMessage": "Invalid Container ID",
11 | "required": true,
12 | "placeholder": "e.g: GTM-ABCDEFG"
13 | }
14 | ]
15 | },
16 | {
17 | "title": "2. Native SDK",
18 | "fields": [
19 | {
20 | "type": "defaultCheckbox",
21 | "label": "Use device-mode to send events",
22 | "value": "useNativeSDK",
23 | "default": true
24 | }
25 | ]
26 | }
27 | ]
--------------------------------------------------------------------------------
/src/components/destination/destinationList/HEAP.json:
--------------------------------------------------------------------------------
1 | [
2 | {
3 | "title": "Connection Settings",
4 | "fields": [
5 | {
6 | "type": "textInput",
7 | "label": "App Id",
8 | "value": "appId",
9 | "regex": "^(.{0,100})$",
10 | "regexErrorMessage": "Invalid App Id",
11 | "required": true,
12 | "placeholder": "e.g: 3138654182"
13 | }
14 | ]
15 | },
16 | {
17 | "title": "Native SDK",
18 | "fields": [
19 | {
20 | "type": "checkbox",
21 | "label": "Use device-mode to send events",
22 | "value": "useNativeSDK",
23 | "default": false
24 | }
25 | ]
26 | }
27 | ]
--------------------------------------------------------------------------------
/src/components/destination/destinationList/HOTJAR.json:
--------------------------------------------------------------------------------
1 | [
2 | {
3 | "title": "1. Connection Settings",
4 | "fields": [
5 | {
6 | "type": "textInput",
7 | "label": "Site ID",
8 | "value": "siteID",
9 | "regex": "^(.{0,100})$",
10 | "regexErrorMessage": "Invalid Site ID",
11 | "required": true,
12 | "placeholder": "e.g: dd412940"
13 | }
14 | ]
15 | },
16 | {
17 | "title": "2. Native SDK",
18 | "fields": [
19 | {
20 | "type": "defaultCheckbox",
21 | "label": "Use device-mode to send events",
22 | "value": "useNativeSDK",
23 | "default": true
24 | }
25 | ]
26 | }
27 | ]
--------------------------------------------------------------------------------
/src/components/destination/destinationList/HS.json:
--------------------------------------------------------------------------------
1 | [
2 | {
3 | "title": "Connection Settings",
4 | "fields": [
5 | {
6 | "type": "textInput",
7 | "label": "Hub ID",
8 | "value": "hubID",
9 | "regex": "^(.{0,100})$",
10 | "regexErrorMessage": "Invalid Hub ID",
11 | "required": true,
12 | "placeholder": "e.g: 748991"
13 | },
14 | {
15 | "type": "textInput",
16 | "label": "API Key",
17 | "value": "apiKey",
18 | "regex": "^(.{0,100})$",
19 | "regexErrorMessage": "Invalid API Key",
20 | "required": true,
21 | "placeholder": "e.g: 05afa518-132c-40db-830a-de0f688902f7"
22 | }
23 | ]
24 | },
25 | {
26 | "title": "Native SDK",
27 | "fields": [
28 | {
29 | "type": "checkbox",
30 | "label": "Use device-mode to send events",
31 | "value": "useNativeSDK",
32 | "default": false
33 | }
34 | ]
35 | }
36 | ]
--------------------------------------------------------------------------------
/src/components/destination/destinationList/INDICATIVE.json:
--------------------------------------------------------------------------------
1 | [
2 | {
3 | "title": "Connection Settings",
4 | "fields": [
5 | {
6 | "type": "textInput",
7 | "label": "API Key",
8 | "value": "apiKey",
9 | "regex": "^(.{0,100})$",
10 | "regexErrorMessage": "Invalid API Key",
11 | "required": true,
12 | "placeholder": "e.g: 99ba062d-22de-4dd0-a65f-0b064495f74f",
13 | "secret": true
14 | }
15 | ]
16 | }
17 | ]
--------------------------------------------------------------------------------
/src/components/destination/destinationList/KISSMETRICS.json:
--------------------------------------------------------------------------------
1 | [
2 | {
3 | "title": "Connection Settings",
4 | "fields": [
5 | {
6 | "type": "textInput",
7 | "label": "API Key",
8 | "value": "apiKey",
9 | "regex": "^(.{0,100})$",
10 | "regexErrorMessage": "Invalid API Key",
11 | "required": true,
12 | "placeholder": "e.g: ABCDEFG"
13 | }
14 | ]
15 | },
16 | {
17 | "title": "Native SDK",
18 | "fields": [
19 | {
20 | "type": "checkbox",
21 | "label": "Use device-mode to send events",
22 | "value": "useNativeSDK",
23 | "default": false
24 | }
25 | ]
26 | },
27 | {
28 | "title": "Prefix Properties",
29 | "fields": [
30 | {
31 | "type": "checkbox",
32 | "label": "Prefix the properties with page or event name",
33 | "value": "prefixProperties",
34 | "default": false
35 | }
36 | ]
37 | }
38 | ]
--------------------------------------------------------------------------------
/src/components/destination/destinationList/LINKEDIN_INSIGHT_TAG.json:
--------------------------------------------------------------------------------
1 | [
2 | {
3 | "title": "Connection Settings",
4 | "fields": [
5 | {
6 | "type": "textInput",
7 | "label": "Partner ID",
8 | "value": "partnerId",
9 | "inputFieldType": "text",
10 | "regex": ".*",
11 | "required": true,
12 | "placeholder": "e.g. 12345",
13 | "footerNote": "Your Partner ID",
14 | "secret": false
15 | }
16 | ]
17 | },
18 | {
19 | "title": "Native SDK",
20 | "fields": [
21 | {
22 | "type": "defaultCheckbox",
23 | "label": "Use device-mode to send events",
24 | "value": "useNativeSDK",
25 | "default": true
26 | }
27 | ]
28 | }
29 | ]
30 |
--------------------------------------------------------------------------------
/src/components/destination/destinationList/MAILCHIMP.json:
--------------------------------------------------------------------------------
1 | [
2 | {
3 | "title": "1. Connection Settings",
4 | "fields": [
5 | {
6 | "type": "textInput",
7 | "label": "Mailchimp Api Key",
8 | "value": "apiKey",
9 | "regex": "^(.{0,100})$",
10 | "regexErrorMessage": "Invalid Mailchimp Api Key",
11 | "required": true,
12 | "placeholder": "e.g: 94f71917dald93kf897449b0c90caa4c-us20"
13 | },
14 | {
15 | "type": "textInput",
16 | "label": "Mailchimp Audience Id",
17 | "value": "audienceId",
18 | "regex": "^(.{0,100})$",
19 | "regexErrorMessage": "Invalid Mailchimp Audience Id",
20 | "required": true,
21 | "placeholder": "e.g: dn42a32d30"
22 | },
23 | {
24 | "type": "textInput",
25 | "label": "Mailchimp DataCenter Id",
26 | "value": "datacenterId",
27 | "regex": "^(.{0,100})$",
28 | "regexErrorMessage": "Invalid Mailchimp DataCenter Id",
29 | "required": true,
30 | "placeholder": "e.g: us20"
31 | }
32 | ]
33 | }
34 | ]
--------------------------------------------------------------------------------
/src/components/destination/destinationList/MONETATE.json:
--------------------------------------------------------------------------------
1 | [
2 | {
3 | "title": "Connection Settings",
4 | "fields": [
5 | {
6 | "type": "textInput",
7 | "label": "Monetate Channel",
8 | "value": "monetateChannel",
9 | "required": true,
10 | "regex": "^(.{0,100})$",
11 | "regexErrorMessage": "Invalid Monetate Channel"
12 | },
13 | {
14 | "type": "textInput",
15 | "label": "Retailer Short Name",
16 | "value": "retailerShortName",
17 | "required": true,
18 | "regex": "^(.{0,100})$",
19 | "regexErrorMessage": "Invalid Retailer Short Name"
20 | }
21 | ]
22 | }
23 | ]
--------------------------------------------------------------------------------
/src/components/destination/destinationList/PENDO.json:
--------------------------------------------------------------------------------
1 | [
2 | {
3 | "title": "Connection Settings",
4 | "fields": [
5 | {
6 | "type": "textInput",
7 | "label": "API KEY",
8 | "value": "apiKey",
9 | "regex": "^(.{0,100})$",
10 | "regexErrorMessage": "Invalid API KEY",
11 | "required": true,
12 | "placeholder": "e.g: 4c39zac5-9817-4707-646c-133947b50c3f",
13 | "secret": true
14 | }
15 | ]
16 | },
17 | {
18 | "title": "Native SDK",
19 | "fields": [
20 | {
21 | "type": "defaultCheckbox",
22 | "label": "Use device-mode to send events",
23 | "value": "useNativeSDK",
24 | "default": true
25 | }
26 | ]
27 | }
28 | ]
29 |
--------------------------------------------------------------------------------
/src/components/destination/destinationList/QUALTRICS.json:
--------------------------------------------------------------------------------
1 | [
2 | {
3 | "title": "Connection Settings",
4 | "fields": [
5 | {
6 | "type": "textInput",
7 | "label": "Project ID",
8 | "value": "projectId",
9 | "required": true,
10 | "placeholder": "ZN_blw7567TWxCGung",
11 | "inputFieldType": "password",
12 | "secret": true
13 | },
14 | {
15 | "type": "textInput",
16 | "label": "Brand ID",
17 | "value": "brandId",
18 | "required": true,
19 | "placeholder": "examplename"
20 | },
21 | {
22 | "type": "checkbox",
23 | "label": "Enable Generic Page Title",
24 | "value": "enableGenericPageTitle",
25 | "default": false
26 | }
27 | ]
28 | },
29 | {
30 | "title": "Native SDK",
31 | "fields": [
32 | {
33 | "type": "defaultCheckbox",
34 | "label": "Use device-mode to send events",
35 | "value": "useNativeSDK",
36 | "default": true
37 | }
38 | ]
39 | }
40 | ]
41 |
--------------------------------------------------------------------------------
/src/components/destination/destinationList/QUANTUMMETRIC.json:
--------------------------------------------------------------------------------
1 | [
2 | {
3 | "title": "1. Connection Settings",
4 | "fields": [
5 | {
6 | "type": "textInput",
7 | "label": "Site ID",
8 | "value": "siteID",
9 | "regex": "^(.*)$",
10 | "regexErrorMessage": "Invalid Site ID",
11 | "required": true,
12 | "placeholder": "e.g: company"
13 | }
14 | ]
15 | },
16 | {
17 | "title": "2. Native SDK",
18 | "fields": [
19 | {
20 | "type": "defaultCheckbox",
21 | "label": "Use native SDK to send events",
22 | "value": "useNativeSDK",
23 | "default": true
24 | }
25 | ]
26 | }
27 | ]
28 |
29 |
--------------------------------------------------------------------------------
/src/components/destination/destinationList/RECURLY.json:
--------------------------------------------------------------------------------
1 | [
2 | {
3 | "title": "Connection Settings",
4 | "fields": [
5 | {
6 | "type": "textInput",
7 | "label": "API KEY",
8 | "value": "apiKey",
9 | "regex": "^(.{0,100})$",
10 | "regexErrorMessage": "Invalid API KEY",
11 | "required": true,
12 | "placeholder": "e.g: 6f598d9b0510434146902cd1ac2a78e9",
13 | "secret": true
14 | },
15 | {
16 | "type": "textInput",
17 | "label": "Site Id/Subdomain",
18 | "value": "siteId",
19 | "regex": "^(.{0,100})$",
20 | "regexErrorMessage": "Invalid site id",
21 | "placeholder": "e.g: https://v3.recurly.com/accounts",
22 | "secret": true
23 | }
24 | ]
25 | }
26 | ]
27 |
--------------------------------------------------------------------------------
/src/components/destination/destinationList/REDDIT_PIXEL.json:
--------------------------------------------------------------------------------
1 | [
2 | {
3 | "title": "Connection Settings",
4 | "fields": [
5 | {
6 | "type": "textInput",
7 | "label": "Advertiser ID",
8 | "value": "advertiserId",
9 | "inputFieldType": "password",
10 | "regex": "^(.{0,100})$",
11 | "regexErrorMessage": "Invalid Advertiser ID",
12 | "required": true,
13 | "placeholder": "e.g: t1_d2r5c27c",
14 | "secret": true,
15 | "footerNote": "Your Advertiser ID"
16 | }
17 | ]
18 | },
19 | {
20 | "title": "Native SDK",
21 | "fields": [
22 | {
23 | "type": "defaultCheckbox",
24 | "label": "Use device-mode to send events",
25 | "value": "useNativeSDK",
26 | "default": true
27 | }
28 | ]
29 | }
30 | ]
31 |
--------------------------------------------------------------------------------
/src/components/destination/destinationList/SEGMENT.json:
--------------------------------------------------------------------------------
1 | [
2 | {
3 | "title": "Connection Settings",
4 | "fields": [
5 | {
6 | "type": "textInput",
7 | "label": "Segment Write Key",
8 | "value": "writeKey",
9 | "regex": "^(.{0,100})$",
10 | "regexErrorMessage": "Invalid Segment Write Key",
11 | "required": true,
12 | "placeholder": "e.g: bSjsdGYsOo9sjw23Shj"
13 | }
14 | ]
15 | }
16 | ]
--------------------------------------------------------------------------------
/src/components/destination/destinationList/SPLITIO.json:
--------------------------------------------------------------------------------
1 | [
2 | {
3 | "title": "1. Connection Credentials",
4 | "fields": [
5 | {
6 | "type": "textInput",
7 | "label": "API Key",
8 | "value": "apiKey",
9 | "required": true,
10 | "placeholder": "e.g: 45lgoasdphhsskbsglho22quopat4850glv0",
11 | "secret": true
12 | },
13 | {
14 | "type": "textInput",
15 | "label": "Environment",
16 | "value": "environment",
17 | "required": false,
18 | "placeholder": "e.g: production",
19 | "secret": false
20 | }
21 | ]
22 | },
23 | {
24 | "title": "2. Information on Traffic",
25 | "fields": [
26 | {
27 | "type": "textInput",
28 | "label": "Traffic Type",
29 | "value": "trafficType",
30 | "placeholder": "e.g: user",
31 | "required": true
32 | }
33 | ]
34 | }
35 | ]
--------------------------------------------------------------------------------
/src/components/destination/destinationList/USERLIST.json:
--------------------------------------------------------------------------------
1 | [
2 | {
3 | "title": "Connection Settings",
4 | "fields": [
5 | {
6 | "type": "textInput",
7 | "label": "Userlist Push Key",
8 | "value": "pushKey",
9 | "regex": "^(.{0,100})$",
10 | "regexErrorMessage": "Invalid Userlist Push Key",
11 | "required": true,
12 | "placeholder": "e.g: sk_UuCIkdGmSnN4OaBCCFOuJaBcb3O2wD8S"
13 | }
14 | ]
15 | }
16 | ]
17 |
--------------------------------------------------------------------------------
/src/components/destination/destinationList/VARIANCE.json:
--------------------------------------------------------------------------------
1 | [
2 | {
3 | "title": "Connection Settings",
4 | "fields": [
5 | {
6 | "type": "textInput",
7 | "label": "Webhook URL",
8 | "value": "webhookUrl",
9 | "required": true,
10 | "placeholder": "https://your-org.variance.com",
11 | "regex": ".*"
12 | },
13 | {
14 | "type": "textInput",
15 | "label": "Authorization Header Value",
16 | "inputFieldType": "password",
17 | "value": "authHeader",
18 | "required": true,
19 | "placeholder": "",
20 | "regex": ".*",
21 | "secret": true
22 | }
23 | ]
24 | }
25 | ]
--------------------------------------------------------------------------------
/src/components/destination/destinationSettings/styles.ts:
--------------------------------------------------------------------------------
1 | import styled from 'styled-components';
2 |
3 | export const Container = styled.div`
4 | width: fit-content;
5 | `;
6 |
--------------------------------------------------------------------------------
/src/components/destination/styles.ts:
--------------------------------------------------------------------------------
1 | import styled from 'styled-components';
2 |
3 | export const StyledContainer = styled.div`
4 | padding: 50px 80px;
5 | `;
6 |
7 | export const IconCardListContainer = styled.div`
8 | padding: 50px;
9 | > div {
10 | justify-content: center;
11 | }
12 | overflow-y: scroll
13 | height: 400px
14 | `;
15 |
16 | export const DestNameInputContainer = styled.div`
17 | width: 475px;
18 | margin: auto;
19 | padding: 50px 0;
20 | input {
21 | width: 100%;
22 | }
23 | `;
24 |
25 | export const AddDestDialogBody = styled.div`
26 | height: 600px;
27 | .selected-source-icons > div {
28 | position: relative;
29 | left: -14px;
30 | margin-right: -14px;
31 | }
32 | `;
33 |
34 | export const FormBody = styled.div`
35 | .selected-source-icons > div {
36 | position: relative;
37 | left: -14px;
38 | margin-right: -14px;
39 | }
40 | `;
41 |
42 | export const FormContainer = styled.div`
43 | width: fit-content;
44 | margin: auto;
45 | `;
46 |
47 | export const CenterDiv = styled.div`
48 | width: 50%;
49 | margin: auto;
50 | `;
51 |
--------------------------------------------------------------------------------
/src/components/destinationCard/styles.ts:
--------------------------------------------------------------------------------
1 | import { Card } from '@components/common/card';
2 | import { Label } from '@components/common/typography';
3 | import styled from 'styled-components';
4 |
5 | import { Text } from '../common/typography';
6 |
7 | export const StyledCard = styled(Card)`
8 | min-width: 371px;
9 | border-radius: 20px;
10 | padding-left: 0px;
11 | padding-right: 35px;
12 | margin-bottom: 10px;
13 | display: flex;
14 | align-items: center;
15 | box-shadow: none;
16 | height: 100px;
17 | `;
18 |
19 | export const Content = styled.div`
20 | padding: 0px 0px 0px 20px;
21 | `;
22 |
23 | export const EnabledText = styled(Text)`
24 | margin: 5px;
25 | `;
26 |
27 | export const EmptyStyledCard = styled(StyledCard)`
28 | border: 3px solid #e0e0e0;
29 | background-color: #f0f2f5;
30 | height: auto;
31 | `;
32 |
33 | export const ButtonText = styled(Label)`
34 | margin-left: 10px;
35 | color: ${props => props.color || props.theme.color.primary300};
36 | `;
37 |
--------------------------------------------------------------------------------
/src/components/destinationDetails/styles.ts:
--------------------------------------------------------------------------------
1 | import styled from 'styled-components';
2 |
3 | export const Container = styled.div`
4 | padding: 50px 50px 150px 50px;
5 | height: 100%;
6 | background-color: ${({ theme }) => theme.color.grey50};
7 | `;
8 |
9 | export const CardsView = styled.div`
10 | display: flex;
11 | flex-direction: column;
12 | justify-content: start;
13 | height: 90%;
14 | `;
15 |
16 | export const PageTitle = styled.div`
17 | font-size: 24px;
18 | color: ${({ theme }) => theme.color.primary};
19 | margin: 0 0 35px 0;
20 | text-align: start;
21 | `;
22 |
23 | export const Spacing = styled.div`
24 | margin: 0 0 15px 0;
25 | `;
26 |
--------------------------------------------------------------------------------
/src/components/destinations/index.tsx:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 | import { inject, observer } from 'mobx-react';
3 |
4 | import { ISourcesListStore } from '@stores/sourcesList';
5 | import { IDestinationsListStore } from '@stores/destinationsList';
6 | import ConfiguredDestinations from '@components/configuredDestinations';
7 | import { Container } from './styles';
8 | import DestinationsCatalogue from '@components/destinationsCatalogue';
9 |
10 | interface IDestinationsProps {
11 | history: any;
12 | sourcesListStore: ISourcesListStore;
13 | destinationsListStore: IDestinationsListStore;
14 | }
15 |
16 | @inject('sourcesListStore', 'destinationsListStore')
17 | @observer
18 | class Destinations extends Component {
19 | public render() {
20 | return (
21 |
22 |
23 |
24 |
25 | );
26 | }
27 | }
28 |
29 | export default Destinations;
30 |
--------------------------------------------------------------------------------
/src/components/destinations/styles.ts:
--------------------------------------------------------------------------------
1 | import styled from 'styled-components';
2 |
3 | export const Container = styled.div`
4 | display: flex;
5 | flex-direction: column;
6 | margin: 0px 50px 100px 50px;
7 | `;
8 |
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/ACTIVE_CAMPAIGN.md:
--------------------------------------------------------------------------------
1 | ## ActiveCampaign
2 |
3 | ActiveCampaign is a popular CRM and marketing automation that allows you to drive customer engagement and retention. It provides an all-in-one email marketing and growth platform to monitor your customers' product behavior easily, and use the insights to design and drive highly personalized customer experiences.
4 |
5 | ### Get More Out of ActiveCampaign With RudderStack
6 |
7 | You can now send your event data directly to ActiveCampaign through RudderStack's [cloud mode](https://docs.rudderstack.com/get-started/rudderstack-connection-modes#cloud-mode).
8 |
9 | ### Useful Links
10 |
11 | [ActiveCampaign Website][]
12 | [Documentation and Setup guide][]
13 |
14 | [//]: # "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"
15 | [activecampaign website]: https://www.activecampaign.com/
16 | [documentation and setup guide]: https://docs.rudderstack.com/destinations/active-campaign
17 |
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/ADOBE_ANALYTICS.md:
--------------------------------------------------------------------------------
1 | ## Adobe Analytics
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/ALGOLIA.md:
--------------------------------------------------------------------------------
1 | ## Algolia
2 |
3 | Algolia helps businesses build and optimize the search and discovery experience resulting in significantly enhanced online engagement, increased conversion rates and enriched lifetime value that generates profitable growth.
4 |
5 | ### Get More Out of Algolia With RudderStack
6 |
7 | You can now send your event data directly to Algolia through RudderStack's [cloud mode](https://docs.rudderstack.com/get-started/rudderstack-connection-modes#cloud-mode).
8 |
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/APPCENTER.md:
--------------------------------------------------------------------------------
1 | ## Visual Studio App Center
2 |
3 | Visual Studio App Center is a cross-platform build automation and management platform that allows you to manage your app's lifecycle seamlessly. With App Center, you can automate and manage your builds, test your apps in the cloud, monitor their real-time usage with the help of crash data and analytics, and do so much more.
4 |
5 | ### Get More Out of App Center With RudderStack
6 |
7 | You can now send your event data to App Center via RudderStack's native web SDKs.
8 |
9 | ### Useful Links
10 |
11 | [App Center Website][]
12 | [Documentation and Setup guide][]
13 |
14 | [//]: # "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"
15 | [app center website]: https://appcenter.ms/
16 | [documentation and setup guide]: https://docs.rudderstack.com/destinations/appcenter
17 |
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/APPCUES.md:
--------------------------------------------------------------------------------
1 | ## Appcues
2 |
3 | Appcues is a popular product marketing platform. It allows you to deliver scalable user experiences with ease, and deliver accelerated business growth. With Appcues, you can monitor your customers' in-app behavior and designed personalized marketing campaigns and customer experiences in no time at all.
4 |
5 | ### Get More Out of Appcues With RudderStack
6 |
7 | You can now easily configure Appcues as a destination in RudderStack, and send your event data to Appcues seamlessly.
8 |
9 | ### Useful Links
10 |
11 | [Appcues Website][]
12 | [Documentation and Setup guide][]
13 |
14 | [//]: # "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"
15 | [appcues website]: https://www.appcues.com/
16 | [documentation and setup guide]: https://docs.rudderstack.com/destinations/appcues
17 |
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/AWIN.md:
--------------------------------------------------------------------------------
1 | ## Awin
2 |
3 | Awin operates on a performance-based business model, commonly known as affiliate marketing. Partnering with advertisers and publishers, Awin negotiates a cost-per-acquisition commission payment that an advertiser pays for a completed action, typically a customer sale.
4 |
5 | ## Get more out of Awin with Rudderstack
6 |
7 | Now it is super easy to do it with Rudderstack.
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/AZURE_EVENT_HUB.md:
--------------------------------------------------------------------------------
1 | ## Azure Event Hubs
2 |
3 | Azure Event Hubs is a data streaming platform and an event ingestion service. It provides a Kafka endpoint which can be used by your existing Kafka-based applications as an alternative to running your own Kafka clusters.
4 |
5 | ### Get More Out of Azure Event Hubs With Rudderstack
6 |
7 | RudderStack allows you to configure Azure Event Hubs as a destination to which you can send your event data seamlessly.
8 |
9 | ### Useful Links
10 |
11 | [Azure Event Hubs Website][]
12 | [Documentation and Setup guide][]
13 | [View on GitHub][]
14 |
15 | [//]: # "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"
16 | [azure event hubs website]: https://azure.microsoft.com/en-in/services/event-hubs/
17 | [documentation and setup guide]: https://docs.rudderstack.com/destinations/azure-event-hubs
18 | [view on github]: https://github.com/rudderlabs/rudder-transformer/tree/master/v0/destinations/azure_event_hub
19 |
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/BINGADS.md:
--------------------------------------------------------------------------------
1 | ## BingAds
2 |
3 | Microsoft Advertising is a pay-per-click (PPC) advertising platform used to display ads based on the keywords used in a user's search query at Bing, AOL, and Yahoo owned and operated sites as well as Bing, AOL, and Yahoo syndicated search partner sites. (Syndicated search partner sites are sites that use Bing and Yahoo search results.)
4 |
5 | ### Get More Out of BingAds With RudderStack
6 |
7 | Now it is super easy to send events to Kustomer using Rudderstack. Simply configure BingAds as a destination on the RudderStack dashboard, and get started in no time!
8 |
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/BQ.md:
--------------------------------------------------------------------------------
1 | ## Google BigQuery
2 |
3 | Google BigQuery is an industry-leading cloud data warehouse. It is fully-managed, and lets you to store and analyze petabytes of data in no time.
4 |
5 | ### Get More Out of Google BigQuery With RudderStack
6 |
7 | With RudderStack, you can store your customer event data into Google BigQuery - simply by adding it as a destination to the source of your choice.
8 |
9 | ### Useful Links
10 |
11 | [Google BigQuery Website][]
12 | [Documentation and Setup guide][]
13 | [Warehouse Schema][]
14 |
15 | [//]: # "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"
16 | [google bigquery website]: https://cloud.google.com/bigquery
17 | [warehouse schema]: https://docs.rudderstack.com/data-warehouse-integrations/warehouse-schemas
18 | [documentation and setup guide]: https://docs.rudderstack.com/data-warehouse-integrations/google-bigquery
19 |
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/BRANCH.md:
--------------------------------------------------------------------------------
1 | ## Branch.io
2 |
3 | Branch.io is an industry leader in cross-platform attribution, mobile app measurement, and deep linking services. It offers unique solutions that unify user measurement across different devices, platforms, and channels. Branch.io also provides deep links that power referral systems, sharing links and invites with full attribution and analytics.
4 |
5 | ### Get More Out of Branch.io With RudderStack
6 |
7 | RudderStack allows you to configure Branch.io as a destination to which you can send your event data seamlessly.
8 |
9 | ## Useful Links
10 |
11 | [Branch Website][]
12 | [Documentation and Setup guide][]
13 | [View on GitHub][]
14 |
15 | [//]: # "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"
16 | [branch website]: https://branch.io
17 | [documentation and setup guide]: https://docs.rudderstack.com/destinations/branchio
18 | [view on github]: https://github.com/rudderlabs/rudder-server
19 |
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/BRAZE.md:
--------------------------------------------------------------------------------
1 | ## Braze
2 |
3 | Braze is an industry-leading customer engagement platform. With Braze, you can better understand your customers' in-app behavior and use the insights to improve your overall app experience, and increase customer engagement and retention.
4 |
5 | ### Get More Out of Braze With RudderStack
6 |
7 | With RudderStack's SDKs for mobile and web platforms, you can send your in-app event data to Braze directly for contextual analysis.
8 |
9 | ### Useful Links
10 |
11 | [Braze Website][]
12 | [Documentation and Setup guide][]
13 | [View on GitHub][]
14 |
15 | [//]: # "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"
16 | [braze website]: https://www.braze.com
17 | [documentation and setup guide]: https://docs.rudderstack.com/destinations/braze
18 | [view on github]: https://github.com/rudderlabs/rudder-server
19 |
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/CHARTBEAT.md:
--------------------------------------------------------------------------------
1 | ## Chartbeat
2 |
3 | Chartbeat is the industry leader for real-time content and web analytics. It is based on JavaScript, and lets you collect, configure and analyze your content to reach the right audience.
4 |
5 | ### Get More Out of Chartbeat With RudderStack
6 |
7 | Chartbeat can be blocked by browsers, browser extensions, and firewalls. Use RudderStack to send your events to Chartbeat from the web native SDKs by calling RudderStack's APIs.
8 |
9 | ### Useful Links
10 |
11 | [Chartbeat Website][]
12 | [Documentation and Setup guide][]
13 | [View on GitHub][]
14 |
15 | [//]: # "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"
16 | [chartbeat website]: https://chartbeat.com/
17 | [view on github]: https://github.com/rudderlabs/rudder-sdk-js/tree/master/integrations/Chartbeat
18 | [documentation and setup guide]: https://docs.rudderstack.com/destinations/chartbeat
19 |
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/CLEVERTAP.md:
--------------------------------------------------------------------------------
1 | # CleverTap
2 |
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/CRITEO.md:
--------------------------------------------------------------------------------
1 | ## criteo
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/CUSTOMERIO.md:
--------------------------------------------------------------------------------
1 | ## Customer.io
2 |
3 | Customer.io is a popular platform for sending automated messages and emails to your customers, with a focus on security and privacy. With Customer.io, you get complete information about your customers in one place, and use it to create personalized messages and campaigns for them.
4 |
5 | ### Get More Out of Customer.io With RudderStack
6 |
7 | RudderStack supports sending your events to Customer.io via the cloud mode (Server to Server) and native web SDKs in real-time.
8 |
9 | ### Useful Links
10 |
11 | [Customer.io Website][]
12 | [Documentation and Setup guide][]
13 | [View on GitHub][]
14 |
15 | [//]: # "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"
16 | [customer.io website]: https://customer.io/
17 | [documentation and setup guide]: https://docs.rudderstack.com/destinations/customer.io
18 | [view on github]: https://github.com/rudderlabs/rudder-transformer/tree/master/v0/destinations/customerio
19 |
20 |
21 |
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/DELIGHTED.md:
--------------------------------------------------------------------------------
1 | ## Delighted
2 |
3 | Delighted is a customer feedback platform - providing a range of ways for you and your team to gather, view, and act on feedback from your customers.
4 |
5 | ### Get More Out of Delighted With RudderStack
6 |
7 | RudderStack supports integration with Delighted and allows you to send customer data to Delighted seamlessly.
8 |
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/DRIP.md:
--------------------------------------------------------------------------------
1 | ## Drip
2 |
3 | Drip is a marketing automation platform built for Ecommerce - utilizing email, SMS and tight 3rd-party integrations to help businesses drive revenue.
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/FB_CUSTOM_AUDIENCE.md:
--------------------------------------------------------------------------------
1 |
2 | ## Facebook Custom Audience
3 |
4 |
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/FB_PIXEL.md:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rudderlabs/config-generator/6613019cfcddd337a2b05a26e74bd306f5688720/src/components/destinationsCatalogue/destinationsConfigure/FB_PIXEL.md
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/FIREBASE.md:
--------------------------------------------------------------------------------
1 | ## Google Firebase
2 |
3 | Firebase a popular mobile platform powered by Google. It helps you quickly develop high quality, enterprise-grade applications and grow your business. Firebase is tightly integrated with Google Analytics, a powerful analytics solution, and offers unlimited reporting for up to 500 events defined using the Firebase SDK.
4 |
5 | ### Get More Out of Firebase With RudderStack
6 |
7 | Send your event data from your source mobile apps to Firebase through RudderStack's Android, iOS and Unity SDKs - all in real-time!
8 |
9 | ### Useful Links
10 |
11 | [Firebase Website][]
12 | [Documentation and Setup guide][]
13 | [View on GitHub][]
14 |
15 | [//]: # "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"
16 |
17 | [firebase website]: https://firebase.google.com/
18 | [documentation and setup guide]: https://docs.rudderstack.com/destinations/firebase
19 | [view on github]: https://github.com/firebase/
20 |
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/FULLSTORY.md:
--------------------------------------------------------------------------------
1 | ## FullStory
2 |
3 | FullStory is a platform for analyzing user interactions, data recording and searching, and much more. It is the perfect platform to measure and improve your overall mobile app experience.
4 |
5 | ### Get More Out of FullStory With RudderStack
6 |
7 | RudderStack supports sending your event data to FullStory from our native web SDKs, to help you understand your customers better.
8 |
9 | ### Useful Links
10 |
11 | [FullStory Website][]
12 | [Documentation and Setup guide][]
13 | [View on GitHub][]
14 |
15 | [//]: # "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"
16 |
17 | [fullstory website]: https://www.fullstory.com/
18 | [documentation and setup guide]: https://docs.rudderstack.com/destinations/fullstory
19 | [view on github]: https://github.com/rudderlabs/rudder-sdk-js/tree/master/integrations/Fullstory
20 |
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/GA4.md:
--------------------------------------------------------------------------------
1 | ## Google Analytics 4
2 |
3 | Google Analytics 4 is upgraded version of Google Analytics Measurement Protocol specification.
4 |
5 | ### Get More Out of Google Analytics 4 With RudderStack
6 |
7 | RudderStack supports sending events from RudderStack SDKs to the Google Analytics endpoints. Its uses the S2S (Server-to-Server) connection mode for making requests to Google Analytics endpoints, through Google Analytics 4 specification.
8 |
9 | ### Useful Links
10 |
11 | [Google Analytics Website][]
12 | [Documentation and Setup guide][]
13 | [View on GitHub][]
14 |
15 | [//]: # "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"
16 | [google analytics website]: https://analytics.google.com/analytics/web/
17 | [documentation and setup guide]: https://docs.rudderstack.com/destinations/google-analytics-4
18 | [view on github]: https://github.com/rudderlabs/rudder-sdk-js/tree/master/integrations/GA
19 |
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/GAINSIGHT.md:
--------------------------------------------------------------------------------
1 | # Gainsight CS
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/GAINSIGHT_PX.md:
--------------------------------------------------------------------------------
1 | # Gainsight PX
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/GOOGLESHEETS.md:
--------------------------------------------------------------------------------
1 | ## Google Sheets
2 |
3 | Google Sheets is an online spreadsheets program offered by Google. It enables users to store and manage data in spreadsheets online without the requirement to download the software natively.
4 |
5 | ### Get More Out of Google Sheets With RudderStack
6 |
7 | With RudderStack, you can easily configure Google Sheets as a destination and send your event data to it directly.
8 |
9 | ### Useful Links
10 |
11 | [Google Sheets Website][]
12 | [Documentation and Setup guide][]
13 | [View on GitHub][]
14 |
15 | [//]: # "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"
16 |
17 | [google pub/sub website]: https://www.google.com/sheets/about/
18 | [Documentation and Setup guide]: https://docs.rudderstack.com/destinations/googlesheets
19 | [View on GitHub]: https://github.com/rudderlabs/rudder-transformer/tree/master/v0/destinations/googlesheets
20 |
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/HEAP.md:
--------------------------------------------------------------------------------
1 | ## Heap.io
2 |
3 | Heap.io is a popular analytics platform ideal for product, marketing and customer success teams. It is used for better understanding your users by analyzing their in-app activity, and designing unique customer experiences for them. This helps you boost your overall customer engagement and thereby retention rates.
4 |
5 | ### Get More Out of Heap With RudderStack
6 |
7 | With RudderStack, you can easily send your event data to Heap.io for effective customer behavior analytics.
8 |
9 | ### Useful Links
10 |
11 | [Heap.io Website][]
12 | [Documentation and Setup guide][]
13 | [View on GitHub][]
14 |
15 | [//]: # "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"
16 |
17 | [heap.io website]: https://heap.io/
18 | [documentation and setup guide]: https://docs.rudderstack.com/
19 | [view on github]: https://github.com/rudderlabs/rudder-transformer/tree/master/v0/destinations/heap
20 |
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/HOTJAR.md:
--------------------------------------------------------------------------------
1 | ## Hotjar
2 |
3 | Hotjar is a popular behavior analytics platform for marketing teams and product managers to better understand and improve their product. It allows them to understand the behavior of their website's visitors through heat maps, surveys and conversion funnels.
4 |
5 | ### Get More Out of Hotjar With RudderStack
6 |
7 | RudderStack helps you integrate your website with Hotjar to auto-track all your user data. All you need is a Hotjar account and site ID for your website to get started!
8 |
9 | ### Useful Links
10 |
11 | [Hotjar Website][]
12 | [Documentation and Setup guide][]
13 | [View on GitHub][]
14 |
15 | [//]: # "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"
16 | [hotjar website]: https://www.hotjar.com/
17 | [documentation and setup guide]: https://docs.rudderstack.com/destinations/hotjar
18 | [view on github]: https://github.com/rudderlabs/rudder-sdk-js/tree/master/integrations/Hotjar
19 |
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/HS.md:
--------------------------------------------------------------------------------
1 | ## HubSpot
2 |
3 | HubSpot is a leading marketing and sales platform that helps you track leads, as well as inbound marketing and sales. It offers state-of-the-art tools for efficient marketing, tracking sales and offering better customer support.
4 |
5 | ### Get More Out of HubSpot With RudderStack
6 |
7 | Using RudderStack's APIs, you can easily send your customer event data to HubSpot for effective marketing and sales.
8 |
9 | ### Useful Links
10 |
11 | [HubSpot Website][]
12 | [Documentation and Setup guide][]
13 | [View on GitHub][]
14 |
15 | [//]: # "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"
16 |
17 | [hubspot website]: https://www.hubspot.com
18 | [documentation and setup guide]: https://docs.rudderstack.com/destinations/hubspot
19 | [view on github]: https://github.com/rudderlabs/rudder-transformer/tree/master/v0/destinations/hs
20 |
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/INDICATIVE.md:
--------------------------------------------------------------------------------
1 | ## Indicative
2 |
3 | Indicative is a popular customer analytics platform, designed especially for product managers, marketers, and data analysts. It allows you to have an easy access to your data by connecting directly to your data warehouse.
4 |
5 | ### Get More Out of With RudderStack
6 |
7 | RudderStack allows you to seamlessly configure Indicative as a destination to which you can send your event data seamlessly via RudderStack's cloud mode.
8 |
9 | ### Useful Links
10 |
11 | [Indicative Website][]
12 | [Documentation and Setup guide][]
13 | [View on GitHub][]
14 |
15 | [//]: # "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"
16 |
17 | [indicative Website]: https://indicative.com/
18 | [Documentation and Setup guide]: https://docs.rudderstack.com/destinations/indicative
19 | [View on GitHub]: https://github.com/rudderlabs/rudder-transformer/tree/master/v0/destinations/indicative
20 |
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/INTERCOM.md:
--------------------------------------------------------------------------------
1 | ## Intercom
2 |
3 | Intercom is an industry-leading, real-time business messaging platform. It allows you to bring together and manage all your customer life cycle activities on a single platform.
4 |
5 | ### Get More Out of Intercom With RudderStack
6 |
7 | RudderStack allows you to send your event data from a variety of sources to Intercom through S2S and native SDKs by calling the relevant RudderStack APIs.
8 |
9 | ## Useful Links
10 |
11 | [Intercom Website][]
12 | [Documentation and Setup guide][]
13 | [View on GitHub][]
14 |
15 | [//]: # "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"
16 | [intercom website]: https://intercom.com/
17 | [documentation and setup guide]: https://docs.rudderstack.com/destinations/intercom
18 | [view on github]: https://github.com/rudderlabs/rudder-transformer/tree/master/v0/destinations/intercom
19 |
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/ITERABLE.md:
--------------------------------------------------------------------------------
1 | ## Iterable
2 |
3 | Iterable is a popular growth marketing platform that allows you to maximize customer interaction, and improve your customers' overall LTV (Lifetime Value).
4 |
5 | ### Get More Out of Iterable With RudderStack
6 |
7 | RudderStack allows you to configure Iterable as a destination and send your event data to it directly. The configuration on the RudderStack dashboard is just a matter of minutes as well - so you can set up the integration and start sending your events to Iterable in no time!
8 |
9 | ### Useful Links
10 |
11 | [Iterable Website][]
12 | [Documentation and Setup guide][]
13 | [View on GitHub][]
14 |
15 | [//]: # "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"
16 |
17 | [iterable website]: https://iterable.com/
18 | [documentation and setup guide]: https://docs.rudderstack.com/destinations/iterable
19 | [view on github]: https://github.com/rudderlabs/rudder-transformer/tree/master/v0/destinations/iterable
20 |
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/KAFKA.md:
--------------------------------------------------------------------------------
1 | ## Apache Kafka
2 |
3 | Apache Kafka is a popular distributed streaming platform. It allows you to handle large-scale workloads with high throughput and low latency. Apache Kafka is highly available and is used across the world for building real-time data pipelines and streaming applications.
4 |
5 | ### Get More Out of Apache Kafka With RudderStack
6 |
7 | RudderStack allows you to configure Apache Kafka as a destination to which you can send your event data seamlessly.
8 |
9 | ### Useful Links
10 |
11 | [Apache Kafka Website][]
12 | [Documentation and Setup guide][]
13 | [View on GitHub][]
14 |
15 | [//]: # "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"
16 | [apache kafka website]: https://kafka.apache.org/
17 | [documentation and setup guide]: https://docs.rudderstack.com/destinations/kafka
18 | [view on github]: https://github.com/rudderlabs/rudder-transformer/tree/master/v0/destinations/kafka
19 |
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/KEEN.md:
--------------------------------------------------------------------------------
1 | ## Keen.io
2 |
3 | Keen.io is a customer analytics platform that allows you to collect, analyze and get invaluable marketing insights from your customer event data.
4 |
5 | ### Get More Out of Keen With RudderStack
6 |
7 | RudderStack supports S2S (Server to Server) cloud mode and Web Native SDK for integration with Keen. This way, you can send your customer event data attached to Keen collections using RudderStack APIs.
8 |
9 | Keen.io can sometimes be blocked by browsers, browser extensions, and firewalls. Use an on-premise hosted version of RudderStack to avoid this.
10 |
11 | ### Useful Links
12 |
13 | [Keen Website][]
14 | [Documentation and Setup guide][]
15 | [View on GitHub][]
16 |
17 | [keen website]: https://keen.io/
18 | [documentation and setup guide]: https://docs.rudderstack.com/destinations/keen
19 | [view on github]: https://github.com/rudderlabs/rudder-transformer/tree/master/v0/destinations/keen
20 |
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/KISSMETRICS.md:
--------------------------------------------------------------------------------
1 | ## Kissmetrics
2 |
3 | Kissmetrics is a product analytics platform to help you increase conversion, as well as drive customer engagement and retention.
4 |
5 | ### Get More Out of Kissmetrics With RudderStack
6 |
7 | Now you can send your events to Kissmetrics via RudderStack with minimum time and effort. Simply configure Kissmetrics as a destination on the RudderStack dashboard, and get started in no time!
8 |
9 | ### Useful Links
10 |
11 | [Kissmetrics Website][]
12 | [Documentation and Setup guide][]
13 | [View on GitHub][]
14 |
15 | [//]: # "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"
16 | [kissmetrics website]: https://www.kissmetricshq.com/
17 | [documentation and setup guide]: https://docs.rudderstack.com/destinations/kissmetrics
18 | [view on github]: https://github.com/rudderlabs/rudder-transformer/tree/master/v0/destinations/kissmetrics
19 |
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/KLAVIYO.md:
--------------------------------------------------------------------------------
1 | ## Klaviyo
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/KOCHAVA.md:
--------------------------------------------------------------------------------
1 | ## Kochava
2 |
3 | Kochava is a leading mobile measurement and app analytics platform that offers unique dynamic deep linking, audience segmenting and data accessibility capabilities for your business.
4 |
5 | ### Get More Out of Kochava With RudderStack
6 |
7 | RudderStack allows you to send your customer events to Kochava through a S2S (Server-to-Server) integration with the platform.
8 |
9 | ### Useful Links
10 |
11 | [Kochava Website][]
12 | [Documentation and Setup guide][]
13 | [View on GitHub][]
14 |
15 | [//]: # "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"
16 | [kochava website]: https://www.kochava.com/
17 | [documentation and setup guide]: https://docs.rudderstack.com/destinations/kochava
18 | [view on github]: https://github.com/rudderlabs/rudder-transformer/tree/master/v0/destinations/kochava
19 |
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/KUSTOMER.md:
--------------------------------------------------------------------------------
1 | ## Kustomer
2 |
3 | Kustomer enables you to deliver convenient, quality, experiences for your customers. It is next-gen data-driven CRM for customer service enabling you to resolve more converstations rapidly.
4 |
5 | ### Get More Out of Kustomer With RudderStack
6 |
7 | Now it is super easy to send events to Kustomer using Rudderstack. Simply configure Kustomer as a destination on the RudderStack dashboard, and get started in no time!
8 |
9 | ### Useful Links
10 |
11 | [Kustomer Website][]
12 | [Documentation and Setup guide][]
13 | [View on GitHub][]
14 |
15 | [//]: # "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"
16 | [kissmetrics website]: https://www.kustomer.com/
17 | [documentation and setup guide]: https://docs.rudderstack.com/destinations/kustomer
18 | [view on github]: https://github.com/rudderlabs/rudder-transformer/tree/master/v0/destinations/kustomer
19 |
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/LEANPLUM.md:
--------------------------------------------------------------------------------
1 | ## Leanplum
2 |
3 | Leanplum is a popular mobile marketing and customer engagement platform. It allows you to boost customer engagement and thereby drive retention, boost conversion rate and increase your business revenue.
4 |
5 | ### Get More Out of Leanplum With RudderStack
6 |
7 | RudderStack allows you to configure Leanplum as a destination and send your event data to it directly. To configure, simply enter your Leanplum settings in the RudderStack dashboard, and get started immediately!
8 |
9 | ### Useful Links
10 |
11 | [Leanplum Website][]
12 | [Documentation and Setup guide][]
13 | [View on GitHub][]
14 |
15 | [//]: # "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"
16 | [Leanplum website]: https://www.leanplum.com
17 | [documentation and setup guide]: https://docs.rudderstack.com/destinations/leanplum
18 | [view on github]: https://github.com/rudderlabs/rudder-transformer/tree/master/v0/destinations/leanplum
19 |
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/LINKEDIN_INSIGHT_TAG.md:
--------------------------------------------------------------------------------
1 | ## LinkedIn Pixel
2 |
3 | LinkedIn Insight Tag allows you to enable in-depth campaign reporting and unlock valuable insights about your website visitors. You can use it to track conversions, retarget website visitors.
4 |
5 | ## Get more out of LinkedIn Insight Tag with Rudderstack
6 |
7 | Now it is super easy to do it with Rudderstack.
8 |
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/LOTAME.md:
--------------------------------------------------------------------------------
1 | ## Lotame
2 |
3 | Lotame is a popular data management and enrichment platform, used mainly for digital advertising. Its unique data solutions allow you to find new customers, improve engagement with them, and grow your revenue.
4 |
5 | ### Get More Out of Lotame With RudderStack
6 |
7 | RudderStack supports syncing Lotame's BCP Pixel and DSP Pixel through our `page` and `identify` call.
8 |
9 | ### Useful Links
10 |
11 | [Lotame Website][]
12 | [Documentation and Setup guide][]
13 | [View on GitHub][]
14 |
15 | [//]: # "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"
16 |
17 | [lotame website]: https://www.lotame.com/
18 | [documentation and setup guide]: https://docs.rudderstack.com/destinations/lotame
19 | [view on github]: https://github.com/rudderlabs/rudder-sdk-js/tree/master/integrations/Lotame
20 |
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/LOTAME_MOBILE.md:
--------------------------------------------------------------------------------
1 | ## Lotame Mobile
2 |
3 | Lotame is a popular data management and enrichment platform, used mainly for digital advertising. Its unique data solutions allow you to find new customers, improve engagement with them, and grow your revenue.
4 |
5 | ### Get More Out of Lotame Mobile With RudderStack
6 |
7 | RudderStack supports syncing Lotame's BCP Pixel and DSP Pixel through our `page` and `identify` call.
8 |
9 | ### Useful Links
10 |
11 | [Lotame Website][]
12 | [Documentation and Setup guide][]
13 | [View on GitHub][]
14 |
15 | [//]: # "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"
16 |
17 | [lotame website]: https://www.lotame.com/
18 | [documentation and setup guide]: https://docs.rudderstack.com/destinations/lotame
19 | [view on github]: https://github.com/rudderlabs/rudder-sdk-js/tree/master/integrations/Lotame
20 |
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/MARKETO_BULK_UPLOAD.md:
--------------------------------------------------------------------------------
1 | ## Marketo Lead Import
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/MOENGAGE.md:
--------------------------------------------------------------------------------
1 | ## MoEngage
2 |
3 | MoEngage is an intelligent customer engagement platform that allows you to effectively engage with your customers throughout their product journey. With MoEngage, you can effectively deliver personalized communication to your customers, and thereby increase overall customer engagement and audience retention.
4 |
5 | ### Get More Out of MoEngage With RudderStack
6 |
7 | RudderStack now supports MoEngage as a destination to seamlessly send your event data in real-time.
8 |
9 | ### Useful Links
10 |
11 | [MoEngage Website][]
12 | [Documentation and Setup guide][]
13 |
14 | [//]: # "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"
15 |
16 | [moengage website]: https://www.moengage.com/
17 | [documentation and setup guide]: https://docs.rudderstack.com/destinations/moengage
18 |
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/OMETRIA.md:
--------------------------------------------------------------------------------
1 | ## Ometria
2 |
3 | Ometria is a customer data and marketing platform that helps retailers increase CRM revenue by sending personalized marketing messages throughout the customer journey.
4 |
5 | ### Get More Out of Ometria With RudderStack
6 |
7 | You can now send your event data directly to Ometria through RudderStack's [cloud mode](https://docs.rudderstack.com/get-started/rudderstack-connection-modes#cloud-mode).
8 |
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/OPTIMIZELY_FULLSTACK.md:
--------------------------------------------------------------------------------
1 | ## Optimizely FullStack
2 |
3 | Optimizely Full Stack is a powerful A/B testing, feature flagging and experimentation platform. It allows you to track every aspect of your customer's overall product journey, and experiment with various application features.
4 |
5 | ### Get More Out of Optimizely With RudderStack
6 |
7 | RudderStack supports Optimizely Full Stack as a destination to which you can send your event data in real-time.
8 |
9 | ### Useful Links
10 |
11 | [Optimizely Website][]
12 | [Documentation and Setup guide][]
13 |
14 | [//]: # "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"
15 |
16 | [optimizely website]: https://www.optimizely.com/products/full-stack/
17 | [documentation and setup guide]: https://docs.rudderstack.com/destinations/optimizely-full-stack
18 |
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/PENDO.md:
--------------------------------------------------------------------------------
1 | ## Pendo
2 |
3 | Pendo is a popular product analytics platform that allows you to better understand your customers, and deliver personalized, guided product journeys for them. With Pendo, your product teams can easily understand your customers' product usage, collect feedback from them, and roll out new in-app features - all without requiring significant engineering resources.
4 |
5 | ### Get More Out of Pendo With RudderStack
6 |
7 | Send your event data from your source mobile apps to Pendo in real-time, through RudderStack's device mode.
8 |
9 | ### Useful Links
10 |
11 | [Pendo Website][]
12 | [Documentation and Setup guide][]
13 |
14 | [//]: # "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"
15 |
16 | [pendo website]: https://www.pendo.io/
17 | [documentation and setup guide]: https://docs.rudderstack.com/destinations/pendo
18 |
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/PINTEREST_TAG.md:
--------------------------------------------------------------------------------
1 | ## Pinterest tag
2 |
3 |
4 | ### Get More Out of Pinterest Tag With RudderStack
5 |
6 | Send your event data from your source mobile apps to Pinterest Tag in real-time, through RudderStack's device mode.
7 |
8 | ### Useful Links
9 |
10 | [Pinterest Tag Website][]
11 | [Documentation and Setup guide][]
12 |
13 | [//]: # "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"
14 |
15 | [Pinterest Tag website]:
16 | [documentation and setup guide]:
17 |
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/PIPEDRIVE.md:
--------------------------------------------------------------------------------
1 | # Pipedrive
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/PROFITWELL.md:
--------------------------------------------------------------------------------
1 | ## ProfitWell
2 |
3 | ProfitWell provides users with all their financial and subscription metrics in one place.
4 |
5 | ### Get More Out of ProfitWell With RudderStack
6 |
7 | You can now send your event data directly to ProfitWell through RudderStack. Simply configure ProfitWell as a destination on your RudderStack dashboard, and get started in a matter of minutes!
8 |
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/QUALTRICS.md:
--------------------------------------------------------------------------------
1 | ## QUALTRICS
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/QUANTUMMETRIC.md:
--------------------------------------------------------------------------------
1 | ## Quantum Metric
2 |
3 | Quantum Metric is a popular behavior analytics platform, suitable for marketing teams and product managers to better understand and improve their product. It allows them to understand the behavior of their website's visitors through screen recording sessions and quantifying actions taken on your website.
4 |
5 | ### Get More Out of Quantum Metric With RudderStack
6 |
7 | RudderStack helps you integrate your website with Quantum Metric to auto-track all your user data. All you need is a Quantum Metric account and site ID for your website to get started!
8 |
9 | ### Useful Links
10 |
11 | [Quantum Metric Website][]
12 | [Documentation and Setup guide][]
13 |
14 | [//]: # "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"
15 | [quantum metric website]: https://www.quantummetric.com/
16 | [documentation and setup guide]: https://docs.rudderstack.com/destinations/quantummetric
17 |
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/RECURLY.md:
--------------------------------------------------------------------------------
1 | ## Recurly
2 |
3 |
4 | ### Get More Out of Recurly With RudderStack
5 |
6 | RudderStack allows you to seamlessly configure Recurly as a destination to which you can send your event data seamlessly.
7 |
8 | ### Useful Links
9 |
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/REDDIT_PIXEL.md:
--------------------------------------------------------------------------------
1 | ## Reddit Pixel
2 |
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/REDIS.md:
--------------------------------------------------------------------------------
1 | ## Redis
2 |
3 | Redis is an open-source, in-memory data structure store, which can be used as a database, and a message broker.
4 |
5 | ### Get More Out of Redis With RudderStack
6 |
7 | Use Redis to store user traits sent in `identify` calls. This gives quick access to all the user traits in your application.
8 |
9 | ### Useful Links
10 |
11 | [Redis Website][]
12 | [Documentation and Setup guide][]
13 |
14 | [//]: # "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"
15 |
16 | [redis website]: https://redis.io/
17 | [documentation and setup guide]: https://docs.rudderstack.com/destinations/redis
18 |
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/S3.md:
--------------------------------------------------------------------------------
1 | ## Amazon S3
2 |
3 | Amazon S3 (Simple Storage Service) is a cloud-based object storage service that allows you to store your data at scale, securely. With an easy to use interface and management features, S3 allows for effortless organizing of data to meet the business-specific requirements.
4 |
5 | ### Get More Out of Amazon S3 With RudderStack
6 |
7 | RudderStack allows you to configure Amazon S3 as a destination to which you can dump your event data seamlessly.
8 |
9 | ### Useful Links
10 |
11 | [Amazon S3 Website][]
12 | [Documentation and Setup guide][]
13 | [View on GitHub][]
14 |
15 | [//]: # "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"
16 | [amazon s3 website]: https://docs.aws.amazon.com/s3/index.html
17 | [documentation and setup guide]: https://docs.rudderstack.com/destinations/amazon-s3
18 | [view on github]: https://github.com/rudderlabs/rudder-server
19 |
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/SALESFORCE.md:
--------------------------------------------------------------------------------
1 | ## Salesforce
2 |
3 | Salesforce is an industry leader in enterprise CRM. It offers a suite of enterprise applications revolving around marketing automation, customer engagement and support, application development as well as analytics.
4 |
5 | ### Get More Out of Salesforce With RudderStack
6 |
7 | With RudderStack, you can integrate your data sources to Salesforce in order to identify your leads - without having to use the REST APIs.
8 |
9 | ### Useful Links
10 |
11 | [Salesforce Website][]
12 | [Documentation and Setup guide][]
13 | [View on GitHub][]
14 |
15 | [//]: # "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"
16 | [salesforce website]: https://developer.salesforce.com/docs/
17 | [documentation and setup guide]: https://docs.rudderstack.com/destinations/salesforce
18 | [view on github]: https://github.com/rudderlabs/rudder-server
19 |
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/SENDGRID.md:
--------------------------------------------------------------------------------
1 | ## Sendgrid
2 | Sendgrid allows to send mail to customer on large scale.
3 |
4 | ### Get More Out of Sendgrid With RudderStack
5 |
6 | You can now send your event data directly to Sendgrid through RudderStack's [cloud mode](https://docs.rudderstack.com/get-started/rudderstack-connection-modes#cloud-mode).
7 |
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/SENTRY.md:
--------------------------------------------------------------------------------
1 | ## Sentry
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/SFMC.md:
--------------------------------------------------------------------------------
1 | ## Salesforce Marketing Cloud
2 |
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/SLACK.md:
--------------------------------------------------------------------------------
1 | ## Slack
2 |
3 | Slack is a popular business communication platform that allows you to organize all your business-related chats by specific topics, groups or direct / personal messaging.
4 |
5 | ### Get More Out of Slack With RudderStack
6 |
7 | RudderStack supports integration with Slack and allows you to send your business messaging data to Slack seamlessly.
8 |
9 | ### Useful Links
10 |
11 | [Slack Website][]
12 | [Documentation and Setup guide][]
13 |
14 | [//]: # "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"
15 |
16 | [slack website]: https://slack.com/intl/en-in/
17 | [documentation and setup guide]: https://docs.rudderstack.com/destinations/slack
18 |
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/SNAP_PIXEL.md:
--------------------------------------------------------------------------------
1 | ## Snap Pixel
2 |
3 | The Snap Pixel helps Advertisers measure the cross-device impact of Campaigns. Advertisers will be able to see how many Snapchatters take action on their website(s) after seeing their Ad.
4 |
5 | ### Get More Out of Snap Pixel With RudderStack
6 |
7 | You can now send your event data directly to Snap Pixel through RudderStack. Simply configure Pixel as a destination on your RudderStack dashboard, and get started in a matter of minutes!
8 |
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/SPLITIO.md:
--------------------------------------------------------------------------------
1 | ## split.io
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/TRENGO.md:
--------------------------------------------------------------------------------
1 | ## Trengo
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/TVSQUARED.md:
--------------------------------------------------------------------------------
1 | ## TVSquared
2 |
3 | TVSquared is a television attribution platform. It specializes in enterprise-scale cross-screen and multi-touch TV attribution and measurement.
4 |
5 | TVSquared empowers the advertising companies to quantify and attribute responses generated across televisions everywhere, and deliver meaningful business insights from the linear and digital TV content.
6 |
7 | ### Get More Out of TVSquared With RudderStack
8 |
9 | RudderStack supports TVSquared as a destination. Now you can send your event data to TVSquared in real-time for effective TV attribution and measurement.
10 |
11 | ### Useful Links
12 |
13 | [TVSquared Website][]
14 | [Documentation and Setup guide][]
15 |
16 | [//]: # "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"
17 |
18 | [TVSquared Website]: https://tvsquared.com/
19 | [Documentation and Setup guide]: https://docs.rudderstack.com/destinations/tvsquared
20 |
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/USERLIST.md:
--------------------------------------------------------------------------------
1 | # Userlist
2 |
3 | Userlist allows you to send behavior-based messages to your SaaS users. It’s great for onboarding users as well as nurturing them throughout their journey.
4 |
5 | ## Get More Out of Userlist With RudderStack
6 |
7 | RudderStack supports sending your events to Userlist the cloud mode (Server to Server) in real-time.
8 |
9 | ## Useful Links
10 |
11 | [Userlist Website](https://userlist.com)
12 | [Documentation and Setup guide](https://docs.rudderstack.com/destinations/userlist)
13 | [View on GitHub](https://github.com/rudderlabs/rudder-transformer/tree/master/v0/destinations/userlist)
14 |
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/VARIANCE.md:
--------------------------------------------------------------------------------
1 | ## Variance
2 |
3 | The Variance Customer Growth Platform hooks into your customer data and makes it easy for anyone to create, access, and manage intent-based signals across all stages of a customer’s journey.
4 |
5 | ### Get More Out of Variance With RudderStack
6 |
7 | In just three minutes you can have your RudderStack prospect and customer data flowing into Variance and start arming your whole organization with the signals they need to drive growth. Variance works with all your RudderStack data, automatically extracting contact, account, and event information to create a 360-degree view of your customer with no SQL or code required. If you have any questions at all, please reach out and we're happy to hop on a video call and help you get set up.
8 |
9 | ### Useful Links
10 |
11 | [Variance + Rudderstack](https://www.variance.com/integrations/rudderstack)
12 | [Docs @ Variance: Rudderstack](https://www.variance.com/docs/rudderstack)
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/VWO.md:
--------------------------------------------------------------------------------
1 | ## Visual Website Optimizer (VWO)
2 |
3 | VWO is a A/B testing and product optimization platform. It provides an intuitive visual editor where you can run A/B tests without the need to write any HTML code. With VWO, you can improve your key business metrics through valuable user journey insights and better product engagement.
4 |
5 | ### Get More Out of VWO With RudderStack
6 |
7 | RudderStack supports a seamless integration with VWO, that allows you to send relevant events from VWO to other destinations configured to that source.
8 |
9 | ### Useful Links
10 |
11 | [VWO Website][]
12 | [Documentation][]
13 | [View on GitHub][]
14 |
15 | [//]: # "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"
16 | [VWO website]: https://vwo.com/
17 | [documentation]: https://docs.rudderstack.com/destinations/vwo-beta-visual-website-optimizer
18 | [view on github]: https://github.com/rudderlabs/rudder-sdk-js/tree/master/integrations/VWO
19 |
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/destinationsConfigure/WEBHOOK.md:
--------------------------------------------------------------------------------
1 | ## Webhooks
2 | Webhooks allow you to send events generated via the RudderStack SDK to your own backend. It is useful for cases where you want to apply some custom logic on the payload before sending it to the destination platforms of your choice. Once enabled, RudderStack forwards the SDK events to your configured webhook endpoint.
3 |
4 | ### Useful Links
5 |
6 | [Webhooks Wikipedia][]
7 | [Documentation and Setup guide][]
8 | [View on GitHub][]
9 |
10 | [//]: # "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"
11 |
12 | [webhooks wikipedia]: https://en.wikipedia.org/wiki/Webhook
13 | [documentation and setup guide]: https://docs.rudderstack.com/destinations/webhooks
14 | [view on github]: https://github.com/rudderlabs/rudder-transformer/tree/master/v0/destinations/webhook
15 |
--------------------------------------------------------------------------------
/src/components/destinationsCatalogue/styles.ts:
--------------------------------------------------------------------------------
1 | import styled from 'styled-components';
2 | import { Modal } from 'antd';
3 |
4 | export const BodyContainer = styled.div`
5 | margin: 50px 50px 0px 50px;
6 | `;
7 |
8 | export const Container = styled.div`
9 | display: flex;
10 | flex-direction: column;
11 | margin: 0px 50px 0px 50px;
12 | min-width: 300px;
13 | `;
14 |
15 | export const Heading = styled.div`
16 | padding: 50px 0px 20px 0px;
17 | text-align: start;
18 | `;
19 |
20 | export const ModalRight = styled(Modal)`
21 | top: 0;
22 | left: 50%;
23 | margin: 0px !important;
24 | width: unset !important;
25 | .ant-modal-content {
26 | margin: 0px;
27 | }
28 | `;
29 |
--------------------------------------------------------------------------------
/src/components/destinationsList/styles.ts:
--------------------------------------------------------------------------------
1 | import styled from 'styled-components';
2 | import { Label } from '@components/common/typography';
3 |
4 | export const Container = styled.div`
5 | text-align: start;
6 | `;
7 |
8 | export const ButtonText = styled(Label)`
9 | margin-left: 10px;
10 | color: ${props => props.color || props.theme.color.primary300};
11 | `;
12 |
--------------------------------------------------------------------------------
/src/components/iconCard/styles.ts:
--------------------------------------------------------------------------------
1 | import styled from 'styled-components';
2 |
3 | export const Container = styled.div`
4 | background: ${({ theme }) => theme.color.white};
5 | display: flex;
6 | flex-direction: column;
7 | justify-content: center;
8 | align-items: center;
9 | position: relative;
10 | height: 120px;
11 | width: 180px;
12 | margin: 10px 10px 10px 0px;
13 | /* Gray 50 */
14 | border: 1px solid ${({ theme }) => theme.color.grey100};
15 | border-radius: 10px;
16 | &:hover {
17 | border: 1px solid ${({ theme }) => theme.color.primary100};
18 | /* border-radius: 10px; */
19 | }
20 | &.active {
21 | border: 1px solid ${({ theme }) => theme.color.primary100};
22 | box-shadow: inset 0 0 6pt 1pt
23 | ${({ theme }) => theme.color.primary100_transparent};
24 | background-clip: padding-box;
25 | }
26 | `;
27 |
28 | export const AbsoluteContaier = styled.div`
29 | position: absolute;
30 | top: 0px;
31 | left: 0px;
32 | `;
33 |
--------------------------------------------------------------------------------
/src/components/iconCardList/styles.ts:
--------------------------------------------------------------------------------
1 | import styled from 'styled-components';
2 |
--------------------------------------------------------------------------------
/src/components/source/primaryButton.ts:
--------------------------------------------------------------------------------
1 | import { Button } from '@components/common/button';
2 | import styled from 'styled-components';
3 |
4 | export const PrimaryButton = styled(Button)`
5 | margin: 10px 0 10px 0px;
6 | background: transparent !important;
7 | border: 2px solid ${props => props.theme.color.primary};
8 | color: ${props => props.theme.color.primary} !important;
9 | font-weight: bold;
10 | `;
11 |
--------------------------------------------------------------------------------
/src/components/source/styles.ts:
--------------------------------------------------------------------------------
1 | import styled from 'styled-components';
2 |
3 | export const StyledContainer = styled.div`
4 | padding: 50px 80px;
5 | `;
6 |
7 | export const IconCardListContainer = styled.div`
8 | padding: 50px;
9 | > div {
10 | justify-content: center;
11 | }
12 | `;
13 |
14 | export const SourceNameInputContainer = styled.div`
15 | width: 475px;
16 | margin: auto;
17 | padding: 50px 0;
18 | input {
19 | width: 100%;
20 | }
21 | `;
22 |
--------------------------------------------------------------------------------
/src/components/sourceCard/emptySourceCard.tsx:
--------------------------------------------------------------------------------
1 | import { ReactComponent as Plus } from '@svg/plus.svg';
2 | import * as React from 'react';
3 | import { Link, RouteComponentProps } from 'react-router-dom';
4 |
5 | import { ButtonText, Content, EmptyStyledCard } from './styles';
6 |
7 | export interface EmptySourceCardProps extends RouteComponentProps {
8 | destinationId?: string;
9 | }
10 |
11 | export default class EmptySourceCard extends React.Component {
12 | public render() {
13 | const { destinationId } = this.props;
14 | let path = '/sources/setup';
15 | if (destinationId) {
16 | path = `/sources/setup/${destinationId}`;
17 | }
18 | return (
19 |
20 |
21 |
22 |
23 | ADD SOURCE
24 |
25 |
26 |
27 | );
28 | }
29 | }
30 |
--------------------------------------------------------------------------------
/src/components/sourceCard/styles.ts:
--------------------------------------------------------------------------------
1 | import { Card } from '@components/common/card';
2 | import { Label, Text } from '@components/common/typography';
3 | import styled from 'styled-components';
4 |
5 | export const StyledCard = styled(Card)`
6 | min-width: 371px;
7 | border-radius: 20px;
8 | padding-left: 35px;
9 | padding-right: 0px;
10 | margin-bottom: 10px;
11 | display: flex;
12 | align-items: center;
13 | box-shadow: none;
14 | height: 100px;
15 | `;
16 |
17 | export const Content = styled.div`
18 | padding: 0px 0px 0px 20px;
19 | `;
20 |
21 | export const EnabledText = styled(Text)`
22 | margin: 5px;
23 | `;
24 |
25 | export const EmptyStyledCard = styled(StyledCard)`
26 | border: 3px solid #e0e0e0;
27 | background-color: #f0f2f5;
28 | height: auto;
29 | `;
30 |
31 | export const ButtonText = styled(Label)`
32 | margin-left: 10px;
33 | color: ${props => props.color || props.theme.color.primary300};
34 | `;
35 |
--------------------------------------------------------------------------------
/src/components/sourceDetails/styles.ts:
--------------------------------------------------------------------------------
1 | import styled from 'styled-components';
2 |
3 | export const Container = styled.div`
4 | padding: 50px 50px 150px 50px;
5 | height: 100%;
6 | background-color: ${({ theme }) => theme.color.grey50};
7 | `;
8 |
9 | export const PageTitle = styled.div`
10 | font-size:${({ theme }) => theme.fontSize.h1};
11 | color: ${({ theme }) => theme.color.primary};
12 | margin: 0 0 35px 0;
13 | text-align: start;
14 | `;
15 |
--------------------------------------------------------------------------------
/src/components/sources/index.tsx:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 | import { observer } from 'mobx-react';
3 |
4 | import ConfiguredSources from '@components/configuredSources';
5 | import { Container } from './styles';
6 | import SourcesCatalogue from '@components/sourcesCatalogue';
7 |
8 | interface ISourcesProps {}
9 |
10 | @observer
11 | class Sources extends Component {
12 | public render() {
13 | return (
14 |
15 |
16 |
17 |
18 | );
19 | }
20 | }
21 |
22 | export default Sources;
23 |
--------------------------------------------------------------------------------
/src/components/sources/styles.ts:
--------------------------------------------------------------------------------
1 | import styled from 'styled-components';
2 |
3 | export const Container = styled.div`
4 | display: flex;
5 | flex-direction: column;
6 | margin: 0px 50px 100px 50px;
7 | `;
8 |
9 | export const Heading = styled.div`
10 | padding: 50px 0px 20px 0px;
11 | text-align: start;
12 | `;
13 |
--------------------------------------------------------------------------------
/src/components/sourcesCatalogue/Appsflyer.md:
--------------------------------------------------------------------------------
1 | ## appsflyer
--------------------------------------------------------------------------------
/src/components/sourcesCatalogue/google_search_console.md:
--------------------------------------------------------------------------------
1 | ## Google Search Console
2 |
3 | Google Search Console is a popular service for marketing and SEO professionals that helps monitor, maintain, and troubleshoot a website’s presence in Google Search results. By integrating Google Search Console, you will be able to analyze ready-to-use analytics-friendly, website search performance data in your data warehouse, and your BI. Go beyond Google Search Console’s vanilla dashboards and ask any question you want about your website activity data. Drill down to your data from visits, keywords, find out which are your most promising pages, or the pages with the most engagement. Having your Google Search Console data in the same data warehouse as your marketing, Google Analytics, support, or sales will help you get a holistic understanding of your business performance. Drill down to your data from your marketing channels, your revenue, and better understand how your visitors and customers engage with your products and content.
--------------------------------------------------------------------------------
/src/components/sourcesCatalogue/sourcesConfigure/AMP.md:
--------------------------------------------------------------------------------
1 | ## AMP Analytics Component
2 |
3 | With RudderStack’s AMP analytics component, you can track your customer event data from your AMP pages. Once enabled, the event requests hit the RudderStack servers, which then route the events to the specified destination platforms as configured by you.
4 |
5 | Now you don't need to implement or test multiple components for different destinations for your event data.
6 |
7 | ### Useful Links
8 |
9 | [Documentation](https://docs.rudderstack.com/rudderstack-sdk-integration-guides/amp-analytics)
10 | [View on GitHub](https://github.com/rudderlabs/rudder-sdk-amp)
11 |
12 |
--------------------------------------------------------------------------------
/src/components/sourcesCatalogue/sourcesConfigure/Android.md:
--------------------------------------------------------------------------------
1 | ## Android
2 |
3 | With RudderStack’s Android SDK, you can track and collect event data from your Android application seamlessly. After integrating the SDK, you will also be able to send this event data to a multitude of destination platforms for analytics.
4 |
5 | If you want to know more about the architecture of the Android SDK or simply want to get up and running with it, make sure you check out our GitHub codebase.
6 |
7 | ### Useful Links
8 |
9 | [Documentation][]
10 | [View on GitHub][]
11 |
12 | [//]: # "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"
13 | [documentation]: https://docs.rudderstack.com/rudderstack-sdk-integration-guides/rudderstack-android-sdk
14 | [view on github]: https://github.com/rudderlabs/rudder-sdk-android
15 |
--------------------------------------------------------------------------------
/src/components/sourcesCatalogue/sourcesConfigure/Appcenter.md:
--------------------------------------------------------------------------------
1 | ## App Center
--------------------------------------------------------------------------------
/src/components/sourcesCatalogue/sourcesConfigure/Appsflyer.md:
--------------------------------------------------------------------------------
1 | ## AppsFlyer
2 |
--------------------------------------------------------------------------------
/src/components/sourcesCatalogue/sourcesConfigure/Auth0.md:
--------------------------------------------------------------------------------
1 | ## Auth0
2 |
3 | [Auth0](https://auth0.com/) is a popular solution used by many companies to add authentication and authorization services to their applications. It is very flexible, and allows you to connect Auth0 to your application with just a few lines of code.
4 |
5 | You can add an Auth0 Authentication API webhook in your Auth0 Extension page that points to RudderStack. This way, you can send events to RudderStack whenever Auth0 generates an authentication log.
6 |
7 | ### Useful Links
8 |
9 | [Documentation](https://docs.rudderstack.com/sources/auth0)
10 | [View on GitHub](https://github.com/rudderlabs/rudderstack-auth0-extension)
11 |
12 |
--------------------------------------------------------------------------------
/src/components/sourcesCatalogue/sourcesConfigure/BQ.md:
--------------------------------------------------------------------------------
1 | ## Google BigQuery
2 |
3 | Google BigQuery is an industry-leading cloud data warehouse. It is fully-managed, and lets you to store and analyze petabytes of data in no time.
4 |
5 | ### Get More Out of Google BigQuery With RudderStack
6 |
7 | With RudderStack, you can store your customer event data into Google BigQuery - simply by adding it as a destination to the source of your choice.
8 |
9 | ### Useful Links
10 |
11 | [Google BigQuery Website][]
12 | [Warehouse Schema][]
13 | [Documentation and Setup guide][]
14 |
15 | [//]: # "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"
16 | [google bigquery website]: https://azure.microsoft.com/en-in/services/event-hubs/
17 | [warehouse schema]: https://docs.rudderstack.com/data-warehouse-integrations/warehouse-schemas
18 | [documentation and setup guide]: https://docs.rudderstack.com/data-warehouse-integrations/google-bigquery
19 |
--------------------------------------------------------------------------------
/src/components/sourcesCatalogue/sourcesConfigure/BigQuery.md:
--------------------------------------------------------------------------------
1 | ## Google BigQuery
2 |
3 | Google BigQuery is an industry-leading cloud data warehouse. It is fully-managed, and lets you to store and analyze petabytes of data in no time.
4 |
5 | ### Get More Out of Google BigQuery With RudderStack
6 |
7 | With RudderStack, you can store your customer event data into Google BigQuery - simply by adding it as a destination to the source of your choice.
8 |
9 | ### Useful Links
10 |
11 | [Google BigQuery Website][]
12 | [Warehouse Schema][]
13 | [Documentation and Setup guide][]
14 |
15 | [//]: # "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"
16 | [google bigquery website]: https://azure.microsoft.com/en-in/services/event-hubs/
17 | [warehouse schema]: https://docs.rudderstack.com/data-warehouse-integrations/warehouse-schemas
18 | [documentation and setup guide]: https://docs.rudderstack.com/data-warehouse-integrations/google-bigquery
19 |
--------------------------------------------------------------------------------
/src/components/sourcesCatalogue/sourcesConfigure/Cordova.md:
--------------------------------------------------------------------------------
1 | ## Cordova
2 |
3 | With RudderStack’s Cordova SDK, you can track your customer event data from your Cordova apps with ease. Once integrated, you can use the SDK to send your event data to the destination platform of your choice.
4 |
5 | Check out our documentation and the GitHub codebase to get started. Also, make sure you have the Cordova Development Environment set up on your system.
6 |
7 | ### Useful Links
8 |
9 | [Setting up the Cordova development environment](https://cordova.apache.org/#getstarted)
10 | [Documentation][]
11 | [View on GitHub][]
12 |
13 | [//]: # "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"
14 | [documentation]: https://docs.rudderstack.com/rudderstack-sdk-integration-guides/rudderstack-cordova-sdk
15 | [view on github]: https://github.com/rudderlabs/rudder-sdk-cordova
16 |
--------------------------------------------------------------------------------
/src/components/sourcesCatalogue/sourcesConfigure/Custom.md:
--------------------------------------------------------------------------------
1 | ## Create Custom Sources
--------------------------------------------------------------------------------
/src/components/sourcesCatalogue/sourcesConfigure/Customerio.md:
--------------------------------------------------------------------------------
1 | ## Customer.io
2 |
3 | [Customer.io](https://customer.io/) is a popular marketing platform for sending targeted emails and push and SMS notifications to improve customer engagement and thereby the overall conversion rate.
4 |
5 | By adding a reporting webhook in Customer.io which points to RudderStack, you can now send events to RudderStack whenever Customer.io sends messages to your customers. Events such as messages opened, delivered, or clicked on by the customers are captured and sent to RudderStack.
6 |
7 | ### Useful Links
8 |
9 | [Documentation](https://docs.rudderstack.com/sources/customerio)
10 |
11 |
--------------------------------------------------------------------------------
/src/components/sourcesCatalogue/sourcesConfigure/DotNet.md:
--------------------------------------------------------------------------------
1 | ## .Net
2 |
3 | RudderStack’s .Net SDK lets you to track your customer event data from your .Net code. Once enabled, the event requests hit the RudderStack servers, which then route the events to the specified destination platforms as configured by you.
4 |
5 | To get started with installing and using the RudderStack’s .Net SDK, check out our GitHub repository.
6 |
7 | ### Useful Links
8 |
9 | [View on GitHub](https://github.com/rudderlabs/rudder-sdk-.net)
10 | [Documentation](https://docs.rudderstack.com/rudderstack-sdk-integration-guides/rudderstack-.net-sdk)
11 |
12 | [//]: # "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"
13 |
--------------------------------------------------------------------------------
/src/components/sourcesCatalogue/sourcesConfigure/Extole.md:
--------------------------------------------------------------------------------
1 | ## Extole
--------------------------------------------------------------------------------
/src/components/sourcesCatalogue/sourcesConfigure/Facebook_Ads.md:
--------------------------------------------------------------------------------
1 | ## Facebook Ads
2 |
3 | Facebook Ads is a popular advertising platform to generate engagement, awareness, or sales. By integrating Facebook Ads, you will be able to analyze ready-to-use analytics friendly advertisement data in your data warehouse and your BI. Go beyond Facebook Ads’ vanilla dashboards and ask any question you want about your advertisement data. Having your Facebook Ads in the same data warehouse as your marketing, support, and sales will help you get a holistic understanding of your ad spend, marketing ROI, and business performance. Drill down to your data from your advertisements, see how each ad performs, uncover if it converts new users, understand how they engage with your products or if they churn.
--------------------------------------------------------------------------------
/src/components/sourcesCatalogue/sourcesConfigure/Flutter.md:
--------------------------------------------------------------------------------
1 | ## Flutter
2 |
3 | With RudderStack’s Flutter SDK, you can track your customer event data from your Flutter apps with ease. Once integrated, you can use the SDK to send your event data to the destination platform of your choice.
4 |
5 | Check out our documentation and the GitHub codebase to get started. Also, make sure you have the Flutter Development Environment set up on your system.
6 |
7 | ### Useful Links
8 |
9 | [Setting up the Flutter development environment](https://flutter.dev/docs/get-started/install)
10 | [Documentation][]
11 | [View on GitHub][]
12 |
13 | [//]: # "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"
14 | [documentation]: https://docs.rudderstack.com/rudderstack-sdk-integration-guides/rudderstack-flutter-sdk
15 | [view on github]: https://github.com/rudderlabs/rudder-sdk-flutter
16 |
--------------------------------------------------------------------------------
/src/components/sourcesCatalogue/sourcesConfigure/FreshDesk.md:
--------------------------------------------------------------------------------
1 | ## Freshdesk
2 |
3 | Freshdesk is a successful help desk and ticketing support SaaS tool. By integrating Freshdesk with RudderStack, you will be able to analyze ready-to-use analytics-friendly, customer support data in your data warehouse, and your BI. Go beyond Freshdesk’s vanilla dashboards and ask any question you want about your support data. Having your Freshdesk data in the same data warehouse as your marketing, and sales will help you get a holistic understanding of your business performance. Drill down to your data from your marketing channels, your revenue, and better understand how your customers engage with your products or fit your support plans.
--------------------------------------------------------------------------------
/src/components/sourcesCatalogue/sourcesConfigure/Go.md:
--------------------------------------------------------------------------------
1 | ## Go
2 |
3 | With RudderStack’s Go SDK, you can track your customer event data from your Go application. Once enabled, the event requests hit the RudderStack servers, which then route the events to the specified destination platforms as configured by you.
4 |
5 | To get started with installing and using the RudderStack’s Go SDK, please check out our GitHub repository.
6 |
7 | ### Useful Links
8 |
9 | [View on GitHub](https://github.com/rudderlabs/analytics-go)
10 | [Documentation](https://docs.rudderstack.com/rudderstack-sdk-integration-guides/rudderstack-go-sdk)
11 |
12 | [//]: # "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"
13 |
--------------------------------------------------------------------------------
/src/components/sourcesCatalogue/sourcesConfigure/GoogleSheets.md:
--------------------------------------------------------------------------------
1 | ## Google Sheets
2 |
3 | Google Sheets, a part of the web-based Google Docs suite, is a free program for creating and editing spreadsheets. Due to its security features and ease of use, many companies use Google Sheets to create spreadsheets and store their business information, which they can then integrate into their data warehouse.
4 |
5 | With RudderStack’s Google Sheets integration, you will be able to import ready-to-use spreadsheet data from your Google Sheets in your data warehouse. Having your Google Sheets data in the same data warehouse as your marketing, support, and sales data can help you get a complete understanding of your business performance.
6 |
--------------------------------------------------------------------------------
/src/components/sourcesCatalogue/sourcesConfigure/Google_Adwords.md:
--------------------------------------------------------------------------------
1 | ## Google Adwords
2 |
3 | Google Ads is Google's premier online advertising platform. It can be used for efficient marketing strategies such as product listing, service offerings, as well as activities such as conversion tracking.
--------------------------------------------------------------------------------
/src/components/sourcesCatalogue/sourcesConfigure/Google_Analytics.md:
--------------------------------------------------------------------------------
1 | ## Google Analytics
2 |
3 | Google Analytics is the world's most popular analytics service that allows you to track and report your website traffic across a variety of sources.
4 |
5 | ### Useful Links
6 |
7 | [Google Analytics Website][]
8 |
9 | [//]: # "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"
10 | [google analytics website]: https://analytics.google.com/analytics/web/
11 |
--------------------------------------------------------------------------------
/src/components/sourcesCatalogue/sourcesConfigure/HTTP.md:
--------------------------------------------------------------------------------
1 | ## HTTP API
2 |
3 | With RudderStack’s HTTP endpoints, you can track your customer event data. Once enabled, the event requests hit the RudderStack servers, which then route the events to the specified destination platforms as configured by you.
4 |
5 | Please check out our [HTTP API Specification](https://docs.rudderstack.com/getting-started/http-api-specification) guide for more information.
6 |
7 | ### Useful Links
8 |
9 | [Documentation](https://docs.rudderstack.com/getting-started/http-api-specification)
10 |
11 | [//]: # "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"
12 |
13 |
--------------------------------------------------------------------------------
/src/components/sourcesCatalogue/sourcesConfigure/Hubspot.md:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rudderlabs/config-generator/6613019cfcddd337a2b05a26e74bd306f5688720/src/components/sourcesCatalogue/sourcesConfigure/Hubspot.md
--------------------------------------------------------------------------------
/src/components/sourcesCatalogue/sourcesConfigure/Intercom.md:
--------------------------------------------------------------------------------
1 | ## Intercom
2 |
3 | Intercom is a popular customer engagement platform that enables effective communication with users in your application, website, or mobile apps.
4 |
5 | By integrating Intercom with RudderStack, you will be able to analyze ready-to-use analytics-friendly, customer engagement data in your data warehouse, and your BI. Go beyond Intercom’s vanilla dashboards and ask any question you want about your customer engagement and customer success data. Having your Intercom data in the same data warehouse as your marketing, support, and sales will help you get a holistic understanding of your business. Drill down to your conversations and engagement data, segment users to understand how they engage with your products or why they churn.
6 |
--------------------------------------------------------------------------------
/src/components/sourcesCatalogue/sourcesConfigure/JAVA.md:
--------------------------------------------------------------------------------
1 | ## Java
2 |
3 | RudderStack’s Java SDK allows you to track your customer event data from your Java code. Once enabled, the event requests hit the RudderStack servers. RudderStack then routes the events to the specified destination platforms as configured by you.
4 |
5 | ### Useful Links
6 |
7 | [Documentation](https://docs.rudderstack.com/rudderstack-sdk-integration-guides/rudderstack-java-sdk)
8 | [View on GitHub](https://github.com/rudderlabs/rudder-sdk-java)
9 |
10 |
11 | [//]: # "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"
12 |
13 |
--------------------------------------------------------------------------------
/src/components/sourcesCatalogue/sourcesConfigure/LOOKER.md:
--------------------------------------------------------------------------------
1 | ## Looker Action Hub
2 |
3 | [Looker](https://looker.com/) is a popular Business Intelligence and data analytics platform that gives you all the tools you need to get meaningful insights from your data.You can now use Looker as a source of data, where it can be used to send user-related looks to RudderStack.
4 |
5 | Looker sends the enriched user activities over a period of time along with their associated properties to RudderStack. RudderStack can then be used to forward this data to the desired destinations for real-time syncing of the newly-created properties and actions.
6 |
7 | ### Useful Links
8 |
9 | [Documentation](https://docs.rudderstack.com/sources/looker)
10 |
11 | [//]: # "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"
12 |
13 |
--------------------------------------------------------------------------------
/src/components/sourcesCatalogue/sourcesConfigure/MailChimp.md:
--------------------------------------------------------------------------------
1 | ## Mailchimp
2 |
3 | Mailchimp is a world-renowned email marketing automation platform used by thousands of businesses. Built specially for eCommerce and retail, Mailchimp allows you to build your audience and send them personalized campaign and marketing messages through web or mobile.
4 |
5 | ### Get More Out of Mailchimp With RudderStack
6 |
7 | !!Change!!
8 |
9 | ### Useful Links
10 |
11 | [Mailchimp Website][]
12 | [Documentation and Setup guide][]
13 | [View on GitHub][]
14 |
15 | [//]: # "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"
16 | [mailchimp website]: https://mailchimp.com
17 | [documentation and setup guide]: https://docs.rudderstack.com/destinations/mailchimp
18 | [view on github]: https://github.com/rudderlabs/rudder-transformer/tree/master/v0/destinations/mailchimp
19 | !! change !!
--------------------------------------------------------------------------------
/src/components/sourcesCatalogue/sourcesConfigure/MixPanel.md:
--------------------------------------------------------------------------------
1 | ## Mixpanel
2 |
3 | Mixpanel is an analytics platform that lets you track your users' actions within your application. It also provides specific tools for targeted business communication and engagement with your customers. In-app A/B testing, user survey forms, and custom reports to measure customer retention are some of the other features offered by Mixpanel.
4 |
5 | ### Get More Out of Mixpanel With RudderStack
6 |
7 | RudderStack supports Mixpanel as a source to send your event data through our APIs. Simply configure your Mixpanel integration on our dashboard, and start sending your customer event data from Mixpanel for efficient, real-time analytics.
8 |
9 | ## Useful links
10 |
11 | [Mixpanel Website][]
12 |
13 | [//]: # "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"
14 | [mixpanel website]: https://mixpanel.com
15 |
--------------------------------------------------------------------------------
/src/components/sourcesCatalogue/sourcesConfigure/Node.md:
--------------------------------------------------------------------------------
1 | ## Node.js
2 |
3 | RudderStack’s Node.js client allows you to track event data from your Node.js application. Once enabled, the event requests hit the RudderStack servers, which then route the events to the specified destination platforms as configured by you.
4 |
5 | To get started with installing and using the RudderStack Node.js client, check out our GitHub repository.
6 |
7 | ### Useful Links
8 |
9 | [View on GitHub](https://github.com/rudderlabs/rudder-sdk-node)
10 | [Documentation](https://docs.rudderstack.com/rudderstack-sdk-integration-guides/rudderstack-node-sdk)
11 |
12 | [//]: # "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"
13 |
--------------------------------------------------------------------------------
/src/components/sourcesCatalogue/sourcesConfigure/PHP.md:
--------------------------------------------------------------------------------
1 | ## PHP
2 |
3 | RudderStack’s PHP SDK lets you to track your customer event data from your PHP code. Once enabled, the event requests hit the RudderStack servers, which then route the events to the specified destination platforms as configured by you.
4 |
5 | To get started with installing and using the RudderStack’s PHP SDK, check out our GitHub repository.
6 |
7 | ### Useful Links
8 |
9 | [View on GitHub](https://github.com/rudderlabs/rudder-sdk-php)
10 | [Documentation](https://docs.rudderstack.com/rudderstack-sdk-integration-guides/rudderstack-php-sdk)
11 |
12 | [//]: # "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"
13 |
--------------------------------------------------------------------------------
/src/components/sourcesCatalogue/sourcesConfigure/Pardot.md:
--------------------------------------------------------------------------------
1 | ## Pardot
2 |
3 | Pardot is a marketing automation solution that helps companies create meaningful connections, generate more pipeline, and empower sales to close more deals.
4 |
5 | ### Get More Out of Pardot With RudderStack
6 |
7 | RudderStack supports Pardot as a source to send your event data through our APIs. Simply configure your Pardot integration on our dashboard, and start sending your customer event data from Pardot for efficient, real-time analytics.
8 |
9 | ## Useful links
10 |
11 | [Pardot Website][]
12 |
13 | [//]: # "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"
14 | [mixpanel website]: https://pardot.com
15 |
--------------------------------------------------------------------------------
/src/components/sourcesCatalogue/sourcesConfigure/Pipedrive.md:
--------------------------------------------------------------------------------
1 | Pipedrive is a web-based Sales CRM and pipeline management solution that enables businesses to plan their sales activities and monitor deals. Built using activity-based selling methodology, Pipedrive streamlines every action involved in converting a potential deal into a successful sale.
--------------------------------------------------------------------------------
/src/components/sourcesCatalogue/sourcesConfigure/Python.md:
--------------------------------------------------------------------------------
1 | ## Python
2 |
3 | RudderStack’s Python SDK lets you to track your customer event data from your Python code. Once enabled, the event requests hit the RudderStack servers, which then route the events to the specified destination platforms as configured by you.
4 |
5 | To get started with installing and using the RudderStack’s Python SDK, check out our GitHub repository.
6 |
7 | ### Useful Links
8 |
9 | [View on GitHub](https://github.com/rudderlabs/rudder-sdk-python)
10 | [Documentation](https://docs.rudderstack.com/rudderstack-sdk-integration-guides/rudderstack-python-sdk)
11 |
12 | [//]: # "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"
13 |
--------------------------------------------------------------------------------
/src/components/sourcesCatalogue/sourcesConfigure/QuickBooks.md:
--------------------------------------------------------------------------------
1 | ## quickbooks
--------------------------------------------------------------------------------
/src/components/sourcesCatalogue/sourcesConfigure/ReactNative.md:
--------------------------------------------------------------------------------
1 | ## React Native
2 |
3 | With RudderStack’s React Native SDK, you can track your customer event data from your React Native apps with ease. Once integrated, you can use the SDK to send your event data to the destination platform of your choice.
4 |
5 | Check out our documentation and the GitHub codebase to get started. Also, make sure you have the React Native Development Environment set up on your system.
6 |
7 | ### Useful Links
8 |
9 | [Setting up the React Native development environment](https://reactnative.dev/docs/environment-setup)
10 | [Documentation][]
11 | [View on GitHub][]
12 |
13 | [//]: # "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"
14 | [documentation]: https://docs.rudderstack.com/rudderstack-sdk-integration-guides/rudderstack-react-native-sdk
15 | [view on github]: https://github.com/rudderlabs/rudder-sdk-react-native
16 |
--------------------------------------------------------------------------------
/src/components/sourcesCatalogue/sourcesConfigure/Ruby.md:
--------------------------------------------------------------------------------
1 | ## Ruby
2 |
3 | RudderStack’s Ruby library allows you to track event data from your Ruby code. Once enabled, the event requests are received by the RudderStack servers, which then route the events to the specified destination platforms as configured by you.
4 |
5 | To get started with installing and using the RudderStack Ruby client, check out our GitHub repository.
6 |
7 | ### Useful Links
8 |
9 | [View on GitHub](https://github.com/rudderlabs/rudder-sdk-ruby)
10 | [Documentation](https://docs.rudderstack.com/rudderstack-sdk-integration-guides/rudderstack-ruby-sdk)
11 |
12 | [//]: # "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"
13 |
--------------------------------------------------------------------------------
/src/components/sourcesCatalogue/sourcesConfigure/Salesforce.md:
--------------------------------------------------------------------------------
1 | ## Salesforce
2 |
3 | Salesforce is a leading, world-renowned Customer Relationship Management (CRM) platform. It also offers a suite of enterprise applications around customer service, analytics, marketing automation, as well as application development.
4 |
5 | By using Salesforce as a source to RudderStack, you will be able to route and analyze your CRM data in your data warehouse and various BI tools. You can go beyond Salesforce's vanilla dashboards and ask relevant questions of your sales data, understand historical trends, and optimize your operations. Having your Salesforce data in the same data warehouse as your marketing, sales, and support data is quite helpful - it helps you get a holistic understanding of your overall operations and your business performance.
6 |
--------------------------------------------------------------------------------
/src/components/sourcesCatalogue/sourcesConfigure/SegmentSource.md:
--------------------------------------------------------------------------------
1 | ## Segment
2 |
3 | Segment is a Customer Data Platform (CDP) that allows you to collect your customer data, while giving you complete control over how you use it. It is a popular tool that is used by many businesses to collect and send event data to various platforms, such as Zendesk, Optimizely, Google Analytics, and more.
4 |
5 | You can now seamlessly set up Segment as a source in RudderStack. All you need to do is add a webhook destination in your Segment dashboard that points to RudderStack. This way, you can send events to RudderStack whenever Segment gets an event.
6 |
7 | ### Useful Links
8 |
9 | [Documentation](https://docs.rudderstack.com/sources/segment)
10 |
--------------------------------------------------------------------------------
/src/components/sourcesCatalogue/sourcesConfigure/SnowFlake.md:
--------------------------------------------------------------------------------
1 | ## Snowflake
2 |
3 | Snowflake is a popular cloud-based data warehouse, usually provided as a Software-as-a-Service (SaaS). It is a powerful and modern data warehouse that separates storage from compute resources, is fully managed, and offers unlimited scaling and data processing capabilities.
4 |
5 | ### Get More Out of Snowflake With RudderStack
6 |
7 | RudderStack allows you to configure Snowflake as a destination to which you can dump your event data seamlessly.
8 |
9 | ### Useful Links
10 |
11 | [Snowflake Website][]
12 | [RudderStack Warehouse Schema][]
13 | [Documentation and Setup guide][]
14 |
15 | [//]: # "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"
16 | [snowflake website]: https://www.snowflake.com/
17 | [rudderstack warehouse schema]: https://docs.rudderstack.com/data-warehouse-integration-guides/warehouse-schemas
18 | [documentation and setup guide]: https://docs.rudderstack.com/data-warehouse-integrations/snowflake
19 |
--------------------------------------------------------------------------------
/src/components/sourcesCatalogue/sourcesConfigure/Stripe.md:
--------------------------------------------------------------------------------
1 | # stripe
--------------------------------------------------------------------------------
/src/components/sourcesCatalogue/sourcesConfigure/Webhook.md:
--------------------------------------------------------------------------------
1 | ## Create Webhook (Custom) Sources
--------------------------------------------------------------------------------
/src/components/sourcesCatalogue/sourcesConfigure/Zendesk.md:
--------------------------------------------------------------------------------
1 | Zendesk Support is a popular help desk and ticketing support tool part of Zendesk’s SaaS offerings. By integrating Zendesk Support with RudderStack, you will be able to analyze ready-to-use analytics-friendly, customer support data in your data warehouse, and your BI. Go beyond Zendesk’s vanilla dashboards and ask any question you want about your support data. Get a complete view of your customers, understand historical trends, find areas for improvement, and optimize service operations. Having your Zendesk Support data in the same data warehouse as your marketing, sales and the rest of Zendesk’s platform offerings will help you get a holistic understanding of your business performance. Drill down to your data from your marketing channels, your revenue, and better understand how your customers engage with your products or fit your support plans.
--------------------------------------------------------------------------------
/src/components/sourcesCatalogue/sourcesConfigure/google_search_console.md:
--------------------------------------------------------------------------------
1 | ## Google Search Console
2 |
3 | Google Search Console is a popular service for marketing and SEO professionals that helps monitor, maintain, and troubleshoot a website’s presence in Google Search results. By integrating Google Search Console, you will be able to analyze ready-to-use analytics-friendly, website search performance data in your data warehouse, and your BI. Go beyond Google Search Console’s vanilla dashboards and ask any question you want about your website activity data. Drill down to your data from visits, keywords, find out which are your most promising pages, or the pages with the most engagement. Having your Google Search Console data in the same data warehouse as your marketing, Google Analytics, support, or sales will help you get a holistic understanding of your business performance. Drill down to your data from your marketing channels, your revenue, and better understand how your visitors and customers engage with your products and content.
--------------------------------------------------------------------------------
/src/components/sourcesCatalogue/sourcesConfigure/iOS.md:
--------------------------------------------------------------------------------
1 | ## iOS
2 |
3 | RudderStack’s iOS SDK allows you to integrate RudderStack with your iOS application, to track and collect event data in near real-time. With this SDK, you can also send the event data to your preferred analytics destination platforms such as Google Analytics, Amplitude, Mixpanel, and more.
4 |
5 | To know more about the iOS SDK and see how it works, check out our documentation or the codebase on our GitHub.
6 |
7 | ### Useful Links
8 |
9 | [Documentation][]
10 | [View on GitHub][]
11 |
12 | [//]: # "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"
13 | [documentation]: https://docs.rudderstack.com/rudderstack-sdk-integration-guides/rudderstack-ios-sdk
14 | [view on github]: https://github.com/rudderlabs/rudder-sdk-ios
15 |
--------------------------------------------------------------------------------
/src/components/sourcesCatalogue/styles.ts:
--------------------------------------------------------------------------------
1 | import styled from 'styled-components';
2 | import { Modal } from 'antd';
3 |
4 | export const BodyContainer = styled.div`
5 | margin: 50px 50px 0px 50px;
6 | `;
7 |
8 | export const Container = styled.div`
9 | display: flex;
10 | flex-direction: column;
11 | margin: 0px 50px 0px 50px;
12 | min-width: 300px;
13 | `;
14 |
15 | export const Heading = styled.div`
16 | padding: 50px 0px 20px 0px;
17 | text-align: start;
18 | `;
19 |
20 | export const ModalRight = styled(Modal)`
21 | top: 0;
22 | left: 50%;
23 | margin: 0px !important;
24 | width: unset !important;
25 | .ant-modal-content {
26 | margin: 0px;
27 | }
28 | `;
29 |
--------------------------------------------------------------------------------
/src/components/sourcesList/styles.ts:
--------------------------------------------------------------------------------
1 | import styled from 'styled-components';
2 |
3 | import { Label } from '../common/typography';
4 |
5 | export const Container = styled.div`
6 | text-align: start;
7 | `;
8 |
9 | export const ButtonText = styled(Label)`
10 | margin-left: 10px;
11 | color: ${props => props.color || props.theme.color.primary300};
12 | `;
13 |
--------------------------------------------------------------------------------
/src/components/steps/step.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 |
3 | export interface IStepProps {
4 | position?: number;
5 | }
6 |
7 | export default class Step extends React.Component {
8 | public render() {
9 | return