├── website-creator
    ├── web-site-manifest.json
    ├── package.json
    ├── index.js
    ├── website-helper.js
    ├── css
    │   └── style.css
    ├── contactflowapi.html
    └── js
    │   └── connectflows.js
├── CODE_OF_CONDUCT.md
├── README.md
├── LICENSE
├── CONTRIBUTING.md
└── template.yaml


/website-creator/web-site-manifest.json:
--------------------------------------------------------------------------------
1 | {
2 |     "files": [
3 |         "./contactflowapi.html",
4 |         "./css/style.css",
5 |         "./js/aws-sdk.min-cf.js",
6 | 		"./js/connectflows.js"
7 |     ]
8 | }


--------------------------------------------------------------------------------
/website-creator/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "webSiteCreator",
 3 |   "version": "1.0.0",
 4 |   "description": "",
 5 |   "main": "index.js",
 6 |   "scripts": {
 7 |     "test": "echo \"Error: no test specified\" && exit 1"
 8 |   },
 9 |   "author": "",
10 |   "license": "ISC"
11 | }


--------------------------------------------------------------------------------
/CODE_OF_CONDUCT.md:
--------------------------------------------------------------------------------
1 | ## Code of Conduct
2 | This project has adopted the [Amazon Open Source Code of Conduct](https://aws.github.io/code-of-conduct).
3 | For more information see the [Code of Conduct FAQ](https://aws.github.io/code-of-conduct-faq) or contact
4 | opensource-codeofconduct@amazon.com with any additional questions or comments.
5 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | 
 2 | # Amazon Connect contact flow API's demo  
 3 | 
 4 | This demo shows how you can leverage [Amazon Connect](https://aws.amazon.com/connect/) api's to manage contact flows.  
 5 | 
 6 | ## Usage
 7 | Use `sam` to build, invoke and deploy the function.
 8 | 
 9 | ##### SAM Build:
10 | Ensure you are in the root folder
11 | 
12 | `sam build --use-container`
13 | 
14 | ##### SAM Deploy:
15 | 
16 | `sam deploy template.yaml --s3-bucket REPLACE-ME --stack-name sam-cf1 --capabilities CAPABILITY_IAM --parameter-overrides ParameterKey=CFS3BucketForWebSite,ParameterValue=REPLACE-ME ParameterKey=backupDDBTable,ParameterValue=REPLACE-ME ParameterKey=arnMappingDDBTable,ParameterValue=REPLACE-ME`


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 2 | 
 3 | Permission is hereby granted, free of charge, to any person obtaining a copy of
 4 | this software and associated documentation files (the "Software"), to deal in
 5 | the Software without restriction, including without limitation the rights to
 6 | use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
 7 | the Software, and to permit persons to whom the Software is furnished to do so.
 8 | 
 9 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
10 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
11 | FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
12 | COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
13 | IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
14 | CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
15 | 
16 | 


--------------------------------------------------------------------------------
/website-creator/index.js:
--------------------------------------------------------------------------------
 1 | const AWS = require('aws-sdk');
 2 | const https = require('https');
 3 | const url = require('url');
 4 | const WebsiteHelper = require('./website-helper.js');
 5 | 
 6 | exports.handler = (event, context, callback) => {
 7 | console.log('Received event:', JSON.stringify(event, null, 2));
 8 | 
 9 |     let responseStatus = 'FAILED';
10 |     let responseData = {};
11 | 
12 |     if (event.RequestType === 'Delete') {
13 |             sendResponse(event, callback, context.logStreamName, 'SUCCESS');
14 |     }
15 | 
16 |     if (event.RequestType === 'Create') {
17 |         if (event.ResourceProperties.customAction === 'configureWebsite') {
18 |             console.log('Starting to copy the files');
19 |             let _websiteHelper = new WebsiteHelper();
20 | 
21 |             _websiteHelper.copyWebSiteAssets(event.ResourceProperties,
22 |                 function(err, data) {
23 |                     if (err) {
24 |                         responseData = {
25 |                             Error: 'Copy of website assets failed'
26 |                         };
27 |                         console.log([responseData.Error, ':\n', err].join(''));
28 |                     } else {
29 |                         responseStatus = 'SUCCESS';
30 |                         responseData = {};
31 |                     }
32 | 
33 |                     sendResponse(event, callback, context.logStreamName, responseStatus, responseData);
34 |                 });
35 | 
36 |         }
37 |         //sendResponse(event, callback, context.logStreamName, 'SUCCESS');
38 |         }
39 |     
40 |     
41 | };
42 | 
43 | /**
44 |  * Sends a response to the pre-signed S3 URL
45 |  */
46 | 
47 | let sendResponse = function(event, callback, logStreamName, responseStatus, responseData) {
48 |     const responseBody = JSON.stringify({
49 |         Status: responseStatus,
50 |         Reason: `See the details in CloudWatch Log Stream: ${logStreamName}`,
51 |         PhysicalResourceId: logStreamName,
52 |         StackId: event.StackId,
53 |         RequestId: event.RequestId,
54 |         LogicalResourceId: event.LogicalResourceId,
55 |         Data: responseData,
56 |     });
57 | 
58 |     console.log('RESPONSE BODY:\n', responseBody);
59 |     const parsedUrl = url.parse(event.ResponseURL);
60 |     const options = {
61 |         hostname: parsedUrl.hostname,
62 |         port: 443,
63 |         path: parsedUrl.path,
64 |         method: 'PUT',
65 |         headers: {
66 |             'Content-Type': '',
67 |             'Content-Length': responseBody.length,
68 |         }
69 |     };
70 | 
71 |     const req = https.request(options, (res) => {
72 |         console.log('STATUS:', res.statusCode);
73 |         console.log('HEADERS:', JSON.stringify(res.headers));
74 |         callback(null, 'Successfully sent stack response!');
75 |     });
76 | 
77 |     req.on('error', (err) => {
78 |         console.log('sendResponse Error:\n', err);
79 |         callback(err);
80 |     });
81 | 
82 |     req.write(responseBody);
83 |     req.end();
84 | };


--------------------------------------------------------------------------------
/CONTRIBUTING.md:
--------------------------------------------------------------------------------
 1 | # Contributing Guidelines
 2 | 
 3 | Thank you for your interest in contributing to our project. Whether it's a bug report, new feature, correction, or additional
 4 | documentation, we greatly value feedback and contributions from our community.
 5 | 
 6 | Please read through this document before submitting any issues or pull requests to ensure we have all the necessary
 7 | information to effectively respond to your bug report or contribution.
 8 | 
 9 | 
10 | ## Reporting Bugs/Feature Requests
11 | 
12 | We welcome you to use the GitHub issue tracker to report bugs or suggest features.
13 | 
14 | When filing an issue, please check existing open, or recently closed, issues to make sure somebody else hasn't already
15 | reported the issue. Please try to include as much information as you can. Details like these are incredibly useful:
16 | 
17 | * A reproducible test case or series of steps
18 | * The version of our code being used
19 | * Any modifications you've made relevant to the bug
20 | * Anything unusual about your environment or deployment
21 | 
22 | 
23 | ## Contributing via Pull Requests
24 | Contributions via pull requests are much appreciated. Before sending us a pull request, please ensure that:
25 | 
26 | 1. You are working against the latest source on the *master* branch.
27 | 2. You check existing open, and recently merged, pull requests to make sure someone else hasn't addressed the problem already.
28 | 3. You open an issue to discuss any significant work - we would hate for your time to be wasted.
29 | 
30 | To send us a pull request, please:
31 | 
32 | 1. Fork the repository.
33 | 2. Modify the source; please focus on the specific change you are contributing. If you also reformat all the code, it will be hard for us to focus on your change.
34 | 3. Ensure local tests pass.
35 | 4. Commit to your fork using clear commit messages.
36 | 5. Send us a pull request, answering any default questions in the pull request interface.
37 | 6. Pay attention to any automated CI failures reported in the pull request, and stay involved in the conversation.
38 | 
39 | GitHub provides additional document on [forking a repository](https://help.github.com/articles/fork-a-repo/) and
40 | [creating a pull request](https://help.github.com/articles/creating-a-pull-request/).
41 | 
42 | 
43 | ## Finding contributions to work on
44 | Looking at the existing issues is a great way to find something to contribute on. As our projects, by default, use the default GitHub issue labels (enhancement/bug/duplicate/help wanted/invalid/question/wontfix), looking at any 'help wanted' issues is a great place to start.
45 | 
46 | 
47 | ## Code of Conduct
48 | This project has adopted the [Amazon Open Source Code of Conduct](https://aws.github.io/code-of-conduct).
49 | For more information see the [Code of Conduct FAQ](https://aws.github.io/code-of-conduct-faq) or contact
50 | opensource-codeofconduct@amazon.com with any additional questions or comments.
51 | 
52 | 
53 | ## Security issue notifications
54 | If you discover a potential security issue in this project we ask that you notify AWS/Amazon Security via our [vulnerability reporting page](http://aws.amazon.com/security/vulnerability-reporting/). Please do **not** create a public github issue.
55 | 
56 | 
57 | ## Licensing
58 | 
59 | See the [LICENSE](LICENSE) file for our project's licensing. We will ask you to confirm the licensing of your contribution.
60 | 
61 | We may ask you to sign a [Contributor License Agreement (CLA)](http://en.wikipedia.org/wiki/Contributor_License_Agreement) for larger changes.
62 | 


--------------------------------------------------------------------------------
/website-creator/website-helper.js:
--------------------------------------------------------------------------------
  1 | 'use strict';
  2 | 
  3 | let AWS = require('aws-sdk');
  4 | let s3 = new AWS.S3();
  5 | const fs = require('fs');
  6 | const _downloadLocation = './web-site-manifest.json';
  7 | 
  8 | /**
  9 |  * Helper function to interact with s3 hosted website for cfn custom resource.
 10 |  *
 11 |  * @class websiteHelper
 12 |  */
 13 | let websiteHelper = (function() {
 14 | 
 15 |     /**
 16 |      * @class websiteHelper
 17 |      * @constructor
 18 |      */
 19 |     let websiteHelper = function() {};
 20 | 
 21 |     websiteHelper.prototype.copyWebSiteAssets = function(resourceProperties, cb) {
 22 | 		var destS3Bucket = resourceProperties.destS3Bucket;
 23 | 		var destS3KeyPrefix = resourceProperties.destS3KeyPrefix;
 24 | 		var region = resourceProperties.Region;
 25 | 
 26 |         console.log("Copying UI web site");
 27 |         console.log(['destination bucket:', destS3Bucket].join(' '));
 28 |         console.log(['destination s3 key prefix:', destS3KeyPrefix].join(' '));
 29 |         console.log(['region:', region].join(' '));
 30 | 
 31 |         fs.readFile(_downloadLocation, 'utf8', function(err, data) {
 32 |             if (err) {
 33 |                 console.log(err);
 34 |                 return cb(err, null);
 35 |             }
 36 | 
 37 |             console.log(data);
 38 |             let _manifest = validateJSON(data);
 39 | 
 40 |             if (!_manifest) {
 41 |                 return cb('Unable to validate downloaded manifest file JSON', null);
 42 |             } else {
 43 |                 uploadToS3(_manifest.files, 0, destS3Bucket, destS3KeyPrefix,
 44 |                     function(err, result) {
 45 |                         if (err) {
 46 |                             return cb(err, null);
 47 |                         }
 48 |                         console.log(result);
 49 |                         return cb(null, result);
 50 |                     });
 51 |             }
 52 | 
 53 |         });
 54 |     };
 55 |     
 56 | 
 57 |     /**
 58 |      * Helper function to validate the JSON structure of contents of an import manifest file.
 59 |      * @param {string} body -  JSON object stringify-ed.
 60 |      * @returns {JSON} - The JSON parsed string or null if string parsing failed
 61 |      */
 62 |     let validateJSON = function(body) {
 63 |         try {
 64 |             let data = JSON.parse(body);
 65 |             console.log(data);
 66 |             return data;
 67 |         } catch (e) {
 68 |             // failed to parse
 69 |             console.log('Manifest file contains invalid JSON.');
 70 |             return null;
 71 |         }
 72 |     };
 73 |     
 74 |     async function uploadToS3(filelist, index, destS3Bucket, destS3KeyPrefix, cb) {
 75 |       if (filelist.length > index) {
 76 | 
 77 |           const response = fs.readFileSync(filelist[index], 'utf8');
 78 |           var fileDetails = filelist[index]
 79 |           fileDetails = fileDetails.substring(2, fileDetails.length);
 80 | 
 81 |           let params2 = {
 82 |               Bucket: destS3Bucket,
 83 |               Key: destS3KeyPrefix + '/' + fileDetails,
 84 |               Body: response
 85 |           };
 86 |             if (filelist[index].endsWith('.htm') || filelist[index].endsWith('.html')) {
 87 |                 params2.ContentType = "text/html";
 88 |             } else if (filelist[index].endsWith('.css')) {
 89 |                 params2.ContentType = "text/css";
 90 |             } else if (filelist[index].endsWith('.js')) {
 91 |                 params2.ContentType = "application/javascript";
 92 |             } else if (filelist[index].endsWith('.png')) {
 93 |                 params2.ContentType = "image/png";
 94 |             } else if (filelist[index].endsWith('.jpg') || filelist[index].endsWith('.jpeg')) {
 95 |                 params2.ContentType = "image/jpeg";
 96 |               } else if (filelist[index].endsWith('.pdf')) {
 97 |                   params2.ContentType = "application/pdf";
 98 |             } else if (filelist[index].endsWith('.gif')) {
 99 |                 params2.ContentType = "image/gif";
100 |             } else if (filelist[index].endsWith('.svg')) {
101 |                 params2.ContentType = "image/svg+xml";
102 |             };
103 | 
104 |           s3.putObject(params2, function(err, data) {
105 |                 if (err) {
106 |                     console.log(err);
107 |                     return cb(['error copying ', [filelist[index]].join('/'), '\n', err]
108 |                         .join(
109 |                             ''),
110 |                         null);
111 |                 }
112 | 
113 |                 console.log([
114 |                     [filelist[index]].join('/'), 'uploaded successfully'
115 |                 ].join(' '));
116 |                 let _next = index + 1;
117 |                 uploadToS3(filelist, _next, destS3Bucket, destS3KeyPrefix, function(err, resp) {
118 |                     if (err) {
119 |                         return cb(err, null);
120 |                     }
121 | 
122 |                     cb(null, resp);
123 |                 });
124 |             });
125 |         } else {
126 |             cb(null, [index, 'files copied'].join(' '));
127 |         }
128 |     }
129 |     return websiteHelper;
130 | 
131 | })();
132 | 
133 | module.exports = websiteHelper;


--------------------------------------------------------------------------------
/website-creator/css/style.css:
--------------------------------------------------------------------------------
  1 | html,
  2 | body {
  3 | 	border: 0;
  4 | 	margin: 0;
  5 | 	padding: 0;
  6 | }
  7 | 
  8 | body {
  9 | 	font: 100% "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
 10 | 	min-width: 100%;
 11 | 	min-height: 101%;
 12 | 	color: #666;
 13 | 	background: #eee;
 14 | }
 15 | 
 16 | p,
 17 | label,
 18 | legend {
 19 | 	font: 1em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
 20 | }
 21 | 
 22 | h1 {
 23 | 	margin: 10px 0 10px;
 24 | 	font-size: 20px;
 25 | 	color: #333333;
 26 | }
 27 | 
 28 | hr {
 29 | 	color: inherit;
 30 | 	height: 0;
 31 | 	margin: 6px 0 6px 0;
 32 | 	padding: 0;
 33 | 	border: 1px solid #d9d9d9;
 34 | 	border-style: none none solid;
 35 | }
 36 | 
 37 | section {
 38 | 	display: block;
 39 | 	width: 800px;
 40 | 	margin: 10px auto;
 41 | 	padding: 35px;
 42 | 	border: 1px solid #cbcbcb;
 43 | 	background-color: #FFF;
 44 | 	-webkit-border-radius: 5px;
 45 | 	-moz-border-radius: 5px;
 46 | 	border-radius: 5px;
 47 | 	box-shadow: 0 2px 5px rgba(50, 50, 50, 0.1);
 48 | 	-webkit-box-shadow: 0 2px 5px rgba(50, 50, 50, 0.1);
 49 | 	-moz-box-shadow: 0 2px 5px rgba(50, 50, 50, 0.1);
 50 | }
 51 | 
 52 | 
 53 | /* Special CSS for Call Controls Section */
 54 | 
 55 | fieldset.salesOrder {
 56 | 	padding: 7px;
 57 | }
 58 | 
 59 | fieldset.callControls {
 60 | 	padding: 3px;
 61 | 	margin: 4px;
 62 | 	-webkit-transition: margin-left 1s ease-in-out;
 63 | 	z-index: 1;
 64 | }
 65 | 
 66 | .callControls {
 67 | 	margin: 2px 2px;
 68 | 	display: inline-block;
 69 | 	border: 1px solid #bfbfbf;
 70 | 	border-radius: 5px 5px 5px 5px;
 71 | 	-webkit-border-radius: 5px 5px 5px 5px;
 72 | 	-moz-border-radius: 5px 5px 5px 5px;
 73 | 	font: 1em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
 74 | 	width: auto;
 75 | 	height: auto;
 76 | 	font-size: 16px;
 77 | 	box-shadow: inset 0 1px 0 0 #fff, inset 0 -1px 0 0 #d9d9d9, inset 0 0 0 1px #f2f2f2, 0 2px 4px 0 #f2f2f2;
 78 | 	-moz-box-shadow: inset 0 1px 0 0 #fff, inset 0 -1px 0 0 #d9d9d9, inset 0 0 0 1px #f2f2f2, 0 2px 4px 0 #f2f2f2;
 79 | 	-webkit-box-shadow: inset 0 1px 0 0 #fff, inset 0 -1px 0 0 #d9d9d9, inset 0 0 0 1px #f2f2f2, 0 2px 4px 0 #f2f2f2;
 80 | 	text-shadow: 0 1px 0 #fff;
 81 | 	background-image: linear-gradient(to top, #f2f2f2, #f2f2f2);
 82 | 	background-color: #f2f2f2;
 83 | }
 84 | 
 85 | .callControls:hover,
 86 | .callControls:active {
 87 | 	border: 1px solid #8c8c8c;
 88 | 	color: #8c8c8c;
 89 | 	box-shadow: inset 0 1px 0 0 #ffffff, inset 0 -1px 0 0 #d9d9d9, inset 0 0 0 1px #f2f2f2;
 90 | 	-moz-box-shadow: inset 0 1px 0 0 #ffffff, inset 0 -1px 0 0 #d9d9d9, inset 0 0 0 1px #f2f2f2;
 91 | 	-webkit-box-shadow: inset 0 1px 0 0 #ffffff, inset 0 -1px 0 0 #d9d9d9, inset 0 0 0 1px #f2f2f2;
 92 | 	background-color: #f2f2f2;
 93 | }
 94 | 
 95 | 
 96 | /* Form style */
 97 | 
 98 | mark.validate {
 99 | 	display: inline-block;
100 | 	margin: 12px 0 0 10px;
101 | 	width: 16px;
102 | 	height: 16px;
103 | 	background: transparent none;
104 | }
105 | 
106 | mark.valid {
107 | 	background: url(images/success.gif) no-repeat top left;
108 | }
109 | 
110 | mark.error {
111 | 	background: url(images/error.gif) no-repeat top left;
112 | }
113 | 
114 | form label,
115 | section label {
116 | 	display: inline-block;
117 | 	float: left;
118 | 	height: 1em;
119 | 	line-height: 1em;
120 | 	padding: 6px 0 0;
121 | 	width: 135px;
122 | 	font-size: 1em;
123 | 	margin: 5px 0;
124 | 	clear: both;
125 | }
126 | 
127 | form label small,
128 | section label small {
129 | 	font-size: 0.75em;
130 | 	color: #ccc;
131 | }
132 | 
133 | form label.verify {
134 | 	padding: 0;
135 | 	margin: 2px 10px 2px 0;
136 | 	width: 145px;
137 | 	text-align: right;
138 | }
139 | 
140 | form label.verify img {
141 | 	padding: 1px;
142 | 	border: 1px solid #cccccc;
143 | 	-webkit-border-radius: 3px;
144 | 	-moz-border-radius: 3px;
145 | 	border-radius: 3px;
146 | }
147 | 
148 | form button {
149 | 	width: 120px;
150 | 	padding: 4px;
151 | 	color: #666;
152 | 	background: #f5f5f5;
153 | 	border: 1px solid #ccc;
154 | 	margin: 5px 0;
155 | 	font: 1em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
156 | 	-webkit-border-radius: 5px;
157 | 	-moz-border-radius: 5px;
158 | 	border-radius: 5px;
159 | 	vertical-align: top;
160 | 	transition: all 0.25s ease-in-out;
161 | 	-webkit-transition: all 0.25s ease-in-out;
162 | 	-moz-transition: all 0.25s ease-in-out;
163 | 	box-shadow: 0 0 5px rgba(81, 203, 238, 0);
164 | 	-webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 0);
165 | 	-moz-box-shadow: 0 0 5px rgba(81, 203, 238, 0);
166 | }
167 | 
168 | form input,
169 | form textarea,
170 | form select,
171 | section select,
172 | section input,
173 | section textarea {
174 | 	width: 220px;
175 | 	padding: 5px;
176 | 	color: #666;
177 | 	background: #f5f5f5;
178 | 	border: 1px solid #ccc;
179 | 	margin: 5px 0;
180 | 	font: 1em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
181 | 	-webkit-border-radius: 5px;
182 | 	-moz-border-radius: 5px;
183 | 	border-radius: 5px;
184 | 	vertical-align: top;
185 | 	transition: all 0.25s ease-in-out;
186 | 	-webkit-transition: all 0.25s ease-in-out;
187 | 	-moz-transition: all 0.25s ease-in-out;
188 | 	box-shadow: 0 0 5px rgba(81, 203, 238, 0);
189 | 	-webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 0);
190 | 	-moz-box-shadow: 0 0 5px rgba(81, 203, 238, 0);
191 | }
192 | 
193 | form select {
194 | 	width: 232px;
195 | 	margin: 8px 0;
196 | }
197 | 
198 | form input#verify {
199 | 	width: 55px;
200 | }
201 | 
202 | form textarea,
203 | section textarea {
204 | 	width: 414px;
205 | }
206 | 
207 | form input:focus,
208 | form textarea:focus,
209 | form select:focus,
210 | form button:focus,
211 | section input:focus,
212 | section textarea:focus,
213 | section select:focus {
214 | 	border: 1px solid #ddd;
215 | 	background-color: #fff;
216 | 	color: #333;
217 | 	outline: none;
218 | 	position: relative;
219 | 	z-index: 5;
220 | 	box-shadow: 0 0 5px rgba(81, 203, 238, 1);
221 | 	-webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 1);
222 | 	-moz-box-shadow: 0 0 5px rgba(81, 203, 238, 1);
223 | 	-webkit-transform: scale(1.05);
224 | 	-moz-transform: scale(1.05);
225 | 	transition: all 0.25s ease-in-out;
226 | 	-webkit-transition: all 0.25s ease-in-out;
227 | 	-moz-transition: all 0.25s ease-in-out;
228 | }
229 | 
230 | form input.error,
231 | form textarea.error,
232 | form select.error {
233 | 	box-shadow: 0 0 5px rgba(204, 0, 0, 0.5);
234 | 	-webkit-box-shadow: 0 0 5px rgba(204, 0, 0, 0.5);
235 | 	-moz-box-shadow: 0 0 5px rgba(204, 0, 0, 0.5);
236 | 	border: 1px solid #faabab;
237 | 	background: #fef3f3
238 | }
239 | 
240 | form input.submit {
241 | 	width: auto;
242 | 	cursor: pointer;
243 | 	position: relative;
244 | 	border: 1px solid #282828;
245 | 	color: #fff;
246 | 	padding: 6px 16px;
247 | 	text-decoration: none;
248 | 	font-size: 1.1em;
249 | 	background: #555;
250 | 	background: -webkit-gradient( linear, left bottom, left top, color-stop(0.12, rgb(60, 60, 60)), color-stop(1, rgb(85, 85, 85)));
251 | 	background: -moz-linear-gradient( center bottom, rgb(60, 60, 60) 12%, rgb(85, 85, 85) 100%);
252 | 	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
253 | 	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
254 | 	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
255 | 	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
256 | }
257 | 
258 | form input.submit:hover {
259 | 	background: #282828 !important;
260 | 	transition: none;
261 | 	-webkit-transition: none;
262 | 	-moz-transition: none;
263 | }
264 | 
265 | form input.submit:active,
266 | form input.submit:focus {
267 | 	top: 1px;
268 | }
269 | 
270 | form button.delete-comment {
271 | 	width: auto;
272 | 	cursor: pointer;
273 | 	position: relative;
274 | 	border: 1px solid #282828;
275 | 	color: #fff;
276 | 	border-radius: 5px;
277 | 	padding: 6px 16px;
278 | 	text-decoration: none;
279 | 	font-size: 1.1em;
280 | 	background: #555;
281 | 	background: -webkit-gradient( linear, left bottom, left top, color-stop(0.12, rgb(60, 60, 60)), color-stop(1, rgb(85, 85, 85)));
282 | 	background: -moz-linear-gradient( center bottom, rgb(60, 60, 60) 12%, rgb(85, 85, 85) 100%);
283 | 	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
284 | 	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
285 | 	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
286 | 	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
287 | }
288 | 
289 | .copy {
290 | 	width: 30px;
291 | 	height: 29px;
292 | 	padding: 5px;
293 | 	color: #666;
294 | 	background: #f5f5f5;
295 | 	border: 1px solid #ccc;
296 | 	margin: 5px 0;
297 | }
298 | 
299 | form button.delete-comment:hover {
300 | 	background: #282828 !important;
301 | 	transition: none;
302 | 	-webkit-transition: none;
303 | 	-moz-transition: none;
304 | }
305 | 
306 | form button.delete-comment:active,
307 | form button.delet-comment:focus {
308 | 	top: 1px;
309 | }
310 | 
311 | form button:hover {
312 | 	background: #eeeeee;
313 | 	transition: none;
314 | 	-webkit-transition: none;
315 | 	-moz-transition: none;
316 | }
317 | 
318 | form input[type="submit"][disabled] {
319 | 	background: #888;
320 | }
321 | 
322 | form fieldset {
323 | 	padding: 7px;
324 | 	border: 1px solid #eee;
325 | 	-webkit-border-radius: 5px;
326 | 	-moz-border-radius: 5px;
327 | 	margin: 0 0 20px;
328 | }
329 | 
330 | form legend {
331 | 	padding: 7px 10px;
332 | 	font-weight: bold;
333 | 	color: #000;
334 | 	border: 1px solid #eee;
335 | 	-webkit-border-radius: 5px;
336 | 	-moz-border-radius: 5px;
337 | 	margin-bottom: 0 !important;
338 | 	margin-bottom: 20px;
339 | }
340 | 
341 | form span.required {
342 | 	font-size: 13px;
343 | 	color: #ff0000;
344 | }
345 | 
346 | section span.required {
347 | 	font-size: 13px;
348 | 	color: #ff0000;
349 | }
350 | 
351 | fieldset {
352 | 	padding: 20px;
353 | 	border: 1px solid #eee;
354 | 	-webkit-border-radius: 5px;
355 | 	-moz-border-radius: 5px;
356 | 	margin: 0 0 20px;
357 | }
358 | 
359 | legend {
360 | 	padding: 7px 10px;
361 | 	font-weight: bold;
362 | 	color: #000;
363 | 	border: 1px solid #eee;
364 | 	-webkit-border-radius: 5px;
365 | 	-moz-border-radius: 5px;
366 | 	margin-bottom: 0 !important;
367 | 	margin-bottom: 20px;
368 | }
369 | 
370 | #message {
371 | 	margin: 1em 0;
372 | 	padding: 0;
373 | 	display: block;
374 | 	background: transparent none;
375 | }
376 | 
377 | acronym {
378 | 	border-bottom: 1px dotted #ccc;
379 | }


--------------------------------------------------------------------------------
/template.yaml:
--------------------------------------------------------------------------------
  1 | AWSTemplateFormatVersion: 2010-09-09
  2 | Description: >
  3 |   Amazon Connect contact flow APIs demo
  4 | 
  5 | Mappings: 
  6 |   FunctionMap:
  7 |       Configuration:
  8 |           S3Bucket: "amazon-connect-blogs2"
  9 |           S3Key: "2020/contactflows/"
 10 |  
 11 | Parameters:
 12 |   CFS3BucketForWebSite:
 13 |     Type: String
 14 |     Default:  "contactflowapi-website"
 15 |     AllowedPattern: '(?=^.{3,63}$)(?!^(\d+\.)+\d+$)(^(([a-z0-9]|[a-z0-9][a-z0-9\-]*[a-z0-9])\.)*([a-z0-9]|[a-z0-9][a-z0-9\-]*[a-z0-9])$)'
 16 |     ConstraintDescription: 'Invalid S3 Bucket name'
 17 |     Description: Enter the (globally unique) name you would like to use for the Amazon S3 bucket where we will store the website assets and the sample contact flow. This template will fail to deploy if the bucket name you chose is currently in use.
 18 | 
 19 |   backupDDBTable:
 20 |     Type: String
 21 |     Default:  "contactflows"
 22 |     Description: >
 23 |         The name of the DynamoDB Table contact flows will be backed up (Ensure you do not have a table with this name already).
 24 | 
 25 |   arnMappingDDBTable:
 26 |     Type: String
 27 |     Default:  "contactflowmapping"
 28 |     Description: >
 29 |         The name of the DynamoDB Table which maintains ARN mappings to target environment (Ensure you do not have a table with this name already).
 30 |             
 31 | Metadata:
 32 |   'AWS::CloudFormation::Interface':
 33 |     ParameterGroups:
 34 |       - Label:
 35 |           default: Amazon S3 Configuration 
 36 |         Parameters:
 37 |           - CFS3BucketForWebSite
 38 |       - Label:
 39 |           default: Amazon DynamoDB Configuration 
 40 |         Parameters:
 41 |           - backupDDBTable
 42 |           - arnMappingDDBTable
 43 |           
 44 |     ParameterLabels:
 45 |       CFS3BucketForWebSite:
 46 |         default: Website Bucket Name
 47 |       backupDDBTable:
 48 |         default: Backup table 
 49 |       arnMappingDDBTable:
 50 |         default: ARN Mappings
 51 | 
 52 | Outputs:
 53 |   CloudfrontEndpoint:
 54 |       Description: Endpoint for Cloudfront distribution
 55 |       Value: !Join
 56 |         - ''
 57 |         - - 'https://'
 58 |           - !GetAtt [CFCloudFrontDistribution, DomainName]
 59 |           - '/contactflowapi.html'
 60 |       
 61 |   DDBForBackup:
 62 |       Description: Endpoint for Cloudfront distribution
 63 |       Value: !Ref backupDDBTable
 64 |       
 65 |   DDBForARNMapping:
 66 |       Description: Endpoint for Cloudfront distribution
 67 |       Value: !Ref arnMappingDDBTable
 68 |   
 69 | Resources:
 70 |     CFABackupDDBTable:
 71 |       Type: AWS::DynamoDB::Table
 72 |       Properties:
 73 |         TableName:  !Ref backupDDBTable
 74 |         AttributeDefinitions:
 75 |           -
 76 |             AttributeName: "flowId"
 77 |             AttributeType: "S"
 78 |         KeySchema:
 79 |           -
 80 |             AttributeName: "flowId"
 81 |             KeyType: "HASH"
 82 |         ProvisionedThroughput:
 83 |           ReadCapacityUnits:
 84 |               1
 85 |           WriteCapacityUnits:
 86 |               1
 87 | 
 88 |     CFAARNMappingDDBTable:
 89 |       Type: AWS::DynamoDB::Table
 90 |       Properties:
 91 |         TableName:  !Ref arnMappingDDBTable
 92 |         AttributeDefinitions:
 93 |           -
 94 |             AttributeName: "sourceARN"
 95 |             AttributeType: "S"
 96 |         KeySchema:
 97 |           -
 98 |             AttributeName: "sourceARN"
 99 |             KeyType: "HASH"
100 |         ProvisionedThroughput:
101 |           ReadCapacityUnits:
102 |               1
103 |           WriteCapacityUnits:
104 |               1
105 | 
106 |     createWebSiteS3Bucket:
107 |         Type: 'AWS::S3::Bucket'
108 |         Properties:
109 |             VersioningConfiguration:
110 |                 Status: Enabled        
111 |             BucketName: !Ref CFS3BucketForWebSite
112 |             VersioningConfiguration:
113 |               Status : Enabled
114 |             BucketEncryption:
115 |               ServerSideEncryptionConfiguration:
116 |               - ServerSideEncryptionByDefault:
117 |                   SSEAlgorithm: AES256
118 |             PublicAccessBlockConfiguration:
119 |                 BlockPublicAcls: True
120 |                 BlockPublicPolicy: True
121 |                 IgnorePublicAcls: True
122 |                 RestrictPublicBuckets: True
123 |             WebsiteConfiguration:
124 |                 IndexDocument: contactflowapi.html
125 |                 ErrorDocument: error.html
126 |  
127 |  
128 |     CFS3BucketPolicy:
129 |         Type: AWS::S3::BucketPolicy
130 |         DependsOn:
131 |             - CFCloudFrontDistributionAccessIdentity
132 |         Properties:
133 |             Bucket: !Ref createWebSiteS3Bucket
134 |             PolicyDocument:
135 |                 Statement:
136 |                     -
137 |                         Action:
138 |                             - "s3:GetObject"
139 |                         Effect: "Allow"
140 |                         Principal:
141 |                             CanonicalUser:
142 |                                 Fn::GetAtt: [ CFCloudFrontDistributionAccessIdentity , S3CanonicalUserId ]
143 |                         Resource:
144 |                             !Sub ${createWebSiteS3Bucket.Arn}/contactflowsite/*
145 | 
146 |     CFCloudFrontDistributionAccessIdentity:
147 |         Type: AWS::CloudFront::CloudFrontOriginAccessIdentity
148 |         Properties:
149 |           CloudFrontOriginAccessIdentityConfig:
150 |             Comment: 'CloudFront endpoint for contact flows s3'
151 |             
152 |     CFCloudFrontDistribution:
153 |         Type: AWS::CloudFront::Distribution
154 |         Properties:
155 |           DistributionConfig:
156 |             Origins:
157 |             - DomainName:
158 |                 !Join
159 |                     - ''
160 |                     - - !Ref CFS3BucketForWebSite
161 |                       - .s3.amazonaws.com
162 |               Id: !Ref CFS3BucketForWebSite
163 |               OriginPath: '/contactflowsite'
164 |               S3OriginConfig:
165 |                 OriginAccessIdentity:
166 |                     !Join
167 |                         - ''
168 |                         - - 'origin-access-identity/cloudfront/'
169 |                           - !Ref CFCloudFrontDistributionAccessIdentity
170 |             Enabled: 'true'
171 |             Logging:
172 |                 Bucket: !GetAtt createWebSiteS3Bucket.DomainName
173 |                 Prefix: 'logs/'
174 |                 IncludeCookies: 'true'
175 |             Comment: CloudFront for contact flow apis
176 |             DefaultRootObject: contactflowapi.html
177 |             DefaultCacheBehavior:
178 |                 AllowedMethods:
179 |                     - DELETE
180 |                     - GET
181 |                     - HEAD
182 |                     - OPTIONS
183 |                     - PATCH
184 |                     - POST
185 |                     - PUT
186 |                 TargetOriginId: !Ref CFS3BucketForWebSite
187 |                 ForwardedValues:
188 |                     QueryString: true
189 |                     Cookies:
190 |                         Forward: all
191 |                 ViewerProtocolPolicy: redirect-to-https
192 |             Restrictions:
193 |                 GeoRestriction:
194 |                     RestrictionType: whitelist
195 |                     Locations:
196 |                         - US
197 | 
198 |     CFWebsiteCreatorRole:
199 |         Type: "AWS::IAM::Role"
200 |         Properties:
201 |           AssumeRolePolicyDocument:
202 |             Version: "2012-10-17"
203 |             Statement:
204 |               -
205 |                 Effect: "Allow"
206 |                 Principal:
207 |                   Service:
208 |                     - "lambda.amazonaws.com"
209 |                 Action:
210 |                   - "sts:AssumeRole"
211 |           Path: "/"
212 |           Policies:
213 |             -
214 |               PolicyName: !Sub ${AWS::StackName}-contact-flow-creator-policy
215 |               PolicyDocument:
216 |                 Version: "2012-10-17"
217 |                 Statement:
218 |                   -
219 |                     Effect: "Allow"
220 |                     Action:
221 |                       - 'logs:CreateLogGroup'
222 |                       - 'logs:CreateLogStream'
223 |                       - 'logs:PutLogEvents'
224 |                     Resource:
225 |                       - !Sub "arn:${AWS::Partition}:logs:${AWS::Region}:${AWS::AccountId}:log-group:/aws/lambda/*"
226 |                   -
227 |                     Effect: "Allow"
228 |                     Action:
229 |                       - "s3:PutObject"
230 |                       - "s3:GetObject"
231 |                       - "s3:PutObjectAcl"
232 |                     Resource:
233 |                       -  !Join
234 |                           - ''
235 |                           - - 'arn:'
236 |                             - !Ref 'AWS::Partition'
237 |                             - ':s3:::'
238 |                             - !Ref CFS3BucketForWebSite
239 |                             - '/*'
240 |                   -
241 |                     Effect: "Allow"
242 |                     Action:
243 |                       - "s3:PutBucketPublicAccessBlock"
244 |                     Resource:
245 |                       -  !Join
246 |                           - ''
247 |                           - - 'arn:'
248 |                             - !Ref 'AWS::Partition'
249 |                             - ':s3:::'
250 |                             - !Ref CFS3BucketForWebSite
251 |                   -
252 |                     Effect: "Allow"
253 |                     Action:
254 |                       - "s3:GetObject"
255 |                     Resource:
256 |                       -  !Join
257 |                           - ''
258 |                           - - 'arn:'
259 |                             - !Ref 'AWS::Partition'
260 |                             - ':s3:::'
261 |                             - 'amazon-connect-blogs2'
262 |                             - '/*'
263 | 
264 |     webSiteCreator:
265 |       Type: "AWS::Lambda::Function"
266 |       Properties:
267 |         Description:  >
268 |             AWS Lambda Function that will create the website and upload it to the S3 bucket
269 |         Handler: "index.handler"
270 |         Role: !GetAtt CFWebsiteCreatorRole.Arn
271 |         Runtime: "nodejs12.x"
272 |         MemorySize: 256
273 |         Timeout: 120
274 |         Code: ./website-creator/
275 |         
276 |     invokeWebSiteCreator:
277 |         Type: Custom::CreateWebSite
278 |         DependsOn: createWebSiteS3Bucket
279 |         Properties:  
280 |             ServiceToken:  !GetAtt webSiteCreator.Arn
281 |             customAction: configureWebsite
282 |             Region: !Ref AWS::Region
283 |             destS3Bucket: !Ref CFS3BucketForWebSite
284 |             destS3KeyPrefix: contactflowsite
285 | 


--------------------------------------------------------------------------------
/website-creator/contactflowapi.html:
--------------------------------------------------------------------------------
  1 | 
  2 | <!DOCTYPE html>
  3 | <html lang="en">
  4 | 
  5 | <head>
  6 |   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  7 |   <title>Amazon Connect - Instance and Contact Flow API's</title>
  8 |     <meta name="viewport" content="width=device-width, initial-scale=1">
  9 |     <meta content="utf-8" http-equiv="encoding">
 10 |     <script src=https://cdn.jsdelivr.net/npm/jquery@3.5/dist/jquery.min.js></script>
 11 | 	<!--  <script src="js/connectservice.js"></script> -->    
 12 |     <link href="css/style.css" rel="stylesheet" type="text/css" />
 13 |     <script src="js/connectflows.js"></script>
 14 |     <script src="js/aws-sdk.min-cf.js"></script>
 15 | 	<script src=https://cdn.jsdelivr.net/npm/dna.js@1.6/dist/dna.min.js></script>
 16 | 	<script src=https://cdn.jsdelivr.net/npm/web-ignition@1.2/dist/library.min.js></script>
 17 |     <link rel=stylesheet href=https://cdn.jsdelivr.net/npm/pretty-print-json@0.2/dist/pretty-print-json.css>
 18 | 	<script src=https://cdn.jsdelivr.net/npm/pretty-print-json@0.2/dist/pretty-print-json.js></script>
 19 | 	<script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>	
 20 | 	<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/dt-1.10.21/sl-1.3.1/datatables.min.css"/>
 21 |  	<script type="text/javascript" src="https://cdn.datatables.net/v/dt/dt-1.10.21/sl-1.3.1/datatables.min.js"></script>
 22 |     <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
 23 | 	
 24 | <style>
 25 |     #section-contact-flow-main {
 26 |         padding: 10px;
 27 |         max-width: 300px;
 28 |         height: 900px;
 29 |         margin-left: 0px;
 30 |         float: left;
 31 |         overflow: auto;
 32 |     }
 33 |     #section-replacements {
 34 |         padding: 10px;
 35 |         max-width: 650px;
 36 |         height: 900px;
 37 |         margin-left: 0px;
 38 |         float: left;
 39 |         overflow: auto;
 40 |     }
 41 |     #section-contact-flows {
 42 |         padding: 10px;
 43 |         max-width: 800px;
 44 |         height: 900px;
 45 |         margin-left: 0px;
 46 |         float: left;
 47 |     }
 48 |     #section-contact-flows2 {
 49 |         padding: 10px;
 50 |         max-width: 800px;
 51 |         height: 900px;
 52 |         margin-left: 0px;
 53 |         float: left;
 54 |     }
 55 |     
 56 |     #section-instance-main {
 57 |         padding: 10px;
 58 |         max-width: 400px;
 59 |         height: 900px;
 60 |         margin-left: 0px;
 61 |         float: left;
 62 |         overflow: auto;
 63 |         display: none;
 64 |     }
 65 |     
 66 |     #section-json-output {
 67 |         padding: 10px;
 68 |         max-width: 550px;
 69 |         height: 900px;
 70 |         margin-left: 0px;
 71 |         float: left;
 72 |     }
 73 | 	#instancesFormatted{
 74 | 		white-space: break-spaces;
 75 | 		word-break: break-word;
 76 | 	}
 77 | 	#instancesDivFormatted{
 78 | 		overflow: scroll;
 79 | 	    height: 830px;
 80 | 	    background-color: #fbf7f7;
 81 | 	}	    
 82 | .cfs-ccp-wrapper {
 83 |     top: 0;
 84 |     bottom: 0;
 85 |     left: 9%;
 86 |     margin: auto;
 87 |     position: absolute;
 88 |     height: calc(100vh - 80px);
 89 |     padding-top: 30px;
 90 |     z-index: 1;
 91 | }
 92 | #cfs-ccp-container {
 93 |     display: none;
 94 | }
 95 | .cfs-ccp-container {
 96 |     height: 465px;
 97 |     width: 900px;
 98 |     transition: 300ms;
 99 | }
100 | .cfs-ccp-iframe-container {
101 |     border-radius: 4px;
102 |     box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.08), 0 40px 120px 0 rgba(0, 0, 0, 0.2);
103 |     overflow: hidden;
104 | }
105 | 
106 | .lblCfs {
107 |     color: black;
108 |     display: flex;
109 |     text-align: center;
110 |     cursor: pointer;
111 |     position: absolute;
112 |     top: 0;
113 | }
114 | .lblCfs::before {
115 |   content: '-';
116 |   display: flex;
117 |   border-radius: 100px;
118 |   height: 40px;
119 |   width: 40px;
120 |   background-color: #EA7AF4;
121 |   margin-right: 6px;
122 |   align-items: center;
123 |   justify-content: center;
124 |   line-height: 20px;
125 | }
126 | 
127 | .lblCfs::after {
128 |   content: 'JSON';
129 |   white-space: nowrap;
130 | }
131 | .lblJSON{
132 |     padding: 20px 10px;
133 |     font-weight: bold;
134 |     color: #000;
135 |     border: 1px solid #ad8e8e;
136 |     -webkit-border-radius: 5px;
137 |     -moz-border-radius: 5px;
138 |     margin-bottom: 0 !important;
139 |     margin-bottom: 20px;
140 |     background-color: #fbf7f7;
141 | }
142 | #cfs-ccp-container:checked ~ .cfs-ccp-container {
143 |   height: 50px;
144 |   width: 50px;
145 |   visibility: hidden;
146 |   transition: 300ms;
147 | }
148 | 
149 | #cfs-ccp-container:checked ~ label::before {
150 |   content: '+';
151 | }
152 | 
153 | #cfs-ccp-container:checked ~ label::after {
154 |   content: 'JSON';
155 | }
156 | td{
157 | 	text-align: right;
158 | }
159 | td.text-center{
160 | 	text-align: center;
161 | }
162 | td.chk-center{
163 | 	width: inherit;
164 | 	text-align: center;
165 | }	    
166 | .chk{
167 | 	width: inherit;
168 | }
169 | #tblARNMapping {
170 |   border-collapse: collapse;
171 |   width: 100%;
172 | }
173 | 
174 | #tblARNMapping td, #tblARNMapping th {
175 |   border: 1px solid #ddd;
176 |   padding: 8px;
177 | }
178 | 
179 | #tblARNMapping tr:nth-child(even){background-color: #f2f2f2;}
180 | 
181 | #tblARNMapping tr:hover {background-color: #ddd;}
182 | 
183 | #tblARNMapping th {
184 |   padding-top: 12px;
185 |   padding-bottom: 12px;
186 |   text-align: left;
187 |   color: black;
188 | }
189 | </style>
190 | <style> 
191 |  * {box-sizing: border-box;}
192 | </style>	
193 | 
194 | </head>
195 | 
196 | <body>
197 | 
198 | <!--navbar div with the id-->
199 | 	<section id="section-contact-flow-main">
200 | 		<form>
201 |          <fieldset>
202 |             <legend>Amazon Connect Contact Flow APIs</legend>
203 |                <div>
204 |                	  <input type="button" id="awsConfiguration" value="AWS Configurations">
205 |                   <input type="button" id="getAllFlows" value="Get all contact flows">
206 |                   <input type="button" id="createContactFlow" value="Create contact flow">
207 |                </div>
208 |          </fieldset>
209 |          </form>
210 |          
211 | 	</section>
212 | 
213 | 	<section id="section-contact-flows">
214 | 		<legend>Instance : <span id='sourceInstanceName'></span></legend>
215 | 		<div>
216 | 			<input type="button" id="btnBackupAll" style="width: 200px;" value ="Backup Selected Flows">
217 | 			<span style="position: relative;top: 10px;padding-left: 20px;">
218 | 				<input type="checkbox" id="chkBackupAll" name="chkBackupAll" style="width: 30px;padding-left: 50px;">
219 | 				<label for="chkBackupAll" style="padding: 0px 0 0;width: 70px;float: inherit;">Select all</label>
220 | 			</span>
221 | 		</div> 
222 | 		<div style="height: 90%;  overflow: scroll;">
223 | 			<table id="contactFlowList" style="width:100%;border:1px;height:80%" class="cell-border compact stripe" /></table>
224 | 		</div>
225 | 	</section>
226 | 
227 | 	<section id="section-contact-flows2">
228 | 		<legend>Instance : <span id='targetInstanceName'></span></legend>
229 | 		<div style="padding-bottom: 48px;"><span></span></div>
230 | 		<div style="height: 90%;  overflow: scroll;">
231 | 			<table id="contactFlowList2" style="width:100%;border:1px;height:80%" class="cell-border compact stripe" /></table>
232 | 		</div>
233 | 	</section>
234 | 	
235 | 	<div id="confirmDialog" title="Create new flow?">
236 | 	  <p><span class="ui-icon ui-icon-alert" style="float:left; margin:12px 12px 20px 0;"></span>Cannot find flow with same name in the target instance, do you want to create new flow?</p>
237 | 	</div>	
238 | 	<div id="dialog" title="Waiting">
239 | 	  <p>Waiting for server to respond</p>
240 | 	</div>
241 | 	<div id="dialogJSON" title="JSON Output">
242 | 			<div id="instancesDivFormatted">
243 | 				<pre id="instancesFormatted"></pre>
244 | 			</div>
245 | 	</div>
246 | 	
247 | 	<div id="resultDialog" title="API Result">
248 | 	  	<span id="resultSpan"></span>
249 | 	</div>
250 | 
251 | 	<div id="updateFlowDialog" title="Flow details">
252 | 	    <form>
253 | 	    	<input name="updateFlowName" type="hidden" id="updateFlowName">
254 | 	    </form>
255 | 	  	<div id="updateFlowDialogTable">
256 | 	  		<table id = 'tblARNMapping'>
257 | 	  			<thead>
258 | 	  				<tr>
259 | 		  				<th>Source ARN</th>
260 | 		  				<th>Target ARN</th>
261 | 		  				<th>Type</th>
262 | 	  				</tr>
263 | 	  				<tr>
264 | 	  					<td>-</td><td>-</td><td>-</td>
265 | 	  				</tr>
266 | 	  			</thead>
267 | 	  			<tbody>
268 | 	  			</tbody>
269 | 	  		</table>
270 | 	  	</div>
271 | 	  	<button class="btn" type="button" id="btnUpdateContactFlow" style="width: 200px;"> Update Contact Flow </button>
272 | 	</div>
273 | 
274 | 	<div id="renameDialog" title="Change name of contact flow">
275 |      	<form  name="changeNameForm" id="changeNameForm" autocomplete="on">
276 |   	        <fieldset class="config-info">
277 | 	       		<legend>Enter the new name for the contact flow</legend>
278 | 	       		   <div>
279 | 			          <table>
280 | 			            <tbody>
281 | 			              <tr>
282 | 			                <td>
283 | 			                  <label for="dlgOldName">Old name : </label>
284 | 			                </td>
285 | 			                <td>
286 | 			                  <input name="dlgOldName" type="text" id="dlgOldName" placeholder="" readonly>
287 | 			                </td>
288 | 			                <td>
289 | 			                  <label for="dlgNewName">Name : </label>
290 | 			                </td>
291 | 			                <td>
292 | 			                  <input name="dlgNewName" type="text" id="dlgNewName" placeholder="" autocomplete="off">
293 | 			                </td>
294 | 			                </tr>
295 | 			             </tbody>
296 | 			          </table>
297 | 			       </div> 
298 | 			  </fieldset>
299 | 			  <button class="btn" type="button" id="btnRenameContactFlow" style="width: 200px;"> Rename Contact Flow </button>
300 | 		</form>
301 | 	</div>
302 | 
303 | 	<div id="configDialog" title="AWS IAM Credentials">
304 |      	<form  name="AWSIAMInfo" id="AWSIAMInfo" autocomplete="on">
305 |   	        <fieldset class="config-info">
306 | 	       		<legend>Enter the AWS Credentials for Source Instance</legend>
307 | 	       		   <div>
308 | 			          <table>
309 | 			            <tbody>
310 | 			              <tr>
311 | 			                <td>
312 | 			                  <label for="dlgSourceAccessKey">Access Key : </label>
313 | 			                </td>
314 | 			                <td>
315 | 			                  <input name="dlgSourceAccessKey" type="text" id="dlgSourceAccessKey" placeholder="Access Key" autocomplete="off">
316 | 			                </td>
317 | 			                <td>
318 | 			                  <label for="dlgSourceSecretKey">Secret Key : </label>
319 | 			                </td>
320 | 			                <td>
321 | 			                  <input name="dlgSourceSecretKey" type="text" id="dlgSourceSecretKey" placeholder="Secret Key" autocomplete="off">
322 | 			                </td>
323 | 			                </tr>
324 | 			                <tr>
325 | 			                <td>
326 | 			                 <label for="dlgSourceInstance">Instance ID : </label>
327 | 			                </td>
328 | 			                <td>
329 | 			                  <input name="dlgSourceInstance" type="text" id="dlgSourceInstance" placeholder="Instance ID" autocomplete="off">
330 | 			                </td>
331 | 			                <td>
332 | 			                	<label for="dlgSourceRegion">Region : </label>
333 | 			                </td>
334 | 			                <td>
335 | 			                  <input name="dlgSourceRegion" type="text" id="dlgSourceRegion" placeholder="Region" autocomplete="off">
336 | 			                </td>
337 | 			                </tr>
338 | 			                <tr>
339 | 			                <td>
340 | 		                	  <label for="dlgSourceBackupDDB">Backup DDB : </label>
341 | 			                </td>
342 | 			                <td>
343 | 			                  <input name="dlgSourceBackupDDB" type="text" id="dlgSourceBackupDDB" placeholder="Dynamo DB" autocomplete="off">
344 | 			                </td>
345 | 			                <td>
346 | 			                	<label for="dlgSourceARNMapDDB">ARN Mapping : </label>
347 | 			                </td>
348 | 			                <td >
349 | 			                  <input name="dlgSourceARNMapDDB" type="text" id="dlgSourceARNMapDDB" placeholder="DynamoDB" autocomplete="off">
350 | 			                </td>
351 | 			                
352 | 			                </tr>
353 | 			                </tbody>
354 | 			                </table>
355 | 			         </div>
356 | 			         </fieldset>
357 |   	        <fieldset class="config-info">
358 | 	       		<legend>Enter the AWS Credentials for Target Instance</legend>
359 | 	       		   <div>
360 | 			                
361 | 			              <table>
362 | 			              <tbody>  
363 | 			              <tr>
364 | 			                <td>
365 | 			                  <label for="dlgTargetAccessKey">Access Key : </label>
366 | 			                </td>
367 | 			                <td>
368 | 			                  <input name="dlgTargetAccessKey" type="text" id="dlgTargetAccessKey" placeholder="Access Key" autocomplete="off">
369 | 			                </td>
370 | 			                <td>
371 | 			                  <label for="dlgTargetSecretKey">Secret Key : </label>
372 | 			                </td>
373 | 			                <td>
374 | 			                  <input name="dlgTargetSecretKey" type="text" id="dlgTargetSecretKey" placeholder="Secret Key" autocomplete="off">
375 | 			                </td>
376 | 			                </tr>
377 | 			                <tr>
378 | 			                <td>
379 | 			                	<label for="dlgTargetInstance">Instance ID : </label>
380 | 			                </td>
381 | 			                <td >
382 | 			                  <input name="dlgTargetInstance" type="text" id="dlgTargetInstance" placeholder="Instance ID" autocomplete="off">
383 | 			                </td>
384 | 			                <td>
385 | 			                	<label for="dlgTargetRegion">Region : </label>
386 | 			                </td>
387 | 			                <td>
388 | 			                  <input name="dlgTargetRegion" type="text" id="dlgTargetRegion" placeholder="Region">
389 | 			                  <input name="dlgTargetBackupDDB" type="hidden" id="dlgTargetBackupDDB" placeholder="DynamoDB" value="1234" autocomplete="off">
390 | 			                </td>			                
391 | 			                </tr>
392 | 			             </tbody>
393 | 			           </table>
394 | 			       </div>
395 | 			     </fieldset>
396 | 			     <span id="spnAWSMessage" style="color: red;font-weight: bold;float:left"></span><button class="btn" type="button" id="btnConfiguration" style="width: 200px;float:right;"> Save Configurations </button>
397 | 			     
398 | 			   </form>   
399 | 	  	
400 | 	</div>
401 | 	
402 | 	<div id="contactFlowContentdialog" title="Create new contact flow">
403 |      	<form  name="contactInfo" id="contactInfo" autocomplete="on">
404 |   	        <fieldset class="schedule-info">
405 | 	       		<legend><span style="display: inline-block;padding: 10px;">Select the instance : </span><select id="dlgSelectInstance"></select></legend>
406 | 	       		   <div>
407 | 			          <table>
408 | 			            <tbody>
409 | 			              <tr>
410 | 			                <td>
411 | 			                  <label for="dlgContactFlowName">Name : </label>
412 | 			                </td>
413 | 			                <td>
414 | 			                  <input name="dlgContactFlowName" type="text" id="dlgContactFlowName" placeholder="Contact flow name">
415 | 			                </td>
416 | 			                <td style="padding-bottom: 10px">
417 | 			                  <label for="dlgContactFlowType"  style="text-align:right;">Type : </label>
418 | 			                </td>
419 | 			                <td>
420 | 			                  <select name="dlgContactFlowType" id="dlgContactFlowType">
421 | 						        <option value="CONTACT_FLOW">CONTACT_FLOW</option>
422 | 						        <option value="CUSTOMER_QUEUE">CUSTOMER_QUEUE</option>
423 | 						        <option value="CUSTOMER_HOLD">CUSTOMER_HOLD</option>
424 | 						        <option value="CUSTOMER_WHISPER">CUSTOMER_WHISPER</option>
425 | 						        <option value="AGENT_HOLD">AGENT_HOLD</option>
426 | 						        <option value="AGENT_WHISPER">AGENT_WHISPER</option>
427 | 						        <option value="OUTBOUND_WHISPER">OUTBOUND_WHISPER</option>
428 | 						        <option value="AGENT_TRANSFER">AGENT_TRANSFER</option>
429 | 						        <option value="QUEUE_TRANSFER">QUEUE_TRANSFER</option>
430 | 								</select>
431 | 			                </td>			                			                
432 | 			              </tr>
433 | 			              <tr>
434 | 			                <td>
435 | 			                  <label for="dlgContactFlowDescription">Description : </label>
436 | 			                </td>
437 | 			                <td  colspan="3">
438 | 			                  <input name="dlgContactFlowDescription" type="text" id="dlgContactFlowDescription" placeholder="Contact flow description" style="width:100%;">
439 | 			                </td>			                			                
440 | 			              </tr>
441 | 			              <tr>
442 | 			              <td colspan="4" style="padding-top: 15px;padding-bottom: 10px;"> Paste contact flow in well formatted JSON payload below textbox: </td>
443 | 			              </tr>
444 | 	       		   		</tbody>
445 | 	       		   	  </table>
446 | 	       		   </div>	
447 | 	               <div>
448 | 	                   <textarea id="contactFlowJSON" name="contactFlowJSON" rows="16" cols="800" style="width:100%;"></textarea>
449 | 	               </div>
450 | 	               <button class="btn" type="button" id="btnCreateContactFlow" style="width: 200px;"> Create contact flow </button>
451 | 			</fieldset>
452 | 		</form>
453 | 					
454 | 	</div>
455 | 	<script>
456 | 	$( document ).ready(function() {
457 | 		$('#cfs-ccp-container').click();		
458 | 	});
459 | 	</script>	
460 | </body>
461 | </html>
462 | 


--------------------------------------------------------------------------------
/website-creator/js/connectflows.js:
--------------------------------------------------------------------------------
  1 | 
  2 | var credentials;
  3 | var secretKey;
  4 | var accessKey;
  5 | var sessionId;
  6 | var connect;
  7 | var contactFlows;
  8 | var contactFlows2;
  9 | var contactFlowsTable;
 10 | var contactFlowsTable2;
 11 | var selectedFlowName = '';
 12 | var selectedFlowType = '';
 13 | var selectedFlowID = '';
 14 | var selectedFlowName2 = '';
 15 | var selectedFlowType2 = '';
 16 | var selectedFlowID2 = '';
 17 | 
 18 | var dlgSourceSecretKey;
 19 | var dlgSourceAccessKey;
 20 | var dlgSourceInstance;
 21 | var dlgSourceRegion;
 22 | var dlgSourceBackupDDB;
 23 | var dlgSourceARNMapDDB;
 24 | 
 25 | var dlgTargetSecretKey;
 26 | var dlgTargetAccessKey;
 27 | var dlgTargetInstance;
 28 | var dlgTargetRegion;
 29 | var dlgTargetBackupDDB;
 30 | 
 31 | var renameFlowInstanceId=1;
 32 | var originalContactFlow;
 33 | var updatedContactFlow;
 34 | 
 35 | $( document ).ready(function() {
 36 | 	if (checkCookie()){
 37 | 		setAWSConfig(dlgSourceAccessKey, dlgSourceSecretKey, dlgSourceRegion);
 38 | 		loadConnectAPIs();
 39 | 	    getInstanceNames();
 40 | 	    setupAll();
 41 | 	}else{
 42 | 		setupAll();
 43 | 		$( "#configDialog" ).dialog( "open" );
 44 | 	}
 45 | });
 46 | 
 47 | function setupAll(){
 48 |     $("#getAllFlows").click(() => {
 49 |     	getContactFlows();
 50 |     });
 51 |     
 52 |     $("#updateName").click(() => {
 53 |     	changeContactFlowName();
 54 |     });
 55 |     
 56 |     $("#describeContactFlow").click(() => {
 57 |     	describeContactFlowName();
 58 |     });
 59 |     
 60 |     $("#createContactFlow").click(() => {
 61 |     	$( "#contactFlowContentdialog" ).dialog( "open" );
 62 |     });
 63 |     
 64 |     $("#btnCreateContactFlow").click(() => {
 65 |     	$( "#contactFlowContentdialog" ).dialog( "close" );
 66 |     	createContactFlow();
 67 |     });
 68 |     
 69 |     $("#updateContactFlow").click(() => {
 70 |     	updateContactFlow();
 71 |     });
 72 |     
 73 |     $("#awsConfiguration").click(() => {
 74 |     	$( "#configDialog" ).dialog( "open" );
 75 |     });
 76 |     
 77 |     $("#btnConfiguration").click(() => {
 78 |     	if(saveCookie()){
 79 |     		$( "#configDialog" ).dialog( "close" );
 80 |     		setAWSConfig(dlgSourceAccessKey, dlgSourceSecretKey, dlgSourceRegion);
 81 |     		loadConnectAPIs();
 82 |     	    getInstanceNames();
 83 |     	}
 84 |     	else
 85 |     		$( "#configDialog" ).dialog( "open" );
 86 |     });
 87 |     
 88 |     $("#btnRenameContactFlow").click(() => {
 89 |     	$( "#renameDialog" ).dialog( "close" );
 90 |     	changeContactFlowName();    	
 91 |     });
 92 |     $("#btnBackupAll").click(() => {
 93 |     	backupContactFlows(1);
 94 |     });
 95 |     
 96 |     $("#btnBackupAll1").click(() => {
 97 |     	backupContactFlows(2);
 98 |     });
 99 |     $("#btnUpdateContactFlow").click(() => {
100 |     	updateFlowDetails();
101 |     });  
102 |     
103 |         
104 |     contactFlowsTable = $('#contactFlowList').DataTable({
105 |     	columnDefs: [{targets: -1,className: 'dt-body-right'}],    	
106 |         columns: [{title: "Name"},{title: "Type"},{title: "Details",width: "15%", className: "text-center"}, {title: "Change Name",width: "20%", className: "text-center"}, {title: "Promote", width :"10%" }, {title: "Select", width :"10%", className: "chk-center"}],            
107 |         select: true,
108 |         paging: false,
109 |         info: false,
110 |         searching: false
111 |     });
112 |     contactFlowsTable2 = $('#contactFlowList2').DataTable({
113 |     	columnDefs: [{targets: -1,className: 'dt-body-right'}],    	
114 |         columns: [{title: "Name"},{title: "Type"},{title: "Details",width: "15%", className: "text-center"}, {title: "Change Name",width: "20%", className: "text-center"}],
115 |         select: true,
116 |         paging: false,
117 |         info: false,
118 |         searching: false
119 |     });
120 |     
121 |     contactFlowsTable.on( 'select', function ( e, dt, type, indexes ) {
122 |         if ( type === 'row' ) {
123 |         	selectedFlowName = contactFlowsTable.rows( indexes ).data()[0][0];
124 |         	selectedFlowType = contactFlowsTable.rows( indexes ).data()[0][1];
125 |             for (var i=0; i< contactFlows.length; i++) {
126 |             	if(selectedFlowName == contactFlows[i].Name){
127 |             		selectedFlowID = contactFlows[i].Id;
128 |             		break;
129 |             	}
130 |             		
131 |             }
132 |         }
133 |     } );
134 |     
135 |     contactFlowsTable2.on( 'select', function ( e, dt, type, indexes ) {
136 |         if ( type === 'row' ) {
137 |         	selectedFlowName2 = contactFlowsTable2.rows( indexes ).data()[0][0];
138 |         	selectedFlowType2 = contactFlowsTable2.rows( indexes ).data()[0][1];
139 |             for (var i=0; i< contactFlows2.length; i++) {
140 |             	if(selectedFlowName2 == contactFlows2[i].Name){
141 |             		selectedFlowID2 = contactFlows2[i].Id;
142 |             		break;
143 |             	}
144 |             }
145 |         }
146 |     });
147 | 	
148 |     $( "#dialog" ).dialog({
149 |         autoOpen: false,
150 |         modal: true
151 |       });
152 |     $("#contactFlowContentdialog").dialog({
153 |         autoOpen: false,
154 |         width: 800,
155 |         modal: true,
156 |         resizable: false,
157 |         height: "auto"        
158 |     });
159 |     $('#dialogJSON').dialog({
160 |         autoOpen: false,
161 |         width: 800,
162 |         height: "auto",
163 |         modal: true
164 |     });
165 |     
166 |     $( "#resultDialog").dialog({
167 |         autoOpen: false,
168 |         modal: true
169 |     });
170 |     $('#configDialog').dialog({
171 |         autoOpen: false,
172 |         width: 850,
173 |         modal: true,
174 |         resizable: false,
175 |         height: "auto"        
176 |     });
177 |     $('#renameDialog').dialog({
178 |         autoOpen: false,
179 |         width: 800,
180 |         height: "auto",
181 |         modal: true
182 |     });
183 |     $('#updateFlowDialog').dialog({
184 |         autoOpen: false,
185 |         width: 2000,
186 |         height: "auto",
187 |         modal: true
188 |     });
189 | 
190 |     $( "#confirmDialog" ).dialog({
191 |         autoOpen: false,
192 |         resizable: false,
193 |         height: "auto",
194 |         width: 400,
195 |         modal: true,
196 |         buttons: {
197 |           "Yes": function() {
198 |             $( this ).dialog( "close" );
199 |             updateContactFlowDetails();
200 |           },
201 |           Cancel: function() {
202 |             $( this ).dialog( "close" );
203 |           }
204 |         }
205 |     });        
206 |     $("#chkBackupAll").change(function() {
207 |         if(this.checked)
208 |             checkClearAll(1, true)
209 |         else
210 |         	checkClearAll(1, false)
211 |     });    
212 |     $("#chkBackupAll1").change(function() {
213 |         if(this.checked)
214 |             checkClearAll(2, true)
215 |         else
216 |         	checkClearAll(2, false)
217 |     });
218 | 	
219 | }
220 | 
221 | /*async function getInstanceNames(){
222 |     let a = await describeInstance(dlgSourceAccessKey, dlgSourceSecretKey, dlgSourceRegion, dlgSourceInstance,1);
223 |     let b = await describeInstance(dlgTargetAccessKey, dlgTargetSecretKey, dlgTargetRegion, dlgTargetInstance,2);
224 | }*/
225 | 
226 | function getInstanceNames(){
227 | 	$('#sourceInstanceName').text(dlgSourceInstance) ;
228 | 	$('#targetInstanceName').text(dlgTargetInstance);
229 | 	$('#dlgSelectInstance').append($('<option>', {
230 | 	    value: 1,
231 | 	    text: dlgSourceInstance
232 | 	}));
233 | 	$('#dlgSelectInstance').append($('<option>', {
234 | 	    value: 2,
235 | 	    text: dlgTargetInstance
236 | 	}));
237 | 	
238 | 	/*describeInstance(dlgSourceAccessKey, dlgSourceSecretKey, dlgSourceRegion, dlgSourceInstance,1).then(
239 |     		() => {
240 |     			describeInstance(dlgTargetAccessKey, dlgTargetSecretKey, dlgTargetRegion, dlgTargetInstance,2);
241 |     		}
242 | 		);*/
243 | }
244 | 
245 | function backupContactFlows(listBox){
246 | 	var lb;
247 | 	if(listBox == 1)
248 | 		lb = contactFlowsTable;
249 | 	else
250 | 		lb = contactFlowsTable2
251 | 
252 | 	var rowcollection =  lb.$(".chk:checked", {"page": "all"});
253 | 	//var flows = [];
254 | 	handleWindow(true, '');
255 | 	rowcollection.each(function(index,elem){
256 | 	    //flow.push($(elem).val());
257 | 		var flowId = $(elem).val();
258 | 		if(listBox == 1){
259 | 			backupContactFlow(dlgSourceAccessKey, dlgSourceSecretKey, dlgSourceRegion, dlgSourceInstance, dlgSourceBackupDDB, flowId, listBox);
260 | 		}else{
261 | 			backupContactFlow(dlgTargetAccessKey, dlgTargetSecretKey, dlgTargetRegion, dlgTargetInstance, dlgTargetBackupDDB, flowId, listBox);
262 | 		}
263 | 		if((rowcollection.length-1) == index)
264 | 			handleWindow(false, '');
265 | 	});	
266 | 	
267 | }
268 | 
269 | async function backupContactFlow(accessKey, secretKey, region, instance, ddb, flowid, listBox){
270 | 	try{
271 | 		let cfDetails = await getFlow(accessKey, secretKey, region, instance, flowid);
272 | 		let a = await saveFlowInDDB(accessKey, secretKey, region, instance, ddb, flowid, cfDetails);
273 | 		console.log(a);
274 | 		//getFlow(accessKey, secretKey, region, instance, flowid)
275 | 			//.then(cfDetails )
276 | 	}catch(e){
277 | 		console.log(e)
278 | 	}
279 | }
280 | 
281 | const saveFlowInDDB = (accessKey, secretKey, region, instance, ddb, flowid, cfDetails) =>{
282 | 	return new Promise((resolve,reject) =>{
283 | 		var p = setAWSConfig(accessKey, secretKey, region);
284 | 		var params = {TableName : ddb,
285 | 					  Key : {'flowId':flowid},
286 | 					  UpdateExpression: "set Arn = :cfArn, FlowName = :cfName, FlowDescription = :cfDescription, FlowType = :cfType, FlowContent = :cfContent",
287 | 					  ExpressionAttributeValues:{
288 | 					        ":cfArn":cfDetails.ContactFlow.Arn,
289 | 					        ":cfName":cfDetails.ContactFlow.Name,
290 | 					        ":cfDescription":cfDetails.ContactFlow.Description,
291 | 					        ":cfType":cfDetails.ContactFlow.Type,
292 | 					        ":cfContent":cfDetails.ContactFlow.Content
293 | 					    },
294 | 					    ReturnValues:"UPDATED_NEW"					  
295 | 					  };
296 | 		var docClient = new AWS.DynamoDB.DocumentClient();
297 | 		docClient.update(params, function (err, res) {
298 | 		    if (err) {
299 | 		         console.log("Error response: ", err);
300 | 		         reject(err);
301 | 		    } else {
302 | 		    	resolve(res);
303 | 		    }
304 | 	    });
305 | 	});
306 | }  
307 | 
308 | const getFlow = (accessKey, secretKey, region, instance, flowid) =>{
309 | 	return new Promise((resolve,reject) =>{
310 | 		var p = setAWSConfig(accessKey, secretKey, region);
311 | 		var params = {InstanceId : instance, 'ContactFlowId' : flowid};
312 | 	    connect.describeContactFlow(params, function (err, res) {
313 | 		    if (err) {
314 | 		         console.log("Error response: ", err);
315 | 		         reject(err);
316 | 		    } else {
317 | 		    	resolve(res);
318 | 		    }
319 | 	    });
320 | 	});
321 | } 
322 | 
323 | 
324 | function checkClearAll(listBox, checkAll){
325 | 	var lb;
326 | 	if(listBox == 1)
327 | 		lb = contactFlowsTable;
328 | 	else
329 | 		lb = contactFlowsTable2
330 | 	lb.rows().every(function(index, element) {
331 | 		  var row = $(this.node());
332 | 		  $('input[type="checkbox"]', row).prop('checked', checkAll);
333 | 		});
334 | }
335 | 
336 | function showResults(message){
337 | 	$('#resultSpan').text(message);
338 | 	$( "#resultDialog" ).dialog( "open" );
339 | }
340 | 
341 | async function describeInstance(accessKey, secretKey, region, instance, type){
342 | 	var p = await setAWSConfig(accessKey, secretKey, region);
343 | 	var params = {InstanceId : instance};
344 | 	console.log(params);
345 |     connect.describeInstance(params, function (err, res) {
346 | 		    if (err) {		    	
347 | 		         console.log("Error response: ", err);
348 | 		         showResults(err);
349 | 		    } else {
350 | 				console.log(res);
351 | 				if(type==1){
352 | 					$('#sourceInstanceName').text(res.Instance.InstanceAlias);
353 | 					$('#dlgSelectInstance').append($('<option>', {
354 | 					    value: 1,
355 | 					    text: res.Instance.InstanceAlias
356 | 					}));
357 | 				}
358 | 				else{
359 | 					$('#targetInstanceName').text(res.Instance.InstanceAlias);
360 | 					$('#dlgSelectInstance').append($('<option>', {
361 | 					    value: 2,
362 | 					    text: res.Instance.InstanceAlias
363 | 					}));
364 | 				}
365 | 		    }
366 |     });
367 | 	
368 | }
369 | 
370 | function fillContactFlowTables(tab){
371 | 	if(tab==1){
372 | 		contactFlowsTable.clear();
373 | 	    for (var i=0; i< contactFlows.length; i++) {
374 | 	        //var value = attributes[k].value;
375 | 	    	var value = contactFlows[i];
376 | 	    	var a = '<a href="" onclick="getContactFlowDetails(\'' + dlgSourceAccessKey + '\',\'' + dlgSourceSecretKey + '\',\'';  
377 | 	    	//a += dlgSourceRegion + '\',\'' +  dlgSourceInstance + '\',\'' +  value.Id + '\');return false;">Details</>';
378 | 	    	a += dlgSourceRegion + '\',\'' +  dlgSourceInstance + '\',\'' +  value.Id + '\');return false;">';
379 | 	    	a += 'Details' +'</>'
380 | 	    	//a += '<img src="images/openfolder.png" alt="Details">' +'</>'
381 | 	    	var b = '<a href="" onclick="handleRenameWindow(1,\'' + value.Name +'\');return false;">';
382 | 	    	b += 'Rename' +'</>'
383 | 	    	//b += '<img src="images/rename.png" alt="Rename">' +'</>'
384 | 	    	var c = '<input type="checkbox"  class="chk" value="' + value.Id +'">';
385 | 	    	var d = '<a href="" onclick="handlePushFlowWindow(\'' + value.Id +'\', \'' + value.Name +'\');return false;">';
386 | 	    	d += 'Promote</>'
387 | 	        contactFlowsTable.row.add([value.Name, value.ContactFlowType, a, b, d, c]);
388 | 	    }
389 | 	    contactFlowsTable.draw();
390 | 	}else{
391 | 		contactFlowsTable2.clear();
392 | 	    for (var i=0; i< contactFlows2.length; i++) {
393 | 	        //var value = attributes[k].value;
394 | 	    	var value = contactFlows2[i];
395 | 	    	var a = '<a href="" onclick="getContactFlowDetails(\'' + dlgTargetAccessKey + '\',\'' + dlgTargetSecretKey + '\',\'';  
396 | 	    	//a += dlgTargetRegion + '\',\'' +  dlgTargetInstance + '\',\'' +  value.Id + '\');return false;">Details</>';
397 | 	    	a += dlgTargetRegion + '\',\'' +  dlgTargetInstance + '\',\'' +  value.Id + '\');return false;">';
398 | 	    	a += 'Details' +'</>'
399 | 	    	//a += '<img src="images/openfolder.png" alt="Details">' +'</>'
400 | 	    	var b = '<a href="" onclick="handleRenameWindow(2,\'' + value.Name +'\');return false;">';
401 | 	    	b += 'Rename' +'</>'
402 | 	    	//b += '<img src="images/rename.png" alt="Rename">' +'</>'
403 | 	    	//var c = '<input type="checkbox"  class="chk" value="' + value.Id +'">';
404 | 	        contactFlowsTable2.row.add([value.Name, value.ContactFlowType, a, b]);
405 | 	    }
406 | 	    contactFlowsTable2.draw();
407 | 	}
408 | }
409 | 
410 | function getNameFromFlow(content, id){
411 | 	
412 | 	for (var k in content.Metadata.ActionMetadata) {
413 | 		var obj = content.Metadata.ActionMetadata[k];
414 | 		if(k == id){
415 | 			try{
416 | 	    		if(obj.hasOwnProperty('promptName')){
417 | 	    			return obj.promptName;	
418 | 	    		}
419 | 			}catch(e){}
420 | 			try{
421 | 	    		if(obj.hasOwnProperty('contactFlow')){
422 | 	    			return obj.contactFlow.text;
423 | 	    		}
424 | 			}catch(e){}
425 |     		if(obj.hasOwnProperty('queue')){
426 |     			return obj.queue.text;
427 | 			
428 | 		}
429 | 	  }
430 | 	}
431 | }
432 | 
433 | async function handlePushFlowWindow(flowId, flowName){
434 | 	$('#updateFlowName').val(flowName);
435 | 	handleWindow(true, '');
436 | 	let cfDetails = await getFlow(dlgSourceAccessKey, dlgSourceSecretKey, dlgSourceRegion, dlgSourceInstance, flowId);
437 | 	console.log(JSON.stringify(cfDetails));
438 | 	handleWindow(false, '');
439 | 	$( "#updateFlowDialog" ).dialog( "open" );
440 | 	updatedContactFlow = cfDetails.ContactFlow.Content;
441 | 	//updatedContactFlow = JSON.stringify(updatedContactFlow);
442 | 
443 | 	var content = JSON.parse(JSON.parse(JSON.stringify(cfDetails.ContactFlow.Content)));
444 | 	$("#tblARNMapping").empty();
445 | 	var tbody = $('#tblARNMapping').children('tbody');
446 | 	var table = tbody.length ? tbody : $('#tblARNMapping');
447 | 	table.append("<tr><th>Source ARN</th><th>Target ARN</th><th>Type</th></tr>");
448 | 	for(var i=0; i < content.Actions.length; i++){
449 | 		var params;
450 | 		var objName = '';
451 | 		objName = getNameFromFlow(content, content.Actions[i].Identifier);
452 | 		if(objName ===undefined)
453 | 			objName = "";
454 | 		try{
455 |     		if(content.Actions[i].Parameters.hasOwnProperty('PromptId')){			    			
456 |     			params = {
457 |     					   TableName: dlgSourceARNMapDDB,
458 |     					   Key: {"sourceARN" : content.Actions[i].Parameters.PromptId}
459 |     				};    			
460 |     		}
461 | 		}catch(e){}
462 | 		try{
463 |     		if(content.Actions[i].Parameters.hasOwnProperty('LambdaFunctionARN')){
464 |     			var lambdaARN = content.Actions[i].Parameters.LambdaFunctionARN;
465 |     			if(lambdaARN.startsWith("arn:aws:lambda")){
466 | 	    			params = {
467 | 	 					   TableName: dlgSourceARNMapDDB,
468 | 	 					   Key: {"sourceARN" : content.Actions[i].Parameters.LambdaFunctionARN}
469 | 	 				};    			
470 |     			}
471 |     		}
472 | 		}catch(e){}
473 | 		try{
474 |     		if(content.Actions[i].Parameters.hasOwnProperty('QueueId')){
475 |     			params = {
476 |  					   TableName: dlgSourceARNMapDDB,
477 |  					   Key: {"sourceARN" : content.Actions[i].Parameters.QueueId}
478 |  				};    			
479 |     		}
480 | 		}catch(e){}
481 | 		try{
482 | 			if(content.Actions[i].Parameters.hasOwnProperty('ContactFlowId')){
483 | 				var flow;
484 | 				flow = content.Actions[i].Parameters.ContactFlowId;
485 |     			if(flow){
486 |         			params = {
487 |       					   TableName: dlgSourceARNMapDDB,
488 |       					   Key: {"sourceARN" : flow}
489 |       				};    			
490 |     			}
491 | 			}
492 |     		if(content.Actions[i].Parameters.hasOwnProperty('EventHooks')){
493 |     			var flow;
494 |     			if(content.Actions[i].Parameters.EventHooks.hasOwnProperty('CustomerRemaining'))
495 |     				flow = content.Actions[i].Parameters.EventHooks.CustomerRemaining;
496 |     			else if(content.Actions[i].Parameters.EventHooks.hasOwnProperty('AgentWhisper'))
497 |     				flow = content.Actions[i].Parameters.EventHooks.AgentWhisper;
498 |     			else if(content.Actions[i].Parameters.EventHooks.hasOwnProperty('CustomerQueue'))
499 |     				flow = content.Actions[i].Parameters.EventHooks.CustomerQueue;
500 |     			else if(content.Actions[i].Parameters.EventHooks.hasOwnProperty('AgentHold'))
501 |     				flow = content.Actions[i].Parameters.EventHooks.AgentHold;
502 |     			if(flow){
503 |         			params = {
504 |       					   TableName: dlgSourceARNMapDDB,
505 |       					   Key: {"sourceARN" : flow}
506 |       				};    			
507 |     			}
508 |     		}
509 | 		}catch(e){}
510 | 		
511 | 		if(params){
512 | 			let a = await getARNInfoFromDynamoDB(params);
513 | 			console.log(a);
514 | 			if(a){
515 | 				table.append("<tr><td>" + a.sourceARN + "</td><td>" + a.targetARN + "</td><td>" + objName + "</td></tr>");
516 | 				updatedContactFlow = updatedContactFlow.replace(new RegExp((a.sourceARN), 'g'), a.targetARN);
517 | 			}
518 | 		}
519 | 		params = null;
520 | 		//$("#tblARNMapping > tbody").append("<tr><td></td>" + a.Item.sourceARN + "<td>" + a.Item.targetARN + "</td><td>" + a.Item.ARNType + "</td></tr>");
521 |     }
522 | }
523 | 
524 | const getARNInfoFromDynamoDB =(params)=>{
525 |   return new Promise((resolve,reject) =>{
526 | 	  var ddb = new AWS.DynamoDB.DocumentClient();
527 | 	  ddb.get(params, function(err, data) {
528 | 	  if (err) {
529 | 	    console.log("Error", err);
530 | 	    reject(err);
531 | 	  } else {
532 | 	    console.log("Success", data);
533 | 	    resolve(data.Item)
534 | 	  }
535 | 	});
536 |   });
537 | }
538 | 
539 | 
540 | async function updateFlowDetails(){
541 | 	handleWindow(true, '');
542 | 	var flowId;
543 | 	var flowName = $('#updateFlowName').val(); 
544 |     for (var i=0; i< contactFlows2.length; i++) {
545 |     	if(flowName == contactFlows2[i].Name){
546 |     		flowId = contactFlows2[i].Id;
547 |     		break;
548 |     	}
549 |     }
550 |     if(flowId == null){
551 |     	handleWindow(false, '');
552 |     	$( "#confirmDialog" ).dialog('open');
553 |     }else{
554 |     	let a = await updateContactFlowToNewEnv(flowId);
555 |     	console.log(a);
556 |     	handleWindow(false, '');
557 |     }
558 | }
559 | 
560 | async function updateContactFlowDetails(){
561 | 	handleWindow(true, '');
562 | 	try{
563 | 		var flowId, flowType;
564 | 		var flowName = $('#updateFlowName').val(); 
565 | 	    for (var i=0; i< contactFlows.length; i++) {
566 | 	    	if(flowName == contactFlows[i].Name){
567 | 	    		flowId = contactFlows[i].Id;
568 | 	    		flowType = contactFlows[i].ContactFlowType;
569 | 	    		flowDescription = contactFlows[i].Id;
570 | 	    		break;
571 | 	    	}
572 | 	    }
573 | 		let resp = await saveFlow(dlgTargetAccessKey, dlgTargetSecretKey, dlgTargetRegion, dlgTargetInstance,flowName,flowType,"",updatedContactFlow);
574 | 		console.log(resp);
575 | 		getContactFlows2();
576 | 		handleWindow(false, '');			
577 | 		
578 | 	}catch(e){
579 | 		handleWindow(false, '');			
580 | 		showResults(e);
581 | 	}
582 | }
583 | 
584 | const updateContactFlowToNewEnv = (flowId) =>{
585 |   return new Promise((resolve,reject) =>{
586 | 	var p = setAWSConfig(dlgTargetAccessKey, dlgTargetSecretKey, dlgTargetRegion);
587 | 	var rep = '\"';
588 | 	updatedContactFlow = updatedContactFlow.replace(/\\"/g, rep);
589 | 
590 | 	var params = {InstanceId : dlgTargetInstance, 'ContactFlowId' : flowId, 'Content' : updatedContactFlow};	
591 |     connect.updateContactFlowContent(params, function (err, res) {
592 |         console.log(params);
593 | 		    if (err) {
594 | 		         console.log("Error response: ", err);
595 | 		         handleWindow(false, '');
596 | 		         showResults(err);
597 | 		    } else {
598 | 		    	handleWindow(false, '');
599 | 				console.log("Response JSON : ", JSON.stringify(res));
600 | 		    }
601 | 		        
602 |     });
603 |   });
604 | 
605 | }
606 | 
607 | function handleRenameWindow(selectedInstanceId, flowName){
608 | 	renameFlowInstanceId = selectedInstanceId;
609 | 	$('#dlgOldName').val(flowName);
610 | 	
611 | 	$( "#renameDialog" ).dialog( "open" );
612 | }
613 | 
614 | 
615 | 
616 | function loadConnectAPIs(){
617 | 	/*var Service = AWS.Service;
618 | 	var apiLoader = AWS.apiLoader;
619 | 	apiLoader.services['connect'] = {};
620 | 	AWS.Connect = Service.defineService('connect', ['2017-08-08']);
621 | 	Object.defineProperty(apiLoader.services['connect'], '2017-08-08', {
622 | 	    get: function get() {
623 | 	        var model = connectServiceJSON;
624 | 	        model.paginators = {};
625 | 	        return model;
626 | 	    },
627 | 	    enumerable: true,
628 | 	    configurable: true
629 | 	});*/
630 | 	connect = new AWS.Connect();
631 | }
632 | 
633 | 
634 | async function getContactFlows(){
635 | 	var p = await setAWSConfig(dlgSourceAccessKey, dlgSourceSecretKey, dlgSourceRegion);
636 | 	
637 | 	var params = {InstanceId : dlgSourceInstance};
638 |     connect.listContactFlows(params, function (err, res) {
639 |         console.log("we are about to get flows");
640 |         console.log(params);
641 | 		    if (err) {
642 | 		         console.log("Error response: ", err);
643 | 		         showResults(err);
644 | 		    } else {
645 | 				console.log(res);
646 | 				formatJSON(res, '#instancesFormatted');
647 | 				contactFlows = res.ContactFlowSummaryList;
648 | 				fillContactFlowTables(1);
649 | 				getContactFlows2();
650 | 		    }
651 |     });
652 | }
653 | 
654 | async function getContactFlows2(){
655 | 	var p = await setAWSConfig(dlgTargetAccessKey, dlgTargetSecretKey, dlgTargetRegion);
656 | 	
657 | 	var params = {InstanceId : dlgTargetInstance};
658 |     connect.listContactFlows(params, function (err, res) {
659 |         console.log(params);
660 | 		    if (err) {
661 | 		         console.log("Error response: ", err);
662 | 		         showResults(err);
663 | 		    } else {
664 | 				console.log(res);
665 | 				formatJSON(res, '#instancesFormatted2');
666 | 				contactFlows2 = res.ContactFlowSummaryList;
667 | 				fillContactFlowTables(2);
668 | 		    }
669 |     });
670 | }
671 | 
672 | 
673 | async function changeContactFlowName(){
674 | 	handleWindow(true, '');
675 | 	var name = $('#dlgNewName').val();
676 | 	var params ;
677 | 	if(renameFlowInstanceId == 1){
678 | 		var p = await setAWSConfig(dlgSourceAccessKey, dlgSourceSecretKey, dlgSourceRegion);
679 | 		params = {InstanceId : dlgSourceInstance, 'ContactFlowId' : selectedFlowID, 'Name' : name};
680 | 	}
681 | 	else{
682 | 		var p = await setAWSConfig(dlgTargetAccessKey, dlgTargetSecretKey, dlgTargetRegion);
683 | 		params = {InstanceId : dlgTargetInstance, 'ContactFlowId' : selectedFlowID2, 'Name' : name};
684 | 	}
685 |     connect.updateContactFlowName(params, function (err, res) {
686 |         console.log(params);
687 | 		    if (err) {
688 | 		         console.log("Error response: ", err);
689 | 		         handleWindow(false, '');
690 | 		         showResults(err);
691 | 		    } else {
692 | 				console.log("Response JSON : ", JSON.stringify(res));
693 | 				if(renameFlowInstanceId == 1)
694 | 					getContactFlows();
695 | 				else
696 | 					getContactFlows2();
697 | 				handleWindow(false, '');
698 | 		    }
699 |     });
700 | }
701 | 
702 | function handleWindow(openClose, text){
703 | 	if(openClose == true)
704 | 		$( "#dialog" ).dialog( "open" );
705 | 	else
706 | 		$( "#dialog" ).dialog( "close" );
707 | 
708 | }
709 | async function getContactFlowDetails(accessKey, secretKey, region, instance, flow){
710 | 	var p = await setAWSConfig(accessKey, secretKey, region);
711 | 	handleWindow(true, '');
712 | 	var params = {InstanceId : instance, 'ContactFlowId' : flow};
713 |     connect.describeContactFlow(params, function (err, res) {
714 |         console.log(params);
715 | 		    if (err) {
716 | 		         console.log("Error response: ", err);
717 | 		         handleWindow(false, '');
718 | 		         showResults(err);
719 | 		    } else {
720 | 		    	console.log(res);
721 | 				console.log(JSON.stringify(res));
722 | 		    	handleWindow(false, '');
723 | 		    	console.log(res);
724 | 		    	var t = JSON.parse(res.ContactFlow.Content);
725 | 		    	formatJSON(t, '#instancesFormatted');
726 | 		    	$( "#dialogJSON" ).dialog( "open" );
727 | 		    }
728 |     });
729 | }
730 | 
731 | 
732 | async function createContactFlow(){
733 | 	handleWindow(true, '');
734 | 	var dlgSelectInstance = $('#dlgSelectInstance').val();
735 | 	var dlgContactFlowName = $('#dlgContactFlowName').val();
736 | 	var dlgContactFlowType = $('#dlgContactFlowType').val();
737 | 	var dlgContactFlowDescription = $('#dlgContactFlowDescription').val();
738 | 	var contactFlowJSON = $('#contactFlowJSON').val();
739 | 	if(dlgSelectInstance == 1){
740 | 	    saveFlow(dlgSourceAccessKey, dlgSourceSecretKey, dlgSourceRegion, dlgSourceInstance,dlgContactFlowName,dlgContactFlowType,dlgContactFlowDescription,contactFlowJSON ).then(
741 | 	    		(resp) => {
742 | 	    			console.log(resp);
743 | 	    			getContactFlows();
744 | 	    			handleWindow(false, '');
745 | 	    		},
746 | 	    		(error) => {
747 | 	    			console.log(error);
748 | 	    			handleWindow(false, '');
749 | 	    			showResults(error);
750 | 	    		});
751 | 			
752 | 	}else{
753 | 		try{
754 | 			let resp = await saveFlow(dlgTargetAccessKey, dlgTargetSecretKey, dlgTargetRegion, dlgTargetInstance,dlgContactFlowName,dlgContactFlowType,dlgContactFlowDescription,contactFlowJSON);
755 | 			console.log(resp);
756 | 			getContactFlows2();
757 | 			handleWindow(false, '');			
758 | 		}catch(e){
759 | 			handleWindow(false, '');
760 | 			showResults(e);
761 | 		}
762 | 	}
763 | 	
764 |  }
765 | 
766 | 
767 | const saveFlow = (accessKey, secretKey, region, instanceId, flowName, flowType, description, content) =>{
768 | 	return new Promise((resolve,reject) =>{
769 | 	   var p = setAWSConfig(accessKey, secretKey, region);
770 | 		var rep = '\"';
771 | 		content = content.replace(/\\"/g, rep);
772 | 
773 |        var params = {InstanceId : instanceId, 'Name' : flowName, 'Type' : flowType, 'Description' :  description, 'Content' : content};       
774 |        console.log(params);
775 | 	   connect.createContactFlow(params, function (err, res) {        
776 | 		    if (err) 
777 | 		         reject(err);
778 | 		     else 
779 | 				resolve(res);
780 | 	    });
781 | 	});
782 | }
783 | 
784 | async function setAWSConfig(accessKey, secretKey, region){
785 | 	return new Promise((resolve, reject) => {
786 | 		AWS.config.update({
787 | 	        accessKeyId: accessKey, secretAccessKey: secretKey, region: region
788 | 	    });
789 | 		loadConnectAPIs();
790 | 	    resolve();
791 | 	});
792 | }
793 | 
794 | function formatJSON(data, element){
795 | 	$(element).html(prettyPrintJson.toHtml(data));
796 | }
797 | 
798 | function saveCookie(){
799 | 	dlgSourceAccessKey=$("#dlgSourceAccessKey").val();
800 | 	dlgSourceSecretKey=$("#dlgSourceSecretKey").val();
801 | 	dlgSourceInstance=$("#dlgSourceInstance").val();
802 | 	dlgSourceRegion=$("#dlgSourceRegion").val();
803 | 	dlgSourceBackupDDB=$("#dlgSourceBackupDDB").val();
804 | 	dlgSourceARNMapDDB=$("#dlgSourceARNMapDDB").val();
805 | 	
806 | 	dlgTargetAccessKey=$("#dlgTargetAccessKey").val();
807 | 	dlgTargetSecretKey=$("#dlgTargetSecretKey").val();
808 | 	dlgTargetInstance=$("#dlgTargetInstance").val();
809 | 	dlgTargetRegion=$("#dlgTargetRegion").val();
810 | 	if(checkAllMandatoryFields()){
811 | 		setCookie("dlgSourceAccessKey", dlgSourceAccessKey,100);
812 | 		setCookie("dlgSourceSecretKey", dlgSourceSecretKey,100 );
813 | 		setCookie("dlgSourceInstance", dlgSourceInstance,100);
814 | 		setCookie("dlgSourceRegion", dlgSourceRegion,100);
815 | 		setCookie("dlgSourceBackupDDB", dlgSourceBackupDDB,100);
816 | 		setCookie("dlgSourceARNMapDDB", dlgSourceARNMapDDB,100);
817 | 		
818 | 		setCookie("dlgTargetAccessKey", dlgTargetAccessKey,100);
819 | 		setCookie("dlgTargetSecretKey", dlgTargetSecretKey,100);
820 | 		setCookie("dlgTargetInstance", dlgTargetInstance,100);
821 | 		setCookie("dlgTargetRegion", dlgTargetRegion,100);
822 | 		$('#spnAWSMessage').text('');
823 | 		return true;
824 | 	}else{
825 | 		$('#spnAWSMessage').text('All fields are mandatory and cannot be whitespaces or null');		
826 | 		return false;
827 | 	}
828 | }
829 | 
830 | function getCookie(c_name)
831 | {
832 | 	var i,x,y,ARRcookies=document.cookie.split(";");
833 | 	for (i=0;i<ARRcookies.length;i++)
834 |     {
835 | 	  x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
836 | 	  y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
837 | 	  x=x.replace(/^\s+|\s+$/g,"");
838 | 	  if (x==c_name)
839 | 	    {
840 | 		  return unescape(y);
841 | 	    }
842 | 	 }
843 | }
844 | 
845 | function setCookie(c_name,value,exdays)
846 | {
847 | 	var exdate=new Date();
848 | 	exdate.setDate(exdate.getDate() + exdays);
849 | 	var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
850 | 	document.cookie=c_name + "=" + c_value;
851 | }
852 | 
853 | function checkCookie()
854 | {
855 | 	dlgSourceAccessKey=getCookie("dlgSourceAccessKey");
856 | 	dlgSourceSecretKey=getCookie("dlgSourceSecretKey");
857 | 	dlgSourceInstance=getCookie("dlgSourceInstance");
858 | 	dlgSourceRegion=getCookie("dlgSourceRegion");
859 | 	dlgSourceBackupDDB=getCookie("dlgSourceBackupDDB");
860 | 	dlgSourceARNMapDDB=getCookie("dlgSourceARNMapDDB");
861 | 	
862 | 	dlgTargetAccessKey=getCookie("dlgTargetAccessKey");
863 | 	dlgTargetSecretKey=getCookie("dlgTargetSecretKey");
864 | 	dlgTargetInstance=getCookie("dlgTargetInstance");
865 | 	dlgTargetRegion=getCookie("dlgTargetRegion");
866 | 	dlgTargetBackupDDB=getCookie("dlgTargetBackupDDB");
867 | 	
868 | 	$('#dlgSourceAccessKey').val(dlgSourceAccessKey);
869 | 	$('#dlgSourceSecretKey').val(dlgSourceSecretKey);
870 | 	$('#dlgSourceInstance').val(dlgSourceInstance);
871 | 	$('#dlgSourceRegion').val(dlgSourceRegion);
872 | 	$('#dlgSourceBackupDDB').val(dlgSourceBackupDDB);
873 | 	$('#dlgSourceARNMapDDB').val(dlgSourceARNMapDDB);
874 | 	
875 | 	$('#dlgTargetAccessKey').val(dlgTargetAccessKey);
876 | 	$('#dlgTargetSecretKey').val(dlgTargetSecretKey);
877 | 	$('#dlgTargetInstance').val(dlgTargetInstance);
878 | 	$('#dlgTargetRegion').val(dlgTargetRegion);
879 | 	return checkAllMandatoryFields();
880 | }
881 | 
882 | function checkAllMandatoryFields(){
883 | 	if(isBlank(dlgSourceAccessKey) || dlgSourceAccessKey.isEmpty() || 
884 | 			isBlank(dlgSourceSecretKey) || dlgSourceSecretKey.isEmpty() || 
885 | 			isBlank(dlgSourceInstance) || dlgSourceInstance.isEmpty() ||
886 | 			isBlank(dlgSourceRegion) || dlgSourceRegion.isEmpty() ||
887 | 			isBlank(dlgSourceBackupDDB) || dlgSourceBackupDDB.isEmpty() ||
888 | 			isBlank(dlgSourceARNMapDDB) || dlgSourceARNMapDDB.isEmpty() ||
889 | 			isBlank(dlgTargetAccessKey) || dlgTargetAccessKey.isEmpty() || 
890 | 			isBlank(dlgTargetSecretKey) || dlgTargetSecretKey.isEmpty() || 
891 | 			isBlank(dlgTargetInstance) || dlgTargetInstance.isEmpty() ||
892 | 			isBlank(dlgTargetRegion) || dlgTargetRegion.isEmpty()  			
893 | 			){
894 | 		return false;
895 | 	}else
896 | 		return true;
897 | }
898 | 
899 | 
900 | function isBlank(str) {
901 |     return (!str || /^\s*$/.test(str));
902 | }
903 | 
904 | String.prototype.isEmpty = function() {
905 |     return (this.length === 0 || !this.trim());
906 | };
907 | 
908 | function replaceAll(str, find, replace) {
909 | 	  return str.replace(new RegExp(find, 'g'), replace);
910 | }
911 | 


--------------------------------------------------------------------------------