botframework-webchat-component
Version:
React component of botframework-webchat
562 lines (561 loc) • 79.1 kB
JavaScript
"use strict";
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _botframeworkWebchatApi = require("botframework-webchat-api");
var _classnames = _interopRequireDefault(require("classnames"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _react = _interopRequireWildcard(require("react"));
var _useUniqueId = _interopRequireDefault(require("../hooks/internal/useUniqueId"));
var _useFocus = _interopRequireDefault(require("../hooks/useFocus"));
var _useStyleSet3 = _interopRequireDefault(require("../hooks/useStyleSet"));
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
var useLocalizer = _botframeworkWebchatApi.hooks.useLocalizer;
var Notes = function Notes(_ref) {
var header = _ref.header,
text = _ref.text;
return /*#__PURE__*/_react.default.createElement("dl", {
className: "webchat__keyboard-help__notes"
}, /*#__PURE__*/_react.default.createElement("dt", {
className: "webchat__keyboard-help__notes-header"
}, header), text.split('\n').map(function (line, index) {
return (
/*#__PURE__*/
// We are splitting lines into paragraphs, index as key is legitimate here.
// eslint-disable-next-line react/no-array-index-key
_react.default.createElement("dd", {
className: "webchat__keyboard-help__notes-text",
key: index
}, line)
);
}));
};
Notes.propTypes = {
header: _propTypes.default.string.isRequired,
text: _propTypes.default.string.isRequired
};
var KeyboardHelp = function KeyboardHelp() {
var _useStyleSet = (0, _useStyleSet3.default)(),
_useStyleSet2 = _slicedToArray(_useStyleSet, 1),
keyboardHelpStyleSet = _useStyleSet2[0].keyboardHelp;
var _useState = (0, _react.useState)(false),
_useState2 = _slicedToArray(_useState, 2),
shown = _useState2[0],
setShown = _useState2[1];
var focus = (0, _useFocus.default)();
var headerLabelId = (0, _useUniqueId.default)('webchat__keyboard-help__header');
var localize = useLocalizer();
var chatHistoryAccessItemsInMessageBody = localize('KEYBOARD_HELP_CHAT_HISTORY_ACCESS_ITEMS_IN_MESSAGE_BODY');
var chatHistoryAccessItemsInMessageHeader = localize('KEYBOARD_HELP_CHAT_HISTORY_ACCESS_ITEMS_IN_MESSAGE_HEADER');
var chatHistoryHeader = localize('KEYBOARD_HELP_CHAT_HISTORY_HEADER');
var chatHistoryLeaveMessageBody = localize('KEYBOARD_HELP_CHAT_HISTORY_LEAVE_MESSAGE_BODY');
var chatHistoryLeaveMessageHeader = localize('KEYBOARD_HELP_CHAT_HISTORY_LEAVE_MESSAGE_HEADER');
var chatHistoryMoveBetweenItemsBody = localize('KEYBOARD_HELP_CHAT_HISTORY_MOVE_BETWEEN_ITEMS_BODY');
var chatHistoryMoveBetweenItemsHeader = localize('KEYBOARD_HELP_CHAT_HISTORY_MOVE_BETWEEN_ITEMS_HEADER');
var chatHistoryMoveBetweenMessagesBody = localize('KEYBOARD_HELP_CHAT_HISTORY_MOVE_BETWEEN_MESSAGES_BODY');
var chatHistoryMoveBetweenMessagesHeader = localize('KEYBOARD_HELP_CHAT_HISTORY_MOVE_BETWEEN_MESSAGES_HEADER');
var chatWindowBodyDoActionBody = localize('KEYBOARD_HELP_CHAT_WINDOW_BODY_DO_ACTION_BODY');
var chatWindowBodyDoActionHeader = localize('KEYBOARD_HELP_CHAT_WINDOW_BODY_DO_ACTION_HEADER');
var chatWindowBodyMoveBetweenItemsBody = localize('KEYBOARD_HELP_CHAT_WINDOW_BODY_MOVE_BETWEEN_ITEMS_BODY');
var chatWindowBodyMoveBetweenItemsHeader = localize('KEYBOARD_HELP_CHAT_WINDOW_BODY_MOVE_BETWEEN_ITEMS_HEADER');
var chatWindowHeader = localize('KEYBOARD_HELP_CHAT_WINDOW_HEADER');
var closeButtonAlt = localize('KEYBOARD_HELP_CLOSE_BUTTON_ALT');
var header = localize('KEYBOARD_HELP_HEADER');
var handleBlur = (0, _react.useCallback)(
// We will keep the help screen shown if the blur is caused by switch app.
// When switch app, `document.activeElement` will remains.
function (event) {
return document.activeElement !== event.target && setShown(false);
}, [setShown]);
var handleCloseButtonClick = (0, _react.useCallback)(function () {
return focus('main');
}, [focus]);
var handleCloseButtonFocus = (0, _react.useCallback)(function () {
return setShown(true);
}, [setShown]);
var handleCloseButtonKeyDown = (0, _react.useCallback)(function (event) {
var key = event.key;
if (key === 'Enter' || key === 'Escape' || key === ' ') {
event.preventDefault();
event.stopPropagation();
focus('main');
}
}, [focus]);
return /*#__PURE__*/_react.default.createElement("div", {
"aria-labelledby": headerLabelId,
className: (0, _classnames.default)('webchat__keyboard-help', keyboardHelpStyleSet + '', {
// Instead of using "hidden" attribute, we are using CSS to hide the dialog.
// - When using "hidden", the close button will not be tabbable because it is pseudo removed from the DOM
// - When using CSS, the close button will still be tabbable
// We prefer CSS because the focus need to land on close button, but we don't want to move the focus using JavaScript.
'webchat__keyboard-help--shown': shown
}),
onBlur: handleBlur,
role: "dialog"
}, /*#__PURE__*/_react.default.createElement("div", {
className: "webchat__keyboard-help__border"
}, /*#__PURE__*/_react.default.createElement("div", {
className: "webchat__keyboard-help__box"
}, /*#__PURE__*/_react.default.createElement("div", {
className: "webchat__keyboard-help__scrollable"
}, /*#__PURE__*/_react.default.createElement("button", {
"aria-label": closeButtonAlt,
className: "webchat__keyboard-help__close-button",
onClick: handleCloseButtonClick,
onFocus: handleCloseButtonFocus,
onKeyDown: handleCloseButtonKeyDown,
type: "button"
}, /*#__PURE__*/_react.default.createElement("div", {
className: "webchat__keyboard-help__close-button-border"
}, /*#__PURE__*/_react.default.createElement("svg", {
className: "webchat__keyboard-help__close-button-image"
// "focusable" attribute is only available in IE11 and "tabIndex={-1}" does not work.
,
focusable: false,
role: "presentation",
viewBox: "0 0 2048 2048",
xmlns: "http://www.w3.org/2000/svg"
}, /*#__PURE__*/_react.default.createElement("path", {
d: "M2048 136l-888 888 888 888-136 136-888-888-888 888L0 1912l888-888L0 136 136 0l888 888L1912 0l136 136z"
})))), /*#__PURE__*/_react.default.createElement("h2", {
className: "webchat__keyboard-help__header",
id: headerLabelId
}, header), /*#__PURE__*/_react.default.createElement("article", {
className: "webchat__keyboard-help__section"
}, /*#__PURE__*/_react.default.createElement("header", null, /*#__PURE__*/_react.default.createElement("h3", {
className: "webchat__keyboard-help__sub-header"
}, chatWindowHeader)), /*#__PURE__*/_react.default.createElement("div", {
className: "webchat__keyboard-help__two-panes"
}, /*#__PURE__*/_react.default.createElement("svg", {
className: "webchat__keyboard-help__image webchat__keyboard-help__image--light",
fill: "none"
// "focusable" attribute is only available in IE11 and "tabIndex={-1}" does not work.
,
focusable: false,
height: "200",
role: "presentation",
viewBox: "0 0 121 200",
width: "121",
xmlns: "http://www.w3.org/2000/svg"
}, /*#__PURE__*/_react.default.createElement("rect", {
height: "199",
stroke: "#C8C6C4",
width: "109",
x: "0.5",
y: "0.5"
}), /*#__PURE__*/_react.default.createElement("rect", {
height: "156",
stroke: "#323130",
width: "102",
x: "3.5",
y: "4.5"
}), /*#__PURE__*/_react.default.createElement("rect", {
height: "42",
stroke: "#C8C6C4",
width: "93",
x: "7.5",
y: "8.5"
}), /*#__PURE__*/_react.default.createElement("rect", {
height: "99",
stroke: "#C8C6C4",
width: "93",
x: "7.5",
y: "55.5"
}), /*#__PURE__*/_react.default.createElement("rect", {
height: "13",
stroke: "#323130",
width: "102",
x: "3.5",
y: "182.5"
}), /*#__PURE__*/_react.default.createElement("rect", {
height: "13",
stroke: "#323130",
width: "32",
x: "3.5",
y: "165.5"
}), /*#__PURE__*/_react.default.createElement("rect", {
height: "13",
stroke: "#323130",
width: "32",
x: "38.5",
y: "165.5"
}), /*#__PURE__*/_react.default.createElement("rect", {
height: "13",
stroke: "#323130",
width: "32",
x: "73.5",
y: "165.5"
}), /*#__PURE__*/_react.default.createElement("path", {
clipRule: "evenodd",
d: "M116.328 5.64645C116.524 5.45118 116.84 5.45118 117.036 5.64645L120.218 8.82843C120.413 9.02369 120.413 9.34027 120.218 9.53553C120.022 9.7308 119.706 9.7308 119.51 9.53553L117.182 7.20711V192.793L119.51 190.464C119.706 190.269 120.022 190.269 120.218 190.464C120.413 190.66 120.413 190.976 120.218 191.172L117.036 194.354C116.84 194.549 116.524 194.549 116.328 194.354L113.146 191.172C112.951 190.976 112.951 190.66 113.146 190.464C113.342 190.269 113.658 190.269 113.854 190.464L116.182 192.793V7.20711L113.854 9.53553C113.658 9.7308 113.342 9.7308 113.146 9.53553C112.951 9.34027 112.951 9.02369 113.146 8.82843L116.328 5.64645Z",
fill: "#323130",
fillRule: "evenodd"
})), /*#__PURE__*/_react.default.createElement("svg", {
className: "webchat__keyboard-help__image webchat__keyboard-help__image--dark",
fill: "none"
// "focusable" attribute is only available in IE11 and "tabIndex={-1}" does not work.
,
focusable: false,
height: "200",
role: "presentation",
viewBox: "0 0 121 200",
width: "121",
xmlns: "http://www.w3.org/2000/svg"
}, /*#__PURE__*/_react.default.createElement("rect", {
height: "199",
stroke: "#484644",
width: "109",
x: "0.5",
y: "0.5"
}), /*#__PURE__*/_react.default.createElement("rect", {
height: "156",
stroke: "#F3F2F1",
width: "102",
x: "3.5",
y: "4.5"
}), /*#__PURE__*/_react.default.createElement("rect", {
height: "42",
stroke: "#484644",
width: "93",
x: "7.5",
y: "8.5"
}), /*#__PURE__*/_react.default.createElement("rect", {
height: "99",
stroke: "#484644",
width: "93",
x: "7.5",
y: "55.5"
}), /*#__PURE__*/_react.default.createElement("rect", {
height: "13",
stroke: "#F3F2F1",
width: "102",
x: "3.5",
y: "182.5"
}), /*#__PURE__*/_react.default.createElement("rect", {
height: "13",
stroke: "#F3F2F1",
width: "32",
x: "3.5",
y: "165.5"
}), /*#__PURE__*/_react.default.createElement("rect", {
height: "13",
stroke: "#F3F2F1",
width: "32",
x: "38.5",
y: "165.5"
}), /*#__PURE__*/_react.default.createElement("rect", {
height: "13",
stroke: "#F3F2F1",
width: "32",
x: "73.5",
y: "165.5"
}), /*#__PURE__*/_react.default.createElement("path", {
clipRule: "evenodd",
d: "M116.328 5.64645C116.524 5.45118 116.84 5.45118 117.036 5.64645L120.218 8.82843C120.413 9.02369 120.413 9.34027 120.218 9.53553C120.022 9.7308 119.706 9.7308 119.51 9.53553L117.182 7.20711V192.793L119.51 190.464C119.706 190.269 120.022 190.269 120.218 190.464C120.413 190.66 120.413 190.976 120.218 191.172L117.036 194.354C116.84 194.549 116.524 194.549 116.328 194.354L113.146 191.172C112.951 190.976 112.951 190.66 113.146 190.464C113.342 190.269 113.658 190.269 113.854 190.464L116.182 192.793V7.20711L113.854 9.53553C113.658 9.7308 113.342 9.7308 113.146 9.53553C112.951 9.34027 112.951 9.02369 113.146 8.82843L116.328 5.64645Z",
fill: "#F3F2F1",
fillRule: "evenodd"
})), /*#__PURE__*/_react.default.createElement("svg", {
className: "webchat__keyboard-help__image webchat__keyboard-help__image--high-contrast",
fill: "none"
// "focusable" attribute is only available in IE11 and "tabIndex={-1}" does not work.
,
focusable: false,
height: "200",
role: "presentation",
viewBox: "0 0 121 200",
width: "121",
xmlns: "http://www.w3.org/2000/svg"
}, /*#__PURE__*/_react.default.createElement("rect", {
height: "199",
stroke: "white",
width: "109",
x: "0.5",
y: "0.5"
}), /*#__PURE__*/_react.default.createElement("rect", {
height: "156",
stroke: "white",
width: "102",
x: "3.5",
y: "4.5"
}), /*#__PURE__*/_react.default.createElement("rect", {
height: "42",
stroke: "white",
width: "93",
x: "7.5",
y: "8.5"
}), /*#__PURE__*/_react.default.createElement("rect", {
height: "99",
stroke: "white",
width: "93",
x: "7.5",
y: "55.5"
}), /*#__PURE__*/_react.default.createElement("rect", {
height: "13",
stroke: "white",
width: "102",
x: "3.5",
y: "182.5"
}), /*#__PURE__*/_react.default.createElement("rect", {
height: "13",
stroke: "white",
width: "32",
x: "3.5",
y: "165.5"
}), /*#__PURE__*/_react.default.createElement("rect", {
height: "13",
stroke: "white",
width: "32",
x: "38.5",
y: "165.5"
}), /*#__PURE__*/_react.default.createElement("rect", {
height: "13",
stroke: "white",
width: "32",
x: "73.5",
y: "165.5"
}), /*#__PURE__*/_react.default.createElement("path", {
clipRule: "evenodd",
d: "M116.328 5.64645C116.524 5.45118 116.84 5.45118 117.036 5.64645L120.218 8.82843C120.413 9.02369 120.413 9.34027 120.218 9.53553C120.022 9.7308 119.706 9.7308 119.51 9.53553L117.182 7.20711V192.793L119.51 190.464C119.706 190.269 120.022 190.269 120.218 190.464C120.413 190.66 120.413 190.976 120.218 191.172L117.036 194.354C116.84 194.549 116.524 194.549 116.328 194.354L113.146 191.172C112.951 190.976 112.951 190.66 113.146 190.464C113.342 190.269 113.658 190.269 113.854 190.464L116.182 192.793V7.20711L113.854 9.53553C113.658 9.7308 113.342 9.7308 113.146 9.53553C112.951 9.34027 112.951 9.02369 113.146 8.82843L116.328 5.64645Z",
fill: "white",
fillRule: "evenodd"
})), /*#__PURE__*/_react.default.createElement("div", {
className: "webchat__keyboard-help__notes-pane"
}, /*#__PURE__*/_react.default.createElement(Notes, {
header: chatWindowBodyMoveBetweenItemsHeader,
text: chatWindowBodyMoveBetweenItemsBody
}), /*#__PURE__*/_react.default.createElement(Notes, {
header: chatWindowBodyDoActionHeader,
text: chatWindowBodyDoActionBody
})))), /*#__PURE__*/_react.default.createElement("article", {
className: "webchat__keyboard-help__section"
}, /*#__PURE__*/_react.default.createElement("header", null, /*#__PURE__*/_react.default.createElement("h3", {
className: "webchat__keyboard-help__header"
}, chatHistoryHeader)), /*#__PURE__*/_react.default.createElement("div", {
className: "webchat__keyboard-help__two-panes"
}, /*#__PURE__*/_react.default.createElement("svg", {
className: "webchat__keyboard-help__image webchat__keyboard-help__image--light",
fill: "none"
// "focusable" attribute is only available in IE11 and "tabIndex={-1}" does not work.
,
focusable: false,
height: "200",
role: "presentation",
viewBox: "0 0 121 200",
width: "121",
xmlns: "http://www.w3.org/2000/svg"
}, /*#__PURE__*/_react.default.createElement("rect", {
height: "199",
stroke: "#C8C6C4",
width: "109",
x: "0.5",
y: "0.5"
}), /*#__PURE__*/_react.default.createElement("rect", {
height: "156",
stroke: "#323130",
width: "102",
x: "3.5",
y: "4.5"
}), /*#__PURE__*/_react.default.createElement("rect", {
height: "42",
stroke: "#323130",
strokeDasharray: "2 2",
width: "93",
x: "7.5",
y: "8.5"
}), /*#__PURE__*/_react.default.createElement("rect", {
height: "99",
stroke: "#323130",
strokeDasharray: "2 2",
width: "93",
x: "7.5",
y: "55.5"
}), /*#__PURE__*/_react.default.createElement("rect", {
height: "13",
stroke: "#C8C6C4",
width: "102",
x: "3.5",
y: "182.5"
}), /*#__PURE__*/_react.default.createElement("rect", {
height: "13",
stroke: "#C8C6C4",
width: "32",
x: "3.5",
y: "165.5"
}), /*#__PURE__*/_react.default.createElement("rect", {
height: "13",
stroke: "#C8C6C4",
width: "32",
x: "38.5",
y: "165.5"
}), /*#__PURE__*/_react.default.createElement("rect", {
height: "13",
stroke: "#C8C6C4",
width: "32",
x: "73.5",
y: "165.5"
}), /*#__PURE__*/_react.default.createElement("path", {
clipRule: "evenodd",
d: "M116.328 7.64645C116.524 7.45118 116.84 7.45118 117.036 7.64645L120.218 10.8284C120.413 11.0237 120.413 11.3403 120.218 11.5355C120.022 11.7308 119.706 11.7308 119.51 11.5355L117.182 9.20711V156.793L119.51 154.464C119.706 154.269 120.022 154.269 120.218 154.464C120.413 154.66 120.413 154.976 120.218 155.172L117.036 158.354C116.84 158.549 116.524 158.549 116.328 158.354L113.146 155.172C112.951 154.976 112.951 154.66 113.146 154.464C113.342 154.269 113.658 154.269 113.854 154.464L116.182 156.793V9.20711L113.854 11.5355C113.658 11.7308 113.342 11.7308 113.146 11.5355C112.951 11.3403 112.951 11.0237 113.146 10.8284L116.328 7.64645Z",
fill: "#323130",
fillRule: "evenodd"
})), /*#__PURE__*/_react.default.createElement("svg", {
className: "webchat__keyboard-help__image webchat__keyboard-help__image--dark",
fill: "none"
// "focusable" attribute is only available in IE11 and "tabIndex={-1}" does not work.
,
focusable: false,
height: "200",
role: "presentation",
viewBox: "0 0 121 200",
width: "121",
xmlns: "http://www.w3.org/2000/svg"
}, /*#__PURE__*/_react.default.createElement("rect", {
height: "199",
stroke: "#484644",
width: "109",
x: "0.5",
y: "0.5"
}), /*#__PURE__*/_react.default.createElement("rect", {
height: "156",
stroke: "#F3F2F1",
width: "102",
x: "3.5",
y: "4.5"
}), /*#__PURE__*/_react.default.createElement("rect", {
height: "42",
stroke: "#F3F2F1",
strokeDasharray: "2 2",
width: "93",
x: "7.5",
y: "8.5"
}), /*#__PURE__*/_react.default.createElement("rect", {
height: "99",
stroke: "#F3F2F1",
strokeDasharray: "2 2",
width: "93",
x: "7.5",
y: "55.5"
}), /*#__PURE__*/_react.default.createElement("rect", {
height: "13",
stroke: "#484644",
width: "102",
x: "3.5",
y: "182.5"
}), /*#__PURE__*/_react.default.createElement("rect", {
height: "13",
stroke: "#484644",
width: "32",
x: "3.5",
y: "165.5"
}), /*#__PURE__*/_react.default.createElement("rect", {
height: "13",
stroke: "#484644",
width: "32",
x: "38.5",
y: "165.5"
}), /*#__PURE__*/_react.default.createElement("rect", {
height: "13",
stroke: "#484644",
width: "32",
x: "73.5",
y: "165.5"
}), /*#__PURE__*/_react.default.createElement("path", {
clipRule: "evenodd",
d: "M116.328 7.64645C116.524 7.45118 116.84 7.45118 117.036 7.64645L120.218 10.8284C120.413 11.0237 120.413 11.3403 120.218 11.5355C120.022 11.7308 119.706 11.7308 119.51 11.5355L117.182 9.20711V156.793L119.51 154.464C119.706 154.269 120.022 154.269 120.218 154.464C120.413 154.66 120.413 154.976 120.218 155.172L117.036 158.354C116.84 158.549 116.524 158.549 116.328 158.354L113.146 155.172C112.951 154.976 112.951 154.66 113.146 154.464C113.342 154.269 113.658 154.269 113.854 154.464L116.182 156.793V9.20711L113.854 11.5355C113.658 11.7308 113.342 11.7308 113.146 11.5355C112.951 11.3403 112.951 11.0237 113.146 10.8284L116.328 7.64645Z",
fill: "#F3F2F1",
fillRule: "evenodd"
})), /*#__PURE__*/_react.default.createElement("svg", {
className: "webchat__keyboard-help__image webchat__keyboard-help__image--high-contrast",
fill: "none"
// "focusable" attribute is only available in IE11 and "tabIndex={-1}" does not work.
,
focusable: false,
height: "200",
role: "presentation",
viewBox: "0 0 121 200",
width: "121",
xmlns: "http://www.w3.org/2000/svg"
}, /*#__PURE__*/_react.default.createElement("rect", {
height: "199",
stroke: "white",
width: "109",
x: "0.5",
y: "0.5"
}), /*#__PURE__*/_react.default.createElement("rect", {
height: "156",
stroke: "white",
width: "102",
x: "3.5",
y: "4.5"
}), /*#__PURE__*/_react.default.createElement("rect", {
height: "42",
stroke: "white",
strokeDasharray: "2 2",
width: "93",
x: "7.5",
y: "8.5"
}), /*#__PURE__*/_react.default.createElement("rect", {
height: "99",
stroke: "white",
strokeDasharray: "2 2",
width: "93",
x: "7.5",
y: "55.5"
}), /*#__PURE__*/_react.default.createElement("rect", {
height: "13",
stroke: "white",
width: "102",
x: "3.5",
y: "182.5"
}), /*#__PURE__*/_react.default.createElement("rect", {
height: "13",
stroke: "white",
width: "32",
x: "3.5",
y: "165.5"
}), /*#__PURE__*/_react.default.createElement("rect", {
height: "13",
stroke: "white",
width: "32",
x: "38.5",
y: "165.5"
}), /*#__PURE__*/_react.default.createElement("rect", {
height: "13",
stroke: "white",
width: "32",
x: "73.5",
y: "165.5"
}), /*#__PURE__*/_react.default.createElement("path", {
clipRule: "evenodd",
d: "M116.328 7.64645C116.524 7.45118 116.84 7.45118 117.036 7.64645L120.218 10.8284C120.413 11.0237 120.413 11.3403 120.218 11.5355C120.022 11.7308 119.706 11.7308 119.51 11.5355L117.182 9.20711V156.793L119.51 154.464C119.706 154.269 120.022 154.269 120.218 154.464C120.413 154.66 120.413 154.976 120.218 155.172L117.036 158.354C116.84 158.549 116.524 158.549 116.328 158.354L113.146 155.172C112.951 154.976 112.951 154.66 113.146 154.464C113.342 154.269 113.658 154.269 113.854 154.464L116.182 156.793V9.20711L113.854 11.5355C113.658 11.7308 113.342 11.7308 113.146 11.5355C112.951 11.3403 112.951 11.0237 113.146 10.8284L116.328 7.64645Z",
fill: "white",
fillRule: "evenodd"
})), /*#__PURE__*/_react.default.createElement("div", {
className: "webchat__keyboard-help__notes-pane"
}, /*#__PURE__*/_react.default.createElement(Notes, {
header: chatHistoryMoveBetweenMessagesHeader,
text: chatHistoryMoveBetweenMessagesBody
}), /*#__PURE__*/_react.default.createElement(Notes, {
header: chatHistoryAccessItemsInMessageHeader,
text: chatHistoryAccessItemsInMessageBody
}), /*#__PURE__*/_react.default.createElement(Notes, {
header: chatHistoryMoveBetweenItemsHeader,
text: chatHistoryMoveBetweenItemsBody
}), /*#__PURE__*/_react.default.createElement(Notes, {
header: chatHistoryLeaveMessageHeader,
text: chatHistoryLeaveMessageBody
}))))))));
};
var _default = KeyboardHelp;
exports.default = _default;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfYm90ZnJhbWV3b3JrV2ViY2hhdEFwaSIsInJlcXVpcmUiLCJfY2xhc3NuYW1lcyIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJfcHJvcFR5cGVzIiwiX3JlYWN0IiwiX2ludGVyb3BSZXF1aXJlV2lsZGNhcmQiLCJfdXNlVW5pcXVlSWQiLCJfdXNlRm9jdXMiLCJfdXNlU3R5bGVTZXQzIiwiX2dldFJlcXVpcmVXaWxkY2FyZENhY2hlIiwibm9kZUludGVyb3AiLCJXZWFrTWFwIiwiY2FjaGVCYWJlbEludGVyb3AiLCJjYWNoZU5vZGVJbnRlcm9wIiwib2JqIiwiX19lc01vZHVsZSIsIl90eXBlb2YiLCJkZWZhdWx0IiwiY2FjaGUiLCJoYXMiLCJnZXQiLCJuZXdPYmoiLCJoYXNQcm9wZXJ0eURlc2NyaXB0b3IiLCJPYmplY3QiLCJkZWZpbmVQcm9wZXJ0eSIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsImtleSIsInByb3RvdHlwZSIsImhhc093blByb3BlcnR5IiwiY2FsbCIsImRlc2MiLCJzZXQiLCJfc2xpY2VkVG9BcnJheSIsImFyciIsImkiLCJfYXJyYXlXaXRoSG9sZXMiLCJfaXRlcmFibGVUb0FycmF5TGltaXQiLCJfdW5zdXBwb3J0ZWRJdGVyYWJsZVRvQXJyYXkiLCJfbm9uSXRlcmFibGVSZXN0IiwiVHlwZUVycm9yIiwibyIsIm1pbkxlbiIsIl9hcnJheUxpa2VUb0FycmF5IiwibiIsInRvU3RyaW5nIiwic2xpY2UiLCJjb25zdHJ1Y3RvciIsIm5hbWUiLCJBcnJheSIsImZyb20iLCJ0ZXN0IiwibGVuIiwibGVuZ3RoIiwiYXJyMiIsIl9pIiwiU3ltYm9sIiwiaXRlcmF0b3IiLCJfYXJyIiwiX24iLCJfZCIsIl9zIiwiX2UiLCJuZXh0IiwiZG9uZSIsInB1c2giLCJ2YWx1ZSIsImVyciIsImlzQXJyYXkiLCJ1c2VMb2NhbGl6ZXIiLCJob29rcyIsIk5vdGVzIiwiX3JlZiIsImhlYWRlciIsInRleHQiLCJjcmVhdGVFbGVtZW50IiwiY2xhc3NOYW1lIiwic3BsaXQiLCJtYXAiLCJsaW5lIiwiaW5kZXgiLCJwcm9wVHlwZXMiLCJQcm9wVHlwZXMiLCJzdHJpbmciLCJpc1JlcXVpcmVkIiwiS2V5Ym9hcmRIZWxwIiwiX3VzZVN0eWxlU2V0IiwidXNlU3R5bGVTZXQiLCJfdXNlU3R5bGVTZXQyIiwia2V5Ym9hcmRIZWxwU3R5bGVTZXQiLCJrZXlib2FyZEhlbHAiLCJfdXNlU3RhdGUiLCJ1c2VTdGF0ZSIsIl91c2VTdGF0ZTIiLCJzaG93biIsInNldFNob3duIiwiZm9jdXMiLCJ1c2VGb2N1cyIsImhlYWRlckxhYmVsSWQiLCJ1c2VVbmlxdWVJZCIsImxvY2FsaXplIiwiY2hhdEhpc3RvcnlBY2Nlc3NJdGVtc0luTWVzc2FnZUJvZHkiLCJjaGF0SGlzdG9yeUFjY2Vzc0l0ZW1zSW5NZXNzYWdlSGVhZGVyIiwiY2hhdEhpc3RvcnlIZWFkZXIiLCJjaGF0SGlzdG9yeUxlYXZlTWVzc2FnZUJvZHkiLCJjaGF0SGlzdG9yeUxlYXZlTWVzc2FnZUhlYWRlciIsImNoYXRIaXN0b3J5TW92ZUJldHdlZW5JdGVtc0JvZHkiLCJjaGF0SGlzdG9yeU1vdmVCZXR3ZWVuSXRlbXNIZWFkZXIiLCJjaGF0SGlzdG9yeU1vdmVCZXR3ZWVuTWVzc2FnZXNCb2R5IiwiY2hhdEhpc3RvcnlNb3ZlQmV0d2Vlbk1lc3NhZ2VzSGVhZGVyIiwiY2hhdFdpbmRvd0JvZHlEb0FjdGlvbkJvZHkiLCJjaGF0V2luZG93Qm9keURvQWN0aW9uSGVhZGVyIiwiY2hhdFdpbmRvd0JvZHlNb3ZlQmV0d2Vlbkl0ZW1zQm9keSIsImNoYXRXaW5kb3dCb2R5TW92ZUJldHdlZW5JdGVtc0hlYWRlciIsImNoYXRXaW5kb3dIZWFkZXIiLCJjbG9zZUJ1dHRvbkFsdCIsImhhbmRsZUJsdXIiLCJ1c2VDYWxsYmFjayIsImV2ZW50IiwiZG9jdW1lbnQiLCJhY3RpdmVFbGVtZW50IiwidGFyZ2V0IiwiaGFuZGxlQ2xvc2VCdXR0b25DbGljayIsImhhbmRsZUNsb3NlQnV0dG9uRm9jdXMiLCJoYW5kbGVDbG9zZUJ1dHRvbktleURvd24iLCJwcmV2ZW50RGVmYXVsdCIsInN0b3BQcm9wYWdhdGlvbiIsImNsYXNzTmFtZXMiLCJvbkJsdXIiLCJyb2xlIiwib25DbGljayIsIm9uRm9jdXMiLCJvbktleURvd24iLCJ0eXBlIiwiZm9jdXNhYmxlIiwidmlld0JveCIsInhtbG5zIiwiZCIsImlkIiwiZmlsbCIsImhlaWdodCIsIndpZHRoIiwic3Ryb2tlIiwieCIsInkiLCJjbGlwUnVsZSIsImZpbGxSdWxlIiwic3Ryb2tlRGFzaGFycmF5IiwiX2RlZmF1bHQiLCJleHBvcnRzIl0sInNvdXJjZVJvb3QiOiJjb21wb25lbnQ6Ly8vIiwic291cmNlcyI6WyIuLi8uLi9zcmMvVHJhbnNjcmlwdC9LZXlib2FyZEhlbHAudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGhvb2tzIH0gZnJvbSAnYm90ZnJhbWV3b3JrLXdlYmNoYXQtYXBpJztcbmltcG9ydCBjbGFzc05hbWVzIGZyb20gJ2NsYXNzbmFtZXMnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB0eXBlIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB1c2VVbmlxdWVJZCBmcm9tICcuLi9ob29rcy9pbnRlcm5hbC91c2VVbmlxdWVJZCc7XG5pbXBvcnQgdXNlRm9jdXMgZnJvbSAnLi4vaG9va3MvdXNlRm9jdXMnO1xuaW1wb3J0IHVzZVN0eWxlU2V0IGZyb20gJy4uL2hvb2tzL3VzZVN0eWxlU2V0JztcblxuY29uc3QgeyB1c2VMb2NhbGl6ZXIgfSA9IGhvb2tzO1xuXG50eXBlIE5vdGVzQm9keVByb3BzID0ge1xuICBoZWFkZXI6IHN0cmluZztcbiAgdGV4dDogc3RyaW5nO1xufTtcblxuY29uc3QgTm90ZXM6IEZDPE5vdGVzQm9keVByb3BzPiA9ICh7IGhlYWRlciwgdGV4dCB9KSA9PiAoXG4gIDxkbCBjbGFzc05hbWU9XCJ3ZWJjaGF0X19rZXlib2FyZC1oZWxwX19ub3Rlc1wiPlxuICAgIDxkdCBjbGFzc05hbWU9XCJ3ZWJjaGF0X19rZXlib2FyZC1oZWxwX19ub3Rlcy1oZWFkZXJcIj57aGVhZGVyfTwvZHQ+XG4gICAge3RleHQuc3BsaXQoJ1xcbicpLm1hcCgobGluZSwgaW5kZXgpID0+IChcbiAgICAgIC8vIFdlIGFyZSBzcGxpdHRpbmcgbGluZXMgaW50byBwYXJhZ3JhcGhzLCBpbmRleCBhcyBrZXkgaXMgbGVnaXRpbWF0ZSBoZXJlLlxuICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0L25vLWFycmF5LWluZGV4LWtleVxuICAgICAgPGRkIGNsYXNzTmFtZT1cIndlYmNoYXRfX2tleWJvYXJkLWhlbHBfX25vdGVzLXRleHRcIiBrZXk9e2luZGV4fT5cbiAgICAgICAge2xpbmV9XG4gICAgICA8L2RkPlxuICAgICkpfVxuICA8L2RsPlxuKTtcblxuTm90ZXMucHJvcFR5cGVzID0ge1xuICBoZWFkZXI6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgdGV4dDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkXG59O1xuXG5jb25zdCBLZXlib2FyZEhlbHA6IEZDPHt9PiA9ICgpID0+IHtcbiAgY29uc3QgW3sga2V5Ym9hcmRIZWxwOiBrZXlib2FyZEhlbHBTdHlsZVNldCB9XSA9IHVzZVN0eWxlU2V0KCk7XG4gIGNvbnN0IFtzaG93biwgc2V0U2hvd25dID0gdXNlU3RhdGUoZmFsc2UpO1xuICBjb25zdCBmb2N1cyA9IHVzZUZvY3VzKCk7XG4gIGNvbnN0IGhlYWRlckxhYmVsSWQgPSB1c2VVbmlxdWVJZCgnd2ViY2hhdF9fa2V5Ym9hcmQtaGVscF9faGVhZGVyJyk7XG4gIGNvbnN0IGxvY2FsaXplID0gdXNlTG9jYWxpemVyKCk7XG5cbiAgY29uc3QgY2hhdEhpc3RvcnlBY2Nlc3NJdGVtc0luTWVzc2FnZUJvZHkgPSBsb2NhbGl6ZSgnS0VZQk9BUkRfSEVMUF9DSEFUX0hJU1RPUllfQUNDRVNTX0lURU1TX0lOX01FU1NBR0VfQk9EWScpO1xuICBjb25zdCBjaGF0SGlzdG9yeUFjY2Vzc0l0ZW1zSW5NZXNzYWdlSGVhZGVyID0gbG9jYWxpemUoJ0tFWUJPQVJEX0hFTFBfQ0hBVF9ISVNUT1JZX0FDQ0VTU19JVEVNU19JTl9NRVNTQUdFX0hFQURFUicpO1xuICBjb25zdCBjaGF0SGlzdG9yeUhlYWRlciA9IGxvY2FsaXplKCdLRVlCT0FSRF9IRUxQX0NIQVRfSElTVE9SWV9IRUFERVInKTtcbiAgY29uc3QgY2hhdEhpc3RvcnlMZWF2ZU1lc3NhZ2VCb2R5ID0gbG9jYWxpemUoJ0tFWUJPQVJEX0hFTFBfQ0hBVF9ISVNUT1JZX0xFQVZFX01FU1NBR0VfQk9EWScpO1xuICBjb25zdCBjaGF0SGlzdG9yeUxlYXZlTWVzc2FnZUhlYWRlciA9IGxvY2FsaXplKCdLRVlCT0FSRF9IRUxQX0NIQVRfSElTVE9SWV9MRUFWRV9NRVNTQUdFX0hFQURFUicpO1xuICBjb25zdCBjaGF0SGlzdG9yeU1vdmVCZXR3ZWVuSXRlbXNCb2R5ID0gbG9jYWxpemUoJ0tFWUJPQVJEX0hFTFBfQ0hBVF9ISVNUT1JZX01PVkVfQkVUV0VFTl9JVEVNU19CT0RZJyk7XG4gIGNvbnN0IGNoYXRIaXN0b3J5TW92ZUJldHdlZW5JdGVtc0hlYWRlciA9IGxvY2FsaXplKCdLRVlCT0FSRF9IRUxQX0NIQVRfSElTVE9SWV9NT1ZFX0JFVFdFRU5fSVRFTVNfSEVBREVSJyk7XG4gIGNvbnN0IGNoYXRIaXN0b3J5TW92ZUJldHdlZW5NZXNzYWdlc0JvZHkgPSBsb2NhbGl6ZSgnS0VZQk9BUkRfSEVMUF9DSEFUX0hJU1RPUllfTU9WRV9CRVRXRUVOX01FU1NBR0VTX0JPRFknKTtcbiAgY29uc3QgY2hhdEhpc3RvcnlNb3ZlQmV0d2Vlbk1lc3NhZ2VzSGVhZGVyID0gbG9jYWxpemUoJ0tFWUJPQVJEX0hFTFBfQ0hBVF9ISVNUT1JZX01PVkVfQkVUV0VFTl9NRVNTQUdFU19IRUFERVInKTtcbiAgY29uc3QgY2hhdFdpbmRvd0JvZHlEb0FjdGlvbkJvZHkgPSBsb2NhbGl6ZSgnS0VZQk9BUkRfSEVMUF9DSEFUX1dJTkRPV19CT0RZX0RPX0FDVElPTl9CT0RZJyk7XG4gIGNvbnN0IGNoYXRXaW5kb3dCb2R5RG9BY3Rpb25IZWFkZXIgPSBsb2NhbGl6ZSgnS0VZQk9BUkRfSEVMUF9DSEFUX1dJTkRPV19CT0RZX0RPX0FDVElPTl9IRUFERVInKTtcbiAgY29uc3QgY2hhdFdpbmRvd0JvZHlNb3ZlQmV0d2Vlbkl0ZW1zQm9keSA9IGxvY2FsaXplKCdLRVlCT0FSRF9IRUxQX0NIQVRfV0lORE9XX0JPRFlfTU9WRV9CRVRXRUVOX0lURU1TX0JPRFknKTtcbiAgY29uc3QgY2hhdFdpbmRvd0JvZHlNb3ZlQmV0d2Vlbkl0ZW1zSGVhZGVyID0gbG9jYWxpemUoJ0tFWUJPQVJEX0hFTFBfQ0hBVF9XSU5ET1dfQk9EWV9NT1ZFX0JFVFdFRU5fSVRFTVNfSEVBREVSJyk7XG4gIGNvbnN0IGNoYXRXaW5kb3dIZWFkZXIgPSBsb2NhbGl6ZSgnS0VZQk9BUkRfSEVMUF9DSEFUX1dJTkRPV19IRUFERVInKTtcbiAgY29uc3QgY2xvc2VCdXR0b25BbHQgPSBsb2NhbGl6ZSgnS0VZQk9BUkRfSEVMUF9DTE9TRV9CVVRUT05fQUxUJyk7XG4gIGNvbnN0IGhlYWRlciA9IGxvY2FsaXplKCdLRVlCT0FSRF9IRUxQX0hFQURFUicpO1xuXG4gIGNvbnN0IGhhbmRsZUJsdXIgPSB1c2VDYWxsYmFjayhcbiAgICAvLyBXZSB3aWxsIGtlZXAgdGhlIGhlbHAgc2NyZWVuIHNob3duIGlmIHRoZSBibHVyIGlzIGNhdXNlZCBieSBzd2l0Y2ggYXBwLlxuICAgIC8vIFdoZW4gc3dpdGNoIGFwcCwgYGRvY3VtZW50LmFjdGl2ZUVsZW1lbnRgIHdpbGwgcmVtYWlucy5cbiAgICBldmVudCA9PiBkb2N1bWVudC5hY3RpdmVFbGVtZW50ICE9PSBldmVudC50YXJnZXQgJiYgc2V0U2hvd24oZmFsc2UpLFxuICAgIFtzZXRTaG93bl1cbiAgKTtcblxuICBjb25zdCBoYW5kbGVDbG9zZUJ1dHRvbkNsaWNrID0gdXNlQ2FsbGJhY2soKCkgPT4gZm9jdXMoJ21haW4nKSwgW2ZvY3VzXSk7XG4gIGNvbnN0IGhhbmRsZUNsb3NlQnV0dG9uRm9jdXMgPSB1c2VDYWxsYmFjaygoKSA9PiBzZXRTaG93bih0cnVlKSwgW3NldFNob3duXSk7XG5cbiAgY29uc3QgaGFuZGxlQ2xvc2VCdXR0b25LZXlEb3duID0gdXNlQ2FsbGJhY2soXG4gICAgZXZlbnQgPT4ge1xuICAgICAgY29uc3QgeyBrZXkgfSA9IGV2ZW50O1xuXG4gICAgICBpZiAoa2V5ID09PSAnRW50ZXInIHx8IGtleSA9PT0gJ0VzY2FwZScgfHwga2V5ID09PSAnICcpIHtcbiAgICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG5cbiAgICAgICAgZm9jdXMoJ21haW4nKTtcbiAgICAgIH1cbiAgICB9LFxuICAgIFtmb2N1c11cbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGFyaWEtbGFiZWxsZWRieT17aGVhZGVyTGFiZWxJZH1cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lcygnd2ViY2hhdF9fa2V5Ym9hcmQtaGVscCcsIGtleWJvYXJkSGVscFN0eWxlU2V0ICsgJycsIHtcbiAgICAgICAgLy8gSW5zdGVhZCBvZiB1c2luZyBcImhpZGRlblwiIGF0dHJpYnV0ZSwgd2UgYXJlIHVzaW5nIENTUyB0byBoaWRlIHRoZSBkaWFsb2cuXG4gICAgICAgIC8vIC0gV2hlbiB1c2luZyBcImhpZGRlblwiLCB0aGUgY2xvc2UgYnV0dG9uIHdpbGwgbm90IGJlIHRhYmJhYmxlIGJlY2F1c2UgaXQgaXMgcHNldWRvIHJlbW92ZWQgZnJvbSB0aGUgRE9NXG4gICAgICAgIC8vIC0gV2hlbiB1c2luZyBDU1MsIHRoZSBjbG9zZSBidXR0b24gd2lsbCBzdGlsbCBiZSB0YWJiYWJsZVxuICAgICAgICAvLyBXZSBwcmVmZXIgQ1NTIGJlY2F1c2UgdGhlIGZvY3VzIG5lZWQgdG8gbGFuZCBvbiBjbG9zZSBidXR0b24sIGJ1dCB3ZSBkb24ndCB3YW50IHRvIG1vdmUgdGhlIGZvY3VzIHVzaW5nIEphdmFTY3JpcHQuXG4gICAgICAgICd3ZWJjaGF0X19rZXlib2FyZC1oZWxwLS1zaG93bic6IHNob3duXG4gICAgICB9KX1cbiAgICAgIG9uQmx1cj17aGFuZGxlQmx1cn1cbiAgICAgIHJvbGU9XCJkaWFsb2dcIlxuICAgID5cbiAgICAgIHsvKiBUaGUgX19ib3JkZXIgbGF5ZXIgaXMgZm9yIHNob3dpbmcgdGhlIHNoYWRvd3kgYm9yZGVyLlxuICAgICAgICAgIFdpdGhvdXQgdGhpcyBsYXllciwgdGhlIGJvcmRlciB3aWxsIGJlIGhpZGRlbiBieSBvdmVyZmxvdzogaGlkZGVuLiAqL31cbiAgICAgIDxkaXYgY2xhc3NOYW1lPVwid2ViY2hhdF9fa2V5Ym9hcmQtaGVscF9fYm9yZGVyXCI+XG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPVwid2ViY2hhdF9fa2V5Ym9hcmQtaGVscF9fYm94XCI+XG4gICAgICAgICAgey8qIFRoZSBfX3Njcm9sbGFibGUgbGF5ZXIgaXMgZm9yIGhpZGluZyBzY3JvbGxiYXIgYXQgY29ybmVycy5cbiAgICAgICAgICAgICAgV2l0aG91dCB0aGlzIGxheWVyLCB0aGUgc2Nyb2xsYmFyIHdpbGwgc2hvdyBhbmQgb3ZlcmZsb3cgdGhlIGJvcmRlci1yYWRpdXMuXG4gICAgICAgICAgICAgIFRoaXMgaW1wYWN0IHdpbGwgYmUgbW9yZSB2aXNpYmxlIGlmIHdlIHRlbXBvcmFyaWx5IHNldCBib3JkZXItcmFkaXVzOiAyMHB4LiAqL31cbiAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cIndlYmNoYXRfX2tleWJvYXJkLWhlbHBfX3Njcm9sbGFibGVcIj5cbiAgICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgICAgYXJpYS1sYWJlbD17Y2xvc2VCdXR0b25BbHR9XG4gICAgICAgICAgICAgIGNsYXNzTmFtZT1cIndlYmNoYXRfX2tleWJvYXJkLWhlbHBfX2Nsb3NlLWJ1dHRvblwiXG4gICAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsb3NlQnV0dG9uQ2xpY2t9XG4gICAgICAgICAgICAgIG9uRm9jdXM9e2hhbmRsZUNsb3NlQnV0dG9uRm9jdXN9XG4gICAgICAgICAgICAgIG9uS2V5RG93bj17aGFuZGxlQ2xvc2VCdXR0b25LZXlEb3dufVxuICAgICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJ3ZWJjaGF0X19rZXlib2FyZC1oZWxwX19jbG9zZS1idXR0b24tYm9yZGVyXCI+XG4gICAgICAgICAgICAgICAgPHN2Z1xuICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPVwid2ViY2hhdF9fa2V5Ym9hcmQtaGVscF9fY2xvc2UtYnV0dG9uLWltYWdlXCJcbiAgICAgICAgICAgICAgICAgIC8vIFwiZm9jdXNhYmxlXCIgYXR0cmlidXRlIGlzIG9ubHkgYXZhaWxhYmxlIGluIElFMTEgYW5kIFwidGFiSW5kZXg9ey0xfVwiIGRvZXMgbm90IHdvcmsuXG4gICAgICAgICAgICAgICAgICBmb2N1c2FibGU9e2ZhbHNlfVxuICAgICAgICAgICAgICAgICAgcm9sZT1cInByZXNlbnRhdGlvblwiXG4gICAgICAgICAgICAgICAgICB2aWV3Qm94PVwiMCAwIDIwNDggMjA0OFwiXG4gICAgICAgICAgICAgICAgICB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCJcbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICA8cGF0aCBkPVwiTTIwNDggMTM2bC04ODggODg4IDg4OCA4ODgtMTM2IDEzNi04ODgtODg4LTg4OCA4ODhMMCAxOTEybDg4OC04ODhMMCAxMzYgMTM2IDBsODg4IDg4OEwxOTEyIDBsMTM2IDEzNnpcIiAvPlxuICAgICAgICAgICAgICAgIDwvc3ZnPlxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgey8qIFwiaWRcIiBhdHRyaWJ1dGUgaXMgcmVxdWlyZWQgd2hlbiB1c2luZyBcImFyaWEtbGFiZWxsZWRieVwiLiAqL31cbiAgICAgICAgICAgIHsvKiBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QvZm9yYmlkLWRvbS1wcm9wcyAqL31cbiAgICAgICAgICAgIDxoMiBjbGFzc05hbWU9XCJ3ZWJjaGF0X19rZXlib2FyZC1oZWxwX19oZWFkZXJcIiBpZD17aGVhZGVyTGFiZWxJZH0+XG4gICAgICAgICAgICAgIHtoZWFkZXJ9XG4gICAgICAgICAgICA8L2gyPlxuICAgICAgICAgICAgPGFydGljbGUgY2xhc3NOYW1lPVwid2ViY2hhdF9fa2V5Ym9hcmQtaGVscF9fc2VjdGlvblwiPlxuICAgICAgICAgICAgICA8aGVhZGVyPlxuICAgICAgICAgICAgICAgIDxoMyBjbGFzc05hbWU9XCJ3ZWJjaGF0X19rZXlib2FyZC1oZWxwX19zdWItaGVhZGVyXCI+e2NoYXRXaW5kb3dIZWFkZXJ9PC9oMz5cbiAgICAgICAgICAgICAgPC9oZWFkZXI+XG4gICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwid2ViY2hhdF9fa2V5Ym9hcmQtaGVscF9fdHdvLXBhbmVzXCI+XG4gICAgICAgICAgICAgICAgPHN2Z1xuICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPVwid2ViY2hhdF9fa2V5Ym9hcmQtaGVscF9faW1hZ2Ugd2ViY2hhdF9fa2V5Ym9hcmQtaGVscF9faW1hZ2UtLWxpZ2h0XCJcbiAgICAgICAgICAgICAgICAgIGZpbGw9XCJub25lXCJcbiAgICAgICAgICAgICAgICAgIC8vIFwiZm9jdXNhYmxlXCIgYXR0cmlidXRlIGlzIG9ubHkgYXZhaWxhYmxlIGluIElFMTEgYW5kIFwidGFiSW5kZXg9ey0xfVwiIGRvZXMgbm90IHdvcmsuXG4gICAgICAgICAgICAgICAgICBmb2N1c2FibGU9e2ZhbHNlfVxuICAgICAgICAgICAgICAgICAgaGVpZ2h0PVwiMjAwXCJcbiAgICAgICAgICAgICAgICAgIHJvbGU9XCJwcmVzZW50YXRpb25cIlxuICAgICAgICAgICAgICAgICAgdmlld0JveD1cIjAgMCAxMjEgMjAwXCJcbiAgICAgICAgICAgICAgICAgIHdpZHRoPVwiMTIxXCJcbiAgICAgICAgICAgICAgICAgIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIlxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIDxyZWN0IGhlaWdodD1cIjE5OVwiIHN0cm9rZT1cIiNDOEM2QzRcIiB3aWR0aD1cIjEwOVwiIHg9XCIwLjVcIiB5PVwiMC41XCIgLz5cbiAgICAgICAgICAgICAgICAgIDxyZWN0IGhlaWdodD1cIjE1NlwiIHN0cm9rZT1cIiMzMjMxMzBcIiB3aWR0aD1cIjEwMlwiIHg9XCIzLjVcIiB5PVwiNC41XCIgLz5cbiAgICAgICAgICAgICAgICAgIDxyZWN0IGhlaWdodD1cIjQyXCIgc3Ryb2tlPVwiI0M4QzZDNFwiIHdpZHRoPVwiOTNcIiB4PVwiNy41XCIgeT1cIjguNVwiIC8+XG4gICAgICAgICAgICAgICAgICA8cmVjdCBoZWlnaHQ9XCI5OVwiIHN0cm9rZT1cIiNDOEM2QzRcIiB3aWR0aD1cIjkzXCIgeD1cIjcuNVwiIHk9XCI1NS41XCIgLz5cbiAgICAgICAgICAgICAgICAgIDxyZWN0IGhlaWdodD1cIjEzXCIgc3Ryb2tlPVwiIzMyMzEzMFwiIHdpZHRoPVwiMTAyXCIgeD1cIjMuNVwiIHk9XCIxODIuNVwiIC8+XG4gICAgICAgICAgICAgICAgICA8cmVjdCBoZWlnaHQ9XCIxM1wiIHN0cm9rZT1cIiMzMjMxMzBcIiB3aWR0aD1cIjMyXCIgeD1cIjMuNVwiIHk9XCIxNjUuNVwiIC8+XG4gICAgICAgICAgICAgICAgICA8cmVjdCBoZWlnaHQ9XCIxM1wiIHN0cm9rZT1cIiMzMjMxMzBcIiB3aWR0aD1cIjMyXCIgeD1cIjM4LjVcIiB5PVwiMTY1LjVcIiAvPlxuICAgICAgICAgICAgICAgICAgPHJlY3QgaGVpZ2h0PVwiMTNcIiBzdHJva2U9XCIjMzIzMTMwXCIgd2lkdGg9XCIzMlwiIHg9XCI3My41XCIgeT1cIjE2NS41XCIgLz5cbiAgICAgICAgICAgICAgICAgIDxwYXRoXG4gICAgICAgICAgICAgICAgICAgIGNsaXBSdWxlPVwiZXZlbm9kZFwiXG4gICAgICAgICAgICAgICAgICAgIGQ9XCJNMTE2LjMyOCA1LjY0NjQ1QzExNi41MjQgNS40NTExOCAxMTYuODQgNS40NTExOCAxMTcuMDM2IDUuNjQ2NDVMMTIwLjIxOCA4LjgyODQzQzEyMC40MTMgOS4wMjM2OSAxMjAuNDEzIDkuMzQwMjcgMTIwLjIxOCA5LjUzNTUzQzEyMC4wMjIgOS43MzA4IDExOS43MDYgOS43MzA4IDExOS41MSA5LjUzNTUzTDExNy4xODIgNy4yMDcxMVYxOTIuNzkzTDExOS41MSAxOTAuNDY0QzExOS43MDYgMTkwLjI2OSAxMjAuMDIyIDE5MC4yNjkgMTIwLjIxOCAxOTAuNDY0QzEyMC40MTMgMTkwLjY2IDEyMC40MTMgMTkwLjk3NiAxMjAuMjE4IDE5MS4xNzJMMTE3LjAzNiAxOTQuMzU0QzExNi44NCAxOTQuNTQ5IDExNi41MjQgMTk0LjU0OSAxMTYuMzI4IDE5NC4zNTRMMTEzLjE0NiAxOTEuMTcyQzExMi45NTEgMTkwLjk3NiAxMTIuOTUxIDE5MC42NiAxMTMuMTQ2IDE5MC40NjRDMTEzLjM0MiAxOTAuMjY5IDExMy42NTggMTkwLjI2OSAxMTMuODU0IDE5MC40NjRMMTE2LjE4MiAxOTIuNzkzVjcuMjA3MTFMMTEzLjg1NCA5LjUzNTUzQzExMy42NTggOS43MzA4IDExMy4zNDIgOS43MzA4IDExMy4xNDYgOS41MzU1M0MxMTIuOTUxIDkuMzQwMjcgMTEyLjk1MSA5LjAyMzY5IDExMy4xNDYgOC44Mjg0M0wxMTYuMzI4IDUuNjQ2NDVaXCJcbiAgICAgICAgICAgICAgICAgICAgZmlsbD1cIiMzMjMxMzBcIlxuICAgICAgICAgICAgICAgICAgICBmaWxsUnVsZT1cImV2ZW5vZGRcIlxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8L3N2Zz5cbiAgICAgICAgICAgICAgICA8c3ZnXG4gICAgICAgICAgICAgICAgICBjbGFzc05hbWU9XCJ3ZWJjaGF0X19rZXlib2FyZC1oZWxwX19pbWFnZSB3ZWJjaGF0X19rZXlib2FyZC1oZWxwX19pbWFnZS0tZGFya1wiXG4gICAgICAgICAgICAgICAgICBmaWxsPVwibm9uZVwiXG4gICAgICAgICAgICAgICAgICAvLyBcImZvY3VzYWJsZVwiIGF0dHJpYnV0ZSBpcyBvbmx5IGF2YWlsYWJsZSBpbiBJRTExIGFuZCBcInRhYkluZGV4PXstMX1cIiBkb2VzIG5vdCB3b3JrLlxuICAgICAgICAgICAgICAgICAgZm9jdXNhYmxlPXtmYWxzZX1cbiAgICAgICAgICAgICAgICAgIGhlaWdodD1cIjIwMFwiXG4gICAgICAgICAgICAgICAgICByb2xlPVwicHJlc2VudGF0aW9uXCJcbiAgICAgICAgICAgICAgICAgIHZpZXdCb3g9XCIwIDAgMTIxIDIwMFwiXG4gICAgICAgICAgICAgICAgICB3aWR0aD1cIjEyMVwiXG4gICAgICAgICAgICAgICAgICB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCJcbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICA8cmVjdCBoZWlnaHQ9XCIxOTlcIiBzdHJva2U9XCIjNDg0NjQ0XCIgd2lkdGg9XCIxMDlcIiB4PVwiMC41XCIgeT1cIjAuNVwiIC8+XG4gICAgICAgICAgICAgICAgICA8cmVjdCBoZWlnaHQ9XCIxNTZcIiBzdHJva2U9XCIjRjNGMkYxXCIgd2lkdGg9XCIxMDJcIiB4PVwiMy41XCIgeT1cIjQuNVwiIC8+XG4gICAgICAgICAgICAgICAgICA8cmVjdCBoZWlnaHQ9XCI0MlwiIHN0cm9rZT1cIiM0ODQ2NDRcIiB3aWR0aD1cIjkzXCIgeD1cIjcuNVwiIHk9XCI4LjVcIiAvPlxuICAgICAgICAgICAgICAgICAgPHJlY3QgaGVpZ2h0PVwiOTlcIiBzdHJva2U9XCIjNDg0NjQ0XCIgd2lkdGg9XCI5M1wiIHg9XCI3LjVcIiB5PVwiNTUuNVwiIC8+XG4gICAgICAgICAgICAgICAgICA8cmVjdCBoZWlnaHQ9XCIxM1wiIHN0cm9rZT1cIiNGM0YyRjFcIiB3aWR0aD1cIjEwMlwiIHg9XCIzLjVcIiB5PVwiMTgyLjVcIiAvPlxuICAgICAgICAgICAgICAgICAgPHJlY3QgaGVpZ2h0PVwiMTNcIiBzdHJva2U9XCIjRjNGMkYxXCIgd2lkdGg9XCIzMlwiIHg9XCIzLjVcIiB5PVwiMTY1LjVcIiAvPlxuICAgICAgICAgICAgICAgICAgPHJlY3QgaGVpZ2h0PVwiMTNcIiBzdHJva2U9XCIjRjNGMkYxXCIgd2lkdGg9XCIzMlwiIHg9XCIzOC41XCIgeT1cIjE2NS41XCIgLz5cbiAgICAgICAgICAgICAgICAgIDxyZWN0IGhlaWdodD1cIjEzXCIgc3Ryb2tlPVwiI0YzRjJGMVwiIHdpZHRoPVwiMzJcIiB4PVwiNzMuNVwiIHk9XCIxNjUuNVwiIC8+XG4gICAgICAgICAgICAgICAgICA8cGF0aFxuICAgICAgICAgICAgICAgICAgICBjbGlwUnVsZT1cImV2ZW5vZGRcIlxuICAgICAgICAgICAgICAgICAgICBkPVwiTTExNi4zMjggNS42NDY0NUMxMTYuNTI0IDUuNDUxMTggMTE2Ljg0IDUuNDUxMTggMTE3LjAzNiA1LjY0NjQ1TDEyMC4yMTggOC44Mjg0M0MxMjAuNDEzIDkuMDIzNjkgMTIwLjQxMyA5LjM0MDI3IDEyMC4yMTggOS41MzU1M0MxMjAuMDIyIDkuNzMwOCAxMTkuNzA2IDkuNzMwOCAxMTkuNTEgOS41MzU1M0wxMTcuMTgyIDcuMjA3MTFWMTkyLjc5M0wxMTkuNTEgMTkwLjQ2NEMxMTkuNzA2IDE5MC4yNjkgMTIwLjAyMiAxOTAuMjY5IDEyMC4yMTggMTkwLjQ2NEMxMjAuNDEzIDE5MC42NiAxMjAuNDEzIDE5MC45NzYgMTIwLjIxOCAxOTEuMTcyTDExNy4wMzYgMTk0LjM1NEMxMTYuODQgMTk0LjU0OSAxMTYuNTI0IDE5NC41NDkgMTE2LjMyOCAxOTQuMzU0TDExMy4xNDYgMTkxLjE3MkMxMTIuOTUxIDE5MC45NzYgMTEyLjk1MSAxOTAuNjYgMTEzLjE0NiAxOTAuNDY0QzExMy4zNDIgMTkwLjI2OSAxMTMuNjU4IDE5MC4yNjkgMTEzLjg1NCAxOTAuNDY0TDExNi4xODIgMTkyLjc5M1Y3LjIwNzExTDExMy44NTQgOS41MzU1M0MxMTMuNjU4IDkuNzMwOCAxMTMuMzQyIDkuNzMwOCAxMTMuMTQ2IDkuNTM1NTNDMTEyLjk1MSA5LjM0MDI3IDExMi45NTEgOS4wMjM2OSAxMTMuMTQ2IDguODI4NDNMMTE2LjMyOCA1LjY0NjQ1WlwiXG4gICAgICAgICAgICAgICAgICAgIGZpbGw9XCIjRjNGMkYxXCJcbiAgICAgICAgICAgICAgICAgICAgZmlsbFJ1bGU9XCJldmVub2RkXCJcbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgPC9zdmc+XG4gICAgICAgICAgICAgICAgPHN2Z1xuICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPVwid2ViY2hhdF9fa2V5Ym9hcmQtaGVscF9faW1hZ2Ugd2ViY2hhdF9fa2V5Ym9hcmQtaGVscF9faW1hZ2UtLWhpZ2gtY29udHJhc3RcIlxuICAgICAgICAgICAgICAgICAgZmlsbD1cIm5vbmVcIlxuICAgICAgICAgICAgICAgICAgLy8gXCJmb2N1c2FibGVcIiBhdHRyaWJ1dGUgaXMgb25seSBhdmFpbGFibGUgaW4gSUUxMSBhbmQgXCJ0YWJJbmRleD17LTF9XCIgZG9lcyBub3Qgd29yay5cbiAgICAgICAgICAgICAgICAgIGZvY3VzYWJsZT17ZmFsc2V9XG4gICAgICAgICAgICAgICAgICBoZWlnaHQ9XCIyMDBcIlxuICAgICAgICAgICAgICAgICAgcm9sZT1cInByZXNlbnRhdGlvblwiXG4gICAgICAgICAgICAgICAgICB2aWV3Qm94PVwiMCAwIDEyMSAyMDBcIlxuICAgICAgICAgICAgICAgICAgd2lkdGg9XCIxMjFcIlxuICAgICAgICAgICAgICAgICAgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiXG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgPHJlY3QgaGVpZ2h0PVwiMTk5XCIgc3Ryb2tlPVwid2hpdGVcIiB3aWR0aD1cIjEwOVwiIHg9XCIwLjVcIiB5PVwiMC41XCIgLz5cbiAgICAgICAgICAgICAgICAgIDxyZWN0IGhlaWdodD1cIjE1NlwiIHN0cm9rZT1cIndoaXRlXCIgd2lkdGg9XCIxMDJcIiB4PVwiMy41XCIgeT1cIjQuNVwiIC8+XG4gICAgICAgICAgICAgICAgICA8cmVjdCBoZWlnaHQ9XCI0MlwiIHN0cm9rZT1cIndoaXRlXCIgd2lkdGg9XCI5M1wiIHg9XCI3LjVcIiB5PVwiOC41XCIgLz5cbiAgICAgICAgICAgICAgICAgIDxyZWN0IGhlaWdodD1cIjk5XCIgc3Ryb2tlPVwid2hpdGVcIiB3aWR0aD1cIjkzXCIgeD1cIjcuNVwiIHk9XCI1NS41XCIgLz5cbiAgICAgICAgICAgICAgICAgIDxyZWN0IGhlaWdodD1cIjEzXCIgc3Ryb2tlPVwid2hpdGVcIiB3aWR0aD1cIjEwMlwiIHg9XCIzLjVcIiB5PVwiMTgyLjVcIiAvPlxuICAgICAgICAgICAgICAgICAgPHJlY3QgaGVpZ2h0PVwiMTNcIiBzdHJva2U9XCJ3aGl0ZVwiIHdpZHRoPVwiMzJcIiB4PVwiMy41XCIgeT1cIjE2NS41XCIgLz5cbiAgICAgICAgICAgICAgICAgIDxyZWN0IGhlaWdodD1cIjEzXCIgc3Ryb2tlPVwid2hpdGVcIiB3aWR0aD1cIjMyXCIgeD1cIjM4LjVcIiB5PVwiMTY1LjVcIiAvPlxuICAgICAgICAgICAgICAgICAgPHJlY3QgaGVpZ2h0PVwiMTNcIiBzdHJva2U9XCJ3aGl0ZVwiIHdpZHRoPVwiMzJcIiB4PVwiNzMuNVwiIHk9XCIxNjUuNVwiIC8+XG4gICAgICAgICAgICAgICAgICA8cGF0aFxuICAgICAgICAgICAgICAgICAgICBjbGlwUnVsZT1cImV2ZW5vZGRcIlxuICAgICAgICAgICAgICAgICAgICBkPVwiTTExNi4zMjggNS42NDY0NUMxMTYuNTI0IDUuNDUxMTggMTE2Ljg0IDUuNDUxMTggMTE3LjAzNiA1LjY0NjQ1TDEyMC4yMTggOC44Mjg0M0MxMjAuNDEzIDkuMDIzNjkgMTIwLjQxMyA5LjM0MDI3IDEyMC4yMTggOS41MzU1M0MxMjAuMDIyIDkuNzMwOCAxMTkuNzA2IDkuNzMwOCAxMTkuNTEgOS41MzU1M0wxMTcuMTgyIDcuMjA3MTFWMTkyLjc5M0wxMTkuNTEgMTkwLjQ2NEMxMTkuNzA2IDE5MC4yNjkgMTIwLjAyMiAxOTAuMjY5IDEyMC4yMTggMTkwLjQ2NEMxMjAuNDEzIDE5MC42NiAxMjAuNDEzIDE5MC45NzYgMTIwLjIxOCAxOTEuMTcyTDExNy4wMzYgMTk0LjM1NEMxMTYuODQgMTk0LjU0OSAxMTYuNTI0IDE5NC41NDkgMTE2LjMyOCAxOTQuMzU0TDExMy4xNDYgMTkxLjE3MkMxMTIuOTUxIDE5MC45NzYgMTEyLjk1MSAxOTAuNjYgMTEzLjE0NiAxOTAuNDY0QzExMy4zNDIgMTkwLjI2OSAxMTMuNjU4IDE5MC4yNjkgMTEzLjg1NCAxOTAuNDY0TDExNi4xODIgMTkyLjc5M1Y3LjIwNzExTDExMy44NTQgOS41MzU1M0MxMTMuNjU4IDkuNzMwOCAxMTMuMzQyIDkuNzMwOCAxMTMuMTQ2IDkuNTM1NTNDMTEyLjk1MSA5LjM0MDI3IDExMi45NTEgOS4wMjM2OSAxMTMuMTQ2IDguODI4NDNMMTE2LjMyOCA1LjY0NjQ1WlwiXG4gICAgICAgICAgICAgICAgICAgIGZpbGw9XCJ3aGl0ZVwiXG4gICAgICAgICAgICAgICAgICAgIGZpbGxSdWxlPVwiZXZlbm9kZFwiXG4gICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDwvc3ZnPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwid2ViY2hhdF9fa2V5Ym9hcmQtaGVscF9fbm90ZXMtcGFuZVwiPlxuICAgICAgICAgICAgICAgICAgPE5vdGVzIGhlYWRlcj17Y2hhdFdpbmRvd0JvZHlNb3ZlQmV0d2Vlbkl0ZW1zSGVhZGVyfSB0ZXh0PXtjaGF0V2luZG93Qm9keU1vdmVCZXR3ZWVuSXRlbXNCb2R5fSAvPlxuICAgICAgICAgICAgICAgICAgPE5vdGVzIGhlYWRlcj17Y2hhdFdpbmRvd0JvZHlEb0FjdGlvbkhlYWRlcn0gdGV4dD17Y2hhdFdpbmRvd0JvZHlEb0FjdGlvbkJvZHl9IC8+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9hcnRpY2xlPlxuICAgICAgICAgICAgPGFydGljbGUgY2xhc3NOYW1lPVwid2ViY2hhdF9fa2V5Ym9hcmQtaGVscF9fc2VjdGlvblwiPlxuICAgICAgICAgICAgICA8aGVhZGVyPlxuICAgICAgICAgICAgICAgIDxoMyBjbGFzc05hbWU9XCJ3ZWJjaGF0X19rZXlib2FyZC1oZWxwX19oZWFkZXJcIj57Y2hhdEhpc3RvcnlIZWFkZXJ9PC9oMz5cbiAgICAgICAgICAgICAgPC9oZWFkZXI+XG4gICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwid2ViY2hhdF9fa2V5Ym9hcmQtaGVscF9fdHdvLXBhbmVzXCI+XG4gICAgICAgICAgICAgICAgPHN2Z1xuICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPVwid2ViY2hhdF9fa2V5Ym9hcmQtaGVscF9faW1hZ2Ugd2ViY2hhdF9fa2V5Ym9hcmQtaGVscF9faW1hZ2UtLWxpZ2h0XCJcbiAgICAgICAgICAgICAgICAgIGZpbGw9XCJub25lXCJcbiAgICAgICAgICAgICAgICAgIC8vIFwiZm9jdXNhYmxlXCIgYXR0cmlidXRlIGlzIG9ubHkgYXZhaWxhYmxlIGluIElFMTEgYW5kIFwidGFiSW5kZXg9ey0xfVwiIGRvZXMgbm90IHdvcmsuXG4gICAgICAgICAgICAgICAgICBmb2N1c2FibGU9e2ZhbHNlfVxuICAgICAgICAgICAgICAgICAgaGVpZ2h0PVwiMjAwXCJcbiAgICAgICAgICAgICAgICAgIHJvbGU9XCJwcmVzZW50YXRpb25cIlxuICAgICAgICAgICAgICAgICAgdmlld0JveD1cIjAgMCAxMjEgMjAwXCJcbiAgICAgICAgICAgICAgICAgIHdpZHRoPVwiMTIxXCJcbiAgICAgICAgICAgICAgICAgIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIlxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIDxyZWN0IGhlaWdodD1cIjE5OVwiIHN0cm9rZT1cIiNDOEM2QzRcIiB3aWR0aD1cIjEwOVwiIHg9XCIwLjVcIiB5PVwiMC41XCIgLz5cbiAgICAgICAgICAgICAgICAgIDxyZWN0IGhlaWdodD1cIjE1NlwiIHN0cm9rZT1cIiMzMjMxMzBcIiB3aWR0aD1cIjEwMlwiIHg9XCIzLjVcIiB5PVwiNC41XCIgLz5cbiAgICAgICAgICAgICAgICAgIDxyZWN0IGhlaWdodD1cIjQyXCIgc3Ryb2tlPVwiIzMyMzEzMFwiIHN0cm9rZURhc2hhcnJheT1cIjIgMlwiIHdpZHRoPVwiOTNcIiB4PVwiNy41XCIgeT1cIjguNVwiIC8+XG4gICAgICAgICAgICAgICAgICA8cmVjdCBoZWlnaHQ9XCI5OVwiIHN0cm9rZT1cIiMzMjMxMzBcIiBzdHJva2VEYXNoYXJyYXk9XCIyIDJcIiB3aWR0aD1cIjkzXCIgeD1cIjcuNVwiIHk9XCI1NS41XCIgLz5cbiAgICAgICAgICAgICAgICAgIDxyZWN0IGhlaWdodD1cIjEzXCIgc3Ryb2tlPVwiI0M4QzZDNFwiIHdpZHRoPVwiMTAyXCIgeD1cIjMuNVwiIHk9XCIxODIuNVwiIC8+XG4gICAgICAgICAgICAgICAgICA8cmVjdCBoZWlnaHQ9XCIxM1wiIHN0cm9rZT1cIiNDOEM2QzRcIiB3aWR0aD1cIjMyXCIgeD1cIjMuNVwiIHk9XCIxNjUuNVwiIC8+XG4gICAgICAgICAgICAgICAgICA8cmVjdCBoZWlnaHQ9XCIxM1wiIHN0cm9rZT1cIiNDOEM2QzRcIiB3aWR0aD1cIjMyXCIgeD1cIjM4LjVcIiB5PVwiMTY1LjVcIiAvPlxuICAgICAgICAgICAgICAgICAgPHJlY3QgaGVpZ2h0PVwiMTNcIiBzdHJva2U9XCIjQzhDNkM0XCIgd2lkdGg9XCIzMlwiIHg9XCI3My41XCIgeT1cIjE2NS41XCIgLz5cbiAgICAgICAgICAgICAgICAgIDxwYXRoXG4gICAgICAgICAgICAgICAgICAgIGNsaXBSdWxlPVwiZXZlbm9kZFwiXG4gICAgICAgICAgICAgICAgICAgIGQ9XCJNMTE2LjMyOCA3LjY0NjQ1QzExNi41MjQgNy40NTExOCAxMTYuODQgNy40NTExOCAxMTcuMDM2IDcuNjQ2NDVMMTIwLjIxOCAxMC44Mjg0QzEyMC40MTMgMTEuMDIzNyAxMjAuNDEzIDExLjM0MDMgMTIwLjIxOCAxMS41MzU1QzEyMC4wMjIgMTEuNzMwOCAxMTkuNzA2IDExLjczMDggMTE5LjUxIDExLjUzNTVMMTE3LjE4MiA5LjIwNzExVjE1Ni43OTNMMTE5LjUxIDE1NC40NjRDMTE5LjcwNiAxNTQuMjY5IDEyMC4wMjIgMTU0LjI2OSAxMjAuMjE4IDE1NC40NjRDMTIwLjQxMyAxNTQuNjYgMTIwLjQxMyAxNTQuOTc2IDEyMC4yMTggMTU1LjE3MkwxMTcuMDM2IDE1OC4zNTRDMTE2Ljg0IDE1OC41NDkgMTE2LjUyNCAxNTguNTQ5IDExNi4zMjggMTU4LjM1NEwxMTMuMTQ2IDE1NS4xNzJDMTEyLjk1MSAxNTQuOTc2IDExMi45NTEgMTU0LjY2IDExMy4xNDYgMTU0LjQ2NEMxMTMuMzQyIDE1NC4yNjkgMTEzLjY1OCAxNTQuMjY5IDExMy44NTQgMTU0LjQ2NEwxMTYuMTgyIDE1Ni43OTNWOS4yMDcxMUwxMTMuODU0IDExLjUzNTVDMTEzLjY1OCAxMS43MzA4IDExMy4zNDIgMTEuNzMwOCAxMTMuMTQ2IDExLjUzNTVDMTEyLjk1MSAxMS4zNDAzIDExMi45NTEgMTEuMDIzNyAxMTMuMTQ2IDEwLjgyODRMMTE2LjMyOCA3LjY0NjQ1WlwiXG4gICAgICAgICAgICAgICAgICAgIGZpbGw9XCIjMzIzMTMwXCJcbiAgICAgICAgICAgICAgICAgICAgZmlsbFJ1bGU9XCJldmVub2RkXCJcbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgPC9zdmc+XG4gICAgICAgICAgICAgICAgPHN2Z1xuICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPVwid2ViY2hhdF9fa2V5Ym9hcmQtaGVscF9faW1hZ2Ugd2ViY2hhdF9fa2V5Ym9hcmQtaGVscF9faW1hZ2UtLWRhcmtcIlxuICAgICAgICAgICAgICAgICAgZmlsbD1cIm5vbmVcIlxuICAgICAgICAgICAgICAgICAgLy8gXCJmb2N1c2FibGVcIiBhdHRyaWJ1dGUgaXMgb25seSBhdmFpbGFibGUgaW4gSUUxMSBhbmQgXCJ0YWJJbmRleD17LTF9XCIgZG9lcyBub3Qgd29yay5cbiAgICAgICAgICAgICAgICAgIGZvY3VzYWJsZT17ZmFsc2V9XG4gICAgICAgICAgICAgICAgICBoZWlnaHQ