GithubHelp home page GithubHelp logo

test-mass-forker-org-1 / omnichannel-sdk Goto Github PK

View Code? Open in Web Editor NEW

This project forked from microsoft/omnichannel-sdk

0.0 0.0 0.0 1.04 MB

Microsoft Omnichannel SDK

License: MIT License

JavaScript 3.03% TypeScript 96.97%

omnichannel-sdk's Introduction

Omnichannel SDK

npm version Release CI

This repo contains the source code for getting up and running with the Omnichannel SDK on the web using standard web technologies and on mobile using React Native.

Getting Started

Prerequisites

Installation

npm install

Build

Load SDK in memory and watches the changes for development

npm run watch

Build SDK for development

npm run build:dev

Build SDK for production

npm run build:prod

Check lint rules

npm run lint

Lint checks is enabled by default in watch mode.

Examples

Initialize SDK

const params = {
	orgUrl: '',
	orgId: '',
	widgetId: '',
}

const ocsdk = Microsoft.CRM.Omnichannel.SDK.SDKProvider.getSDK(params);
window.ocsdk = ocsdk;

Initialize SDK with custom configuration

const params = {
	orgUrl: '',
	orgId: '',
	widgetId: '',
}

const configuration = {
  getChatTokenRetryCount: 35,
  getChatTokenTimeBetweenRetriesOnFailure: 10000,
  maxRequestRetriesOnFailure: 3
};

const ocsdk = Microsoft.CRM.Omnichannel.SDK.SDKProvider.getSDK(params, configuration);
window.ocsdk = ocsdk;

Get Chat Config

// Manually generate request id
const requestId = Microsoft.CRM.Omnichannel.SDK.Util.uuidv4();
try {
	const config = await window.ocsdk.getChatConfig(requestId);
	// success
} catch {
	// failure
}

// Auto generate request id
try {
	const config = await window.ocsdk.getChatConfig();
	// success
} catch {
	// failure
}

Get Chat Token

// Manually generate request id
const requestId = Microsoft.CRM.Omnichannel.SDK.Util.uuidv4();
try {
	const chatToken = await window.ocsdk.getChatToken(requestId);
	// success
} catch {
	// failure
}

// Auto generate request id
try {
  const chatToken = await window.ocsdk.getChatToken();
  const {requestId} = chatToken; // Request ID auto generated used to getChatToken
  // success
} catch {
  // failure
}

Session Init

const requestId = Microsoft.CRM.Omnichannel.SDK.Util.uuidv4();
const optionalParams = {
  authenticatedUserToken: '',
  getContext: true, // Automically gets browser, device, location & os info
  initContext: { // Optional init context to pass
    locale: '', // 'en-us' by default if not set
    originalurl: '', // window.href.location by default
    os: '',
    browser: '',
    device: '',
    longitude: '',
    latitiude: '',
    preChatResponse: {}
  }
};

try {
	await window.ocsdk.sessionInit(requestId, optionalParams);
	// success
} catch {
	// failure
}

Session Close

const requestId = Microsoft.CRM.Omnichannel.SDK.Util.uuidv4();
const optionalParams = {
  authenticatedUserToken: '',
};

try {
	await window.ocsdk.sessionClose(requestId, optionalParams);
	// success
} catch {
	// failure
}

Submit PostChat Response

const requestId = Microsoft.CRM.Omnichannel.SDK.Util.uuidv4();
const postChatResponse = {};
const optionalParams = {
  authenticatedUserToken: '',
};

try {
	await window.ocsdk.submitPostChatResponse(requestId, postChatResponse, optionalParams);
	// success
} catch {
	// failure
}

Get Chat Transcripts

const requestId = Microsoft.CRM.Omnichannel.SDK.Util.uuidv4();
const chatId = ''; // Chat thread ID
const token = ''; // Skype token
const optionalParams = {
  authenticatedUserToken: '',
};

try {
	const response = await window.ocsdk.getChatTranscripts(requestId, chatId, token, optionalParams);
	// success
} catch {
	// failure
}

Email Transcript

const requestId = Microsoft.CRM.Omnichannel.SDK.Util.uuidv4();
const token = ''; // Skype token
const emailRequestBody = { // Email body
  ChatId: '', // Chat thread ID
  EmailAddress: '[email protected]',
  DefaultAttachmentMessage: '',
  CustomerLocale: 'en-us'
};
const optionalParams = {
  authenticatedUserToken: '',
};

try {
	await window.ocsdk.emailTranscript(requestId, token, emailRequestBody, optionalParams);
	// success
} catch {
	// failure
}

Fetch Data Masking Info

// Manually generate request id
const requestId = Microsoft.CRM.Omnichannel.SDK.Util.uuidv4();
try {
  const response = await window.ocsdk.fetchDataMaskingInfo(requestId);
  // success
} catch {
  // failure
}

// Auto generate request id
try {
  const response = await window.ocsdk.fetchDataMaskingInfo();
  // success
} catch {
  // failure
}

SDK Configuration

These are the available config options with its default values for the SDK.

{
  /**
   * Number of times a getchattoken request is retried.
   */
  getChatTokenRetryCount: 35,
  /**
   * Time in milliseconds between two successive getchattoken retry requests.
   */
  getChatTokenTimeBetweenRetriesOnFailure: 10000,
  /**
   * Maximum number of request retries before failing.
   */
  maxRequestRetriesOnFailure: 3,
}

Contributing

This project welcomes contributions and suggestions. Most contributions require you to agree to a Contributor License Agreement (CLA) declaring that you have the right to, and actually do, grant us the rights to use your contribution. For details, visit https://cla.opensource.microsoft.com.

When you submit a pull request, a CLA bot will automatically determine whether you need to provide a CLA and decorate the PR appropriately (e.g., status check, comment). Simply follow the instructions provided by the bot. You will only need to do this once across all repos using our CLA.

This project has adopted the Microsoft Open Source Code of Conduct. For more information see the Code of Conduct FAQ or contact [email protected] with any additional questions or comments.

omnichannel-sdk's People

Contributors

xteddie avatar dependabot[bot] avatar charlwan avatar aidhage avatar microsoftopensource avatar charliewang95 avatar murtazabeans avatar v-avirao avatar shurane avatar msftenhanceprovenance avatar tsarar avatar anjalinitd avatar microsoft-github-operations[bot] avatar mingyli-224 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.