\r\n \r\n
\r\n );\r\n}\r\nexport function SmallLoader() {\r\n return ;\r\n}\r\nexport default function AlertDialogSlide({ reconnect, connecting, forceDisc, breakoutFull, lang }) {\r\n return (\r\n \r\n ![]()
\r\n
\r\n \r\n \r\n
\r\n );\r\n}\r\n","export const alertConstants = {\r\n SUCCESS: 'ALERT_SUCCESS',\r\n ERROR: 'ALERT_ERROR',\r\n INFO: 'ALERT_INFO',\r\n CLEAR: 'ALERT_CLEAR',\r\n WARNING: 'ALERT_WARNING'\r\n};","import { defaultTemplate } from \"../models/defaultTemplate\";\r\nimport {\r\n getValueFromNestedObject,\r\n getValueFromNestedObjectByParam,\r\n} from \"../../../../helpers/objectHelper\";\r\n\r\nexport const templateHelper = {\r\n checkForUpdates,\r\n handleElementUpdates,\r\n formatToResponsivePath,\r\n getUnit,\r\n getValueFromInput,\r\n getValue,\r\n getValueWithoutUnit,\r\n assignResponsiveStyle,\r\n parseColorToRgba,\r\n getTemplatesColors,\r\n parseRgbaToHex,\r\n convertRgbStringToHex,\r\n backgroundApplier,\r\n getInteractionStyles,\r\n};\r\n\r\nfunction getInteractionStyles(path, template) {\r\n if (!template) return {};\r\n if (path == \"exhibitors\") {\r\n if (template.interaction.exhibitor) {\r\n const obj = template.interaction.exhibitor;\r\n\r\n if (obj) {\r\n const container = obj.frame;\r\n const title = obj.title;\r\n const subtitle = obj.subtitle;\r\n const logo = obj.logo;\r\n\r\n /* \r\n primaryColor: primaryColor != 'unset' ? primaryColor : '#5a60e3', */\r\n\r\n return {\r\n frame: {\r\n background:\r\n container && container.background != \"unset\"\r\n ? container.background\r\n : \"rgba(31, 30, 30, 0.4)\",\r\n borderRadius:\r\n container && container.borderRadius != \"unset\"\r\n ? container.borderRadius\r\n : \"4px\",\r\n padding:\r\n container && container.padding != \"unset\"\r\n ? container.padding\r\n : \"0px\",\r\n },\r\n title: {\r\n color: title && title.color != \"unset\" ? title.color : \"#fff\",\r\n fontSize:\r\n title && title.fontSize != \"unset\"\r\n ? title.fontSize\r\n : template.subtitle.fontSize,\r\n fontWeight:\r\n title && title.fontWeight != \"unset\"\r\n ? title.fontWeight\r\n : template.subtitle.fontWeight,\r\n fontFamily:\r\n title && title.fontFamily != \"unset\"\r\n ? title.fontFamily\r\n : template.subtitle.fontFamily,\r\n },\r\n logo: {\r\n background:\r\n logo && logo.background != \"unset\" ? logo.background : \"#fff\",\r\n },\r\n subtitle: {\r\n color:\r\n subtitle && subtitle.color != \"unset\" ? subtitle.color : \"#fff\",\r\n fontSize:\r\n subtitle && subtitle.fontSize != \"unset\"\r\n ? subtitle.fontSize\r\n : template.text.fontSize,\r\n fontWeight:\r\n subtitle && subtitle.fontWeight != \"unset\"\r\n ? subtitle.fontWeight\r\n : template.text.fontWeight,\r\n fontFamily:\r\n subtitle && subtitle.fontFamily != \"unset\"\r\n ? subtitle.fontFamily\r\n : template.text.fontFamily,\r\n },\r\n };\r\n } else {\r\n return {\r\n frame: {\r\n background: \"rgba(31, 30, 30, 0.4)\",\r\n borderRadius: \"4px\",\r\n padding: \"0px\",\r\n },\r\n logo: { background: \"#fff\" },\r\n title: template.subtitle,\r\n subtitle: template.text,\r\n };\r\n }\r\n } else {\r\n return {\r\n frame: {\r\n background: \"rgba(31, 30, 30, 0.4)\",\r\n borderRadius: \"4px\",\r\n padding: \"0px\",\r\n },\r\n logo: { background: \"#fff\" },\r\n title: template.subtitle,\r\n subtitle: template.text,\r\n };\r\n }\r\n }\r\n if (path == \"connections\") {\r\n if (template.interaction.connections) {\r\n return {\r\n content: {\r\n background: template.interaction.connections.background,\r\n borderRadius: template.interaction.connections.borderRadius,\r\n borderWidth: template.interaction.connections.borderWidth,\r\n borderColor: template.interaction.connections.borderColor,\r\n borderStyle:\r\n template.interaction.connections.borderWidth != \"unset\"\r\n ? \"solid\"\r\n : undefined,\r\n },\r\n text: {\r\n fontSize: template.interaction.connections.fontSize,\r\n fontWeight: template.interaction.connections.fontWeight,\r\n fontFamily:\r\n template.interaction.connections.fontFamily + \" !important\",\r\n color: template.interaction.connections.color,\r\n },\r\n };\r\n } else {\r\n return {\r\n content: {\r\n background: template.content\r\n ? template.content.backgroundColor\r\n : \"#fff\",\r\n },\r\n text: {\r\n ...template.label,\r\n },\r\n };\r\n }\r\n }\r\n return {};\r\n}\r\n\r\nfunction parseColorToRgba(color) {\r\n const { r, g, b, a } = color.rgb;\r\n return `rgba(${r},${g},${b},${a})`;\r\n}\r\n\r\nfunction parseRgbaToHex(color) {\r\n const { r, g, b, a } = color.rgb;\r\n var red = hexCode(r);\r\n var green = hexCode(g);\r\n var blue = hexCode(b);\r\n\r\n return \"#\" + red + green + blue;\r\n}\r\n\r\nfunction convertRgbStringToHex(rgb, param = null) {\r\n if (rgb == \"white\") return \"#ffffff\";\r\n if (rgb == \"black\") return \"#000000\";\r\n\r\n if (!rgb.toString().includes(\"rgb\")) return rgb;\r\n var a = rgb.split(\"(\")[1].split(\")\")[0];\r\n a = a.split(\",\");\r\n let hex = \"#\";\r\n for (let index = 0; index < a.length; index++) {\r\n let x = parseInt(a[index]).toString(16); //Convert to a base16 string\r\n hex += x.length == 1 ? \"0\" + x : x;\r\n }\r\n if (hex.length > 7) hex = hex.substring(0, 7);\r\n return hex;\r\n}\r\n\r\nfunction hexCode(rgb) {\r\n var hex = Number(rgb).toString(16);\r\n if (hex.length < 2) {\r\n hex = \"0\" + hex;\r\n }\r\n return hex;\r\n}\r\nfunction getValueFromInput(e, color) {\r\n if (e === null) return \"unset\";\r\n\r\n if (parseInt(e) || (typeof e === \"string\" && e.length > 0)) return e;\r\n else if (color) return parseColorToRgba(color);\r\n else if (e.target && e.target.value) return e.target.value;\r\n}\r\n\r\nfunction assignResponsiveStyle(source) {\r\n const responsiveNames = [\"content\", \"header\", \"footer\", \"menu\"];\r\n const devices = [\"tablet\", \"smartphone\"];\r\n const newStyle = Object.assign({}, source);\r\n for (let x = 0; x < responsiveNames.length; x++) {\r\n for (let y = 0; y < devices.length; y++) {\r\n const defaultStyle =\r\n defaultTemplate.responsive[devices[y]][responsiveNames[x]];\r\n const mainStyle = defaultTemplate[responsiveNames[x]];\r\n for (const key in newStyle.responsive[devices[y]][responsiveNames[x]]) {\r\n if (\r\n defaultStyle[key] !== \"unset\" &&\r\n newStyle.responsive[devices[y]][responsiveNames[x]][key] === \"unset\"\r\n ) {\r\n newStyle.responsive[devices[y]][responsiveNames[x]][key] =\r\n defaultStyle[key];\r\n } else if (\r\n defaultStyle[key] === \"unset\" &&\r\n newStyle.responsive[devices[y]][responsiveNames[x]][key] === \"unset\"\r\n ) {\r\n newStyle.responsive[devices[y]][responsiveNames[x]][key] =\r\n mainStyle[key];\r\n }\r\n }\r\n }\r\n }\r\n return newStyle;\r\n}\r\n\r\nfunction getTemplatesColors(template) {\r\n const colors = [];\r\n getValueFromNestedObjectByParam(\r\n [\"color\", \"backgroundColor\"],\r\n template.content,\r\n colors\r\n );\r\n return colors;\r\n}\r\n\r\nfunction getUnit(template, names) {\r\n let value = undefined;\r\n let unit = \"\";\r\n if (!Array.isArray(names)) names = names.split(\".\");\r\n if (names.includes(\"boxShadow\")) return unit;\r\n value = getValueFromNestedObject(names, template.content, value);\r\n if (value !== undefined) {\r\n if (value === \"unset\") unit = \"px\";\r\n else if (parseInt(value)) unit = value.replace(/[0-9/^d.-]/g, \"\");\r\n else unit = \"px\";\r\n }\r\n return unit;\r\n}\r\n\r\nfunction backgroundApplier(value, path, onChange) {\r\n onChange(value, path);\r\n}\r\n\r\nfunction getValue(template, names) {\r\n let value = \"\";\r\n if (!Array.isArray(names)) names = names.split(\".\");\r\n value = getValueFromNestedObject(names, template.content, value);\r\n return value;\r\n}\r\nfunction getValueWithoutUnit(template, names) {\r\n let value = 0;\r\n if (!Array.isArray(names)) names = names.split(\".\");\r\n value = getValueFromNestedObject(names, template.content, value);\r\n try {\r\n if (value.includes(\"rgb\") || value.includes(\"#\") || value.includes(\"white\"))\r\n return value;\r\n else if (value === \"unset\") value = 0;\r\n if (value === \"unset\") value = 0;\r\n else value = value.replace(/[^0-9\\d.-]/g, \"\");\r\n value = parseInt(value);\r\n } catch (error) {}\r\n return value;\r\n}\r\n\r\nfunction formatToResponsivePath(parent, prop, device) {\r\n if (device === \"desktop\") return `${parent}.${prop}`;\r\n return `responsive.${device}.${parent}.${prop}`;\r\n}\r\n\r\n/*DEPRECATED*/\r\nfunction checkForUpdates(target, source) {\r\n const sourceObj = Object.assign({}, source);\r\n let targetObj = Object.assign({}, target);\r\n\r\n //* Loops two levels of an object*/\r\n for (const prop in sourceObj) {\r\n if (!targetObj.hasOwnProperty(`${prop}`)) {\r\n targetObj[prop] = { ...sourceObj[prop] };\r\n if (targetObj.hasOwnProperty(`${prop}`)) {\r\n }\r\n } else {\r\n for (const v in sourceObj[prop]) {\r\n if (!targetObj[prop].hasOwnProperty(v)) {\r\n targetObj[prop][v] = sourceObj[prop][v];\r\n if (targetObj[prop].hasOwnProperty(`${v}`)) {\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\nfunction handleElementUpdates(element, template) {\r\n //Move this code to reducer\r\n if (element.parentName === \"HEADER\") {\r\n let el = template.content.header.content.find((f) => {\r\n return f.contentId === element.contentId;\r\n });\r\n var indexOfRemovedEl = template.content.header.content.indexOf(el);\r\n if (indexOfRemovedEl > -1) {\r\n template.content.header.content.splice(indexOfRemovedEl, 1);\r\n template.content.header.content.push(element);\r\n }\r\n }\r\n if (element.parentName === \"FOOTER\") {\r\n let el = template.content.footer.content.find((f) => {\r\n return f.contentId === element.contentId;\r\n });\r\n var indexOfRemovedEl = template.content.footer.content.indexOf(el);\r\n if (indexOfRemovedEl > -1) {\r\n template.content.footer.content.splice(indexOfRemovedEl, 1);\r\n template.content.footer.content.push(element);\r\n }\r\n }\r\n return template;\r\n}\r\n","export const arrayHelper = {\r\n concat,\r\n getMaxVal,\r\n getMinVal,\r\n arraysEqual,\r\n getMaxValue,\r\n findByParam,\r\n sortByParam,\r\n compareChanges,\r\n};\r\n\r\nfunction concat(...args) {\r\n return args.reduce((acc, val) => [...acc, ...val]);\r\n}\r\n\r\nfunction getMaxVal(propName, array) {\r\n return Math.max.apply(\r\n Math,\r\n array.map((o) => {\r\n return o[propName];\r\n })\r\n );\r\n}\r\n\r\nfunction getMaxValue(array, param) {\r\n return array.length > 0\r\n ? Math.max.apply(\r\n Math,\r\n array.map((o) => {\r\n return o[param];\r\n })\r\n ) + 1\r\n : 1;\r\n}\r\n\r\nfunction sortByParam(array, param) {\r\n if (array === null) {\r\n return [];\r\n }\r\n if (array.length < 1) {\r\n return [];\r\n }\r\n const updatedArray = Array.from(array);\r\n updatedArray.sort((a, b) => {\r\n let x = a[param];\r\n let y = b[param];\r\n return y < x ? 1 : y > x ? -1 : 0;\r\n });\r\n return updatedArray;\r\n}\r\n\r\n/* Array.prototype.firstOrDefault = function (array, element) {\r\n array.forEach(this.push, this);\r\n array.find()\r\n} */\r\n\r\nfunction findByParam(array, param, value) {\r\n var element = array.find((el) => {\r\n return el[param] === value;\r\n });\r\n if (!element) {\r\n return null;\r\n }\r\n return Object.assign({}, element);\r\n}\r\n\r\nfunction getMinVal(propName, array) {\r\n Math.min.apply(\r\n Math,\r\n array.map((o) => {\r\n return o[propName];\r\n })\r\n );\r\n}\r\n\r\nfunction arraysEqual(arr1, arr2) {\r\n if (arr1.length !== arr2.length) return false;\r\n for (var i = arr1.length; i--; ) {\r\n if (arr1[i] !== arr2[i]) return false;\r\n }\r\n\r\n return true;\r\n}\r\nfunction compareChanges(arr1, arr2, param, sorter = () => null, mapper = () => null) {\r\n let hasChanged = false;\r\n\r\n if (arr1.length != arr2.length) {\r\n return true;\r\n }\r\n\r\n let a1 = arr1\r\n .map((a1) => {\r\n return a1[param];\r\n })\r\n .sort();\r\n let a2 = arr2\r\n .map((a2) => {\r\n return a2[param];\r\n })\r\n .sort();\r\n\r\n if (a1.length == a2.length) {\r\n for (let index = 0; index < a1.length && hasChanged == false; index++) {\r\n if (a1[index] !== a2[index]) {\r\n hasChanged = true;\r\n break;\r\n }\r\n }\r\n }\r\n return hasChanged;\r\n}\r\n","/*\r\n* required polyfills\r\n*/\r\n\r\n/** IE9, IE10 and IE11 requires all of the following polyfills. **/\r\n// import 'core-js/es6/symbol'\r\n// import 'core-js/es6/object'\r\n// import 'core-js/es6/function'\r\n// import 'core-js/es6/parse-int'\r\n// import 'core-js/es6/parse-float'\r\n// import 'core-js/es6/number'\r\n// import 'core-js/es6/math'\r\n// import 'core-js/es6/string'\r\n// import 'core-js/es6/date'\r\nimport 'core-js/es6/array'\r\n// import 'core-js/es6/regexp'\r\nimport 'core-js/es6/map'\r\n// import 'core-js/es6/weak-map'\r\nimport 'core-js/es6/set'\r\nimport 'core-js/es7/object'\r\n\r\n/** IE10 and IE11 requires the following for the Reflect API. */\r\n// import 'core-js/es6/reflect'\r\n\r\n/** Evergreen browsers require these. **/\r\n// Used for reflect-metadata in JIT. If you use AOT (and only Angular decorators), you can remove.\r\n// import 'core-js/es7/reflect'\r\n\r\n// CustomEvent() constructor functionality in IE9, IE10, IE11\r\n(function () {\r\n if ( typeof window.CustomEvent === \"function\" ) return false\r\n\r\n function CustomEvent ( event, params ) {\r\n params = params || { bubbles: false, cancelable: false, detail: undefined }\r\n var evt = document.createEvent( 'CustomEvent' )\r\n evt.initCustomEvent( event, params.bubbles, params.cancelable, params.detail )\r\n return evt\r\n }\r\n\r\n CustomEvent.prototype = window.Event.prototype\r\n\r\n window.CustomEvent = CustomEvent\r\n})()\r\nif(/Firefox\\/\\d+[\\d\\.]*/.test(navigator.userAgent)\r\n\t\t&& typeof window.DragEvent === 'function'\r\n\t\t&& typeof window.addEventListener === 'function') (function(){\r\n\t// patch for Firefox bug https://bugzilla.mozilla.org/show_bug.cgi?id=505521\r\n\tvar cx, cy, px, py, ox, oy, sx, sy, lx, ly;\r\n\tfunction update(e) {\r\n\t\tcx = e.clientX; cy = e.clientY;\r\n\t\tpx = e.pageX; py = e.pageY;\r\n\t\tox = e.offsetX; oy = e.offsetY;\r\n\t\tsx = e.screenX; sy = e.screenY;\r\n\t\tlx = e.layerX; ly = e.layerY;\r\n\t}\r\n\tfunction assign(e) {\r\n\t\te._ffix_cx = cx; e._ffix_cy = cy;\r\n\t\te._ffix_px = px; e._ffix_py = py;\r\n\t\te._ffix_ox = ox; e._ffix_oy = oy;\r\n\t\te._ffix_sx = sx; e._ffix_sy = sy;\r\n\t\te._ffix_lx = lx; e._ffix_ly = ly;\r\n\t}\r\n\twindow.addEventListener('mousemove', update, true);\r\n\twindow.addEventListener('dragover', update, true);\r\n\t// bug #505521 identifies these three listeners as problematic:\r\n\t// (although tests show 'dragstart' seems to work now, keep to be compatible)\r\n\twindow.addEventListener('dragstart', assign, true);\r\n\twindow.addEventListener('drag', assign, true);\r\n\twindow.addEventListener('dragend', assign, true);\r\n\r\n\t// var me = Object.getOwnPropertyDescriptors(window.MouseEvent.prototype),\r\n\t// \tue = Object.getOwnPropertyDescriptors(window.UIEvent.prototype);\r\n\t// function getter(prop,repl) {\r\n\t// \treturn function() {return me[prop] && me[prop].get.call(this) || Number(this[repl]) || 0};\r\n\t// }\r\n\t// function layerGetter(prop,repl) {\r\n\t// \treturn function() {return this.type === 'dragover' && ue[prop] ? ue[prop].get.call(this) : (Number(this[repl]) || 0)};\r\n\t// }\r\n\t// Object.defineProperties(window.DragEvent.prototype,{\r\n\t// \tclientX: {get: getter('clientX', '_ffix_cx')},\r\n\t// \tclientY: {get: getter('clientY', '_ffix_cy')},\r\n\t// \tpageX: {get: getter('pageX', '_ffix_px')},\r\n\t// \tpageY: {get: getter('pageY', '_ffix_py')},\r\n\t// \toffsetX: {get: getter('offsetX', '_ffix_ox')},\r\n\t// \toffsetY: {get: getter('offsetY', '_ffix_oy')},\r\n\t// \tscreenX: {get: getter('screenX', '_ffix_sx')},\r\n\t// \tscreenY: {get: getter('screenY', '_ffix_sy')},\r\n\t// \tx: {get: getter('x', '_ffix_cx')},\r\n\t// \ty: {get: getter('y', '_ffix_cy')},\r\n\t// \tlayerX: {get: layerGetter('layerX', '_ffix_lx')},\r\n\t// \tlayerY: {get: layerGetter('layerY', '_ffix_ly')}\r\n\t// });\r\n})();","import React from 'react';\r\nimport { Row, Col, Container, Button } from 'reactstrap';\r\nimport FireFox from '../../assets/icons/firefox.svg';\r\nimport Opera from '../../assets/icons/opera.svg';\r\nimport Chrome from '../../assets/icons/google_chrome.svg';\r\n\r\n\r\n//If using internet exploret provide new browser options\r\n\r\nexport const ProvideBrowserOptions = () => {\r\n\r\n return (\r\n Jirango does not support Internet explorer!
\r\n \r\nThe page you are looking for is not supported in the browser you are currently using, Internet Explorer.\r\n\r\nInternet Explorer has security issues and is no longer supported my Microsoft.\r\n\r\n\r\n\r\nIf you came here from a link in an email, read this article to change the way links are opened in Outlook.\r\n\r\n\r\n\r\n\r\n\r\n
\r\n\r\n \r\n Read more\r\n\r\n\r\n
\r\n The following browsers are supported – click one of the options below to download and install.
\r\n \r\n\r\n
\r\n \r\n\r\n Google Chrome\r\n \r\n \r\n
\r\n \r\n Opera\r\n \r\n \r\n
\r\n FireFox\r\n \r\n
\r\n {this.sortChildrens().map((el, index) => {\r\n return (\r\n
\r\n );\r\n }\r\n }\r\n}\r\nfunction mapStateToProps(state) {\r\n return {\r\n alert: state.alert,\r\n template: state.template,\r\n cms: state.cms,\r\n form: state.form,\r\n };\r\n}\r\nexport default connect(mapStateToProps)(TemplateHeader);\r\n","import React from \"react\";\r\nimport { Droppable, Draggable } from \"react-beautiful-dnd\";\r\nimport { Col, Row } from \"reactstrap\";\r\n/* import { renderElement } from \"../../../../helpers/renderElement\"; */\r\nimport { connect } from \"react-redux\";\r\nimport { templateActions } from \"../../../../../store/actions/cms/template/template.action\";\r\nimport { sourceTypes } from \"../../../../../constants/cms/sourceType\";\r\nimport \"../styles/TemplateContent.css\";\r\n\r\nclass TemplateFooter extends React.Component {\r\n state = {\r\n isDropZoneDisabled: false,\r\n };\r\n componentDidMount() {\r\n if (this.props.cms.enviroment !== sourceTypes.TEMPLATE) {\r\n this.disableDropZone(true);\r\n }\r\n }\r\n disableDropZone = (isDisabled) => {\r\n this.setState({ isDropZoneDisabled: isDisabled });\r\n };\r\n onSelect = (el) => {\r\n const { dispatch, cms } = this.props;\r\n if (!cms.editMode) {\r\n return;\r\n }\r\n dispatch(templateActions.select(el));\r\n };\r\n\r\n onDelete = (el) => {\r\n const { dispatch } = this.props;\r\n dispatch(templateActions.remove(el, \"FOOTER\"));\r\n };\r\n sortChildrens = () => {\r\n const { template } = this.props.template;\r\n\r\n const dataSource =\r\n template && template.content\r\n ? Array.from(\r\n template.content.footer.content\r\n .sort((a, b) => {\r\n let x = a.sortOrder;\r\n let y = b.sortOrder;\r\n return y < x ? 1 : y > x ? -1 : 0;\r\n })\r\n .filter((el) => el.parentId === null)\r\n )\r\n : [];\r\n\r\n return dataSource;\r\n };\r\n render() {\r\n const { template, selectedContainer, selectedElement } = this.props.template;\r\n const { editMode, enviroment } = this.props.cms;\r\n\r\n if (template === undefined) return null;\r\n if (!editMode && enviroment !== sourceTypes.TEMPLATE) {\r\n return (\r\n \r\n
\r\n );\r\n })}\r\n \r\n \r\n \r\n \r\n {/* {renderElement(el.type, el, this.disableDropZone)} */}\r\n \r\n \r\n \r\n
\r\n \r\n {this.sortChildrens().map((el, index) => {\r\n return (\r\n
\r\n );\r\n }\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n alert: state.alert,\r\n template: state.template,\r\n cms: state.cms,\r\n form: state.form,\r\n };\r\n}\r\nexport default connect(mapStateToProps)(TemplateFooter);\r\n","import React from \"react\";\r\nimport \"./MediaBackdrop.css\";\r\nimport Media from \"react-media\";\r\nexport class MediaBackdrop extends React.Component {\r\n state = {\r\n blurEffect: \"blur\"\r\n };\r\n componentDidMount() {\r\n setTimeout(() => this.setState({ blurEffect: \"unblur\" }), 3000);\r\n }\r\n generateYoutubeSource = () => {\r\n const { url } = this.props;\r\n if (!url.includes(\"https://www.youtube.com/watch?v=\")) return \"\";\r\n let id = url.substring(url.indexOf(\"v=\") + 2, url.length);\r\n return id;\r\n /* return `https://www.youtube.com/embed/${id}?controls=0&autoplay=1&mute=1&origin=https%3A%2F%2Fwww.jqueryscript.net&loop=1&rel=0&ecver=2&showinfo=0&modestbranding=1&enablejsapi=1&widgetid=1`; */\r\n };\r\n setScale = ({ small, medium, large }) => {\r\n let translate = \"translateX(-58%) translateY(-50%) \";\r\n if (small) translate += \"scale(4)\";\r\n else if (medium) translate += \"scale(2.5)\";\r\n else translate += \"scale(1.5)\";\r\n return translate;\r\n };\r\n setBackground = () => {\r\n const { main, device } = this.props;\r\n const bg = {};\r\n\r\n bg.backgroundSize = \"cover\";\r\n bg.backgroundPosition = main.backgroundPosition;\r\n bg.backgroundRepeat = \"no-repeat\";\r\n bg.background = main.background;\r\n /* document.body.style.background */\r\n bg.backgroundAttachment = \"fixed\";\r\n //bg.height = '100vh';\r\n bg.height =\r\n this.props.editMode && (device === \"desktop\" || device === undefined) || (!this.props.editMode)\r\n ? \"100vh\"\r\n : \"100%\";\r\n bg.overflowY = this.props.editMode ? \"auto\" : \"unset\";\r\n return bg;\r\n /* return {\r\n ...main,\r\n backgroundSize: \"cover\",\r\n backgroundAttachment: \"fixed\",\r\n backgroundPosition: main.backgroundPosition,\r\n backgroundRepeat: \"no-repeat\"\r\n }; */\r\n };\r\n setHeight = () => {\r\n const { device, enabled } = this.props;\r\n if (this.props.editMode && (device === \"desktop\" || device === undefined) || (!this.props.editMode)) {\r\n return '100vh';\r\n } else if (this.props.editMode && device !== \"desktop\" && device !== undefined && enabled == true) {\r\n\r\n return '100%'\r\n } /* || ((device === \"desktop\" || device !== undefined) && enabled == true)\r\n ? \"100vh\"\r\n : \"100%\" */\r\n }\r\n render() {\r\n const { url, children, enabled, device, main } = this.props;\r\n const { blurEffect } = this.state;\r\n return (\r\n \r\n
\r\n );\r\n })}\r\n \r\n \r\n \r\n \r\n {/* {renderElement(el.type, el, this.disableDropZone)} */}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {enabled === true && url !== \"unset\" && url !== \"\" ? (\r\n \r\n
\r\n\r\n \r\n );\r\n }\r\n}\r\n","import Media from \"react-media\";\r\nimport React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Container } from \"reactstrap\";\r\nimport \"./ContentWrapper.css\";\r\nimport { templateConstants } from \"../../../../../../../constants/cms/template/template.constants\";\r\nimport TransitionWrapper from \"../TransitionWrapper/TransitionWrapper\";\r\n\r\nconst ContentWrapper = ({\r\n children,\r\n device,\r\n editMode,\r\n contentStyle,\r\n responsiveStyle,\r\n backgroundColor = null,\r\n style = null,\r\n height = null\r\n}) => {\r\n if (!contentStyle) return null;\r\n const setStyle = matches => {\r\n if (!editMode) {\r\n if (matches.large) return contentStyle;\r\n else {\r\n let dvc = \"\";\r\n if (matches.medium) dvc = templateConstants.TABLET;\r\n else if (matches.small) dvc = templateConstants.SMARTPHONE;\r\n if (responsiveStyle[dvc] === undefined) return contentStyle\r\n const s = { ...contentStyle, ...responsiveStyle[dvc].content };\r\n return s;\r\n }\r\n } else {\r\n if (device === templateConstants.DESKTOP) return contentStyle;\r\n const s = { ...contentStyle, ...responsiveStyle[device].content };\r\n\r\n return s;\r\n }\r\n };\r\n return (\r\n \r\n \r\n {matches => (\r\n \r\n )}\r\n \r\n
\r\n ) : null}\r\n {children}
\r\n \r\n \r\n\r\n {fonts !== undefined && (\r\n \r\n
\r\n\r\n (this.headerRef = r)} id='temp-header'>\r\n \r\n \r\n
\r\n (this.footerRef = r)}>\r\n \r\n \r\n
\r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n const { user } = state.authentication;\r\n return {\r\n user,\r\n template: state.template.template,\r\n previewDevice: state.template.previewDevice,\r\n selectedContainer: state.template.selectedContainer,\r\n selectedElement: state.template.selectedElement,\r\n cms: state.cms,\r\n isMenuModalOpen: state.template.isMenuModalOpen\r\n };\r\n}\r\nexport default connect(mapStateToProps)(TemplateWrapper);\r\n","export const colorHelper = {\r\n getCorrectTextColor,\r\n linearGradient,\r\n hexToRgb,\r\n rgbToObject,\r\n rgbaToHex,\r\n colourNameToHex,\r\n trim,\r\n};\r\n\r\nfunction getCorrectTextColor(hex) {\r\n /*\r\n From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast\r\n \r\n Color brightness is determined by the following formula: \r\n ((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000\r\n\r\nI know this could be more compact, but I think this is easier to read/explain.\r\n \r\n */\r\n\r\n const threshold = 130; /* about half of 256. Lower threshold equals more dark text on dark background */\r\n\r\n //testa - lägg till hexToA\r\n let hRed = hexToR(hex);\r\n let hGreen = hexToG(hex);\r\n let hBlue = hexToB(hex);\r\n\r\n const cBrightness = (hRed * 299 + hGreen * 587 + hBlue * 114) / 1000;\r\n if (cBrightness > threshold) {\r\n return \"#000000\";\r\n } else {\r\n return \"#ffffff\";\r\n }\r\n}\r\n\r\nfunction hexToR(h) {\r\n return parseInt(cutHex(h).substring(0, 2), 16);\r\n}\r\nfunction hexToG(h) {\r\n return parseInt(cutHex(h).substring(2, 4), 16);\r\n}\r\nfunction hexToB(h) {\r\n return parseInt(cutHex(h).substring(4, 6), 16);\r\n}\r\nfunction cutHex(h) {\r\n return h.charAt(0) == \"#\" ? h.substring(1, 7) : h;\r\n}\r\n\r\nfunction hexToDec(s) {\r\n var i,\r\n j,\r\n digits = [0],\r\n carry;\r\n for (i = 0; i < s.length; i += 1) {\r\n carry = parseInt(s.charAt(i), 16);\r\n for (j = 0; j < digits.length; j += 1) {\r\n digits[j] = digits[j] * 16 + carry;\r\n carry = (digits[j] / 10) | 0;\r\n digits[j] %= 10;\r\n }\r\n while (carry > 0) {\r\n digits.push(carry % 10);\r\n carry = (carry / 10) | 0;\r\n }\r\n }\r\n return digits.reverse().join(\"\");\r\n}\r\n\r\n// TODO - Fixa alpha kanalen, som blir 100 varje gång.\r\nexport function hexToRgb(hex) {\r\n let hexBase = hex;\r\n let alpha = 1;\r\n if (hex.length > 7) {\r\n hexBase = hex.substring(0, 7);\r\n alpha = hex.substring(7, 9);\r\n } else if (hex.length < 8) {\r\n alpha = \"ff\";\r\n }\r\n alpha = hexToDec(alpha);\r\n if (hex.length < 6) {\r\n for (let index = hex.length - 1; index < 6; index++) {\r\n hexBase += hexBase[1];\r\n }\r\n }\r\n var result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(hexBase);\r\n return result\r\n ? {\r\n r: parseInt(result[1], 16),\r\n g: parseInt(result[2], 16),\r\n b: parseInt(result[3], 16), // parseInt(parseFloat(result[3],16)*parseFloat(alpha)/255 )\r\n a: parseFloat(alpha) / 255, //parseInt(1)\r\n }\r\n : null;\r\n}\r\n\r\nexport function trim(str) {\r\n return str.replace(/^\\s+|\\s+$/gm, \"\");\r\n}\r\n\r\nexport function rgbaToHex(rgba) {\r\n var inParts = rgba.substring(rgba.indexOf(\"(\")).split(\",\"),\r\n r = parseInt(trim(inParts[0].substring(1)), 10),\r\n g = parseInt(trim(inParts[1]), 10),\r\n b = parseInt(trim(inParts[2]), 10),\r\n a = parseFloat(trim(inParts[3].substring(0, inParts[3].length - 1))).toFixed(2);\r\n var outParts = [\r\n r.toString(16),\r\n g.toString(16),\r\n b.toString(16),\r\n Math.round(a * 255)\r\n .toString(16)\r\n .substring(0, 2),\r\n ];\r\n\r\n // Pad single-digit output values\r\n outParts.forEach(function (part, i) {\r\n if (part.length === 1) {\r\n outParts[i] = \"0\" + part;\r\n }\r\n });\r\n\r\n return \"#\" + outParts.join(\"\");\r\n}\r\n\r\nexport function rgbToObject(color) {\r\n const result = color.replace(/[^\\d,]/g, \"\").split(\",\");\r\n return {\r\n r: result[0],\r\n g: result[1],\r\n b: result[2],\r\n a: result[3] !== undefined ? parseInt(result[3], 16) : 1,\r\n };\r\n return result\r\n ? {\r\n r: parseInt(result[0], 16),\r\n g: parseInt(result[1], 16),\r\n b: parseInt(result[2], 16),\r\n a: result[3] !== undefined ? parseInt(result[3], 16) : parseInt(1),\r\n }\r\n : null;\r\n}\r\n\r\nfunction colourNameToHex(colour) {\r\n var colours = {\r\n aliceblue: \"#f0f8ff\",\r\n antiquewhite: \"#faebd7\",\r\n aqua: \"#00ffff\",\r\n aquamarine: \"#7fffd4\",\r\n azure: \"#f0ffff\",\r\n beige: \"#f5f5dc\",\r\n bisque: \"#ffe4c4\",\r\n black: \"#000000\",\r\n blanchedalmond: \"#ffebcd\",\r\n blue: \"#0000ff\",\r\n blueviolet: \"#8a2be2\",\r\n brown: \"#a52a2a\",\r\n burlywood: \"#deb887\",\r\n cadetblue: \"#5f9ea0\",\r\n chartreuse: \"#7fff00\",\r\n chocolate: \"#d2691e\",\r\n coral: \"#ff7f50\",\r\n cornflowerblue: \"#6495ed\",\r\n cornsilk: \"#fff8dc\",\r\n crimson: \"#dc143c\",\r\n cyan: \"#00ffff\",\r\n darkblue: \"#00008b\",\r\n darkcyan: \"#008b8b\",\r\n darkgoldenrod: \"#b8860b\",\r\n darkgray: \"#a9a9a9\",\r\n darkgreen: \"#006400\",\r\n darkkhaki: \"#bdb76b\",\r\n darkmagenta: \"#8b008b\",\r\n darkolivegreen: \"#556b2f\",\r\n darkorange: \"#ff8c00\",\r\n darkorchid: \"#9932cc\",\r\n darkred: \"#8b0000\",\r\n darksalmon: \"#e9967a\",\r\n darkseagreen: \"#8fbc8f\",\r\n darkslateblue: \"#483d8b\",\r\n darkslategray: \"#2f4f4f\",\r\n darkturquoise: \"#00ced1\",\r\n darkviolet: \"#9400d3\",\r\n deeppink: \"#ff1493\",\r\n deepskyblue: \"#00bfff\",\r\n dimgray: \"#696969\",\r\n dodgerblue: \"#1e90ff\",\r\n firebrick: \"#b22222\",\r\n floralwhite: \"#fffaf0\",\r\n forestgreen: \"#228b22\",\r\n fuchsia: \"#ff00ff\",\r\n gainsboro: \"#dcdcdc\",\r\n ghostwhite: \"#f8f8ff\",\r\n gold: \"#ffd700\",\r\n goldenrod: \"#daa520\",\r\n gray: \"#808080\",\r\n green: \"#008000\",\r\n greenyellow: \"#adff2f\",\r\n honeydew: \"#f0fff0\",\r\n hotpink: \"#ff69b4\",\r\n \"indianred \": \"#cd5c5c\",\r\n indigo: \"#4b0082\",\r\n ivory: \"#fffff0\",\r\n khaki: \"#f0e68c\",\r\n lavender: \"#e6e6fa\",\r\n lavenderblush: \"#fff0f5\",\r\n lawngreen: \"#7cfc00\",\r\n lemonchiffon: \"#fffacd\",\r\n lightblue: \"#add8e6\",\r\n lightcoral: \"#f08080\",\r\n lightcyan: \"#e0ffff\",\r\n lightgoldenrodyellow: \"#fafad2\",\r\n lightgrey: \"#d3d3d3\",\r\n lightgreen: \"#90ee90\",\r\n lightpink: \"#ffb6c1\",\r\n lightsalmon: \"#ffa07a\",\r\n lightseagreen: \"#20b2aa\",\r\n lightskyblue: \"#87cefa\",\r\n lightslategray: \"#778899\",\r\n lightsteelblue: \"#b0c4de\",\r\n lightyellow: \"#ffffe0\",\r\n lime: \"#00ff00\",\r\n limegreen: \"#32cd32\",\r\n linen: \"#faf0e6\",\r\n magenta: \"#ff00ff\",\r\n maroon: \"#800000\",\r\n mediumaquamarine: \"#66cdaa\",\r\n mediumblue: \"#0000cd\",\r\n mediumorchid: \"#ba55d3\",\r\n mediumpurple: \"#9370d8\",\r\n mediumseagreen: \"#3cb371\",\r\n mediumslateblue: \"#7b68ee\",\r\n mediumspringgreen: \"#00fa9a\",\r\n mediumturquoise: \"#48d1cc\",\r\n mediumvioletred: \"#c71585\",\r\n midnightblue: \"#191970\",\r\n mintcream: \"#f5fffa\",\r\n mistyrose: \"#ffe4e1\",\r\n moccasin: \"#ffe4b5\",\r\n navajowhite: \"#ffdead\",\r\n navy: \"#000080\",\r\n oldlace: \"#fdf5e6\",\r\n olive: \"#808000\",\r\n olivedrab: \"#6b8e23\",\r\n orange: \"#ffa500\",\r\n orangered: \"#ff4500\",\r\n orchid: \"#da70d6\",\r\n palegoldenrod: \"#eee8aa\",\r\n palegreen: \"#98fb98\",\r\n paleturquoise: \"#afeeee\",\r\n palevioletred: \"#d87093\",\r\n papayawhip: \"#ffefd5\",\r\n peachpuff: \"#ffdab9\",\r\n peru: \"#cd853f\",\r\n pink: \"#ffc0cb\",\r\n plum: \"#dda0dd\",\r\n powderblue: \"#b0e0e6\",\r\n purple: \"#800080\",\r\n rebeccapurple: \"#663399\",\r\n red: \"#ff0000\",\r\n rosybrown: \"#bc8f8f\",\r\n royalblue: \"#4169e1\",\r\n saddlebrown: \"#8b4513\",\r\n salmon: \"#fa8072\",\r\n sandybrown: \"#f4a460\",\r\n seagreen: \"#2e8b57\",\r\n seashell: \"#fff5ee\",\r\n sienna: \"#a0522d\",\r\n silver: \"#c0c0c0\",\r\n skyblue: \"#87ceeb\",\r\n slateblue: \"#6a5acd\",\r\n slategray: \"#708090\",\r\n snow: \"#fffafa\",\r\n springgreen: \"#00ff7f\",\r\n steelblue: \"#4682b4\",\r\n tan: \"#d2b48c\",\r\n teal: \"#008080\",\r\n thistle: \"#d8bfd8\",\r\n tomato: \"#ff6347\",\r\n turquoise: \"#40e0d0\",\r\n violet: \"#ee82ee\",\r\n wheat: \"#f5deb3\",\r\n white: \"#ffffff\",\r\n whitesmoke: \"#f5f5f5\",\r\n yellow: \"#ffff00\",\r\n yellowgreen: \"#9acd32\",\r\n };\r\n\r\n if (typeof colours[colour.toLowerCase()] != \"undefined\") {\r\n return colours[colour.toLowerCase()];\r\n }\r\n\r\n return false;\r\n}\r\n\r\nfunction linearGradient(colorBase, dir) {\r\n let r = hexToR(colorBase);\r\n let g = hexToG(colorBase);\r\n let b = hexToB(colorBase);\r\n\r\n const background = `linear-gradient(to ${dir}, rgb(${r}, ${g}, ${b}), rgba(${r}, ${g}, ${b}, 0))`;\r\n return background;\r\n}\r\n","import React from \"react\";\r\n\r\nimport Highcharts from \"highcharts\";\r\nimport HighchartsReact from \"highcharts-react-official\";\r\nimport { generateChartColor, fold } from \"../../../../helpers/chartHelper\";\r\nimport { adjustContentHeight } from \"../../../../helpers/viewPortHelper\";\r\nimport { DateRange } from \"@material-ui/icons\";\r\nimport { colorHelper } from \"../../../../helpers/colorHelper\";\r\nimport './RatingChart.css'\r\n\r\nexport const RatingChart = ({ data, questionName, template }) => {\r\n let dataArr = [];\r\n let sum = 0;\r\n data.map((a) => sum += parseInt(a))\r\n let average = Math.round((sum / data.length) * 10) / 10;\r\n dataArr.push({\r\n name: average,\r\n y: average,\r\n /* percentage: `${(count / data.length) * 100}`, */\r\n color: generateChartColor(template.chart.colors),\r\n sliced: true\r\n });\r\n\r\n\r\n let w = window.innerWidth * (parseInt(template.content.maxWidth) / 100);\r\n let h = adjustContentHeight(\r\n window.innerHeight,\r\n template.content,\r\n template.header,\r\n template.footer\r\n );\r\n questionName =\r\n questionName.length > 50\r\n ? fold(questionName, 50, true).join(\"\")\r\n : questionName;\r\n\r\n const options = {\r\n chart: {\r\n backgroundColor: \"transparent\",\r\n plotBorderWidth: null,\r\n plotShadow: false,\r\n plotBackgroundColor: \"transparent\",\r\n type: \"column\",\r\n height: h,\r\n width: w,\r\n style: {\r\n padding: 10\r\n }\r\n },\r\n title: {\r\n text: questionName,\r\n style: { ...template.title, textAlign: \"center\" }\r\n },\r\n legend: {\r\n enabled: false,\r\n title: {\r\n text: null\r\n }\r\n },\r\n yAxis: {\r\n min: 0,\r\n max: 10,\r\n tickInterval: 1,\r\n /* categories: ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10'], */\r\n allowDecimals: false,\r\n title: {\r\n text: null\r\n },\r\n labels: {\r\n style: {\r\n fontSize: template.label.fontSize,\r\n fontFamily: template.label.fontFamily,\r\n color: template.label.color\r\n }\r\n }\r\n },\r\n xAxis: {\r\n /* categories: [average], */\r\n allowDecimals: true,\r\n title: {\r\n text: null\r\n },\r\n labels: {\r\n enabled: false,\r\n align: 'center',\r\n /* y: -15, */\r\n style: {\r\n fontSize: template.label.fontSize,\r\n fontFamily: template.label.fontFamily,\r\n color: template.label.color\r\n\r\n }\r\n }\r\n /* labels:{\r\n enabled: false\r\n } */\r\n },\r\n tooltip: {\r\n pointFormat: \"{point.name}
{point.percentage:.1f} %\"\r\n },\r\n plotOptions: {\r\n series: {\r\n dataLabels: {\r\n /* enabled: true, */\r\n color: colorHelper.getCorrectTextColor(generateChartColor(template.chart.colors)),\r\n style: {\r\n fontWeight: 'bolder'\r\n },\r\n formatter: function () { return this.y },\r\n inside: true,\r\n rotation: 0\r\n },\r\n stacking: \"normal\",\r\n pointPadding: 0.1,\r\n groupPadding: 0\r\n }\r\n },\r\n credits: {\r\n enabled: false\r\n },\r\n series: [\r\n {\r\n dataLabels: {\r\n enabled: true,\r\n inside: true,\r\n style: {\r\n fontWeight: 'bolder', fontSize: template.title.fontSize,\r\n fontFamily: template.title.fontFamily,\r\n color: colorHelper.getCorrectTextColor(generateChartColor(template.chart.colors)) + '!important',\r\n fill: colorHelper.getCorrectTextColor(generateChartColor(template.chart.colors)) + ' !important',\r\n stroke: colorHelper.getCorrectTextColor(generateChartColor(template.chart.colors)) + ' !important'\r\n }\r\n },\r\n colorByPoint: true,\r\n data: dataArr /* .sort((a, b) => { return a.y - b.y }) */,\r\n showInLegend: false\r\n }\r\n ]\r\n };\r\n\r\n return (\r\n
this.chartHeader}> \r\n
\r\n
*/}\r\n {questionName}
\r\n\r\n
\r\n
\r\n {/* \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nconst SpeakerActions = ({ badgeNo, speakers, activeAgenda, setSpeaker, activateSpeaker, parentId, allowSpeaker }) => {\r\n if (!allowSpeaker && !activeAgenda) return null;\r\n const attendeeSpeaker = speakers?.find((s) => s.badgeNo == badgeNo && s.agendaItemId == activeAgenda?.agendaItemId);\r\n\r\n if (attendeeSpeaker && attendeeSpeaker.active == true) {\r\n return (\r\n \r\n
\r\n \r\n
\r\n - \r\n
\r\n
\r\n );\r\n}\r\n\r\nfunction ClientResponseCount({ clientResponses, questionOption, orderList, totalAnswerCount, questionPresentParticipants = [] }) {\r\n\r\n var answerCount = 0\r\n for (const a of clientResponses.filter(cr => cr.answer == questionOption.questionOptionId.toString())) {\r\n answerCount += 1 * a.answerWeight;\r\n } \r\n // const responses = clientResponses.filter(cr => cr.answer == questionOption.questionOptionId.toString()).length;\r\n var badgeNoList = [];\r\n orderList.map(ia => {\r\n badgeNoList.push(ia.badgeNo);\r\n })\r\n const answerPersons = [];\r\n clientResponses.filter(cr => cr.answer == questionOption.questionOptionId.toString() && badgeNoList.includes(cr.clientKey)).map(cr => {\r\n if (!answerPersons.includes(cr.clientKey)) {\r\n answerPersons.push(cr.clientKey);\r\n }\r\n });\r\n return \r\n
\r\n {/* \r\n
*/}\r\n \r\n
\r\n \r\n
\r\n \r\n {selectedQuestion.questionOption.map((qo, i) => {\r\n\r\n return
\r\n\r\n \r\n
\r\n })}\r\n \r\n
\r\n \r\n \r\n \r\n {q.clientName}{\" \"}\r\n \r\n
\r\n \r\n \r\n {responses\r\n .filter((q) => {\r\n return (\r\n q.status < 2 &&\r\n q.answer !== null &&\r\n q.answer.toLowerCase().includes(filter.toLowerCase())\r\n );\r\n })\r\n .map((q, i) => {\r\n return renderMessage(q, i);\r\n })}\r\n \r\n ) : null}\r\n {status === 2 ? (\r\n \r\n {responses\r\n .filter((q) => {\r\n return (\r\n q.status > 1 &&\r\n q.answer !== null &&\r\n q.answer.toLowerCase().includes(filter.toLowerCase())\r\n );\r\n })\r\n .map((q, i) => {\r\n return renderMessage(q, i);\r\n // return (\r\n // \r\n // \r\n // \r\n // \r\n // {q.sortNo}\r\n // \r\n // \r\n\r\n // {\r\n // textEditing(e.target.value, q.answerId);\r\n // sendResponse({ ...q, answer: e.target.value });\r\n // }}\r\n // tagName=\"p\"\r\n // />\r\n // \r\n //
\r\n // \r\n // \r\n
\r\n {status === 1 ? (\r\n \r\n
\r\n \r\n
\r\n \r\n //
\r\n // \r\n // \r\n // {\" \"}\r\n // {q.clientName}{\" \"}\r\n //
\r\n // \r\n\r\n {orderList.length > 0 ?\r\n \r\n \r\n {\r\n return props.clientResponses.map(c => { return c.clientKey }).includes(a.badgeNo)\r\n }).length}\r\n showZero\r\n max={1000}\r\n >\r\n
} {...a11yProps(1)} />\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n\r\n\r\n\r\n\r\n","/* import config from 'c'; */\r\nimport { handleResponse } from \"../../helpers/handleresponse\";\r\nimport { authHeader } from \"../../helpers/authHeader\";\r\n\r\nexport const questionService = {\r\n getAllQuestionsByEvent,\r\n updateQuestion,\r\n create,\r\n updateRange,\r\n deleteQuestion\r\n};\r\n\r\nasync function getAllQuestionsByEvent(eventId, includeInherited = false) {\r\n const requestOptions = {\r\n method: \"GET\",\r\n headers: authHeader({ \"Content-Type\": \"application/json\" }),\r\n };\r\n return fetch(`./api/question/${eventId}/?includeInherited=${includeInherited}`, requestOptions)\r\n .then(handleResponse)\r\n .then(questions => {\r\n return questions;\r\n });\r\n}\r\nasync function updateQuestion(question) {\r\n const requestOptions = {\r\n method: \"PUT\",\r\n headers: authHeader({ \"Content-Type\": \"application/json\" }),\r\n body: JSON.stringify(question),\r\n };\r\n return fetch(`./api/question`, requestOptions)\r\n .then(handleResponse)\r\n .then(q => {\r\n return q;\r\n });\r\n\r\n}\r\nasync function deleteQuestion(questionId) {\r\n const requestOptions = {\r\n method: \"DELETE\",\r\n headers: authHeader({ \"Content-Type\": \"application/json\" }),\r\n };\r\n return fetch(`./api/question/delete/${questionId}`, requestOptions)\r\n .then(handleResponse)\r\n .then(_ => {\r\n return questionId;\r\n });\r\n\r\n}\r\nasync function updateRange(q) {\r\n const requestOptions = {\r\n method: \"PUT\",\r\n headers: authHeader({ \"Content-Type\": \"application/json\" }),\r\n body: JSON.stringify(q),\r\n };\r\n fetch(`./api/question/updaterange`, requestOptions)\r\n .then(handleResponse)\r\n .then(q => {\r\n return q;\r\n });\r\n};\r\n\r\nasync function create(question) {\r\n const requestOptions = {\r\n method: \"POST\",\r\n headers: authHeader({ \"Content-Type\": \"application/json\" }),\r\n body: JSON.stringify(question),\r\n };\r\n return fetch(`./api/question`, requestOptions)\r\n .then(handleResponse)\r\n .then(q => {\r\n return q;\r\n });\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n","\r\nimport { questionService } from \"../../../services/question/question.service\";\r\nimport { questionConstants } from \"../../../constants/question/question.constants\";\r\nimport { alertActions } from \"../alert.action\";\r\n\r\nexport const questionActions = {\r\n getAllQuestionsByEvent,\r\n updateQuestion,\r\n createQuestion,\r\n updateQuestions,\r\n deleteQuestion\r\n};\r\n\r\n\r\n\r\nfunction getAllQuestionsByEvent(eventId, includeInherited = false) {\r\n return dispatch => {\r\n dispatch(request());\r\n dispatch(alertActions.clear());\r\n questionService.getAllQuestionsByEvent(eventId, includeInherited).then(\r\n questions => {\r\n dispatch(success(questions));\r\n },\r\n error => {\r\n dispatch(failure(error));\r\n dispatch(alertActions.error(error));\r\n }\r\n );\r\n };\r\n\r\n function request() {\r\n return { type: questionConstants.GET_QUESTION_BY_EVENT_REQUEST };\r\n }\r\n function success(questions) {\r\n return { type: questionConstants.GET_QUESTION_BY_EVENT_SUCCESS, questions };\r\n }\r\n function failure(error) {\r\n return { type: questionConstants.GET_QUESTION_BY_EVENT_FAILURE, error };\r\n }\r\n}\r\n/**\r\n * \r\n * @param {Question} question \r\n * @returns same question object sent in, after sending it to server for saving\r\n */\r\nfunction updateQuestion(question) {\r\n return dispatch => {\r\n dispatch(request());\r\n dispatch(alertActions.clear());\r\n questionService.updateQuestion(question).then(\r\n _ => {\r\n dispatch(success(question));\r\n },\r\n error => {\r\n dispatch(failure(error));\r\n dispatch(alertActions.error(error));\r\n }\r\n );\r\n };\r\n\r\n function request() {\r\n return { type: questionConstants.UPDATE_QUESTION_REQUEST };\r\n }\r\n function success(question) {\r\n return { type: questionConstants.UPDATE_QUESTION_SUCCESS, question };\r\n }\r\n function failure(error) {\r\n return { type: questionConstants.UPDATE_QUESTION_FAILURE, error };\r\n }\r\n\r\n}\r\nfunction updateQuestions(q) {\r\n return dispatch => {\r\n dispatch(request());\r\n dispatch(alertActions.clear());\r\n questionService.updateRange(q).then(\r\n questions => {\r\n dispatch(success(q));\r\n },\r\n error => {\r\n dispatch(failure(error));\r\n dispatch(alertActions.error(error));\r\n }\r\n );\r\n };\r\n\r\n function request() {\r\n return { type: questionConstants.UPDATE_QUESTIONS_REQUEST };\r\n }\r\n function success(questions) {\r\n return { type: questionConstants.UPDATE_QUESTIONS_SUCCESS, questions };\r\n }\r\n function failure(error) {\r\n return { type: questionConstants.UPDATE_QUESTIONS_FAILURE, error };\r\n }\r\n\r\n}\r\nfunction deleteQuestion(questionId) {\r\n return dispatch => {\r\n dispatch(request());\r\n dispatch(alertActions.clear());\r\n questionService.deleteQuestion(questionId).then(\r\n questionId => {\r\n dispatch(success(questionId));\r\n },\r\n error => {\r\n dispatch(failure(error));\r\n dispatch(alertActions.error(error));\r\n }\r\n );\r\n };\r\n\r\n function request() {\r\n return { type: questionConstants.DELETE_QUESTIONS_REQUEST };\r\n }\r\n function success(questionId) {\r\n return { type: questionConstants.DELETE_QUESTIONS_SUCCESS, questionId };\r\n }\r\n function failure(error) {\r\n return { type: questionConstants.DELETE_QUESTIONS_FAILURE, error };\r\n }\r\n\r\n}\r\n\r\nfunction createQuestion(qs) {\r\n return dispatch => {\r\n dispatch(request());\r\n dispatch(alertActions.clear());\r\n questionService.create(qs).then(\r\n question => {\r\n dispatch(success(question));\r\n },\r\n error => {\r\n dispatch(failure(error));\r\n dispatch(alertActions.error(error));\r\n }\r\n );\r\n };\r\n\r\n function request() {\r\n return { type: questionConstants.CREATE_QUESTION_REQUEST };\r\n }\r\n function success(question) {\r\n return { type: questionConstants.CREATE_QUESTION_SUCCESS, question };\r\n }\r\n function failure(error) {\r\n return { type: questionConstants.CREATE_QUESTION_FAILURE, error };\r\n }\r\n\r\n}\r\n","import React from \"react\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport Dialog from \"@material-ui/core/Dialog\";\r\nimport DialogActions from \"@material-ui/core/DialogActions\";\r\nimport DialogContent from \"@material-ui/core/DialogContent\";\r\nimport DialogContentText from \"@material-ui/core/DialogContentText\";\r\nimport DialogTitle from \"@material-ui/core/DialogTitle\";\r\nimport Slide from \"@material-ui/core/Slide\";\r\nimport SystemLabel from \"../../system/SystemLabel/SystemLabel\";\r\nimport { Input, Label } from \"reactstrap\";\r\nimport { FormGroup } from \"@material-ui/core\";\r\n\r\nconst Transition = React.forwardRef(function Transition(props, ref) {\r\n return \r\n \r\n \r\n {\" \"}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n","import React, { useEffect, useMemo } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport Dialog from \"@material-ui/core/Dialog\";\r\nimport DialogActions from \"@material-ui/core/DialogActions\";\r\nimport DialogContent from \"@material-ui/core/DialogContent\";\r\nimport DialogContentText from \"@material-ui/core/DialogContentText\";\r\nimport DialogTitle from \"@material-ui/core/DialogTitle\";\r\nimport Slide from \"@material-ui/core/Slide\";\r\nimport { /* Button, */ Form, Button as bsButton, FormGroup, Label, Input, FormText, Col, Row, InputGroup, InputGroupAddon, InputGroupButtonDropdown } from \"reactstrap\";\r\nimport Card from \"@material-ui/core/Card\";\r\nimport ListItemSecondaryAction from \"@material-ui/core/ListItemSecondaryAction\";\r\nimport ListItemText from \"@material-ui/core/ListItemText\";\r\nimport CheckBoxIcon from \"@material-ui/icons/CheckBox\";\r\nimport ChatIcon from \"@material-ui/icons/Chat\";\r\nimport List from \"@material-ui/core/List\";\r\nimport ListItem from \"@material-ui/core/ListItem\";\r\nimport ListItemAvatar from \"@material-ui/core/ListItemAvatar\";\r\nimport AddBoxIcon from \"@material-ui/icons/AddBox\";\r\nimport AddIcon from \"@material-ui/icons/Add\";\r\nimport DeleteIcon from \"@material-ui/icons/Delete\";\r\nimport IconButton from \"@material-ui/core/IconButton\";\r\nimport ReactDragList from \"react-drag-list\";\r\nimport DragIndicatorIcon from \"@material-ui/icons/DragIndicator\";\r\nimport SystemLabel from \"../../../../../system/SystemLabel/SystemLabel\";\r\n\r\nimport \"./QuestionStyle.css\";\r\nimport { deepClone } from \"../../../../../helpers/objectHelper\";\r\nimport { questionActions } from \"../../../../../store/actions/question/question.action\";\r\nimport ConfirmModal from \"../../../../../components/ConfirmModal/ConfirmModal\";\r\nimport Select from \"react-select\";\r\nimport { labelHelper } from \"../../../../../helpers/labelHelper\";\r\n\r\nconst Transition = React.forwardRef(function Transition(props, ref) {\r\n return \r\n
\r\n\r\n \r\n onNameEdit(e.target.value)} />\r\n \r\n
\r\n ) : null}\r\n {/* \r\n
\r\n \r\n {\" \"}\r\n
- \r\n
\r\n \r\n {active ? questionName : \r\n : null}\r\n \r\n \r\n \r\n setDelete(true)}\r\n edge=\"end\">\r\n \r\n\r\n setSave(true)} edge=\"end\">\r\n \r\n showEditView(!editView)} edge=\"end\">\r\n \r\n :\r\n \r\n toggleModal(true)}\r\n edge=\"end\">\r\n \r\n \r\n showEditView(!editView)} edge=\"end\">\r\n \r\n }\r\n\r\n \r\n
\r\n {open ? (\r\n \r\n
\r\n \r\n
\r\n );\r\n}","import React, { useState, useEffect } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { inlineSettings3 } from \"../../components/TinyMCE/tinyconfig\";\r\nimport { Editor } from \"@tinymce/tinymce-react\";\r\nimport FileStorageWrapper from \"../FileStorage/FileStorageWrapper\";\r\nimport { archiveConstants } from \"../FileStorage/contstants/archive.contstants\";\r\n\r\nconst PopEditorClassic = (props) => {\r\n const [editor, setEditor] = useState({});\r\n const [cycleEditor, setCycleEditor] = useState(false);\r\n const [archiveOpen, setArchiveOpen] = useState(false);\r\n const [linkHelperOpen, setLinkHelperOpen] = useState(false);\r\n // setTinymce();\r\n useEffect(() => {\r\n if (cycleEditor) setCycleEditor(false);\r\n }, [cycleEditor]);\r\n\r\n const onInit = (editor) => setEditor(editor);\r\n const handleKeyUp = () => {\r\n const { value, globalFormat, onChange, path, slimFormat } = props;\r\n var content = editor.getContent();\r\n if (content !== value) {\r\n if (globalFormat === true) {\r\n onChange(null, content, path);\r\n } else if (slimFormat === true) {\r\n onChange(content, path);\r\n } else {\r\n onChange(content);\r\n }\r\n }\r\n };\r\n const formatImage = () => {\r\n const content = editor.getContent();\r\n props.onChange(content);\r\n };\r\n const onArchiveUseSelect = (url) => {\r\n var image = new Image();\r\n image.crossOrigin = \"anonymous\"; /* THIS WILL MAKE THE IMAGE CROSS-ORIGIN */\r\n image.src = url;\r\n let content = editor.insertContent(`\r\n \r\n {/*
\r\n {/* */}\r\n \r\n
\r\n
: null}\r\n \r\n {selectedEvent && presets.length > 0 ? \r\n \r\n : null}\r\n {selectedEvent && presets.length > 1 ? \r\n \r\n this.setState({\r\n copyAllFromEvent: !this.state.copyAllFromEvent,\r\n modules: [],\r\n selectedPreset: null,\r\n copyModules: [],\r\n })} isChecked={this.state.copyAllFromEvent} />\r\n : null}\r\n
\r\n {selectedEvent && modules.length > 0 && currentPresets.length > 1 && !this.state.copyAllFromEvent ? \r\n
: null}\r\n\r\n
\r\n setAllChecked((modules.length != copyModules.length))}>\r\n \r\n \r\n \r\n
\r\n
\r\n\r\n );\r\n}\r\n\r\n\r\n/* import { makeStyles } from '@material-ui/core/styles'; */\r\n\r\n/* const useStyles = makeStyles((theme) => ({\r\n popover: {\r\n pointerEvents: 'none',\r\n },\r\n paper: {\r\n padding: theme.spacing(1),\r\n },\r\n})); */\r\n\r\nfunction PreviewPop(props) {\r\n /* const classes = useStyles(); */\r\n const [anchorEl, setAnchorEl] = React.useState(null);\r\n\r\n const handlePopoverOpen = (event) => {\r\n setAnchorEl(event.currentTarget);\r\n };\r\n\r\n const handlePopoverClose = () => {\r\n setAnchorEl(null);\r\n };\r\n\r\n const open = Boolean(anchorEl);\r\n\r\n return (\r\n \r\n
- \r\n {modules.map((m, i) => {\r\n const labelId = `checkbox-list-label-${i}`;\r\n\r\n return (\r\n
\r\n \r\n {props.children}\r\n \r\n
\r\n );\r\n}\r\n\r\n","import React from \"react\";\r\nimport { Row, Col, FormGroup, Input, Label } from \"reactstrap\";\r\n\r\nimport IconButton from \"@material-ui/core/IconButton\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport SystemLabel from \"../../../../../../system/SystemLabel/SystemLabel\";\r\n\r\nimport JirangoSwitch from \"../../../../../../components/JirangoSwitch/JirangoSwitch\";\r\nimport SaveIcon from \"@material-ui/icons/Save\";\r\nimport AddIcon from \"@material-ui/icons/Add\";\r\nimport DeleteIcon from \"@material-ui/icons/Delete\";\r\nimport Select from \"react-select\";\r\nimport \"./MeetingsLayoutSettings.css\";\r\n// import { digitalMeetingModules } from \"../../../../../../digitalmeeting/modules\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport AppBar from \"@material-ui/core/AppBar\";\r\nimport Toolbar from \"@material-ui/core/Toolbar\";\r\nimport Slide from \"@material-ui/core/Slide\";\r\nimport PopEditorClassic from \"../../../../../../components/TinyMCE/PopEditorClassic\";\r\nimport UrlMultiInput from \"../../../../../../components/UrlMultiInput/UrlMultiInput\";\r\nimport {\r\n Dialog,\r\n Tooltip,\r\n DialogContent,\r\n DialogTitle,\r\n Table,\r\n Paper,\r\n DialogContentText,\r\n DialogActions,\r\n} from \"@material-ui/core\";\r\nimport { CodeMirror } from \"../../../../../../plugins/CodeMirror\";\r\nimport SettingsIcon from \"@material-ui/icons/Settings\";\r\nimport CodeIcon from \"@material-ui/icons/Code\";\r\n\r\nimport KeyboardBackspaceIcon from \"@material-ui/icons/KeyboardBackspace\";\r\nimport KeyboardIcon from \"@material-ui/icons/Keyboard\";\r\nimport PublishIcon from \"@material-ui/icons/Publish\";\r\nimport ImportExportIcon from \"@material-ui/icons/ImportExport\";\r\nimport ImportModules from \"./ImportModules/ImportModules\";\r\n\r\nconst value2 = [\r\n \"ZoomFrame\",\r\n \"Exhibitors\",\r\n \"TimeoutContent\",\r\n \"BreakoutRandomizer\",\r\n \"Iframe\",\r\n];\r\nconst value = [\r\n \"CompanyLogo\",\r\n \"Html\",\r\n \"Carousel\",\r\n \"Iframe\",\r\n \"Video\",\r\n \"ZoomFrame\",\r\n \"Image\",\r\n \"Exhibitors\",\r\n \"JitsiFrame\",\r\n \"BreakoutRandomizer\",\r\n \"TimeoutContent\",\r\n];\r\nconst value3 = [\"BreakoutRandomizer\"];\r\n\r\nconst customStyles = {\r\n control: (provided, state) => ({\r\n ...provided,\r\n\r\n backgroundColor: \"#3d3d3d\",\r\n color: \"#eee\",\r\n border: \"0px\",\r\n maxWidth: \"100%\",\r\n }),\r\n container: (provided, state) => ({\r\n ...provided,\r\n\r\n width: \"100%\",\r\n }),\r\n noOptionsMessage: (provided, state) => ({\r\n ...provided,\r\n color: \"green\",\r\n maxWidth: \"100%\",\r\n }),\r\n input: (provided, state) => ({\r\n ...provided,\r\n color: \"#eee\",\r\n maxWidth: \"100%\",\r\n }),\r\n singleValue: (provided, state) => ({\r\n ...provided,\r\n color: \"#eee\",\r\n }),\r\n menu: (provided, state) => ({\r\n ...provided,\r\n backgroundColor: \"#3d3d3d\",\r\n maxWidth: \"100%\",\r\n zIndex: 100,\r\n }),\r\n separatorIndicator: (provided, state) => ({\r\n ...provided,\r\n backgroundColor: \"transparent\",\r\n }),\r\n option: (provided, state) => ({\r\n ...provided,\r\n backgroundColor: state.isSelected ? \"#20a8d8\" : \"#3d3d3d\",\r\n color: \"#eee\",\r\n [\"&:hover\"]: {\r\n backgroundColor: \"#5a5959ba\",\r\n },\r\n }),\r\n placeholder: (provided) => ({\r\n ...provided,\r\n color: \"#eee\",\r\n }),\r\n};\r\nexport default class MeetingLayoutSettings extends React.Component {\r\n state = {\r\n loading: false,\r\n hasChanged: false,\r\n expanded: false,\r\n anchorEl: null,\r\n selList: [],\r\n editId: null,\r\n deleteId: null,\r\n open: false,\r\n editorType: \"Text\",\r\n selectedLayoutPreset: null,\r\n showAddPresetDialog: false,\r\n newPresetName: \"\",\r\n openImport: false,\r\n };\r\n\r\n componentDidMount() {\r\n this.generateModuleList();\r\n }\r\n componentDidUpdate(prevProps) {\r\n if (\r\n this.props.modules !== undefined &&\r\n prevProps.modules !== this.props.modules\r\n ) {\r\n this.generateModuleList();\r\n }\r\n }\r\n toggleModal = () => {\r\n this.setState({ open: !this.state.open });\r\n };\r\n handleChange = (value, path, index) => {\r\n const newModules = Array.from(this.props.modules);\r\n newModules[index][path] = value;\r\n this.props.updateModulesList(newModules);\r\n this.setState({\r\n hasChanged: true,\r\n });\r\n };\r\n handleImage = (url, index) => {\r\n const newModules = Array.from(this.props.modules);\r\n newModules[index].value = url;\r\n this.props.updateModulesList(newModules);\r\n this.setState({\r\n hasChanged: true,\r\n });\r\n };\r\n updateModules = () => {\r\n this.props.updateMeetingLayout();\r\n this.setState({\r\n hasChanged: false,\r\n loading: false,\r\n });\r\n };\r\n setComponent = (value) => {\r\n if (!value) return;\r\n this.setState({ createComponent: value });\r\n };\r\n selectLayoutPreset = (value) => {\r\n if (!value) return;\r\n this.setState({ selectedLayoutPreset: value, hasChanged: true });\r\n let p = this.props.meetingLayoutPresets.find((e) => e.name === value);\r\n if (p) {\r\n this.props.updateModulesList(p.content);\r\n this.props.selectPreset(p.interactionPresetId);\r\n }\r\n };\r\n deleteModule = (id) => {\r\n if (this.state.deleteId) {\r\n this.props.deleteModule(this.state.deleteId);\r\n this.setState({ open: false, deleteId: null });\r\n }\r\n };\r\n createModule = () => {\r\n const { createComponent } = this.state;\r\n if (!createComponent) return;\r\n this.props.addModule(createComponent);\r\n };\r\n createLayoutPreset = () => {\r\n this.props.saveMeetingLayoutPreset(this.state.newPresetName);\r\n this.selectLayoutPreset(this.state.newPresetName);\r\n this.setNewPresetName(\"\");\r\n this.setState({ showAddPresetDialog: false });\r\n };\r\n saveMeetingLayoutPreset = () => {\r\n this.props.saveMeetingLayoutPreset(this.state.selectedLayoutPreset);\r\n };\r\n generateModuleList = () => {\r\n const comps = []//digitalMeetingModules;\r\n const { modules } = this.props;\r\n const selItems = [];\r\n comps.map((c) => {\r\n if (c.limit > 0 && !modules.find((m) => m.name === c.name)) {\r\n selItems.push({ label: c.name, value: c.name });\r\n } else if (c.limit === 0) {\r\n selItems.push({ label: c.name, value: c.name });\r\n }\r\n });\r\n this.setState({ selList: selItems });\r\n };\r\n setNewPresetName = (value) => {\r\n this.setState({ newPresetName: value });\r\n };\r\n headerRow = () => {\r\n return (\r\n \r\n \r\n \r\n this.setComponent(selectedOption.value)\r\n }\r\n />\r\n {/* this.createModule()}\r\n >\r\n \r\n {/* {hasChanged ? \r\n \r\n this.setState({ openImport: true })}\r\n >\r\n
\r\n \r\n \r\n
: null} */}\r\n \r\n
- \r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n */}\r\n\r\n \r\n {props.editorType == \"Text\" ? (\r\n \r\n \r\n \r\n {props.editorType == \"Text\" ? (\r\n
\r\n \r\n );\r\n}\r\n\r\n/* const Transition = React.forwardRef(function Transition(props, ref) {\r\n return \r\n \r\n \r\n null}\r\n aria-labelledby=\"alert-dialog-slide-title\"\r\n aria-describedby=\"alert-dialog-slide-description\"\r\n >\r\n \r\n \r\n \r\n \r\n {props.children}\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n","import React, { useState } from \"react\";\r\nimport AppBar from \"@material-ui/core/AppBar\";\r\nimport Toolbar from \"@material-ui/core/Toolbar\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport IconButton from \"@material-ui/core/IconButton\";\r\nimport { Col, Row } from \"reactstrap\";\r\nimport SettingsIcon from \"@material-ui/icons/Settings\";\r\nimport GetAppIcon from \"@material-ui/icons/GetApp\";\r\nimport axios from \"axios\";\r\nimport fileSaver from \"file-saver\";\r\nimport { Tooltip } from \"@material-ui/core\";\r\nimport RotateLeftIcon from \"@material-ui/icons/RotateLeft\";\r\nimport SystemLabel from \"../../../../system/SystemLabel/SystemLabel\";\r\nimport ConfirmModal from \"../../../../components/ConfirmModal/ConfirmModal\";\r\nimport { HowToVote } from \"@material-ui/icons\";\r\nimport MoodIcon from \"@material-ui/icons/Mood\";\r\nimport EventNoteIcon from \"@material-ui/icons/EventNote\";\r\nimport ErrorOutlineIcon from \"@material-ui/icons/ErrorOutline\";\r\nimport { PopList } from \"./other/PopList\";\r\nimport MobileFriendlyIcon from \"@material-ui/icons/MobileFriendly\";\r\nimport MeetingRoomIcon from \"@material-ui/icons/MeetingRoom\";\r\nimport AllInboxIcon from \"@material-ui/icons/AllInbox\";\r\nimport { securityHelper } from \"../../../../helpers/securityHelper\";\r\nimport ViewCompactIcon from \"@material-ui/icons/ViewCompact\";\r\nimport LayoutDialog from \"./LayoutDialog\";\r\nimport MeetingLayoutSettings from \"./Settings/MeetingLayoutSettings/MeetingLayoutSettings\";\r\nimport MoreHorizIcon from \"@material-ui/icons/MoreHoriz\";\r\nimport CheckIcon from \"@material-ui/icons/Check\";\r\nimport RateReviewIcon from \"@material-ui/icons/RateReview\";\r\nimport JirangoSwitch from \"../../../../components/JirangoSwitch/JirangoSwitch\";\r\nimport OpenInNewOutlinedIcon from \"@material-ui/icons/OpenInNewOutlined\";\r\nimport EventBusyIcon from \"@material-ui/icons/EventBusy\";\r\nimport FilterDramaIcon from \"@material-ui/icons/FilterDrama\";\r\nimport ViewHeadlineIcon from \"@material-ui/icons/ViewHeadline\";\r\nimport BarChartIcon from \"@material-ui/icons/BarChart\";\r\nimport PieChartIcon from \"@material-ui/icons/PieChart\";\r\nimport TableChartIcon from \"@material-ui/icons/TableChart\";\r\nimport ArrowDropDownIcon from \"@material-ui/icons/ArrowDropDown\";\r\nimport BrokenImageIcon from '@material-ui/icons/BrokenImage';\r\n\r\nconst customStyles = {\r\n control: (provided, state) => ({\r\n ...provided,\r\n\r\n backgroundColor: \"#535562\",\r\n color: \"#eee\",\r\n border: \"0px\",\r\n maxWidth: \"100%\",\r\n }),\r\n noOptionsMessage: (provided, state) => ({\r\n ...provided,\r\n color: \"green\",\r\n maxWidth: \"100%\",\r\n }),\r\n input: (provided, state) => ({\r\n ...provided,\r\n color: \"#eee\",\r\n maxWidth: \"100%\",\r\n }),\r\n singleValue: (provided, state) => ({\r\n ...provided,\r\n color: \"#eee\",\r\n }),\r\n indicatorSeparator: (provided, state) => ({\r\n ...provided,\r\n background: \"transparent\",\r\n }),\r\n menu: (provided, state) => ({\r\n ...provided,\r\n backgroundColor: \"#3d3d3d\",\r\n maxWidth: \"100%\",\r\n zIndex: 100,\r\n }),\r\n option: (provided, state) => ({\r\n ...provided,\r\n backgroundColor: state.isSelected ? \"#20a8d8\" : \"#535562\",\r\n color: \"#eee\",\r\n [\"&:hover\"]: {\r\n backgroundColor: \"#5a5959ba\",\r\n },\r\n }),\r\n placeholder: (provided) => ({\r\n ...provided,\r\n color: \"#eee\",\r\n }),\r\n};\r\n\r\nexport default function HeaderBar(props) {\r\n const [asideOpen, setAsideOpen] = useState(false);\r\n const [modalOpen, setModal] = useState(false);\r\n const { eventId, presenterSettings } = props;\r\n\r\n const exportParticipantExcel = () => {\r\n axios\r\n .get(`./api/InteractionReport/participant/${eventId}`, {\r\n responseType: \"arraybuffer\",\r\n })\r\n .then((response) => {\r\n var blob = new Blob([response.data], {\r\n type: \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\",\r\n });\r\n var date = new Date();\r\n var datestr = `${date.getFullYear()}-${date.getMonth() + 1 < 10 ? \"0\" : \"\"}${date.getMonth() + 1}-${date.getDate() < 10 ? \"0\" : \"\"}${date.getDate()}_${date.getHours() < 10 ? \"0\" : \"\"\r\n }${date.getHours()}${date.getMinutes() < 10 ? \"0\" : \"\"}${date.getMinutes()}`;\r\n\r\n var fileName = `${props.eventName}_Deltagarstatistik_${datestr}.xlsx`;\r\n fileSaver.saveAs(blob, fileName);\r\n });\r\n };\r\n const exportActiveParticipantExcel = () => {\r\n axios\r\n .get(`./api/InteractionReport/activeparticipant/${eventId}`, {\r\n responseType: \"arraybuffer\",\r\n })\r\n .then((response) => {\r\n var blob = new Blob([response.data], {\r\n type: \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\",\r\n });\r\n fileSaver.saveAs(blob, \"active_\" + new Date().toLocaleString() + \".xlsx\");\r\n });\r\n };\r\n const reset = () => {\r\n props.clearEventData();\r\n toggleModal();\r\n };\r\n const toggleModal = () => {\r\n setModal(!modalOpen);\r\n };\r\n \r\n const textPresenterTypes = [\r\n // { value: \"NONE\", label: \r\n
\r\n ) : null}\r\n \r\n \r\n window.open(`${window.location.origin}${!window.location.toString().includes(\"localhost\") ? \"/interaction\" : \"\"}/${b.link}`, \"_blank\")}\r\n >\r\n
\r\n \r\n \r\n \r\n {textPresenterTypes.map((b, i) => {\r\n return (\r\n
updatePresenterSettings(\"displayTypeText\", b.value)}>\r\n {b.icon} {b.label} {b.value == presenterSettings.displayTypeText ?
\r\n \r\n \r\n
\r\n {optionPresenterTypes.map((b, i) => {\r\n return (\r\n
updatePresenterSettings(\"displayTypeOption\", b.value)} style={{ marginLeft: 10 }}>\r\n {b.icon} {b.label} {b.value == presenterSettings.displayTypeOption ?
\r\n \r\n \r\n
\r\n \r\n updatePresenterSettings(\"presentationOrder\", presenterSettings.presentationOrder == \"SORTORDER\" ? \"VOTES\" : \"SORTORDER\")}\r\n isChecked={props.presentationOrder == \"VOTES\"}\r\n />\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n updatePresenterSettings(\"showPercent\", !presenterSettings.showPercent)} isChecked={presenterSettings.showPercent} />\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n updatePresenterSettings(\"showCount\", !presenterSettings.showCount)} isChecked={presenterSettings.showCount} />\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n updatePresenterSettings(\"moderationMode\", !presenterSettings.moderationMode)} isChecked={presenterSettings.moderationMode} />\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n updatePresenterSettings(\"showNamesTextflow\", !presenterSettings.showNamesTextflow)} isChecked={presenterSettings.showNamesTextflow} />\r\n \r\n
\r\n
\r\n \r\n \r\n {breakouts\r\n .sort((a, b) => {\r\n return a.start - b.start;\r\n })\r\n .map((b, i) => {\r\n return (\r\n \r\n \r\n window.open(`${window.location.origin}${!window.location.toString().includes(\"localhost\") ? \"/interaction\" : \"\"}/${b.link}`, \"_blank\")}\r\n >\r\n {b.name}\r\n
\r\n \r\n \r\n \r\n \r\n );\r\n })}\r\n \r\n \r\n ) : null}\r\n
\r\n \r\n
\r\n\r\n
\r\n\r\n
\r\n
\r\n\r\n \r\n window.open(`${window.location.origin}${!window.location.toString().includes(\"localhost\") ? \"/interaction\" : \"\"}/session/chatmoderator/${eventCode}?code=${props.code}`, \"_blank\")\r\n }\r\n >\r\n \r\n
\r\n
\r\n \r\n \r\n exportParticipantExcel()}>\r\n {\" \"}\r\n \r\n
\r\n
\r\n \r\n \r\n
exportActiveParticipantExcel()}>\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n
toggleModal()}>\r\n {\" \"}\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n handleChange(e.target.value, 'label')} id=\"questionName\" />\r\n \r\n \r\n \r\n handleChange(e.target.value, 'allowedAnswerCount')} type=\"number\" value={question.allowedAnswerCount} />\r\n \r\n \r\n \r\n \r\n
\r\n \r\n\r\n {question.type === 'Option' ? \r\n \r\n \r\n \r\n handleChange(e.target.value, 'requiredMin')} type=\"number\" value={question.requiredMin} />\r\n \r\n \r\n \r\n \r\n handleChange(e.target.value, 'requiredMax')} type=\"number\" value={question.requiredMax} />\r\n \r\n \r\n
\r\n : null}\r\n {question.type === 'Option' ? \r\n\r\n \r\n \r\n newOption(e.target.value)} />\r\n \r\n \r\n : null}\r\n {question.type === 'Option' ? \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n const { user } = state.authentication;\r\n return {\r\n user,\r\n };\r\n}\r\n\r\nexport default connect(mapStateToProps)(QuestionModal);\r\n","import React, { useEffect } from \"react\";\r\nimport ReactDragList from \"react-drag-list\";\r\nimport { connect } from \"react-redux\";\r\nimport QuestionModal from \"./Question/QuestionModal\";\r\nimport { questionActions } from \"../../../../../store/actions/question/question.action\";\r\nimport SystemLabel from \"../../../../../system/SystemLabel/SystemLabel\";\r\nimport { Tooltip, ListItem, ListItemAvatar, ListItemSecondaryAction, ListItemText, Avatar, makeStyles, InputBase, IconButton } from \"@material-ui/core\";\r\n\r\nimport MeetingRoomIcon from \"@material-ui/icons/MeetingRoom\";\r\nimport BarChartIcon from \"@material-ui/icons/BarChart\";\r\nimport SubjectIcon from \"@material-ui/icons/Subject\";\r\nimport CheckBoxIcon from \"@material-ui/icons/CheckBox\";\r\nimport SaveIcon from \"@material-ui/icons/Save\";\r\nimport SearchIcon from \"@material-ui/icons/Search\";\r\nimport AddIcon from \"@material-ui/icons/Add\";\r\nimport SortIcon from \"@material-ui/icons/Sort\";\r\nimport { SmallLoader } from \"../../../../../digitalArena/utils/ClientConnectionFallback\";\r\nimport { useState } from \"react\";\r\nconst useStyles = makeStyles((theme) => ({\r\n grow: {\r\n flexGrow: 1,\r\n },\r\n menuButton: {\r\n marginRight: theme.spacing(2),\r\n },\r\n title: {\r\n display: \"none\",\r\n [theme.breakpoints.up(\"sm\")]: {\r\n display: \"block\",\r\n },\r\n },\r\n search: {\r\n position: \"relative\",\r\n backgroundColor: \"#3a3b3c\",\r\n borderRadius: 5,\r\n marginRight: theme.spacing(2),\r\n marginLeft: 10,\r\n marginRight: 10,\r\n width: \"100%\",\r\n [theme.breakpoints.up(\"sm\")]: {\r\n marginLeft: 0,\r\n marginLeft: 10,\r\n marginRight: 10,\r\n width: \"100%\",\r\n },\r\n },\r\n searchIcon: {\r\n padding: theme.spacing(0, 2),\r\n height: \"100%\",\r\n color: \"#FFFFFF99\",\r\n position: \"absolute\",\r\n pointerEvents: \"none\",\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n },\r\n inputRoot: {\r\n color: \"inherit\",\r\n },\r\n inputInput: {\r\n padding: theme.spacing(1, 1, 1, 0),\r\n // vertical padding + font size from searchIcon\r\n paddingLeft: `calc(1em + ${theme.spacing(4)}px)`,\r\n transition: theme.transitions.create(\"width\"),\r\n width: \"100%\",\r\n color: \"#FFFFFF99\",\r\n [theme.breakpoints.up(\"md\")]: {\r\n width: \"20ch\",\r\n },\r\n },\r\n sectionDesktop: {\r\n display: \"none\",\r\n [theme.breakpoints.up(\"md\")]: {\r\n display: \"flex\",\r\n },\r\n },\r\n sectionMobile: {\r\n display: \"flex\",\r\n [theme.breakpoints.up(\"md\")]: {\r\n display: \"none\",\r\n },\r\n },\r\n online: {\r\n background: \"#44b700\",\r\n },\r\n offline: {\r\n background: \"orangered\",\r\n },\r\n}));\r\n\r\nexport function QuestionList(props) {\r\n const [filter, setFilter] = useState(\"\");\r\n const [modalOpen, toggleModal] = useState(false);\r\n const [unlocked, setUnlocked] = useState(false);\r\n const [hasChanged, setChanged] = useState(false);\r\n const [questionDeployLoadingId, setQuestionDeployLoadingId] = useState(null);\r\n const [modifiedQuestions, setQuestions] = React.useState(props.questions ? Array.from(props.questions) : null);\r\n\r\n useEffect(() => {\r\n if (questionDeployLoadingId == props.activePresenterQuestion) setQuestionDeployLoadingId(null);\r\n }, [props.activePresenterQuestion]);\r\n const sortQuestions = (questions) => {\r\n if (!questions || questions.length === 0) return [];\r\n questions.sort(function (a, b) {\r\n return a.sortOrder - b.sortOrder;\r\n });\r\n return questions;\r\n };\r\n const onUnlock = (val) => {\r\n if (val === true) setQuestions(props.questions);\r\n\r\n setUnlocked(val);\r\n };\r\n const save = () => {\r\n const newQuestions = Array.from(modifiedQuestions);\r\n newQuestions.map((q, i) => {\r\n q.sortOrder = i;\r\n });\r\n\r\n props.dispatch(questionActions.updateQuestions(newQuestions));\r\n props.updateQuestions(newQuestions);\r\n setChanged(false);\r\n };\r\n const handleOrderChange = (event, dataSource) => {\r\n const sortedQuestions = dataSource.map((ds, i) => {\r\n let el = Object.assign({}, ds);\r\n el.sortOrder = i;\r\n return el;\r\n });\r\n setQuestions(sortedQuestions);\r\n setChanged(true);\r\n };\r\n const classes = useStyles();\r\n const renderTypeIcon = (type) => {\r\n switch (type) {\r\n case \"Text\":\r\n return (\r\n handleChange('Text', 'type')} className={\"checkbox-btn\" + `${question.type === 'Text' ? ' curr' : ''}`} >\r\n
\r\n \r\n handleChange('Option', 'type')} className={\"checkbox-btn\" + `${question.type === 'Option' ? ' curr' : ''}`} >\r\n < CheckBoxIcon />\r\n
\r\n \r\n - \r\n
\r\n \r\n {!unlocked ? (\r\n questionItems\r\n .filter(\r\n (ia) =>\r\n !ia.tag ||\r\n (ia.tag &&\r\n !questionTagList.find((qt) => (ia.tag.includes(\":\") ? ia.tag.split(\":\").includes(qt) : qt == ia.tag)) &&\r\n ia.questionLanguage !== undefined &&\r\n ia.questionLanguage\r\n .find((l) => l.languageCode === props.lang)\r\n .label.toString()\r\n .toLowerCase()\r\n .includes(filter.toLowerCase()))\r\n )\r\n .map((q, i) => {\r\n let qLang = q.questionLanguage.find((ql) => ql.languageCode == props.lang);\r\n return (\r\n toggleQuestionInfo(selectedQuestion && selectedQuestion.questionId === q.questionId ? null : q)}\r\n >\r\n {renderTypeIcon(q.type)} \r\n \r\n aq == q.questionId) !== undefined ? \"#fff\" : \"#ffffff99\",\r\n backgroundColor: activeQuestions.find((aq) => aq == q.questionId) !== undefined ? \"#20a8d8e0\" : undefined,\r\n }}\r\n onClick={() => deployQuestionToClients(q.questionId)}\r\n >\r\n {\r\n setQuestionDeployLoadingId(q.questionId);\r\n deployQuestionToPresenter(q.questionId);\r\n }}\r\n edge=\"end\"\r\n >\r\n {questionDeployLoadingId === q.questionId ? (\r\n \r\n \r\n \r\n \r\n \r\n /* */\r\n );\r\n })\r\n ) : (\r\n \r\n ia.questionLanguage !== undefined &&\r\n ia.questionLanguage\r\n .find((l) => l.languageCode === props.lang)\r\n .label.toString()\r\n .toLowerCase()\r\n .includes(filter.toLowerCase())\r\n )}\r\n rowKey={\"questionId\"}\r\n className=\"simple-drag\"\r\n rowClassName=\"simple-drag-row\"\r\n handles={true}\r\n onUpdate={(event, dataSource) => handleOrderChange(event, dataSource)}\r\n row={(q, index) => {\r\n let qLang = q.questionLanguage.find((ql) => ql.languageCode == props.lang);\r\n return (\r\n \r\n toggleQuestionInfo(selectedQuestion && selectedQuestion.questionId === q.questionId ? null : q)}\r\n >\r\n {renderTypeIcon(q.type)} \r\n\r\n \r\n aq == q.questionId) !== undefined ? \"#fff\" : \"#ffffff99\",\r\n backgroundColor: activeQuestions.find((aq) => aq == q.questionId) !== undefined ? \"#20a8d8e0\" : undefined,\r\n }}\r\n onClick={() => deployQuestionToClients(q.questionId)}\r\n >\r\n deployQuestionToPresenter(q.questionId)}\r\n edge=\"end\"\r\n >\r\n \r\n \r\n
\r\n );\r\n }}\r\n />\r\n )}\r\n \r\n {modalOpen ? \r\n addQuestion()} edge=\"start\" style={{ padding: \"0px 10px\", color: \"#ffffff99\" }}>\r\n \r\n ) : null}\r\n onUnlock(!unlocked)}\r\n edge=\"start\"\r\n style={{\r\n padding: \"0px 10px\",\r\n color: unlocked ? \"#fff\" : \"#ffffff99\",\r\n }}\r\n >\r\n \r\n
\r\n \r\n
\r\n {!unlocked ? (\r\n \r\n
\r\n {renderQuestionList()}
;\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n const { user } = state.authentication;\r\n return {\r\n user,\r\n };\r\n}\r\n\r\nexport default connect(mapStateToProps)(QuestionList);\r\n","import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport List from \"@material-ui/core/List\";\r\nimport SearchIcon from \"@material-ui/icons/Search\";\r\nimport ListItem from \"@material-ui/core/ListItem\";\r\nimport ListItemAvatar from \"@material-ui/core/ListItemAvatar\";\r\nimport ListItemText from \"@material-ui/core/ListItemText\";\r\nimport Avatar from \"@material-ui/core/Avatar\";\r\nimport Card from \"@material-ui/core/Card\";\r\nimport InputBase from \"@material-ui/core/InputBase\";\r\nimport IconButton from \"@material-ui/core/IconButton\";\r\nimport ReactDragList from \"react-drag-list\";\r\nimport { Row, Col } from \"reactstrap\";\r\nimport RecordVoiceOverIcon from \"@material-ui/icons/RecordVoiceOver\";\r\nimport ConfirmModal from \"../../../../../../components/ConfirmModal/ConfirmModal\";\r\nimport AddIcon from \"@material-ui/icons/Add\";\r\nimport SaveIcon from \"@material-ui/icons/Save\";\r\nimport PlayArrowIcon from \"@material-ui/icons/PlayArrow\";\r\nimport HistoryIcon from \"@material-ui/icons/History\";\r\nimport ScheduleIcon from \"@material-ui/icons/Schedule\";\r\nimport { Tooltip, Typography, Button } from \"@material-ui/core\";\r\nimport SystemLabel from \"../../../../../../system/SystemLabel/SystemLabel\";\r\nimport PopEditorClassic from \"../../../../../../components/TinyMCE/PopEditorClassic\";\r\nimport SortIcon from \"@material-ui/icons/Sort\";\r\nimport CardContent from \"@material-ui/core/CardContent\";\r\nimport ClearIcon from \"@material-ui/icons/Clear\";\r\nimport \"./AgendaStyle.css\";\r\nimport EventNoteIcon from \"@material-ui/icons/EventNote\";\r\nimport EventAvailableIcon from \"@material-ui/icons/EventAvailable\";\r\nimport VisibilityOffIcon from \"@material-ui/icons/VisibilityOff\";\r\nimport VisibilityIcon from \"@material-ui/icons/Visibility\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n grow: {\r\n flexGrow: 1,\r\n },\r\n menuButton: {\r\n marginRight: theme.spacing(2),\r\n },\r\n title: {\r\n display: \"none\",\r\n [theme.breakpoints.up(\"sm\")]: {\r\n display: \"block\",\r\n },\r\n },\r\n search: {\r\n position: \"relative\",\r\n backgroundColor: \"#3a3b3c\",\r\n borderRadius: 5,\r\n marginRight: theme.spacing(2),\r\n marginLeft: 10,\r\n marginRight: 10,\r\n width: \"100%\",\r\n [theme.breakpoints.up(\"sm\")]: {\r\n marginLeft: 0,\r\n marginLeft: 10,\r\n marginRight: 10,\r\n width: \"100%\",\r\n },\r\n },\r\n searchIcon: {\r\n padding: theme.spacing(0, 2),\r\n height: \"100%\",\r\n color: \"#FFFFFF99\",\r\n position: \"absolute\",\r\n pointerEvents: \"none\",\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n },\r\n inputRoot: {\r\n color: \"inherit\",\r\n },\r\n inputInput: {\r\n padding: theme.spacing(1, 1, 1, 0),\r\n // vertical padding + font size from searchIcon\r\n paddingLeft: `calc(1em + ${theme.spacing(4)}px)`,\r\n transition: theme.transitions.create(\"width\"),\r\n width: \"100%\",\r\n color: \"#FFFFFF99\",\r\n [theme.breakpoints.up(\"md\")]: {\r\n width: \"20ch\",\r\n },\r\n },\r\n sectionDesktop: {\r\n display: \"none\",\r\n [theme.breakpoints.up(\"md\")]: {\r\n display: \"flex\",\r\n },\r\n },\r\n sectionMobile: {\r\n display: \"flex\",\r\n [theme.breakpoints.up(\"md\")]: {\r\n display: \"none\",\r\n },\r\n },\r\n online: {\r\n background: \"#44b700\",\r\n },\r\n offline: {\r\n background: \"orangered\",\r\n },\r\n}));\r\n\r\nexport default function AgendaList(props) {\r\n const [filter, setFilter] = React.useState(\"\");\r\n const [agendaName, setAgendaName] = React.useState(\"\");\r\n const [open, toggleModal] = React.useState(false);\r\n const [unlocked, setUnlocked] = React.useState(false);\r\n const [hasChanged, setChanged] = React.useState(false);\r\n const [modifiedAgenda, setAgenda] = React.useState(props.agenda);\r\n const [deleteIndex, setDeleteIndex] = React.useState(null);\r\n const [targetAgenda, setTargetAgenda] = React.useState(null);\r\n const [unSavedWarning, setUnsaved] = React.useState(false);\r\n const sortAgenda = (agendaItems) => {\r\n if (!agendaItems || agendaItems === \"\" || (agendaItems && agendaItems.length === 0)) return [];\r\n let res = [];\r\n agendaItems.sort(function (a, b) {\r\n return a.sortOrder - b.sortOrder;\r\n });\r\n agendaItems.map((a, i) => {\r\n a.sortOrder = i;\r\n });\r\n return agendaItems;\r\n };\r\n function onUnlock(val, force = false) {\r\n if (force) {\r\n setUnsaved(false);\r\n } else if (hasChanged && val === false) {\r\n setUnsaved(true);\r\n return;\r\n }\r\n var agenda = unlocked ? sortAgenda(modifiedAgenda) : sortAgenda(props.agenda);\r\n setAgenda(agenda);\r\n setUnlocked(val);\r\n }\r\n const toggleDelete = (val, index) => {\r\n if (val === true && deleteIndex !== null) {\r\n setDeleteIndex(null);\r\n }\r\n setDeleteIndex(index);\r\n toggleModal(val);\r\n };\r\n const searchFilter = (e) => {\r\n setFilter(e.target.value);\r\n };\r\n const handleOrderChange = (event, dataSource) => {\r\n const sortedAgenda = dataSource.map((ds, i) => {\r\n let el = Object.assign({}, ds);\r\n el.sortOrder = i;\r\n return el;\r\n });\r\n setAgenda(sortedAgenda);\r\n setChanged(true);\r\n };\r\n\r\n const defaultAgendaItem = (sortOrder, eventId) => {\r\n return {\r\n agendaItemId: agenda && agenda.length > 0 ? agenda.length * -1 : -1,\r\n sortOrder,\r\n name: \"Agenda \" + sortOrder,\r\n active: false,\r\n text: \"*Text*\",\r\n eventId,\r\n };\r\n };\r\n const save = () => {\r\n setUnsaved(false);\r\n const agenda = Array.from(props.agenda);\r\n setChanged(false);\r\n if (!unlocked) props.handleAgendaOnChange(agenda);\r\n else props.handleAgendaOnChange(modifiedAgenda);\r\n };\r\n const addAgenda = () => {\r\n /* const agenda = Array.from(props.agenda); */\r\n\r\n props.agenda.push(defaultAgendaItem(agenda ? agenda.length + 1 : 0, props.eventId));\r\n /* setAgenda(agenda) */\r\n /* setChanged(true) */\r\n props.selectAgenda(agenda[agenda.length - 1]);\r\n /* props.handleAgendaOnChange(agenda); */\r\n };\r\n function deleteAgenda() {\r\n if (deleteIndex === null) return;\r\n if (deleteIndex < 0) {\r\n let magenda = sortAgenda(Array.from(modifiedAgenda));\r\n magenda = magenda.filter((a) => a.agendaItemId !== deleteIndex);\r\n magenda.map((m, i) => {\r\n m.sortOrder = i;\r\n });\r\n setAgenda(magenda);\r\n setChanged(false);\r\n } else {\r\n let magenda = sortAgenda(Array.from(modifiedAgenda));\r\n magenda = magenda.filter((a) => a.agendaItemId !== deleteIndex);\r\n magenda.map((m, i) => {\r\n m.sortOrder = i;\r\n });\r\n setAgenda(magenda);\r\n props.deleteAgendaItem(deleteIndex);\r\n }\r\n setDeleteIndex(null);\r\n if (open) toggleModal(false);\r\n }\r\n const editAgenda = (e, index) => {\r\n let agenda = sortAgenda(Array.from(modifiedAgenda));\r\n /* let name = e.value.replace('.', '.\\n') */\r\n agenda[index].name = e;\r\n setAgenda(agenda);\r\n setChanged(true);\r\n /* props.handleAgendaOnChange(agenda); */\r\n };\r\n\r\n const toggleVisibility = (value, index) => {\r\n let agenda = sortAgenda(Array.from(props.agenda));\r\n if (agenda[index] !== undefined) agenda[index].hidden = value;\r\n\r\n props.handleAgendaOnChange(agenda);\r\n };\r\n const activateAgenda = (value, index) => {\r\n let agenda = sortAgenda(Array.from(props.agenda));\r\n if (unlocked) {\r\n let mAgenda = Array.from(modifiedAgenda);\r\n if (agenda[index] !== undefined) mAgenda[index].active = value;\r\n setAgenda(mAgenda);\r\n }\r\n agenda.map((a) => {\r\n a.active = false;\r\n });\r\n if (agenda[index] !== undefined) agenda[index].active = value;\r\n\r\n props.handleAgendaOnChange(agenda);\r\n if (value === false) {\r\n props.deactivateSpeakers(agenda[index].agendaItemId);\r\n }\r\n };\r\n const formatTime = (date) => {\r\n if (!date) return null;\r\n let formattedDate = new Date(date);\r\n let h = formattedDate.getHours();\r\n let m = formattedDate.getMinutes();\r\n if (m < 10) m = \"0\" + m;\r\n if (h < 10) h = \"0\" + h;\r\n return h + \":\" + m;\r\n };\r\n const selectAgenda = (a) => {\r\n if (props.selectedAgenda && props.selectedAgenda.agendaItemId < 0 && props.selectedAgenda.agendaItemId != a.agendaItemId) {\r\n setUnsaved(true);\r\n setTargetAgenda(a);\r\n } else {\r\n props.selectAgenda(a);\r\n }\r\n };\r\n const handleWarning = (s = false) => {\r\n if (!s && targetAgenda && targetAgenda.agendaItemId != props.selectedAgenda.agendaItemId) {\r\n props.selectAgenda(targetAgenda);\r\n props.handleAgendaOnChange(\r\n props.agenda.filter((a) => a.agendaItemId !== selectedAgenda.agendaItemId),\r\n true\r\n );\r\n setTargetAgenda(null);\r\n } else {\r\n props.selectAgenda(targetAgenda);\r\n save();\r\n setTargetAgenda(null);\r\n }\r\n setUnsaved(false);\r\n };\r\n const classes = useStyles();\r\n const { agenda, speakers, showSpeakers, selectedAgenda } = props;\r\n const agendaItems = unlocked ? sortAgenda(modifiedAgenda) : sortAgenda(props.agenda);\r\n return (\r\n \r\n
\r\n ) : null\r\n } */\r\n style={{ /* maxWidth: '65%', */ color: \"#fff\", opacity: a.closedDateTime ? 0.65 : 1 }}\r\n primary={a ? a.name : \"NoLabel\"}\r\n />\r\n {props.allowSpeaker === true ? (\r\n \r\n a.agendaItemId < 0)} onClick={() => addAgenda()} edge=\"start\" style={{ padding: \"0px 10px\", color: \"#ffffff99\" }}>\r\n \r\n ) : null}\r\n onUnlock(!unlocked)} edge=\"start\" style={{ padding: \"0px 10px\", color: \"#ffffff99\" }}>\r\n \r\n {unlocked ? (\r\n \r\n
\r\n \r\n
\r\n {!unlocked ? (\r\n \r\n
\r\n - \r\n {!unlocked\r\n ? agendaItems\r\n .filter((ia) => ia.name.toLowerCase().includes(filter.toLowerCase()) && ia.name !== \"JX_REMOVE\" /* && ia.agendaItemId > 0 */)\r\n .map((a, index) => {\r\n return (\r\n
\r\n ia.name.toLowerCase().includes(filter.toLowerCase()) && ia.name !== \"JX_REMOVE\")}\r\n rowKey={\"agendaItemId\"}\r\n className=\"simple-drag\"\r\n rowClassName=\"simple-drag-row\"\r\n dragClass=\"agenda-drag\"\r\n handles={true}\r\n onUpdate={(event, dataSource) => handleOrderChange(event, dataSource)}\r\n row={(a, index) => {\r\n return (\r\n \r\n \r\n {/* \r\n */}\r\n \r\n {a.name}\r\n
\r\n\r\n \r\n
\r\n \r\n );\r\n}\r\n","import React from 'react';\r\nimport { fade, makeStyles, withStyles } from '@material-ui/core/styles';\r\nimport List from '@material-ui/core/List';\r\nimport ListItem from '@material-ui/core/ListItem';\r\nimport Card from '@material-ui/core/Card';\r\nimport InputBase from '@material-ui/core/InputBase';\r\nimport DragIndicatorIcon from '@material-ui/icons/DragIndicator';\r\nimport DeleteIcon from '@material-ui/icons/Delete';\r\nimport IconButton from '@material-ui/core/IconButton';\r\nimport ReactDragList from \"react-drag-list\";\r\nimport ConfirmModal from '../../../../../../components/ConfirmModal/ConfirmModal';\r\nimport LockOpenIcon from '@material-ui/icons/LockOpen';\r\nimport LockIcon from '@material-ui/icons/Lock';\r\nimport SaveIcon from '@material-ui/icons/Save';\r\nimport PlayArrowIcon from '@material-ui/icons/PlayArrow';\r\nimport { Tooltip, Typography, Button, ListItemAvatar, AccordionSummary,Accordion,AccordionDetails } from '@material-ui/core';\r\nimport SystemLabel from '../../../../../../system/SystemLabel/SystemLabel';\r\nimport { Input, Row, Col } from 'reactstrap';\r\nimport PagesIcon from '@material-ui/icons/Pages';\r\nimport HelpIcon from '@material-ui/icons/Help';\r\nimport ViewModuleIcon from '@material-ui/icons/ViewModule';\r\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\r\nimport EventAvailableIcon from '@material-ui/icons/EventAvailable';\r\nimport LiveTvIcon from '@material-ui/icons/LiveTv';\r\n\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n grow: {\r\n flexGrow: 1,\r\n },\r\n menuButton: {\r\n marginRight: theme.spacing(2),\r\n },\r\n title: {\r\n display: 'none',\r\n [theme.breakpoints.up('sm')]: {\r\n display: 'block',\r\n },\r\n },\r\n search: {\r\n position: 'relative',\r\n backgroundColor: '#3a3b3c',\r\n borderRadius: 5,\r\n marginRight: theme.spacing(2),\r\n marginLeft: 10,\r\n marginRight: 10,\r\n width: '100%',\r\n [theme.breakpoints.up('sm')]: {\r\n marginLeft: 0,\r\n marginLeft: 10,\r\n marginRight: 10,\r\n width: '100%',\r\n },\r\n },\r\n searchIcon: {\r\n padding: theme.spacing(0, 2),\r\n height: '100%',\r\n color: '#FFFFFF99',\r\n position: 'absolute',\r\n pointerEvents: 'none',\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n },\r\n inputRoot: {\r\n color: 'inherit',\r\n },\r\n inputInput: {\r\n padding: theme.spacing(1, 1, 1, 0),\r\n // vertical padding + font size from searchIcon\r\n paddingLeft: `calc(1em + ${theme.spacing(4)}px)`,\r\n transition: theme.transitions.create('width'),\r\n width: '100%',\r\n color: '#FFFFFF99',\r\n [theme.breakpoints.up('md')]: {\r\n width: '20ch',\r\n },\r\n },\r\n sectionDesktop: {\r\n display: 'none',\r\n [theme.breakpoints.up('md')]: {\r\n display: 'flex',\r\n },\r\n },\r\n sectionMobile: {\r\n display: 'flex',\r\n [theme.breakpoints.up('md')]: {\r\n display: 'none',\r\n },\r\n },\r\n online: {\r\n background: '#44b700'\r\n },\r\n offline: {\r\n background: 'orangered'\r\n },\r\n}));\r\n\r\n\r\n\r\nexport default function PresetItems(props) {\r\n const [filter, setFilter] = React.useState('');\r\n const [presetName, setPresetName] = React.useState('');\r\n const [open, toggleModal] = React.useState(false);\r\n const [unlocked, setUnlocked] = React.useState(false);\r\n const [hasChanged, setChanged] = React.useState(false);\r\n const [modifiedItems, setItems] = React.useState(props.presetItems)\r\n const [deleteIndex, setDeleteIndex] = React.useState(null);\r\n\r\n const [unSavedWarning, setUnsaved] = React.useState(false);\r\n const sortItems = (presetItems) => {\r\n if (!presetItems || presetItems === \"\" || (presetItems && presetItems.length === 0)) return [];\r\n let res = [];\r\n presetItems.sort(function (a, b) {\r\n return a.sortOrder - b.sortOrder;\r\n })\r\n presetItems.map((a, i) => {\r\n a.sortOrder = i;\r\n })\r\n return presetItems;\r\n }\r\n function onUnlock(val, force = false) {\r\n if (force) {\r\n setUnsaved(false)\r\n }\r\n else if (hasChanged && val === false) {\r\n setUnsaved(true)\r\n return;\r\n }\r\n var presetItems = unlocked ? sortItems(modifiedItems) : sortItems(props.presetItems);\r\n setItems(presetItems);\r\n setUnlocked(val);\r\n }\r\n const toggleDelete = (val, index) => {\r\n if (val === true && deleteIndex !== null) {\r\n setDeleteIndex(null);\r\n }\r\n setDeleteIndex(index);\r\n toggleModal(val)\r\n }\r\n\r\n const handleOrderChange = (event, dataSource) => {\r\n const sortedItems = dataSource.map((ds, i) => {\r\n let el = Object.assign({}, ds);\r\n el.sortOrder = i;\r\n return el;\r\n });\r\n setItems(sortedItems)\r\n setChanged(true)\r\n };\r\n\r\n const defaultPresetItem = (sortOrder, eventId) => {\r\n return {\r\n interactionPresetId: sortOrder ? sortOrder * -1 : -1,\r\n sortOrder,\r\n name: 'Preset ' + sortOrder,\r\n active: false,\r\n content: {\r\n questions: [],\r\n modules: [],\r\n presenter: null,\r\n agenda: null\r\n\r\n },\r\n inserted: null,\r\n updated: null,\r\n eventId: props.eventId\r\n }\r\n };\r\n\r\n const addPreset = () => {\r\n const presetItems = Array.from(modifiedItems);\r\n presetItems.push(defaultPresetItem(presetItems ? presetItems.length + 1 : 0, props.eventId))\r\n setItems(presetItems)\r\n setChanged(true)\r\n }\r\n function deletePreset() {\r\n if (deleteIndex === null) return;\r\n if (deleteIndex < 0) {\r\n let mitems = sortItems(Array.from(modifiedItems));\r\n mitems = mitems.filter(a => a.interactionPresetId !== deleteIndex);\r\n mitems.map((m, i) => {\r\n m.sortOrder = i;\r\n })\r\n setItems(mitems)\r\n setChanged(false)\r\n } else {\r\n let mitems = sortItems(Array.from(modifiedItems));\r\n mitems = mitems.filter(a => a.interactionPresetId !== deleteIndex);\r\n mitems.map((m, i) => {\r\n m.sortOrder = i;\r\n })\r\n setItems(mitems)\r\n props.deletePresetItem(deleteIndex);\r\n }\r\n setDeleteIndex(null)\r\n if (open) toggleModal(false)\r\n }\r\n const editPreset = (e, index) => {\r\n let presets = sortItems(Array.from(modifiedItems));\r\n presets[index].name = e;\r\n setItems(presets)\r\n setChanged(true)\r\n }\r\n const activatePreset = (preset) => {\r\n this.props.activatePreset(preset)\r\n }\r\n const capturePreset = (id) => {\r\n this.props.capturePreset(id);\r\n }\r\n const save = () => {\r\n setUnsaved(false);\r\n const presetItems = Array.from(modifiedItems);\r\n setChanged(false)\r\n props.handlePresetOnChange(presetItems);\r\n }\r\n\r\n const classes = useStyles();\r\n const { presetItems } = props;\r\n const presetItemsList = unlocked ? sortItems(modifiedItems) : sortItems(presetItems)\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n \r\n handleClick(null)}>\r\n \r\n \r\n
\r\n {/* \r\n
*/}\r\n \r\n \r\n {/* */}\r\n
\r\n \r\n \r\n \r\n deletePreset()}\r\n onCancel={() => toggleModal(!open)}\r\n header={'AreYouSure'}\r\n open={open}\r\n text={'DoWantToDeletePreset'} />\r\n save()}\r\n onCancel={() => onUnlock(!unlocked, true)}\r\n header={'UnsavedChanges'}\r\n open={unSavedWarning}\r\n text={'DoYouWannaSave'} />\r\n
\r\n );\r\n}\r\n\r\nconst renderPresetContent = (content) => {\r\n const contentInfo = \r\n onUnlock(!unlocked)}\r\n edge=\"start\" style={{ padding: '0px 10px', color: '#ffffff99' }}>\r\n {unlocked ? \r\n {unlocked ? \r\n
\r\n - \r\n {!unlocked ?\r\n presetItemsList.map((a, index) => {\r\n return
- \r\n {presetCollapse({ icon:
\r\n \r\n handleOrderChange(event, dataSource)\r\n }\r\n\r\n row={(a, index) => {\r\n return selectPreset(a.interactionPresetId)} className=\"dark-card\" style={{ padding: '0px', margin: '5px 0px', border: a.active ? \"3px solid #20a8d8e0\" : '3px solid transparent' }}>\r\n \r\n \r\n \r\n onEdit(e.target.value, index)} />\r\n toggleDelete(true, a.interactionPresetId)} style={{ cursor: 'pointer', color: '#ffffff99' }}>\r\n \r\n \r\n \r\n }} />\r\n\r\n
\r\n\r\n}\r\n\r\n\r\n\r\n","import React from 'react';\r\nimport { Typography, IconButton, ListItem, ListItemAvatar, ListItemText, Divider, AppBar, Card } from '@material-ui/core';\r\nimport SendIcon from '@material-ui/icons/Send';\r\nimport ZoomInIcon from '@material-ui/icons/ZoomIn';\r\nimport ZoomOutIcon from '@material-ui/icons/ZoomOut';\r\nimport List from '@material-ui/core/List';\r\nimport ThumbUpIcon from '@material-ui/icons/ThumbUp';\r\n\r\nimport ThumbUpAltOutlinedIcon from '@material-ui/icons/ThumbUpAltOutlined';\r\nimport { fade, makeStyles, withStyles } from '@material-ui/core/styles';\r\nimport Avatar from '@material-ui/core/Avatar';\r\nimport Badge from '@material-ui/core/Badge';\r\nimport Paper from '@material-ui/core/Paper';\r\nimport InputBase from '@material-ui/core/InputBase';\r\nimport MenuIcon from '@material-ui/icons/Menu';\r\nimport SearchIcon from '@material-ui/icons/Search';\r\nimport DirectionsIcon from '@material-ui/icons/Directions';\r\nimport { VisibilityRounded } from '@material-ui/icons';\r\n\r\nimport GroupIcon from '@material-ui/icons/Group';\r\nimport AddRoundedIcon from '@material-ui/icons/AddRounded';\r\nimport ArrowDownwardIcon from '@material-ui/icons/ArrowDownward';\r\nimport VerifiedUserIcon from '@material-ui/icons/VerifiedUser';\r\nimport { formatTime, isTheSameMinute } from '../../../../../../helpers/time.helper';\r\nimport { clientTypeConstants } from '../../../../../constants/clientType.constants';\r\nimport SystemLabel from '../../../../../../system/SystemLabel/SystemLabel';\r\n\r\nconst OnlineBadge = withStyles((theme) => ({\r\n badge: {\r\n backgroundColor: '#44b700',\r\n color: '#44b700',\r\n boxShadow: `0 0 0 2px ${theme.palette.background.paper}`,\r\n '&::after': {\r\n position: 'absolute',\r\n top: 0,\r\n left: 0,\r\n width: '100%',\r\n height: '100%',\r\n borderRadius: '50%',\r\n animation: '$ripple 1.2s infinite ease-in-out',\r\n border: '1px solid currentColor',\r\n content: '\"\"',\r\n },\r\n },\r\n '@keyframes ripple': {\r\n '0%': {\r\n transform: 'scale(.8)',\r\n opacity: 1,\r\n },\r\n '100%': {\r\n transform: 'scale(2.4)',\r\n opacity: 0,\r\n },\r\n },\r\n}))(Badge);\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n grow: {\r\n flexGrow: 1,\r\n },\r\n menuButton: {\r\n marginRight: theme.spacing(2),\r\n },\r\n title: {\r\n display: 'none',\r\n [theme.breakpoints.up('sm')]: {\r\n display: 'block',\r\n },\r\n },\r\n search: {\r\n position: 'relative',\r\n backgroundColor: '#3a3b3c',\r\n borderRadius: 5,\r\n marginRight: theme.spacing(2),\r\n marginLeft: 10,\r\n marginRight: 10,\r\n width: '100%',\r\n [theme.breakpoints.up('sm')]: {\r\n marginLeft: 0,\r\n marginLeft: 10,\r\n marginRight: 10,\r\n width: '100%',\r\n },\r\n },\r\n searchIcon: {\r\n padding: theme.spacing(0, 2),\r\n height: '100%',\r\n color: '#FFFFFF99',\r\n position: 'absolute',\r\n pointerEvents: 'none',\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n },\r\n inputRoot: {\r\n color: 'inherit',\r\n },\r\n inputInput: {\r\n padding: theme.spacing(1, 1, 1, 0),\r\n // vertical padding + font size from searchIcon\r\n paddingLeft: `calc(1em + ${theme.spacing(4)}px)`,\r\n transition: theme.transitions.create('width'),\r\n width: '100%',\r\n color: '#FFFFFF99',\r\n [theme.breakpoints.up('md')]: {\r\n width: '20ch',\r\n },\r\n },\r\n root: {\r\n padding: '2px 4px',\r\n display: 'flex',\r\n alignItems: 'center',\r\n width: '100%',\r\n borderBottom: '1px solid gainsboro'\r\n },\r\n input: {\r\n marginLeft: theme.spacing(1),\r\n flex: 1,\r\n },\r\n iconButton: {\r\n padding: 10,\r\n },\r\n divider: {\r\n height: 28,\r\n margin: 4,\r\n },\r\n sectionDesktop: {\r\n display: 'none',\r\n [theme.breakpoints.up('md')]: {\r\n display: 'flex',\r\n },\r\n },\r\n sectionMobile: {\r\n display: 'flex',\r\n [theme.breakpoints.up('md')]: {\r\n display: 'none',\r\n },\r\n },\r\n online: {\r\n background: '#44b700'\r\n },\r\n offline: {\r\n background: 'orangered'\r\n },\r\n}));\r\n\r\n\r\n\r\nexport default class ChatList extends React.Component {\r\n state = {\r\n filter: ''\r\n }\r\n renderConversations = () => {\r\n const { template, visible, eventId } = this.props;\r\n const { filter } = this.state;\r\n const { meetingList, orderList, chats, currentChat } = this.props;\r\n let clientList = meetingList.filter(cl => cl.type == clientTypeConstants.INTERACTION_MEETING)\r\n let filteredKeys = orderList.map(a => { return a.badgeNo });\r\n if (filter) {\r\n filteredKeys = orderList.filter((ia) => ia.name.toString().toLowerCase().includes(filter.toLowerCase())).map((a, i) => { return a.badgeNo });\r\n }\r\n return (\r\n \r\n
\r\n )\r\n }\r\n onFilter = (filter) => {\r\n this.setState({ filter })\r\n }\r\n getClasses = () => {\r\n useStyles();\r\n }\r\n render() {\r\n return this.renderConversations();\r\n }\r\n}\r\n\r\nfunction StatusBadge({ name, online = false }) {\r\n const classes = useStyles();\r\n return online ? (\r\n \r\n
\r\n\r\n - \r\n {chats/* .filter(c => filteredKeys.includes(c.target)) */.map((c, i) => {\r\n\r\n let targetProfile = orderList.find(o => o.badgeNo == c.target);\r\n\r\n return
\r\n onInput(e.target.value)}\r\n classes={{\r\n root: classes.inputRoot,\r\n input: classes.inputInput,\r\n }}\r\n inputProps={{ 'aria-label': 'search' }}\r\n />\r\n
\r\n )\r\n}\r\n\r\n","export const selectStyle = {\r\n control: (provided, state) => ({\r\n ...provided,\r\n\r\n backgroundColor: \"#50525d\",\r\n color: \"#eee\",\r\n border: \"0px\",\r\n maxWidth: \"100%\",\r\n width: 'auto',\r\n }),\r\n container: (provided, state) => ({\r\n ...provided,\r\n maxWidth: \"100%\",\r\n width: \"100%\",\r\n }),\r\n noOptionsMessage: (provided, state) => ({\r\n ...provided,\r\n color: \"green\",\r\n maxWidth: \"100%\",\r\n }),\r\n input: (provided, state) => ({\r\n ...provided,\r\n color: \"#eee\",\r\n maxWidth: \"100%\",\r\n }),\r\n singleValue: (provided, state) => ({\r\n ...provided,\r\n color: \"#eee\",\r\n }),\r\n indicatorSeparator: (provided, state) => ({\r\n ...provided,\r\n background: \"transparent\",\r\n }),\r\n menu: (provided, state) => ({\r\n ...provided,\r\n backgroundColor: \"#373842\",\r\n maxWidth: \"100%\",\r\n zIndex: 100,\r\n }),\r\n option: (provided, state) => ({\r\n ...provided,\r\n backgroundColor: state.isSelected ? \"#20a8d8\" : \"#3d3d3d\",\r\n color: \"#eee\",\r\n [\"&:hover\"]: {\r\n backgroundColor: \"#5a5959ba\",\r\n },\r\n }),\r\n placeholder: (provided) => ({\r\n ...provided,\r\n color: \"#eee\",\r\n }),\r\n};\r\n","import React from \"react\";\r\nimport { FormGroup, Label } from \"reactstrap\";\r\nimport Select from \"react-select\";\r\nimport { connect } from \"react-redux\";\r\nimport SystemLabel from \"../../../system/SystemLabel/SystemLabel\";\r\nimport { selectStyle } from \"../../models/selectStyle\";\r\nimport { templateActions } from \"../../../store/actions/cms/template/template.action\";\r\nimport {\r\n Dialog,\r\n DialogContent,\r\n DialogTitle,\r\n Slide,\r\n Tooltip,\r\n} from \"@material-ui/core\";\r\nimport { deepClone } from \"../../../helpers/objectHelper\";\r\nimport Alert from \"@material-ui/lab/Alert\";\r\nimport CalendarTodayOutlinedIcon from \"@material-ui/icons/CalendarTodayOutlined\";\r\nimport { history } from \"../../../helpers/history\";\r\n\r\nconst EventSelector = (props) => {\r\n const {\r\n template,\r\n templates,\r\n dialog,\r\n dispatch,\r\n templateIsSavable,\r\n updateLayout,\r\n } = props;\r\n\r\n \r\n const { eventName, eventId, events, icon = true } = props;\r\n return (\r\n <>\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nconst LayoutPop = ({ layouts, activeLayout, activateLayout, eventId }) => {\r\n const classes = useStyles();\r\n const [anchorEl, setAnchorEl] = useState(null);\r\n const [activationProps, setActivationProps] = useState(null);\r\n const [selectedLayout, setSelectedLayout] = useState(null);\r\n const handleClick = (event) => {\r\n setAnchorEl(null);\r\n setSelectedLayout(null);\r\n setAnchorEl(event.currentTarget);\r\n };\r\n\r\n const handleClose = () => {\r\n setAnchorEl(null);\r\n };\r\n const open = Boolean(anchorEl);\r\n const id = open ? \"simple-popover\" : undefined;\r\n return (\r\n <>\r\n - \r\n {events.map((a, i) => {\r\n let activeLayout = activeEventLayouts.find((ae) => ae.eventId == a.eventId);\r\n let evId = a.eventId;\r\n return (\r\n
\r\n {\r\n setActivationProps(null);\r\n setSelectedLayout(null);\r\n setAnchorEl(null);\r\n }}\r\n >\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\n","import { AppBar, Button, Dialog, Grid, IconButton, makeStyles, Toolbar, Typography } from \"@material-ui/core\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { deepClone } from \"../../helpers/objectHelper\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport Select from \"react-select\";\r\nimport Slide from \"@material-ui/core/Slide\";\r\nimport { EventLayoutList } from \"./components/EventLayoutList\";\r\nimport { PresetList } from \"./components/PresetList\";\r\nimport Axios from \"axios\";\r\nimport AddIcon from \"@material-ui/icons/Add\";\r\nimport SaveIcon from \"@material-ui/icons/Save\";\r\nimport SystemLabel from \"../../system/SystemLabel/SystemLabel\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n appBar: {\r\n position: \"relative\",\r\n },\r\n paper: {\r\n overflow: \"hidden\",\r\n },\r\n}));\r\n\r\nexport const Preset = (props) => {\r\n const [presets, setPresets] = useState([]);\r\n const [activeEventLayouts, setActiveEventLayouts] = useState([]);\r\n const [events, setEvents] = useState([]);\r\n const [layouts, setLayouts] = useState([]);\r\n const [changedPresets, setChangedPresets] = useState([]);\r\n const [changedPresetItems, setChangedPresetItems] = useState([]);\r\n const [isSavable, setSavable] = useState(false);\r\n const classes = useStyles();\r\n const { hubConnection, eventId, connected } = props;\r\n\r\n useEffect(() => {\r\n init();\r\n }, []);\r\n\r\n const init = () => {\r\n if (hubConnection && connected) {\r\n hubConnection.on(\"onGetPresets\", (res) => {\r\n setPresets(res);\r\n });\r\n hubConnection.on(\"onGetActiveEventLayouts\", (res) => {\r\n setActiveEventLayouts(res);\r\n });\r\n hubConnection.on(\"onPresetActivated\", (res) => {\r\n setActiveEventLayouts(res);\r\n });\r\n hubConnection.on(\"onGetEvents\", (res) => {\r\n setEvents(res);\r\n });\r\n \r\n hubConnection.invoke(\"getPresets\", eventId);\r\n hubConnection.invoke(\"getActiveLayouts\", eventId);\r\n hubConnection.invoke(\"getEvents\", eventId);\r\n Axios.get(`./api/meeting/layouts/${eventId}`).then(({ data }) => {\r\n setLayouts(data);\r\n });\r\n }\r\n };\r\n\r\n const onEditPreset = (presetId, name) => {\r\n const index = presets.indexOf(presets.find((p) => p.daPresetId == presetId));\r\n\r\n if (index < 0) return;\r\n\r\n const modifiedPresets = deepClone(presets);\r\n modifiedPresets[index].name = name;\r\n\r\n setPresets(modifiedPresets);\r\n\r\n modifiedPresets[index].edited = true;\r\n\r\n const modifiedChangePresets = deepClone(changedPresets);\r\n const changePresetIndex = modifiedChangePresets.indexOf(modifiedChangePresets.find((c) => c.daPresetId == presetId));\r\n\r\n if (changePresetIndex > -1) {\r\n modifiedChangePresets[changePresetIndex].name = name;\r\n } else {\r\n setChangedPresets([...modifiedChangePresets, modifiedPresets[index]]);\r\n }\r\n setSavable(true);\r\n };\r\n const sortPresets = () => {};\r\n\r\n const addPreset = () => {\r\n const newId = changedPresets.filter((p) => p.added == true).length;\r\n const newPreset = {\r\n daPresetId: newId == 0 ? -1 : newId + 1 * -1,\r\n name: \"\",\r\n inserted: new Date(),\r\n eventId: 0,\r\n sortOrder: 0,\r\n daPresetItems: [],\r\n added: true,\r\n };\r\n\r\n const modifiedPresets = deepClone(presets);\r\n\r\n modifiedPresets.push(newPreset);\r\n\r\n setPresets(modifiedPresets);\r\n setChangedPresets([...changedPresets, newPreset]);\r\n setSavable(true);\r\n };\r\n\r\n const deletePreset = (presetId) => {\r\n const deletedPreset = presets.find((p) => p.daPresetId == presetId);\r\n if (!deletedPreset) return;\r\n\r\n deletedPreset.deleted = true;\r\n let modifiedPresets = deepClone(presets);\r\n modifiedPresets = modifiedPresets.filter((m) => m.daPresetId != presetId);\r\n\r\n setChangedPresets([...changedPresets.filter((cp) => cp.daPresetId != presetId), deletedPreset]);\r\n setPresets(modifiedPresets);\r\n setSavable(true);\r\n };\r\n\r\n const deletePresetItem = (presetItemId) => {\r\n const parentPreset = presets.find((p) => p.daPresetItems.find((pp) => pp.daPresetItemId == presetItemId));\r\n if (!parentPreset) return;\r\n\r\n let deletedPresetItem = parentPreset.daPresetItems.find((p) => p.daPresetItemId == presetItemId);\r\n\r\n if (!deletedPresetItem) return;\r\n\r\n deletedPresetItem.deleted = true;\r\n\r\n setChangedPresetItems([...changedPresetItems.filter((cp) => cp.daPresetItemId != presetItemId), deletedPresetItem]);\r\n\r\n const modifiedPresets = deepClone(presets);\r\n const index = presets.indexOf(presets.find((p) => p.daPresetId == deletedPresetItem.daPresetId));\r\n\r\n if (index < 0) return;\r\n\r\n modifiedPresets[index].daPresetItems = modifiedPresets[index].daPresetItems.filter((pi) => pi.daPresetItemId != presetItemId);\r\n setPresets(modifiedPresets);\r\n setSavable(true);\r\n };\r\n const addPresetItem = (eventId, layoutId, presetId) => {\r\n const index = presets.indexOf(presets.find((p) => p.daPresetId == presetId));\r\n if (index < 0) return;\r\n\r\n const modifiedPresets = deepClone(presets);\r\n const newId = changedPresetItems.filter((p) => p.added == true).length;\r\n const newPresetItem = {\r\n daPresetItemId: newId == 0 ? -1 : newId + 1 * -1,\r\n targetEventId: eventId,\r\n meetingLayoutId: layoutId,\r\n daPresetId: presetId,\r\n added: true,\r\n };\r\n\r\n modifiedPresets[index].daPresetItems.push(newPresetItem);\r\n\r\n setPresets(modifiedPresets);\r\n setChangedPresetItems([...changedPresetItems, newPresetItem]);\r\n setSavable(true);\r\n };\r\n\r\n const activatePreset = (presetId) => {\r\n if (hubConnection && connected && presetId) {\r\n hubConnection.invoke(\"activatePreset\", presetId);\r\n } else {\r\n alert(\"NO CONNECTION - RELOAD PAGE\");\r\n }\r\n };\r\n\r\n const savePresets = () => {\r\n if (hubConnection && connected) {\r\n changedPresets.map((cl) => {\r\n if (cl.added && cl.deleted) {\r\n } else if (cl.added) {\r\n cl.status = \"added\";\r\n } else if (cl.deleted) {\r\n cl.status = \"deleted\";\r\n } else {\r\n cl.status = \"updated\";\r\n }\r\n delete cl.edited;\r\n delete cl.deleted;\r\n delete cl.added;\r\n });\r\n\r\n changedPresetItems.map((cl) => {\r\n if (cl.added && cl.deleted) {\r\n } else if (cl.added) {\r\n cl.status = \"added\";\r\n } else if (cl.deleted) {\r\n cl.status = \"deleted\";\r\n } else {\r\n cl.status = \"updated\";\r\n }\r\n delete cl.edited;\r\n delete cl.deleted;\r\n delete cl.added;\r\n });\r\n hubConnection.invoke(\"addOrUpdatePresets\", eventId, { presets: changedPresets, presetItems: changedPresetItems });\r\n setSavable(false);\r\n } else {\r\n alert(\"NO CONNECTION - RELOAD PAGE\");\r\n }\r\n };\r\n\r\n const activateLayout = (eventId, layoutId) => {\r\n if (hubConnection && connected && eventId && layoutId) {\r\n hubConnection.invoke(\"activateLayout\", eventId, layoutId);\r\n } else {\r\n alert(\"NO CONNECTION - RELOAD PAGE\");\r\n }\r\n };\r\n\r\n const addOrInsertPreset = () => {};\r\n\r\n const api = {\r\n ...props,\r\n activateLayout,\r\n activeEventLayouts,\r\n presets,\r\n savePresets,\r\n activatePreset,\r\n addPreset,\r\n events,\r\n layouts,\r\n isSavable,\r\n onEditPreset,\r\n deletePreset,\r\n deletePresetItem,\r\n addPresetItem,\r\n sortPresets,\r\n };\r\n return (\r\n \r\n );\r\n};\r\n\r\nconst Transition = React.forwardRef(function Transition(props, ref) {\r\n return - \r\n {presets.map((p, i) => {\r\n return (\r\n
\r\n {expanded === \"panel\" + p.daPresetId ? (\r\n {p.name} \r\n )}\r\n
\r\n \r\n \r\n e.stopPropagation()}\r\n /* style={element.style.styleProps} */\r\n /* innerRef={this.contentEditable} */\r\n style={{ background: \"#50525d\" }}\r\n html={p.name}\r\n className={classes.heading + \" primary-text ce-p\"}\r\n onChange={(e) => onEditPreset(p.daPresetId, e.target.value)}\r\n tagName=\"p\"\r\n />\r\n
\r\n ) : (\r\n \r\n } className=\"delete-dark-btn\" style={{ marginRight: 5 }} onClick={() => deletePreset(p.daPresetId)}>\r\n
\r\n - \r\n
\r\n {eventName} \r\n
\r\n \r\n \r\n {layoutName} \r\n
\r\n \r\n \r\n {isPresetOpen ? setPresetOpen(false)} /> : null}\r\n
\r\n );\r\n}\r\n\r\nconst LayoutList = (props) => {\r\n const { layouts, activateLayoutId, activeMobileLayout, eventId, events, unlocked, eventName, filter, onSort } = props;\r\n if (layouts.length == 0) return null;\r\n if (unlocked) {\r\n return (\r\n \r\n onUnlock(!unlocked)}\r\n edge=\"start\"\r\n style={{\r\n padding: \"0px 10px\",\r\n color: unlocked ? \"#fff\" : \"#ffffff99\",\r\n }}\r\n >\r\n \r\n setPresetOpen(true)}\r\n edge=\"start\"\r\n style={{\r\n padding: \"0px 10px\",\r\n color: !hasChanged ? \"rgba(255, 255, 255, 0.28)\" : \"#fff\",\r\n }}\r\n >\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n }}\r\n />\r\n \r\n );\r\n }\r\n return (\r\n \r\n
\r\n );\r\n })}\r\n {layouts.find((l) => l.mobile) ? (\r\n <>\r\n \r\n {layouts\r\n .filter((l) => {\r\n let returnable = l.eventId == eventId;\r\n if (filter) {\r\n returnable = l.name.toLowerCase().includes(filter.toLowerCase()) && l.eventId == eventId;\r\n }\r\n if (!l.mobile) return false;\r\n return returnable;\r\n })\r\n .map((l, ii) => {\r\n let active = l.meetingLayoutId == activeMobileLayout?.meetingLayoutId;\r\n return (\r\n \r\n
\r\n );\r\n })}\r\n \r\n ) : null}\r\n \r\n );\r\n};\r\n\r\n\r\nconst PresenterIcon = ({ active }) => (active == true ? \r\n \r\n \r\n {/* \r\n {/* \r\n \r\n {/*
\r\n }\r\n {...a11yProps(3)}\r\n />\r\n ) : null}\r\n \r\n \r\n \r\n props.toggleAside(false)} open={props.open}>\r\n \r\n \r\n \r\n
\r\n \r\n\r\n );\r\n}","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { makeStyles, withStyles } from '@material-ui/core/styles';\r\nimport Tabs from '@material-ui/core/Tabs';\r\nimport Tab from '@material-ui/core/Tab';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport Box from '@material-ui/core/Box';\r\nimport Badge from '@material-ui/core/Badge';\r\nimport SystemLabel from '../../../../../system/SystemLabel/SystemLabel';\r\nimport ClientList from '../ClientList';\r\nexport function TabPanel(props) {\r\n const { children, value, index, ...other } = props;\r\n\r\n return (\r\n \r\n {orderList.length > 0 ?\r\n \r\n \r\n {\r\n return clientKeyList.includes(a.badgeNo)\r\n }).length}\r\n showZero\r\n max={1000}\r\n >\r\n
} {...a11yProps(0)} />\r\n \r\n \r\n \r\n \r\n
\r\n ) : null}\r\n \r\n \r\n \r\n \r\n \r\n {meetingList.length + clientList.length}\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n {meetingList.length.toString()}\r\n \r\n \r\n
\r\n\r\n {channels.map((c, i) => {\r\n return (\r\n \r\n \r\n {c.connections}\r\n \r\n \r\n \r\n );\r\n })}\r\n {clientList.length > 0 ? (\r\n \r\n \r\n {clientList.length.toString()}\r\n \r\n \r\n
\r\n ) : null}\r\n \r\n \r\n
\r\n \r\n \r\n {presenterList.length.toString()}\r\n \r\n \r\n
\r\n \r\n \r\n {moderatorList.length.toString()}\r\n \r\n \r\n
\r\n \r\n {props.personTypes && props.personTypes.length > 0 ? (\r\n \r\n
\r\n );\r\n };\r\n const canBeActivated = (aId) => {\r\n const { activeAgenda } = props;\r\n if (activeAgenda && activeAgenda.agendaItemId === aId) return true;\r\n return false;\r\n };\r\n const formatTime = (date) => {\r\n if (!date) return null;\r\n let formattedDate = new Date(date);\r\n let h = formattedDate.getHours();\r\n let m = formattedDate.getMinutes();\r\n if (m < 10) m = \"0\" + m;\r\n if (h < 10) h = \"0\" + h;\r\n return h + \":\" + m;\r\n };\r\n const renderSpeakerCard = (speaker, addTimeStamp = false) => {\r\n const { clientList, allClients } = props;\r\n const client = allClients.find((ac) => ac.badgeNo === speaker.badgeNo);\r\n let online = client ? clientList.find((cl) => cl.clientKey === client.badgeNo) : false;\r\n if (!client) return null;\r\n return (\r\n {time}
\r\n \r\n \r\n {sortSpeakers(speakers)\r\n .filter((ss) => ss.parentInteractionSpeakerId === speaker.interactionSpeakerId && ss.speakerType === 3)\r\n .map((ss, i) => {\r\n let gavelClient = allClients.find((ac) => ac.badgeNo === ss.badgeNo);\r\n let online = clientList.find((cl) => cl.clientKey === gavelClient.badgeNo);\r\n return (\r\n \r\n \r\n {addTimeStamp && ss.closedDateTime && !ss.active ? renderTimeBadge(formatTime(ss.closedDateTime), i + 1) : null}\r\n \r\n \r\n \r\n \r\n {online && gavelClient ? (\r\n \r\n {gavelClient !== undefined ? `${gavelClient.nameInitials}` : null} \r\n \r\n ) : (\r\n \r\n {gavelClient !== undefined ? `${gavelClient.nameInitials}` : null} \r\n \r\n )}\r\n \r\n \r\n {canBeActivated(ss.agendaItemId) ? (\r\n /* props.activateSpeaker(gavelClient.badgeNo, ss.interactionSpeakerId, 0)}\r\n disabled={props.disabled}\r\n edge=\"end\"\r\n /* onClick={() => props.activateSpeaker(lineClient.order.badgeNo, speaker.interactionSpeakerId)} */\r\n >\r\n props.removeSpeaker(ss.agendaItemId, ss.badgeNo, ss.parentInteractionSpeakerId)}\r\n >\r\n \r\n \r\n \r\n \r\n );\r\n })}\r\n
\r\n \r\n {sortSpeakers(speakers)\r\n .filter((ss) => ss.parentInteractionSpeakerId === speaker.interactionSpeakerId && ss.speakerType !== 3)\r\n .map((ss, i) => {\r\n let lineClient = allClients.find((ac) => ac.badgeNo === ss.badgeNo);\r\n let online = clientList.find((cl) => cl.clientKey === lineClient.badgeNo);\r\n return (\r\n \r\n \r\n {addTimeStamp && ss.closedDateTime && !ss.active ? renderTimeBadge(formatTime(ss.closedDateTime), i + 1) : null}\r\n \r\n \r\n \r\n \r\n \r\n {online && lineClient ? (\r\n \r\n {lineClient !== undefined ? `${lineClient.nameInitials}` : null} \r\n \r\n ) : (\r\n \r\n {lineClient !== undefined ? `${lineClient.nameInitials}` : null} \r\n \r\n )}\r\n \r\n \r\n {canBeActivated(ss.agendaItemId) ? (\r\n /* props.activateSpeaker(lineClient.badgeNo, ss.interactionSpeakerId, 0)} disabled={props.disabled} edge=\"end\">\r\n \r\n ) : null}\r\n\r\n props.removeSpeaker(ss.agendaItemId, ss.badgeNo, ss.parentInteractionSpeakerId)}\r\n >\r\n \r\n \r\n \r\n \r\n );\r\n })}\r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nfunction SpeakerListItems(props) {\r\n const { clientList, allClients, speakers, filter } = props;\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n - \r\n
{renderClosedSpeakers()}
\r\n {speakers\r\n ? sortSpeakers(speakers)\r\n .filter((s) => (s.parentInteractionSpeakerId === null && s.closedDateTime === null) || (s.parentInteractionSpeakerId === null && s.closedDateTime != null && s.active))\r\n .map((s, i) => {\r\n return renderSpeakerCard(s);\r\n })\r\n : null}\r\n - \r\n {allClients\r\n .filter((ac) => !speakers.find((s) => s.badgeNo === ac.badgeNo) && ac.name.toLowerCase().includes(filter.toLowerCase()))\r\n .map((ac, i) => {\r\n const client = ac;\r\n let online = clientList.find((cl) => cl.clientKey === client.badgeNo);\r\n return (\r\n
\r\n {/* */}\r\n\r\n props.activateSpeaker(lineClient.order.badgeNo, speaker.interactionSpeakerId)} */\r\n >\r\n \r\n {({ TransitionProps }) => (\r\n \r\n \r\n \r\n {/* */}\r\n \r\n \r\n \r\n setDuration(e.target.value)} type=\"number\" />\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n )}\r\n \r\n
\r\n );\r\n}\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Tabs from '@material-ui/core/Tabs';\r\nimport Tab from '@material-ui/core/Tab';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport Box from '@material-ui/core/Box';\r\nimport Badge from '@material-ui/core/Badge';\r\nimport SystemLabel from '../../../../../system/SystemLabel/SystemLabel';\r\nimport SpeakerList from './SpeakerList';\r\n\r\nexport function TabPanel(props) {\r\n const { children, value, index, ...other } = props;\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n {orderList.length > 0 ? (\r\n
\r\n}","import React from \"react\";\r\n\r\nclass SpeakerTimer extends React.Component {\r\n state = {\r\n time: \"\",\r\n };\r\n componentDidMount() {\r\n this.props.hubConnection.on(\"onGetCurrentTime\", (res) => {\r\n var t = new Date(res);\r\n this.timer = setInterval(() => this.countDown(t.setSeconds(t.getSeconds() + 1)), 1000);\r\n });\r\n this.getTime();\r\n }\r\n getTime = () => {\r\n if (this.props.hubConnection) {\r\n this.props.hubConnection.invoke(\"getCurrentTime\").catch((err) => {\r\n console.error(err);\r\n });\r\n }\r\n };\r\n countDown = (currentTime) => {\r\n const { timeout, callback, buttonTimer } = this.props;\r\n\r\n let secondsLeft = (new Date(timeout) - new Date(currentTime)) / 1000;\r\n let time = \"\";\r\n if (buttonTimer) {\r\n time = (secondsLeft % 60).toFixed(0).toString();\r\n } else if (secondsLeft > 60) {\r\n let minutes = Math.floor(secondsLeft / 60).toString();\r\n let seconds = (secondsLeft % 60).toFixed(0).toString();\r\n\r\n if (minutes.length == 1) minutes = \"0\" + minutes;\r\n if (seconds < 10) seconds = \"0\" + seconds;\r\n\r\n time = `${minutes}:${seconds}`;\r\n }\r\n \r\n else if (secondsLeft <= 9 && secondsLeft >= 0) {\r\n time = `00:0${(secondsLeft % 60).toFixed(0)}`;\r\n } else if (secondsLeft < 0 && secondsLeft > -10) {\r\n time = `-00:0${(Math.abs(secondsLeft) % 60).toFixed(0)}`;\r\n } else if (secondsLeft < -10 && secondsLeft > -60) {\r\n time = `-00:${(Math.abs(secondsLeft) % 60).toFixed(0)}`;\r\n } else if (secondsLeft < -60) {\r\n let minutes = Math.floor(Math.abs(secondsLeft) / 60).toString();\r\n let seconds = (Math.abs(secondsLeft) % 60).toFixed(0).toString();\r\n\r\n if (minutes.length == 1) minutes = \"0\" + minutes;\r\n if (seconds < 10) seconds = \"0\" + seconds;\r\n\r\n time = `-${minutes}:${seconds}`;\r\n } else {\r\n time = `00:${(secondsLeft % 60).toFixed(0)}`;\r\n }\r\n this.setState({ time });\r\n };\r\n componentWillUnmount() {\r\n if (this.timer) {\r\n clearInterval(this.timer);\r\n }\r\n }\r\n\r\n render() {\r\n const { buttonTimer, template, preWarning, color = \"#000\" } = this.props;\r\n let style = {};\r\n if (template !== undefined) style = template;\r\n if (buttonTimer) {\r\n return null;\r\n }\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default SpeakerTimer;\r\n","import React from 'react';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport Card from '@material-ui/core/Card';\r\nimport CardContent from '@material-ui/core/CardContent';\r\nimport { Col } from 'reactstrap';\r\nimport SystemLabel from '../../../../../system/SystemLabel/SystemLabel';\r\nimport CloseIcon from '@material-ui/icons/Close';\r\nimport { IconButton } from '@material-ui/core';\r\nimport SpeakerTabs from './SpeakerTabs';\r\nimport SpeakerTimer from './SpeakerTimer'\r\n\r\n\r\nexport default function SpeakerOverview(props) {\r\n const activeSpeaker = props.speakers && props.speakers.find(s => s.active === true)\r\n\r\n return (\r\n \r\n {this.state.time}\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n}","import React from 'react';\r\nimport Card from '@material-ui/core/Card';\r\nimport CardContent from '@material-ui/core/CardContent';\r\nimport { Input, Row, Col } from 'reactstrap';\r\nimport HelpIcon from '@material-ui/icons/Help';\r\nimport List from '@material-ui/core/List';\r\nimport ListItem from '@material-ui/core/ListItem';\r\nimport { Tooltip, Typography, Button, ListItemAvatar } from '@material-ui/core';\r\nimport ViewModuleIcon from '@material-ui/icons/ViewModule';\r\nimport ExpansionPanel from '@material-ui/core/ExpansionPanel';\r\nimport ExpansionPanelSummary from '@material-ui/core/ExpansionPanelSummary';\r\nimport AccordionDetails from '@material-ui/core/AccordionDetails';\r\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\r\nimport EventAvailableIcon from '@material-ui/icons/EventAvailable';\r\nimport LiveTvIcon from '@material-ui/icons/LiveTv';\r\nimport SystemLabel from '../../../../../../system/SystemLabel/SystemLabel';\r\n\r\n\r\nexport default function PresetOverview(props) {\r\n const { selectedPreset } = props;\r\n return (\r\n \r\n \r\n {selectedPreset ? selectedPreset.name : \r\n \r\n
\r\n {selectedPreset ? \r\n // renderPresetContent(selectedPreset.content) \r\n \r\n {selectedPreset.name}
\r\n {'Förhandsgranskning kommer snart'}\r\n\r\n
\r\n : null}\r\n \r\n {'Förhandsgranskning kommer snart'}\r\n\r\n
- \r\n {presetCollapse({ icon:
\r\n \r\n {editedAgenda && selectedAgenda.agendaItemId == editedAgenda.agendaItemId ? editedAgenda.name : selectedAgenda.name}\r\n \r\n \r\n deleteAgenda(selectedAgenda.agendaItemId)}\r\n edge=\"end\"\r\n >\r\n restoreAgendaItem(selectedAgenda.agendaItemId)}\r\n edge=\"end\"\r\n >\r\n onSave()}\r\n edge=\"end\"\r\n >\r\n {\r\n props.deselectAgendaItem();\r\n if (selectedAgenda.agendaItemId < 0) {\r\n props.handleAgendaOnChange(\r\n props.agenda.filter((a) => a.agendaItemId !== selectedAgenda.agendaItemId),\r\n true\r\n );\r\n }\r\n }}\r\n edge=\"end\"\r\n >\r\n
\r\n \r\n \r\n \r\n {\r\n /* const a = Object.assign(selectedAgenda);\r\n a.name = e.target.value; */\r\n setEditAgenda({\r\n agendaItemId: editedAgenda && selectedAgenda.agendaItemId == editedAgenda.agendaItemId ? editedAgenda.agendaItemId : selectedAgenda.agendaItemId,\r\n name: e.target.value,\r\n text: editedAgenda && selectedAgenda.agendaItemId == editedAgenda.agendaItemId ? editedAgenda.text : selectedAgenda.text,\r\n });\r\n }}\r\n style={{\r\n backgroundColor: \"#3a3b3c\",\r\n marginBottom: \"0px\",\r\n color: \"rgba(255, 255, 255, 0.6)\",\r\n fontSize: \"0.875rem\",\r\n borderRadius: \"5px\",\r\n padding: \"5px 10px\",\r\n border: \"0px\",\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n {/* {props.eventId == 172 ? */}\r\n {\r\n setEditAgenda({\r\n agendaItemId: editedAgenda && selectedAgenda.agendaItemId == editedAgenda.agendaItemId ? editedAgenda.agendaItemId : selectedAgenda.agendaItemId,\r\n name: editedAgenda && selectedAgenda.agendaItemId == editedAgenda.agendaItemId ? editedAgenda.name : selectedAgenda.name,\r\n text: e,\r\n });\r\n }}\r\n slimFormat={true}\r\n path={\"text\"}\r\n style={undefined}\r\n />\r\n {/* :\r\n {\r\n setEditAgenda({\r\n agendaItemId: editedAgenda && selectedAgenda.agendaItemId == editedAgenda.agendaItemId ? editedAgenda.agendaItemId : selectedAgenda.agendaItemId,\r\n name: editedAgenda && selectedAgenda.agendaItemId == editedAgenda.agendaItemId ? editedAgenda.name : selectedAgenda.name,\r\n text: e.target.value,\r\n });\r\n }}\r\n > */}\r\n {/* } */}\r\n
\r\n \r\n {/* {first ? */}\r\n \r\n \r\n \r\n \r\n {fromYou ? (\r\n /* ? (first ? */ \r\n \r\n ) : (\r\n name\r\n )}\r\n {\" \"}\r\n \r\n {timeStamp ? (\r\n
\r\n \r\n \r\n {\" \"}\r\n {/* : null\r\n } */}\r\n \r\n
\r\n ); */\r\n if (message.includes(\"https://\"))\r\n return (\r\n \r\n \r\n\r\n\r\n
\r\n );\r\n};\r\n","import React from \"react\";\r\nimport { Container, Row, Col, Input } from \"reactstrap\";\r\nimport Card from \"@material-ui/core/Card\";\r\nimport CardActions from \"@material-ui/core/CardActions\";\r\nimport CardContent from \"@material-ui/core/CardContent\";\r\nimport {\r\n Typography,\r\n IconButton,\r\n ListItem,\r\n ListItemAvatar,\r\n ListItemText,\r\n Divider,\r\n AppBar,\r\n} from \"@material-ui/core\";\r\nimport SendIcon from \"@material-ui/icons/Send\";\r\nimport ZoomInIcon from \"@material-ui/icons/ZoomIn\";\r\nimport ZoomOutIcon from \"@material-ui/icons/ZoomOut\";\r\nimport List from \"@material-ui/core/List\";\r\nimport ThumbUpIcon from \"@material-ui/icons/ThumbUp\";\r\nimport ThumbUpAltOutlinedIcon from \"@material-ui/icons/ThumbUpAltOutlined\";\r\nimport Popover from \"@material-ui/core/Popover\";\r\nimport ForumIcon from \"@material-ui/icons/Forum\";\r\nimport { fade, makeStyles, withStyles } from \"@material-ui/core/styles\";\r\nimport Avatar from \"@material-ui/core/Avatar\";\r\nimport Badge from \"@material-ui/core/Badge\";\r\nimport Paper from \"@material-ui/core/Paper\";\r\nimport InputBase from \"@material-ui/core/InputBase\";\r\nimport MenuIcon from \"@material-ui/icons/Menu\";\r\nimport SearchIcon from \"@material-ui/icons/Search\";\r\nimport DirectionsIcon from \"@material-ui/icons/Directions\";\r\nimport { VisibilityRounded } from \"@material-ui/icons\";\r\nimport PeopleIcon from \"@material-ui/icons/People\";\r\nimport GroupIcon from \"@material-ui/icons/Group\";\r\nimport AddRoundedIcon from \"@material-ui/icons/AddRounded\";\r\nimport ArrowDownwardIcon from \"@material-ui/icons/ArrowDownward\";\r\nimport VerifiedUserIcon from \"@material-ui/icons/VerifiedUser\";\r\nimport ForumTwoToneIcon from \"@material-ui/icons/ForumTwoTone\";\r\nimport { ChatBox } from \"../../../../../utils/ChatBox\";\r\nimport { isTheSameMinute } from \"../../../../../../helpers/time.helper\";\r\nimport SystemLabel from \"../../../../../../system/SystemLabel/SystemLabel\";\r\nimport { labelHelper } from \"../../../../../../helpers/labelHelper\";\r\n\r\nconst OnlineBadge = withStyles((theme) => ({\r\n badge: {\r\n backgroundColor: \"#44b700\",\r\n color: \"#44b700\",\r\n boxShadow: `0 0 0 2px ${theme.palette.background.paper}`,\r\n \"&::after\": {\r\n position: \"absolute\",\r\n top: 0,\r\n left: 0,\r\n width: \"100%\",\r\n height: \"100%\",\r\n borderRadius: \"50%\",\r\n animation: \"$ripple 1.2s infinite ease-in-out\",\r\n border: \"1px solid currentColor\",\r\n content: '\"\"',\r\n },\r\n },\r\n \"@keyframes ripple\": {\r\n \"0%\": {\r\n transform: \"scale(.8)\",\r\n opacity: 1,\r\n },\r\n \"100%\": {\r\n transform: \"scale(2.4)\",\r\n opacity: 0,\r\n },\r\n },\r\n}))(Badge);\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n grow: {\r\n flexGrow: 1,\r\n },\r\n menuButton: {\r\n marginRight: theme.spacing(2),\r\n },\r\n title: {\r\n display: \"none\",\r\n [theme.breakpoints.up(\"sm\")]: {\r\n display: \"block\",\r\n },\r\n },\r\n root: {\r\n padding: \"2px 4px\",\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n width: \"100%\",\r\n borderBottom: \"1px solid gainsboro\",\r\n },\r\n input: {\r\n marginLeft: theme.spacing(1),\r\n flex: 1,\r\n },\r\n iconButton: {\r\n padding: 10,\r\n },\r\n divider: {\r\n height: 28,\r\n margin: 4,\r\n },\r\n sectionDesktop: {\r\n display: \"none\",\r\n [theme.breakpoints.up(\"md\")]: {\r\n display: \"flex\",\r\n },\r\n },\r\n sectionMobile: {\r\n display: \"flex\",\r\n [theme.breakpoints.up(\"md\")]: {\r\n display: \"none\",\r\n },\r\n },\r\n online: {\r\n background: \"#44b700\",\r\n },\r\n offline: {\r\n background: \"orangered\",\r\n },\r\n}));\r\nexport default class ChatWindow extends React.Component {\r\n state = {\r\n text: \"\",\r\n autoScrollLocked: false,\r\n hiddenMessages: 0,\r\n initalScrollPos: null,\r\n };\r\n componentDidMount() {\r\n this.scrollRef = React.createRef();\r\n document.addEventListener(\"keyup\", this.onEnter);\r\n this.handleScroll();\r\n }\r\n\r\n onEnter = (e) => {\r\n var e = e || window.event; // for IE to cover IEs window event-object\r\n if (e.which == 13 && this.state.text) {\r\n this.sendMessage();\r\n }\r\n };\r\n clearChat = () => {\r\n this.setState({ messages: [] });\r\n };\r\n componentDidUpdate(prevProps, prevState) {\r\n if (this.props.scroll && !prevProps.scroll) {\r\n if (!this.state.autoScrollLocked) {\r\n this.handleScroll();\r\n }\r\n }\r\n if (this.props.currentChat != prevProps.currentChat) {\r\n if (!this.state.autoScrollLocked) {\r\n this.handleScroll();\r\n }\r\n }\r\n }\r\n\r\n handleScroll = (id) => {\r\n const { currentChat, chats } = this.props;\r\n if (currentChat && currentChat.target) {\r\n let chatIndex = chats.indexOf(\r\n chats.find((c) => c.target == currentChat.target)\r\n );\r\n if (chatIndex > -1) {\r\n let index = chats[chatIndex].messages.length - 1;\r\n if (index > -1 && this.refs[index] !== undefined) {\r\n try {\r\n this.refs[index].scrollIntoView({\r\n block: \"end\",\r\n behavior: \"smooth\",\r\n });\r\n\r\n this.setState({ loaded: false, autoScrollLocked: false });\r\n\r\n /* setTimeout(() => {\r\n \r\n let initalScrollPos = this.scrollRef.current.scrollTop;\r\n this.setState({ initalScrollPos })\r\n }, 1500) */\r\n } catch (error) {\r\n console.error(error);\r\n }\r\n }\r\n }\r\n }\r\n };\r\n\r\n sendMessage = () => {\r\n const { text } = this.state;\r\n const { currentChat } = this.props;\r\n let target = currentChat.target;\r\n let room = `ALL`;\r\n\r\n if (currentChat && currentChat.target == `ALL`) target = null;\r\n\r\n let isValid = text && text.length <= 500;\r\n\r\n if (isValid) {\r\n this.props.sendMessage(text);\r\n this.setState({ text: \"\" });\r\n }\r\n };\r\n onScroll = (manual = false) => {\r\n if (manual && this.scrollRef && this.scrollRef.current) {\r\n const { initalScrollPos, hiddenMessages, autoScrollLocked } = this.props;\r\n const scrollTop = this.scrollRef.current.scrollTop;\r\n if (initalScrollPos >= 150 && scrollTop <= initalScrollPos - 150) {\r\n this.setState({ autoScrollLocked: true });\r\n }\r\n\r\n if (\r\n initalScrollPos + hiddenMessages * 82 <= scrollTop &&\r\n autoScrollLocked\r\n ) {\r\n const { chats, currentChat } = this.state;\r\n let cc = chats.find((c) => c.target == currentChat.target);\r\n const updatedChat = chats;\r\n if (cc && !cc.seen) {\r\n let index = updatedChat.indexOf(cc);\r\n if (index > -1) updatedChat[index].seen = true;\r\n cc.seen = true;\r\n if (cc.target != \"ALL\") {\r\n this.setMessageSeen(cc.target);\r\n }\r\n }\r\n this.setState({ autoScrollLocked: false, hiddenMessages: 0 });\r\n }\r\n }\r\n };\r\n scrollToBottom = () => {\r\n const { chats, currentChat } = this.props;\r\n let cc = chats.find((c) => c.target == currentChat.target);\r\n if (cc && !cc.seen) {\r\n const updatedChat = chats;\r\n let index = updatedChat.indexOf(cc);\r\n if (index > -1) updatedChat[index].seen = true;\r\n cc.seen = true;\r\n this.setState({ chats: updatedChat, currentChat: cc });\r\n if (cc.target != \"ALL\") {\r\n this.setMessageSeen(cc.target);\r\n }\r\n }\r\n this.setState({ autoScrollLocked: false, hiddenMessages: 0 });\r\n this.handleScroll();\r\n };\r\n renderTargetCard = () => {\r\n const { currentChat, orderList } = this.props;\r\n const { connectionList } = this.props;\r\n const { target } = currentChat;\r\n const { eventId } = this.props;\r\n const person = orderList.find((o) => o.badgeNo == target);\r\n if (!person && target == `ALL`) {\r\n return (\r\n \r\n null}\r\n fromYou={m.sender == \"MODERATOR\"}\r\n />\r\n
\r\n );\r\n })\r\n : null}\r\n \r\n\r\n \r\n this.setState({ text: e.target.value })}\r\n />\r\n
\r\n \r\n \r\n this.props.sendMessage(\"THUMB_UP\")}\r\n >\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n );\r\n}\r\n\r\nfunction StatusBadge({ name, online = false }) {\r\n const classes = useStyles();\r\n return online ? (\r\n \r\n \r\n 0 ? 1 : 0,\r\n }}\r\n >\r\n {unreadMessages} {\" \"}\r\n
\r\n \r\n \r\n a.active === true)}\r\n setActiveInfoRef={(r) => (this.activeInfoRef = r)}\r\n attendees={this.state.orderList}\r\n toggleClientView={this.showClients}\r\n />\r\n (this.clientViewRef = r)}\r\n style={{\r\n width: \"100%\",\r\n height: `calc(100% - ${this.activeInfoRef ? this.activeInfoRef.clientHeight : 0}px)`,\r\n }}\r\n >\r\n {this.renderClientView()}\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {this.renderSideView()}
\r\n \r\n this.setState({ confirmDialog: false })} onAction={this.saveStatus} lang={this.props.lang} type={this.state.target.type} /> : null}\r\n
\r\n );\r\n }\r\n}\r\nconst Transition = React.forwardRef(function Transition(props, ref) {\r\n return \r\n
\r\n \r\n \r\n {\" \"}\r\n \r\n \r\n {\" \"}\r\n \r\n
\r\n - \r\n {questions && questions.length > 0\r\n ? questions\r\n .filter((q) => q.type == \"Text\" && (!q.tag || (q.tag && !q.tag.includes(\"hideinstage\"))))\r\n .map((q, i) => {\r\n let qLang = q.questionLanguage.find((ql) => ql.languageCode == lang) ?? q.questionLanguage?.[0];\r\n let qActive = activeQuestions.some((aq) => aq === q.questionId);\r\n return (\r\n
\r\n
\r\n {this.state.confirmDialog && this.state.target ? \r\n \r\n {selectedQuestion ? (\r\n selectedQuestion.questionLanguage.find((ql) => ql.languageCode == lang)?.label ?? selectedQuestion.questionLanguag?.[0]?.label\r\n ) : (\r\n \r\n
\r\n \r\n {selectedQuestion && responses && responses.length > 0\r\n ? responses\r\n .filter((r) => r.questionId == selectedQuestion.questionId && /* ( */ (r.stageStatus == null || r.stageStatus == 1 || r.stageStatus == 0))\r\n .map((m, i) => {\r\n const name =\r\n m.clientKey && m.clientKey.startsWith(\"sneakyspy\") ? (\r\n \r\n \r\n ) : m.clientName.startsWith(\"Guest_\") ? (\r\n \r\n \r\n ) : (\r\n \r\n {m.clientName}\r\n {\" - \"}\r\n \r\n );\r\n return (\r\n \r\n \r\n ) : m.clientName.startsWith(\"Guest_\") ? (\r\n \r\n \r\n ) : (\r\n \r\n {m.clientName}\r\n {\" - \"}\r\n \r\n );\r\n return (\r\n \r\n \r\n ) : m.clientName.startsWith(\"Guest_\") ? (\r\n \r\n \r\n ) : (\r\n \r\n {m.clientName}\r\n {\" - \"}\r\n \r\n );\r\n\r\n return (\r\n
\r\n \r\n
\r\n );\r\n })\r\n : null}\r\n {selectedQuestion && responses && responses.length > 0 && responses.filter((r) => r.questionId == selectedQuestion.questionId && r.stageStatus == 2).length > 0 ? (\r\n \r\n
\r\n
\r\n ) : null}\r\n {selectedQuestion && responses && responses.length > 0\r\n ? responses\r\n .filter((r) => r.questionId == selectedQuestion.questionId && r.stageStatus == 2)\r\n .map((m, i) => {\r\n const name =\r\n m.clientKey && m.clientKey.startsWith(\"sneakyspy\") ? (\r\n \r\n
\r\n
\r\n \r\n
\r\n );\r\n })\r\n : null}\r\n {selectedQuestion && responses && responses.filter((r) => r.questionId == selectedQuestion.questionId && r.stageStatus == 3).length > 0 ? (\r\n \r\n
\r\n
\r\n ) : null}\r\n {selectedQuestion && responses && responses.length > 0\r\n ? responses\r\n .filter((r) => r.questionId == selectedQuestion.questionId && r.stageStatus == 3)\r\n .map((m, i) => {\r\n const name =\r\n m.clientKey && m.clientKey.startsWith(\"sneakyspy\") ? (\r\n \r\n
\r\n
\r\n \r\n
\r\n );\r\n })\r\n : null}\r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nfunction MessageBox({ message, timeStamp, name, no, status, setStatus, id, lang }) {\r\n const formatTime = (date) => {\r\n if (datesAreOnSameDay(new Date(date), new Date())) {\r\n let formattedDate = new Date(date);\r\n let h = formattedDate.getHours();\r\n let m = formattedDate.getMinutes();\r\n if (m < 10) m = \"0\" + m;\r\n if (h < 10) h = \"0\" + h;\r\n return h + \":\" + m;\r\n } else {\r\n let formattedDate = new Date(date);\r\n let d = formattedDate.getUTCDay().toString().substr(0, 3);\r\n let h = formattedDate.getHours();\r\n let m = formattedDate.getMinutes();\r\n if (m < 10) m = \"0\" + m;\r\n if (h < 10) h = \"0\" + h;\r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n );\r\n}\r\n","import React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Button, Container, Row, Col, Input, Spinner, Fade } from \"reactstrap\";\r\nimport { clientTypeConstants } from \"../../constants/clientType.constants\";\r\nimport { HubConnectionBuilder } from \"@aspnet/signalr\";\r\nimport { cmsActions } from \"../../../store/actions/cms/cms.action\";\r\nimport { sourceTypes } from \"../../../constants/cms/sourceType\";\r\nimport Axios from \"axios\";\r\nimport \"../style/StageStyle.css\";\r\nimport { questionActions } from \"../../../store/actions/question/question.action\";\r\nimport QuetsionAnswerView from \"../components/QuestionAnswerView\";\r\nimport { getKey } from \"../../../helpers/UrlHelper\";\r\nimport { ConnectionStatus } from \"../../../digitalArena/components/fallbacks/ConnectionStatus\";\r\nimport { Loader } from \"../../../digitalArena/utils/ClientConnectionFallback\";\r\n\r\nclass StageLayout extends Component {\r\n state = {\r\n hubConnection: null,\r\n clientKey: \"\",\r\n eventName: \"xx\",\r\n answer: null,\r\n question: null,\r\n availableLanguages: null,\r\n clientResponses: [],\r\n defaultLanguage: \"swe\",\r\n selectedLanguage: null,\r\n connecting: true,\r\n connected: false,\r\n eventId: -1,\r\n templateId: 0,\r\n countdown: 0,\r\n responses: [],\r\n init: false,\r\n activeQuestions: [],\r\n connectionList: [],\r\n };\r\n componentDidMount() {\r\n window.scrollTo(0, 0);\r\n const eventId = this.props.match.params.id;\r\n document.body.style.overflow = \"hidden\";\r\n if (isNaN(eventId)) {\r\n this.getEventId(eventId);\r\n } else {\r\n this.props.dispatch(questionActions.getAllQuestionsByEvent(eventId));\r\n this.setState({ eventId }, () => this.connectToHub());\r\n }\r\n const params = new URLSearchParams(this.props.location.search);\r\n const lang = params.get(getKey(\"lang\", params));\r\n if (lang) this.setState({ defaultLanguage: lang });\r\n // this.props.dispatch(templateActions.getDefaultTemplateByEvent(eventId));\r\n this.props.dispatch(cmsActions.setEnviroment(sourceTypes.INTERACTION, false));\r\n }\r\n componentDidUpdate(prevProps, prevState) {\r\n const { connecting, dismissConnectionLoss, forceDisc, connected } = this.state;\r\n\r\n if (connected == false && prevState.connected == true && connecting == false) {\r\n this.tryReconnect();\r\n this.counter = setInterval(() => this.setState({ countdown: this.state.countdown + 1 }), 1000);\r\n } else if (this.state.countdown >= 60 && !connected && prevState.connected == false) {\r\n this.setState({ countdown: 0, connecting: false });\r\n this.tryReconnect();\r\n } else if ((connected == true || (this.hubConnection && this.hubConnection.connectionState == 1)) && prevState.connected == false && !this.state.connecting && this.hubConnection && this.hubConnection.connectionState == 1) {\r\n if (this.counter) clearInterval(this.counter);\r\n this.setState({ countdown: 0 });\r\n }\r\n }\r\n getEventId = (eventCode) => {\r\n Axios.get(`./api/event/getId/${eventCode}`)\r\n .then((res) => {\r\n this.setState({ eventId: res.data.id, eventName: res.data.name }, () => this.connectToHub());\r\n this.props.dispatch(questionActions.getAllQuestionsByEvent(res.data.id));\r\n document.title = \"Stage - \" + res.data.name;\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n });\r\n };\r\n tryReconnect = () => {\r\n if (!this.state.connected && !this.state.connecting) {\r\n this.setState({ connecting: true }, this.connectToHub());\r\n }\r\n };\r\n setClientKey = (key) => {\r\n localStorage.setItem(\"CLIENT_KEY\", key);\r\n };\r\n getClientKey = () => {\r\n return localStorage.getItem(\"CLIENT_KEY\") || null;\r\n };\r\n onGetActiveQuestions = (qList) => {\r\n if (qList.length > 0) {\r\n let questionIds = qList.map((ql) => {\r\n return ql.question.questionId;\r\n });\r\n this.setState({ activeQuestions: questionIds });\r\n }\r\n };\r\n connectToHub = () => {\r\n const { eventId } = this.state;\r\n const { user } = this.props;\r\n try {\r\n if (!this.hubConnection) {\r\n this.hubConnection = new HubConnectionBuilder().withUrl(\"./ihub\").build();\r\n }\r\n } catch (error) {}\r\n let clientKey = this.getClientKey();\r\n this.hubConnection\r\n .start()\r\n .then(() => {\r\n this.hubConnection.on(\"onHandshake\", this.onHandshake);\r\n this.hubConnection.on(\"onClientResponse\", this.onClientResponse);\r\n\r\n this.hubConnection.on(\"onClearEventData\", () => this.setState({ clientResponses: [], speakers: [] }));\r\n this.hubConnection.on(\"onToggleQuestionInfo\", this.onToggleQuestionInfo);\r\n this.hubConnection.on(\"onToggleQuestion\", this.onToggleQuestion);\r\n this.hubConnection.on(\"onGetActiveQuestions\", this.onGetActiveQuestions);\r\n this.hubConnection.on(\"onStatusChanged\", this.onStatusChanged);\r\n this.hubConnection.on(\"onClearQuestionAnswers\", this.onClearQuestionAnswers);\r\n this.hubConnection.on(\"onNewConnection\", this.onNewConnection);\r\n this.hubConnection.on(\"onNewDisconnection\", this.onNewDisconnection);\r\n this.hubConnection.on(\"onClearResponses\", this.onClearResponses);\r\n this.hubConnection.onclose(this.onClose);\r\n\r\n this.hubConnection.on(\"onGetActiveConnections\", (connectionList) => {\r\n let cL = connectionList.filter((cl) => cl.type == clientTypeConstants.INTERACTION_MEETING);\r\n this.setState({ connectionList: cL });\r\n });\r\n this.hubConnection.invoke(\"getActiveConnections\", eventId, null, null);\r\n this.hubConnection\r\n .invoke(\"handshake\", {\r\n eventId,\r\n clientType: clientTypeConstants.INTERACTION_STAGE,\r\n clientKey,\r\n userGuid: user ? user.userGuid : null,\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n });\r\n })\r\n .catch((error) => {});\r\n };\r\n onStatusChanged = (id, type) => {\r\n let changedAnswer = this.state.clientResponses.find((r) => r.answerId == id);\r\n if (changedAnswer) {\r\n const newResponseList = Array.from(this.state.clientResponses);\r\n let index = this.state.clientResponses.indexOf(changedAnswer);\r\n if (index > -1) {\r\n newResponseList[index].stageStatus = type;\r\n this.setState({ clientResponses: newResponseList });\r\n }\r\n }\r\n };\r\n onNewConnection = (conn) => {\r\n if (conn.type == \"INTERACTION_MEETING\") {\r\n let cL = this.state.connectionList.filter((c) => !(c.clientKey == conn.clientKey && c.type == conn.type));\r\n cL.push(conn);\r\n this.setState({ connectionList: cL });\r\n }\r\n };\r\n onNewDisconnection = (connectionId) => {\r\n if (this.state.connectionList.find((c) => c.connectionId == connectionId)) {\r\n let cL = this.state.connectionList.filter((c) => c.connectionId != connectionId);\r\n this.setState({ connectionList: cL });\r\n }\r\n };\r\n onClearQuestionAnswers = (res) => {\r\n if (res) {\r\n let uptResponses = Array.from(this.state.clientResponses);\r\n uptResponses = uptResponses.filter((r) => r.questionId !== res);\r\n this.setState({ clientResponses: uptResponses });\r\n }\r\n };\r\n onClose = () => {\r\n this.setState({ connected: false });\r\n if (!window.location.hostname.includes(\"localhost\")) {\r\n this.connectToHub();\r\n }\r\n };\r\n onClearResponses = () => {\r\n this.setState({ clientResponses: [] });\r\n };\r\n\r\n onHandshake = (response) => {\r\n if (response.success) {\r\n this.setState({ connected: true, connecting:false, init: true });\r\n } else {\r\n }\r\n };\r\n\r\n convertOptionIdToText = (id) => {\r\n let optionId = parseInt(id);\r\n if (isNaN(optionId)) return id;\r\n const { question, defaultLanguage } = this.state;\r\n let text = id;\r\n try {\r\n text = question.questionOption.find((o) => o.questionOptionId === optionId).questionOptionLanguage.find((l) => l.languageCode === defaultLanguage).label;\r\n } catch (error) {}\r\n return text;\r\n };\r\n\r\n setStageStatus = (id, type) => {\r\n this.hubConnection.invoke(\"setStageStatus\", id, type, this.state.eventId).catch((err) => {\r\n console.error(err);\r\n });\r\n };\r\n onClientResponse = (response) => {\r\n const responses = Array.from(this.state.clientResponses);\r\n const existingResponse = responses.find((r) => {\r\n return r.answerId === response.answerId;\r\n });\r\n if (existingResponse) {\r\n let indexOf = responses.indexOf(responses.find((r) => r.answerId === response.answerId));\r\n if (indexOf > -1) {\r\n responses[indexOf].status = response.status;\r\n }\r\n } else if (response.type === \"Option\") {\r\n response.answerText = this.convertOptionIdToText(response.answer, response.questionId);\r\n }\r\n if (!existingResponse) {\r\n responses.push(response);\r\n }\r\n this.setState({ clientResponses: responses });\r\n };\r\n\r\n toggleQuestionInfo = (question) => {\r\n this.hubConnection.invoke(\"toggleQuestionInfo\", question.questionId, question.eventId, question.type, false);\r\n };\r\n onToggleQuestionInfo = (response) => {\r\n this.setState({ clientResponses: response.clientResponses });\r\n };\r\n onToggleQuestion = (response) => {\r\n let newList = Array.from(this.state.activeQuestions);\r\n if (response.active) {\r\n newList.push(response.questionId);\r\n } else {\r\n newList = newList.filter((q) => q !== response.questionId);\r\n }\r\n this.setState({ activeQuestions: newList });\r\n };\r\n groupTemplate = () => {\r\n const { template } = this.props;\r\n if (template === undefined) return null;\r\n return template.content;\r\n };\r\n\r\n render() {\r\n const { connected, init, activeQuestions, clientResponses } = this.state;\r\n const { template, questions } = this.props;\r\n const style = this.groupTemplate();\r\n const connectionsProps = { hubConnection: this.hubConnection, ...this.state };\r\n if(!init) return \r\n \r\n {\" \"}\r\n #{no}{\" \"}\r\n {\" \"}\r\n {name} {formatTime(timeStamp)}\r\n
\r\n \r\n {message}
\r\n \r\n \r\n {status != 2 || status == 1 || status == 0 || !status ? (\r\n
\r\n \r\n setStatus(id, 2, status)} className=\"stage-tools\">\r\n
\r\n ) : null}\r\n {(status == 2 || status == 1 || !status) && status != 3 ? (\r\n \r\n
\r\n \r\n
\r\n setStatus(id, 3, status)} className=\"stage-tools\">\r\n
\r\n ) : null}\r\n {status == 2 || status == 3 ? (\r\n \r\n
\r\n \r\n
\r\n setStatus(id, 1, status)} className=\"stage-tools\">\r\n
\r\n ) : null}\r\n \r\n
\r\n \r\n
\r\n onPressFunc()} style={{ marginTop: \"3px\" }}>\r\n \r\n
\r\n ) : null}\r\n \r\n \r\n
\r\n \r\n \r\n {enableChat && anonymous != true ? (\r\n onPressFunc()}\r\n disabled={exhibitorHosts.find((e) => e.badgeNo == clientKey)}\r\n startIcon={ cl.clientKey == eh.badgeNo) || exhibitorHosts.find((e) => e.badgeNo == clientKey)}\r\n onClick={() => videoRequest(eh.badgeNo)}\r\n startIcon={nonAvailablePersons.includes(eh.badgeNo) && connectionList.find((cl) => cl.clientKey == eh.badgeNo) ?
\r\n ) : null}\r\n \r\n
\r\n \r\n ) : null}\r\n {props.enableVideoMeeting && anonymous != true ? (\r\n \r\n
\r\n {props.currentChat ? (\r\n
\r\n )}\r\n \r\n );\r\n}\r\n\r\nclass ChatGrid extends React.Component {\r\n state = {\r\n messages: [],\r\n text: \"\",\r\n size: 1,\r\n loaded: false,\r\n };\r\n componentDidMount() {\r\n document.addEventListener(\"keyup\", this.onEnter);\r\n this.handleScroll();\r\n }\r\n onEnter = (e) => {\r\n var e = e || window.event; // for IE to cover IEs window event-object\r\n if (e.which == 13 && this.state.text) {\r\n this.sendMessage();\r\n }\r\n };\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n if (this.props.scroll && !prevProps.scroll) {\r\n this.handleScroll();\r\n }\r\n if (this.props.currentChat != prevProps.currentChat) {\r\n this.handleScroll();\r\n }\r\n }\r\n setChatSize = (size) => {\r\n localStorage.setItem(\"CHAT_SIZE\", size);\r\n this.setState({ size });\r\n };\r\n\r\n handleScroll = (id) => {\r\n const { currentChat, chat } = this.props;\r\n if (currentChat && currentChat.target) {\r\n let chatIndex = chat.indexOf(chat.find((c) => c.target == currentChat.target.badgeNo));\r\n if (chatIndex > -1) {\r\n let index = chat[chatIndex].messages.length - 1;\r\n if (index > -1 && this.refs[index] !== undefined) {\r\n try {\r\n this.refs[index].scrollIntoView({\r\n block: \"end\",\r\n behavior: \"smooth\",\r\n });\r\n this.setState({ loaded: false });\r\n } catch (error) {\r\n console.error(error);\r\n }\r\n }\r\n }\r\n }\r\n };\r\n sendMessage = () => {\r\n const { currentChat, connectionList } = this.props;\r\n const { text } = this.state;\r\n const { target } = currentChat;\r\n this.props.sendMessage(target, text);\r\n this.setState({ text: \"\" });\r\n };\r\n\r\n renderTargetCard = () => {\r\n const { currentChat, connectionList, template } = this.props;\r\n const { target } = currentChat;\r\n return (\r\n \r\n {\" \"}\r\n props.onChatSelect(\"DESELECT\")}\r\n clientKey={props.clientKey}\r\n exhibitorHosts={props.exhibitorHosts}\r\n currentChat={props.currentChat}\r\n sendMessage={props.sendMessage}\r\n connectionList={props.connectionList}\r\n like={props.like}\r\n {...props}\r\n />\r\n
\r\n ) : (\r\n \r\n {\" \"}\r\n \r\n
{\" \"}\r\n \r\n \r\n {formatPeopleList()}\r\n
\r\n \r\n \r\n {this.renderTargetCard()}\r\n \r\n \r\n \r\n {currentChat.target && chat.find((c) => c.target == currentChat.target.badgeNo)\r\n ? chat\r\n .find((c) => c.target == currentChat.target.badgeNo)\r\n .messages.map((m, i) => {\r\n if (m.message == \"INIT\") return null;\r\n const cc = chat.find((c) => c.target == currentChat.target.badgeNo).messages;\r\n return (\r\n \r\n {i != 0 && !isTheSameMinute(m.inserted, chat.find((c) => c.target == currentChat.target.badgeNo).messages[i - 1].inserted) ? (\r\n \r\n like(id, currentChat.target.badgeNo),\r\n\r\n chatTemplate: {\r\n messages: {\r\n fontSize: \"15px\",\r\n fontWeight: \"initial\",\r\n lineHeight: \"auto\",\r\n fontFamily: \"Open Sans\",\r\n color: \"initial\",\r\n receiver: {\r\n backgroundColor: \"#e4e6eb\",\r\n color: \"#050505\",\r\n },\r\n sender: {\r\n backgroundColor: \"#5a60e3\",\r\n color: \"#fff\",\r\n },\r\n },\r\n },\r\n fromYou: m.sender == clientKey,\r\n },\r\n ])}\r\n />\r\n
\r\n \r\n );\r\n })\r\n : null}\r\n \r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n","export const interactionHelper = {\r\n getClientKey,\r\n setClientKey,\r\n};\r\n\r\nfunction setClientKey(id, key, expoId = null, expoHost = false) {\r\n if (expoId)\r\n localStorage.setItem(`EXPO${expoHost ? \"_HOST\" : \"\"}_KEY_${expoId}`, key);\r\n else {\r\n localStorage.setItem(`CLIENT_KEY_${id}`, key);\r\n }\r\n}\r\n\r\nfunction getClientKey(id, expoId = null, expoHost = false) {\r\n if (expoId)\r\n return (\r\n localStorage.getItem(`EXPO${expoHost ? \"_HOST\" : \"\"}_KEY_${expoId}`) ||\r\n null\r\n );\r\n return localStorage.getItem(`CLIENT_KEY_${id}`) || null;\r\n}","import React from \"react\";\r\nimport { List, ListItem, IconButton } from \"@material-ui/core\";\r\nimport { ListGroup, ListGroupItem, Col, Row } from \"reactstrap\";\r\nimport ArrowForwardIcon from \"@material-ui/icons/ArrowForward\";\r\nimport GetAppIcon from \"@material-ui/icons/GetApp\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faFileExcel, faFileImage, faFileWord, faFilePdf, faFilePowerpoint, faFileVideo, faFileAudio } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { toKebabCase } from \"../../../helpers/cssHelper\";\r\nimport LanguageOutlinedIcon from \"@material-ui/icons/LanguageOutlined\";\r\nimport { clickTrackLog } from \"../../../services/clickTrack.service\";\r\n\r\nexport default class ExpoFileList extends React.Component {\r\n render() {\r\n const renderFileIcon = (value) => {\r\n let type = value.substring(value.lastIndexOf(\".\") + 1, value.length);\r\n switch (type) {\r\n case \"jpg\":\r\n case \"jif\":\r\n case \"png\":\r\n case \"svg\":\r\n return (\r\n \r\n this.setState({ text: e.target.value })} />\r\n
\r\n \r\n \r\n \r\n {\r\n this.setState({ text: \"THUMB_UP\" }, () => this.sendMessage());\r\n }}\r\n >\r\n
\r\n \r\n \r\n\r\n \r\n {files\r\n .sort(function (a, b) {\r\n return a.sortOrder - b.sortOrder;\r\n })\r\n .map((f, i) => {\r\n return (\r\n \r\n clickTrackLog(eventId, exhibitorId, clientKey, f.name, f.value2, \"Exhibitor\", () => {\r\n if (f.value2 && typeof f.value2 === \"string\") {\r\n let link = f.value2;\r\n if (!link.toLowerCase().startsWith(\"http\")) {\r\n link = \"https://\" + link;\r\n }\r\n window.open(link, \"_blank\");\r\n }\r\n })\r\n }\r\n >\r\n \r\n {!links ? (\r\n \r\n {f.value}\r\n
\r\n {links ? (\r\n {f.value2}\r\n ) : (\r\n {f.value2.substring(f.value2.lastIndexOf(\".\") + 1, f.value2.length)}\r\n )}\r\n \r\n\r\n clickTrackLog(eventId, exhibitorId, clientKey, f.name, f.value2, \"Exhibitor\", () => {\r\n if (f.value2 && typeof f.value2 === \"string\") {\r\n let link = f.value2;\r\n if (!link.toLowerCase().startsWith(\"http\")) {\r\n link = \"https://\" + link;\r\n }\r\n window.open(link, \"_blank\");\r\n }\r\n })\r\n }\r\n style={{ border: \"1px solid gainsboro\" }}\r\n >\r\n {f.name == \"Link\" ?
\r\n \r\n );\r\n })}\r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { makeStyles, useTheme } from \"@material-ui/core/styles\";\r\nimport AppBar from \"@material-ui/core/AppBar\";\r\nimport Tabs from \"@material-ui/core/Tabs\";\r\nimport Tab from \"@material-ui/core/Tab\";\r\nimport EventLabel2 from \"../../../components/EventLabel2/EventLabel2\";\r\nimport LinkIcon from \"@material-ui/icons/Link\";\r\nimport InsertDriveFileTwoToneIcon from \"@material-ui/icons/InsertDriveFileTwoTone\";\r\n\r\nfunction TabPanel(props) {\r\n const { children, value, index, ...other } = props;\r\n\r\n return (\r\n \r\n {links ? (\r\n {f.value2}\r\n ) : (\r\n {f.value2.substring(f.value2.lastIndexOf(\".\") + 1, f.value2.length)}\r\n )}\r\n \r\n
\r\n {value === index && children}\r\n
\r\n );\r\n}\r\n\r\nTabPanel.propTypes = {\r\n children: PropTypes.node,\r\n index: PropTypes.any.isRequired,\r\n value: PropTypes.any.isRequired,\r\n};\r\n\r\nfunction a11yProps(index) {\r\n return {\r\n id: `full-width-tab-${index}`,\r\n \"aria-controls\": `full-width-tabpanel-${index}`,\r\n };\r\n}\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n backgroundColor: \"#fff\",\r\n width: \"100%\",\r\n borderRadius: \"4px\",\r\n },\r\n}));\r\n\r\nexport default function SideViewTabs(props) {\r\n const classes = useStyles();\r\n const theme = useTheme();\r\n const [value, setValue] = React.useState(0);\r\n\r\n const handleChange = (event, newValue) => {\r\n setValue(newValue);\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n {props.chatView}\r\n \r\n
\r\n );\r\n}\r\n\r\nexport function SideViewTabs2(props) {\r\n const classes = useStyles();\r\n const theme = useTheme();\r\n const [value, setValue] = React.useState(0);\r\n\r\n const handleChange = (event, newValue) => {\r\n setValue(newValue);\r\n };\r\n\r\n const {\r\n notices = {\r\n video: false,\r\n chat: false,\r\n },\r\n template,\r\n } = props;\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n }\r\n {...a11yProps(1)}\r\n />\r\n \r\n null}\r\n aria-labelledby=\"alert-dialog-title\"\r\n aria-describedby=\"alert-dialog-description\"\r\n >\r\n \r\n \r\n \r\n\r\n \r\n\r\n \r\n \r\n {isChrome ? : null}\r\n \r\n \r\n
\r\n );\r\n}","import React from \"react\";\r\nimport { JitsiMeeting } from \"@jitsi/react-sdk\";\r\nimport { Spinner } from \"reactstrap\";\r\nconst wrapperStyle = (w) => {\r\n return {\r\n position: \"relative\",\r\n width: w,\r\n background: \"rgb(71, 71, 71)\",\r\n height: \"100%\",\r\n };\r\n};\r\n\r\nconst loader = () => (\r\n \r\n
\r\n \r\n
\r\n {!isChrome ?\r\n \r\n {target ? target.name : '(?)'}\r\n
\r\n \r\n
\r\n : null}\r\n \r\n
\r\n);\r\n\r\nexport class JitsiWrapper extends React.Component {\r\n state = {\r\n displayName: \"\",\r\n roomName: \"\",\r\n password: \"\",\r\n onCall: false,\r\n meetingEnded: false,\r\n videoOn: true,\r\n audioOn: true,\r\n };\r\n componentDidMount() {\r\n const { displayName, roomName } = this.props;\r\n this.setState({ displayName, roomName, onCall: true, meetingEnded: false });\r\n }\r\n\r\n setOnCallEndListener = (JitsiMeetAPI) => {\r\n const { onHangup = () => null } = this.props;\r\n JitsiMeetAPI.addListener(\"videoConferenceLeft\", () => { onHangup(); })\r\n window.addEventListener(\"beforeunload\", () => {\r\n JitsiMeetAPI.executeCommand(\"hangup\");\r\n this.setState({ meetingEnded: true });\r\n });\r\n };\r\n render() {\r\n const {\r\n onCall,\r\n meetingEnded,\r\n videoOn,\r\n audioOn,\r\n roomName,\r\n displayName,\r\n password,\r\n } = this.state;\r\n const { height } = this.props;\r\n return onCall && !meetingEnded ? (\r\n \r\n this.setOnCallEndListener(JitsiMeetAPI)}\r\n getIFrameRef = { (iframeRef) => { iframeRef.style.height = '100%'; } }\r\n />\r\n
\r\n ) : null;\r\n }\r\n}","import React from 'react';\r\nimport { JitsiWrapper } from '../../../plugins/JitsiWrapper';\r\nimport { videoCallConstants } from '../../constants/videoCall.constants';\r\nimport PhoneIcon from '@material-ui/icons/Phone';\r\nimport './CallStyle.css'\r\nimport SystemLabel from '../../../system/SystemLabel/SystemLabel';\r\nimport PhoneDisabledIcon from '@material-ui/icons/PhoneDisabled';\r\nimport CallEndIcon from '@material-ui/icons/CallEnd';\r\nimport { Button } from '@material-ui/core';\r\nimport Draggable from 'react-draggable';\r\nimport DragIndicatorTwoToneIcon from '@material-ui/icons/DragIndicatorTwoTone';\r\nfunction MaxWidthDialog(props) {\r\n const [fullSize, toggleSize] = React.useState(true)\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n );\r\n}\r\n\r\nconst callingIconText = () => {\r\n\r\n}\r\n\r\nexport default class VideoFrame extends React.Component {\r\n renderCallLoader = (targetPerson) => {\r\n const { videoCallActive, videoCallTarget, videoResponse, clientKey, videoCallResponse, closeVideoCall, callId, lang } = this.props;\r\n if (videoCallResponse == videoCallConstants.CALL_DENIED) {\r\n return (\r\n \r\n
\r\n \r\n {props.children}\r\n
\r\n \r\n \r\n
\r\n {targetPerson} {\" \"}
\r\n )\r\n }\r\n if (videoCallResponse == videoCallConstants.SELF_HANGUP) {\r\n return (\r\n \r\n \r\n
\r\n
\r\n )\r\n }\r\n if (videoCallResponse == videoCallConstants.TARGET_HANGUP) {\r\n return (\r\n \r\n \r\n
\r\n {targetPerson} {\" \"}
\r\n )\r\n }\r\n return (\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n )\r\n }\r\n render() {\r\n const { videoCallActive, videoCallTarget, videoResponse, clientKey, clientName, closeVideoCall, targetPerson = '' , meetingCode = ''} = this.props;\r\n if (!videoCallTarget) return null;\r\n return (\r\n {this.renderCallLoader(targetPerson)}
}\r\n \r\n {template && template.template ? eh.badgeNo == this.state.isCalling)}\r\n deny={() => this.videoRequestResponse(false, this.state.isCalling, this.state.callId)}\r\n accept={() => this.videoRequestResponse(true, this.state.isCalling, this.state.callId)}\r\n />\r\n ) : null}\r\n {videoCallTarget && connected ? (\r\n eh.badgeNo == videoCallTarget).name}\r\n displayName={clientName}\r\n exhibitorHosts={exhibitorHosts}\r\n chat={chat}\r\n clientKey={clientKey}\r\n template={template}\r\n callId={this.state.callId}\r\n like={this.like}\r\n eventCode={eventCode}\r\n eventId={eventId}\r\n lang={this.state.lang}\r\n clientName={this.state.clientName}\r\n nonAvailablePersons={this.state.nonAvailablePersons}\r\n videoRequest={this.videoRequest}\r\n closeVideoCall={this.closeVideoCall}\r\n videoCallActive={this.state.videoCallActive}\r\n scroll={this.state.scroll}\r\n videoCallResponse={this.state.videoCallResponse}\r\n videoCallTarget={this.state.videoCallTarget}\r\n settings={this.state.exhibitorSettings}\r\n connectionList={connectionList}\r\n sendMessage={this.sendMessage}\r\n meetingCode={this.state.meetingCode}\r\n videoResponse={this.videoRequestResponse}\r\n setMessageSeen={this.setMessageSeen}\r\n />\r\n ) : null}\r\n this.selectedChat(target)}\r\n setMessageSeen={this.setMessageSeen}\r\n />\r\n {this.state.incommingCallSoundOn ? \r\n this.selectedChat({\r\n ...this.state.snackbar,\r\n badgeNo: this.state.snackbar.target,\r\n })\r\n }\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n {this.state.exhibitorHosts.find((e) => e.badgeNo == this.state.snackbar.target) ? this.state.exhibitorHosts.find((e) => e.badgeNo == this.state.snackbar.target).name : null}\r\n \r\n }\r\n secondary={\r\n \r\n this.setState({ snackbar: null })}>\r\n \r\n \r\n \r\n
\r\n ) : null}\r\n \r\n );\r\n }\r\n}\r\nfunction mapStateToProps(state) {\r\n return {\r\n template: state.template,\r\n cms: state.cms,\r\n };\r\n}\r\nexport default connect(mapStateToProps)(ExpoBoothLayout);\r\n\r\nfunction CenteredGrid({\r\n exhibitorHosts,\r\n template,\r\n setMessageSeen,\r\n clientKey,\r\n scroll,\r\n chat,\r\n anonymous,\r\n sendMessage,\r\n settings = [],\r\n clientName,\r\n connectionList,\r\n like = () => null,\r\n closeVideoCall = () => null,\r\n videoRequest = () => null,\r\n nonAvailablePersons = [],\r\n videoCallTarget = null,\r\n videoCallResponse = null,\r\n videoCallActive = false,\r\n eventCode = null,\r\n eventId = null,\r\n exhibitorName,\r\n exhibitorId,\r\n enableChat = true,\r\n videoResponse = () => null,\r\n callId = null,\r\n profile = {},\r\n setScroll = () => null,\r\n lang = null,\r\n selectedChat = null,\r\n selectChat = () => null,\r\n showBackToEventButton = false,\r\n enableVideoMeeting = false,\r\n}) {\r\n const classes = useStyles();\r\n return (\r\n \r\n {this.state.snackbar.previewText.substring(0, 20)} • {formatTime(this.state.snackbar.lastChange)}\r\n
\r\n }\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {/*
\r\n \r\n
*/}\r\n \r\n })
\r\n
\r\n ) : (\r\n {exhibitorName}
\r\n )}\r\n\r\n \r\n
\r\n \r\n \r\n this.onSaveEdit(text)}\r\n message={chatMessages.find((c) => c.eventId == this.state.selectedChat.eventId).messages.find((m) => m.interactionChatId == this.state.editId).message}\r\n onCancel={() => this.setState({ editId: null })}\r\n {...this.props}\r\n />\r\n ) : null}\r\n {this.state.confirmDialog && this.state.target ? this.setState({ confirmDialog: false })} onAction={this.saveStatus} lang={this.props.lang} type={this.state.target.type} /> : null}\r\n
\r\n );\r\n }\r\n}\r\nconst Transition = React.forwardRef(function Transition(props, ref) {\r\n return \r\n
\r\n \r\n \r\n {\" \"}\r\n \r\n
\r\n - \r\n {chatMessages.length > 0\r\n ? chatMessages.map((q, i) => {\r\n return (\r\n
\r\n
\r\n {this.state.editId ? (\r\n \r\n \r\n {selectedChat ? selectedChat.eventName : \r\n {this.state.selectedChat && chatMessages.find((c) => c.eventId == this.state.selectedChat?.eventId)?.messages?.some((m) => m.hidden === true) && (\r\n \r\n )}\r\n
\r\n this.onScroll(true)}>\r\n {this.state.selectedChat\r\n ? chatMessages.find((c) => c.eventId == this.state.selectedChat.eventId) &&\r\n chatMessages\r\n .find((c) => c.eventId == this.state.selectedChat.eventId)\r\n .messages.slice(this.state.messagesToShow * -1)\r\n .map((m, i) => {\r\n return (\r\n
\r\n \r\n \r\n \r\n \r\n )\r\n }\r\n toggleVisibility={onRemoveMessage}\r\n block={(clientKey, b) => block(clientKey, b, m.eventId)}\r\n setEdit={(editId) => this.setState({ editId })}\r\n isBlocked={chatMessages.find((c) => c.eventId == selectedChat.eventId).blockedClients.includes(m.sender)}\r\n deleted={m.message.includes(\"JX_ADMIN_REMOVED\")}\r\n activeEdit={this.state.editId == m.interactionChatId}\r\n id={m.interactionChatId}\r\n />\r\n
\r\n );\r\n })\r\n : null}\r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nfunction MessageBox({ message, timeStamp, name, no, setEdit, activeEdit, toggleVisibility, clientKey, isBlocked, deleted, id, lang, block = () => null }) {\r\n /* const [editId, setEditId] = useState(null); */\r\n const formatTime = (date) => {\r\n if (datesAreOnSameDay(new Date(date), new Date())) {\r\n let formattedDate = new Date(date);\r\n let h = formattedDate.getHours();\r\n let m = formattedDate.getMinutes();\r\n if (m < 10) m = \"0\" + m;\r\n if (h < 10) h = \"0\" + h;\r\n return h + \":\" + m;\r\n } else {\r\n let formattedDate = new Date(date);\r\n let d = formattedDate.getUTCDay().toString().substr(0, 3);\r\n let h = formattedDate.getHours();\r\n let m = formattedDate.getMinutes();\r\n if (m < 10) m = \"0\" + m;\r\n if (h < 10) h = \"0\" + h;\r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n );\r\n}\r\n","import React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Button, Container, Row, Col, Input, Spinner, Fade } from \"reactstrap\";\r\nimport { clientTypeConstants } from \"../../constants/clientType.constants\";\r\nimport { HubConnectionBuilder } from \"@aspnet/signalr\";\r\nimport { cmsActions } from \"../../../store/actions/cms/cms.action\";\r\nimport { sourceTypes } from \"../../../constants/cms/sourceType\";\r\nimport Axios from \"axios\";\r\nimport \"../../stage/style/StageStyle.css\";\r\nimport { questionActions } from \"../../../store/actions/question/question.action\";\r\nimport { getKey } from \"../../../helpers/UrlHelper\";\r\nimport ChatMessageList from \"../MessageList\";\r\n\r\nimport Dialog from \"@material-ui/core/Dialog\";\r\nimport DialogContent from \"@material-ui/core/DialogContent\";\r\nimport DialogContentText from \"@material-ui/core/DialogContentText\";\r\nimport DialogTitle from \"@material-ui/core/DialogTitle\";\r\nimport Slide from \"@material-ui/core/Slide\";\r\nimport ErrorOutlineIcon from \"@material-ui/icons/ErrorOutline\";\r\nimport SystemLabel from \"../../../system/SystemLabel/SystemLabel\";\r\nimport { ConnectionStatus } from \"../../../digitalArena/components/fallbacks/ConnectionStatus\";\r\n\r\nclass ChatModeratorLayout extends Component {\r\n state = {\r\n hubConnection: null,\r\n clientKey: \"\",\r\n clientResponses: [],\r\n defaultLanguage: \"swe\",\r\n connected: false,\r\n eventId: -1,\r\n code: \"\",\r\n showDialog: false,\r\n chatMessages: [],\r\n scroll: false,\r\n forceDisc: false,\r\n };\r\n componentDidMount() {\r\n window.scrollTo(0, 0);\r\n const eventId = this.props.match.params.id;\r\n document.body.style.overflow = \"hidden\";\r\n if (isNaN(eventId)) {\r\n this.getEventId(eventId);\r\n } else {\r\n this.props.dispatch(questionActions.getAllQuestionsByEvent(eventId));\r\n this.setState({ eventId }, () => this.connectToHub());\r\n }\r\n const params = new URLSearchParams(this.props.location.search);\r\n const lang = params.get(getKey(\"lang\", params));\r\n const code = params.get(getKey(\"code\", params));\r\n if (lang) this.setState({ defaultLanguage: lang });\r\n if (code) this.setState({ code });\r\n // this.props.dispatch(templateActions.getDefaultTemplateByEvent(eventId));\r\n this.props.dispatch(cmsActions.setEnviroment(sourceTypes.INTERACTION, false));\r\n }\r\n componentDidUpdate(prevProps, prevState) {\r\n const { connecting, dismissConnectionLoss, forceDisc, connected } = this.state;\r\n\r\n if (connected == false && prevState.connected == true && connecting == false) {\r\n this.tryReconnect();\r\n this.counter = setInterval(() => this.setState({ countdown: this.state.countdown + 1 }), 1000);\r\n } else if (this.state.countdown >= 60 && !connected && prevState.connected == false) {\r\n this.setState({ countdown: 0, connecting: false });\r\n this.tryReconnect();\r\n } else if (connected == true && prevState.connected == false && !this.state.connecting && this.hubConnection && this.hubConnection.connectionState == 1) {\r\n if (this.counter) clearInterval(this.counter);\r\n\r\n this.setState({ countdown: 0 });\r\n }\r\n }\r\n tryReconnect = () => {\r\n if (!this.state.connected && !this.state.connecting) {\r\n this.connectToHub();\r\n }\r\n };\r\n onMessageEdit = (res) => {\r\n const { chatMessages } = this.state;\r\n const resChat = chatMessages.find((c) => c.messages.find((m) => m.interactionChatId == res.id));\r\n if (resChat) {\r\n let index = chatMessages.indexOf(resChat);\r\n let messageIndex = resChat.messages.indexOf(resChat.messages.find((r) => r.interactionChatId == res.id));\r\n if (index > -1 && messageIndex > -1) {\r\n chatMessages[index].messages[messageIndex].message = res.message;\r\n this.setState({ chatMessages });\r\n }\r\n }\r\n };\r\n onMessageRemoved = (res) => {\r\n const { chatMessages } = this.state;\r\n const resChat = chatMessages.find((c) => c.messages.find((m) => m.interactionChatId == res.id));\r\n if (resChat) {\r\n let index = chatMessages.indexOf(resChat);\r\n let messageIndex = resChat.messages.indexOf(resChat.messages.find((r) => r.interactionChatId == res.id));\r\n if (index > -1 && messageIndex > -1) {\r\n chatMessages[index].messages[messageIndex].message = res.message;\r\n this.setState({ chatMessages });\r\n }\r\n }\r\n };\r\n getEventId = (eventCode) => {\r\n Axios.get(`./api/event/getId/${eventCode}`)\r\n .then((res) => {\r\n this.setState({ eventId: res.data.id }, () => this.connectToHub());\r\n this.props.dispatch(questionActions.getAllQuestionsByEvent(res.data.id));\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n });\r\n };\r\n setClientKey = (key) => {\r\n localStorage.setItem(\"CLIENT_KEY\", key);\r\n };\r\n getClientKey = () => {\r\n return localStorage.getItem(\"CLIENT_KEY\") || null;\r\n };\r\n onGetActiveQuestions = (qList) => {\r\n if (qList.length > 0) {\r\n let questionIds = qList.map((ql) => {\r\n return ql.question.questionId;\r\n });\r\n this.setState({ activeQuestions: questionIds });\r\n }\r\n };\r\n block = (clientKey, block, eventId) => {\r\n let extra = {};\r\n\r\n extra.clientKey = clientKey;\r\n extra.Name = \"ChatBlock\";\r\n extra.eventId = eventId;\r\n extra.value = block ? \"True\" : \"False\";\r\n\r\n this.hubConnection.invoke(\"setInteractionExtra\", extra);\r\n };\r\n\r\n onInteractionExtraSet = (extra) => {\r\n if (typeof extra == \"object\") {\r\n this.interactionExtraHandler(extra);\r\n } else if (Array.isArray(extra)) {\r\n extra.map((e) => {\r\n this.interactionExtraHandler(e);\r\n });\r\n }\r\n };\r\n interactionExtraHandler = (extra) => {\r\n if (extra.name == \"ChatBlock\") {\r\n const { chatMessages } = this.state;\r\n const resChat = chatMessages.find((c) => c.eventId == extra.eventId);\r\n if (resChat) {\r\n let index = chatMessages.indexOf(resChat);\r\n if (index > -1) {\r\n if (extra.value == \"True\") {\r\n chatMessages[index].blockedClients.push(extra.clientKey);\r\n }\r\n if (extra.value == \"False\") {\r\n chatMessages[index].blockedClients = chatMessages[index].blockedClients.filter((x) => x != extra.clientKey);\r\n }\r\n this.setState({ chatMessages });\r\n }\r\n }\r\n }\r\n };\r\n onSendChatMessage = (message) => {\r\n const { chatMessages } = this.state;\r\n const resChat = chatMessages.find((c) => c.eventId == message.eventId);\r\n if (resChat) {\r\n let index = chatMessages.indexOf(resChat);\r\n if (index > -1) {\r\n chatMessages[index].messages.push(message);\r\n this.setState({ chatMessages, scroll: true });\r\n setTimeout(() => this.setState({ scroll: false }), 1500);\r\n }\r\n }\r\n };\r\n connectToHub = () => {\r\n const { eventId } = this.state;\r\n const { user } = this.props;\r\n try {\r\n if (!this.hubConnection) {\r\n this.hubConnection = new HubConnectionBuilder().withUrl(\"./ihub\").build();\r\n }\r\n } catch (error) {}\r\n let clientKey = this.getClientKey();\r\n this.hubConnection\r\n .start()\r\n .then(() => {\r\n this.hubConnection.on(\"onHandshake\", this.onHandshake);\r\n\r\n this.hubConnection.on(\"onClearEventData\", () => this.setState({ chats: [] }));\r\n\r\n this.hubConnection.on(\"onMessageRemoved\", this.onMessageRemoved);\r\n this.hubConnection.on(\"onMessageEdit\", this.onMessageEdit);\r\n this.hubConnection.on(\"onGetEventChats\", this.onGetEventChats);\r\n this.hubConnection.on(\"onSendChatMessage\", this.onSendChatMessage);\r\n this.hubConnection.on(\"onInteractionExtraSet\", this.onInteractionExtraSet);\r\n this.hubConnection.on(\"onExposeHiddenMessages\", this.onExposeHiddenMessages);\r\n this.hubConnection.on(\"onClearQuestionAnswers\", this.onClearQuestionAnswers);\r\n this.hubConnection.on(\"onClearResponses\", this.onClearResponses);\r\n this.hubConnection.onclose(this.onClose);\r\n this.hubConnection\r\n .invoke(\"handshake\", {\r\n eventId,\r\n clientType: clientTypeConstants.INTERACTION_CHAT_MODERATOR,\r\n clientKey,\r\n code: this.state.code,\r\n userGuid: user ? user.userGuid : null,\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n });\r\n })\r\n .catch((error) => {});\r\n };\r\n\r\n onExposeHiddenMessages = () => {\r\n const c = this.state.chatMessages;\r\n\r\n c.map((c) => {\r\n return c.messages.map((m) => {\r\n if (m.receiver === \"ALL\") {\r\n m.hidden = false;\r\n }\r\n });\r\n });\r\n\r\n this.setState({ chatMessages: c });\r\n };\r\n\r\n onGetEventChats = (chatMessages) => this.setState({ chatMessages });\r\n onRemoveMessage = (id, hide) => this.hubConnection.invoke(\"removeChatMessage\", id, hide);\r\n onEditMessage = (id, message) => this.hubConnection.invoke(\"editChatMessage\", id, message);\r\n onClose = () => {\r\n this.setState({ connected: false });\r\n if (!window.location.hostname.includes(\"localhost\")) {\r\n this.connectToHub();\r\n }\r\n };\r\n\r\n onForceDisconnect = (res) => {\r\n if (res === \"CODE_NOT_VALID\") {\r\n this.setState({ connected: false, forceDisc: true });\r\n this.hubConnection.stop();\r\n }\r\n };\r\n onHandshake = (response) => {\r\n if (response.success) {\r\n this.hubConnection.invoke(\"getEventChats\", this.state.eventId).catch((err) => {\r\n console.error(err);\r\n });\r\n this.setState({ connected: true, lang: response.lang });\r\n } else {\r\n this.setState({ showDialog: true });\r\n }\r\n };\r\n\r\n exposeHiddenMessages = (eventId) => {\r\n this.hubConnection.invoke(\"exposeHiddenMessages\", eventId);\r\n };\r\n\r\n render() {\r\n const { chatMessages, connected, forceDisc } = this.state;\r\n if (!connected && forceDisc) return \r\n {isBlocked ? \r\n {\" \"}\r\n {\" \"}\r\n {name} {formatTime(timeStamp)}\r\n
\r\n \r\n {message.includes(\"JX_ADMIN_REMOVED:\") ? message.replace(\"JX_ADMIN_REMOVED:\", \"\") : message}
\r\n \r\n \r\n
\r\n \r\n setEdit(!activeEdit ? id : null)} className=\"stage-tools\">\r\n
\r\n \r\n
\r\n \r\n
\r\n toggleVisibility(id, !deleted)} className=\"stage-tools\">\r\n
\r\n {/* {deleted ? (\r\n {!deleted ?
\r\n \r\n {!deleted ?
\r\n toggleVisibility(id, false)} className=\"stage-tools\">\r\n
\r\n ) : null} */}\r\n {!isBlocked ? (\r\n \r\n
\r\n \r\n
\r\n block(clientKey, true)} className=\"stage-tools\">\r\n
\r\n ) : (\r\n \r\n
\r\n \r\n
\r\n block(clientKey, false)} className=\"stage-tools\">\r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\nfunction mapStateToProps(state) {\r\n return {\r\n user: state.authentication.user,\r\n };\r\n}\r\nexport default connect(mapStateToProps)(ChatModeratorLayout);\r\n\r\nfunction NotAuthorized(props) {\r\n return (\r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nconst Transition = React.forwardRef(function Transition(props, ref) {\r\n return \r\n
\r\n )}\r\n\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {deleted ? (\r\n
\r\n \r\n );\r\n};\r\nexport default ModuleWrapper;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport AppBar from '@material-ui/core/AppBar';\r\nimport Tabs from '@material-ui/core/Tabs';\r\nimport Tab from '@material-ui/core/Tab';\r\nimport PhoneIcon from '@material-ui/icons/Phone';\r\nimport FavoriteIcon from '@material-ui/icons/Favorite';\r\nimport PersonPinIcon from '@material-ui/icons/PersonPin';\r\nimport HelpIcon from '@material-ui/icons/Help';\r\nimport ShoppingBasket from '@material-ui/icons/ShoppingBasket';\r\nimport ThumbDown from '@material-ui/icons/ThumbDown';\r\nimport ThumbUp from '@material-ui/icons/ThumbUp';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport Box from '@material-ui/core/Box';\r\nimport AddToPhotosOutlinedIcon from '@material-ui/icons/AddToPhotosOutlined';\r\nimport ViewModuleOutlinedIcon from '@material-ui/icons/ViewModuleOutlined';\r\nimport PaletteOutlinedIcon from '@material-ui/icons/PaletteOutlined';\r\nimport { Nav, NavItem, NavLink } from \"reactstrap\";\r\nimport SystemLabel from '../../../../system/SystemLabel/SystemLabel';\r\n\r\n\r\n\r\n\r\nexport const GeneralTabs = ({ toggle, activeTab, slim }) => {\r\n return (\r\n \r\n
\r\n ) : null}\r\n {renderModulePlaceholder(\r\n name,\r\n template,\r\n {\r\n ...extra,\r\n width: size.width,\r\n height: size.height,\r\n bound: gridBound,\r\n eventName,\r\n layout: props.layout,\r\n fullscreenRef: fullscreenRef\r\n },\r\n settings,\r\n (settings) => props.updateModule({ ...module, settings })\r\n )}\r\n {/* */}\r\n \r\n
\r\n \r\n {colors.map((c, i) => {\r\n return (\r\n
\r\n \r\n \r\n
\r\n );\r\n })}\r\n handleClick(c)} style={{ backgroundColor: c }} className=\"color-box\">
\r\n \r\n \r\n \r\n \r\n {uList\r\n .sort((a, b) => {\r\n return a > b;\r\n })\r\n .map((u, i) => {\r\n return (\r\n unitChange(u, path)}\r\n key={i}\r\n >\r\n {u}\r\n \r\n );\r\n })}\r\n \r\n
\r\n \r\n \r\n {\r\n onChange(null, attachUnit ? e + activeUnit : e, path, attachUnit ? activeUnit : null);\r\n }}\r\n />\r\n \r\n = min ? value : null}\r\n onChange={(e) => {\r\n onChange(null, attachUnit ? e.target.value + activeUnit : e.target.value /* + (activeUnit || lastUnit) */, path, attachUnit ? activeUnit : null);\r\n }}\r\n //defaultValue={defaultValue}\r\n />\r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default EditorSlider;\r\n","import React from \"react\";\r\n\r\nimport FormatColorFillIcon from \"@material-ui/icons/FormatColorFill\";\r\nimport FontDownloadOutlinedIcon from \"@material-ui/icons/FontDownloadOutlined\";\r\nimport FilterFramesOutlinedIcon from \"@material-ui/icons/FilterFramesOutlined\";\r\nimport BorderOuterOutlinedIcon from \"@material-ui/icons/BorderOuterOutlined\";\r\nimport BusinessCenterOutlinedIcon from \"@material-ui/icons/BusinessCenterOutlined\";\r\nimport TitleOutlinedIcon from \"@material-ui/icons/TitleOutlined\";\r\nimport TextFieldsOutlinedIcon from \"@material-ui/icons/TextFieldsOutlined\";\r\nimport SendOutlinedIcon from \"@material-ui/icons/SendOutlined\";\r\nimport BorderBottomOutlinedIcon from \"@material-ui/icons/BorderBottomOutlined\";\r\nimport BorderTopOutlinedIcon from \"@material-ui/icons/BorderTopOutlined\";\r\nimport ChatBubbleOutlineOutlinedIcon from \"@material-ui/icons/ChatBubbleOutlineOutlined\";\r\nimport ListAltOutlinedIcon from \"@material-ui/icons/ListAltOutlined\";\r\nimport AccountCircleOutlinedIcon from \"@material-ui/icons/AccountCircleOutlined\";\r\nimport PersonOutlineOutlinedIcon from \"@material-ui/icons/PersonOutlineOutlined\";\r\nimport FormatListBulletedOutlinedIcon from \"@material-ui/icons/FormatListBulletedOutlined\";\r\nimport ViewDayOutlinedIcon from \"@material-ui/icons/ViewDayOutlined\";\r\nimport SearchOutlinedIcon from \"@material-ui/icons/SearchOutlined\";\r\nimport CalendarTodayOutlinedIcon from \"@material-ui/icons/CalendarTodayOutlined\";\r\nimport EventAvailableOutlinedIcon from \"@material-ui/icons/EventAvailableOutlined\";\r\nimport EventBusyOutlinedIcon from \"@material-ui/icons/EventBusyOutlined\";\r\nimport InputOutlinedIcon from \"@material-ui/icons/InputOutlined\";\r\nimport SearchIcon from \"@material-ui/icons/Search\";\r\nimport HelpOutlineOutlinedIcon from \"@material-ui/icons/HelpOutlineOutlined\";\r\nimport PanoramaOutlinedIcon from \"@material-ui/icons/PanoramaOutlined\";\r\nimport { templateHelper } from \"../helpers/templateHelper\";\r\nimport SystemLabel from \"../../../../system/SystemLabel/SystemLabel\";\r\nimport SubjectIcon from \"@material-ui/icons/Subject\";\r\nimport BarChartOutlinedIcon from \"@material-ui/icons/BarChartOutlined\";\r\nimport TouchAppOutlinedIcon from \"@material-ui/icons/TouchAppOutlined\";\r\nimport LinkOutlinedIcon from \"@material-ui/icons/LinkOutlined\";\r\nimport KeyboardArrowUpOutlinedIcon from \"@material-ui/icons/KeyboardArrowUpOutlined\";\r\nimport KeyboardArrowDownOutlinedIcon from \"@material-ui/icons/KeyboardArrowDownOutlined\";\r\nimport EditOutlinedIcon from \"@material-ui/icons/EditOutlined\";\r\nimport HeightOutlinedIcon from \"@material-ui/icons/HeightOutlined\";\r\nimport FormatAlignLeftIcon from \"@material-ui/icons/FormatAlignLeft\";\r\nimport FormatAlignCenterIcon from \"@material-ui/icons/FormatAlignCenter\";\r\nimport FormatAlignRightIcon from \"@material-ui/icons/FormatAlignRight\";\r\nimport CheckBoxIcon from \"@material-ui/icons/CheckBox\";\r\nimport EqualizerIcon from \"@material-ui/icons/Equalizer\";\r\nimport SendIcon from \"@material-ui/icons/Send\";\r\nimport ArrowForwardIosIcon from \"@material-ui/icons/ArrowForwardIos\";\r\nimport UnfoldMoreIcon from \"@material-ui/icons/UnfoldMore\";\r\nimport DescriptionOutlinedIcon from \"@material-ui/icons/DescriptionOutlined\";\r\nimport RemoveIcon from \"@material-ui/icons/Remove\";\r\nimport TableChartOutlinedIcon from \"@material-ui/icons/TableChartOutlined\";\r\nimport GridOnOutlinedIcon from \"@material-ui/icons/GridOnOutlined\";\r\n//#region icons\r\n\r\nconst helpIcon = \r\n setExpanded(!expanded)}>\r\n \r\n {children}\r\n \r\n \r\n
\r\n );\r\n}\r\n","import React from \"react\";\r\nimport Select from \"react-select\";\r\nimport { InputGroupAddon, InputGroup, InputGroupText, Row, Col, Label } from \"reactstrap\";\r\n\r\nimport { connect } from \"react-redux\";\r\nimport SystemLabel from \"../../../../system/SystemLabel/SystemLabel\";\r\nimport { authHeader } from \"../../../../helpers/authHeader\";\r\nimport { cmsActions } from \"../../../../store/actions/cms/cms.action\";\r\nimport { arrayHelper } from \"../../../../helpers/arrayHelper\";\r\nimport FileStorageWrapper from \"../../../../components/FileStorage/FileStorageWrapper\";\r\nimport PermMediaIcon from \"@material-ui/icons/PermMedia\";\r\nimport { IconButton } from \"@material-ui/core\";\r\nimport { archiveConstants } from \"../../../../components/FileStorage/contstants/archive.contstants\";\r\n\r\nconst API_KEY = \"AIzaSyB6aQW4uFg8OuFMHaxBmqDPCvzBGe5vuTg\";\r\nconst customStyles = {\r\n control: (provided, state) => ({\r\n ...provided,\r\n\r\n backgroundColor: \"#50525d\",\r\n color: \"#eee\",\r\n border: \"0px\",\r\n maxWidth: \"calc(100% - 48px)%\",\r\n width: 233,\r\n }),\r\n noOptionsMessage: (provided, state) => ({\r\n ...provided,\r\n color: \"green\",\r\n maxWidth: \"100%\",\r\n }),\r\n input: (provided, state) => ({\r\n ...provided,\r\n color: \"#eee\",\r\n maxWidth: \"100%\",\r\n }),\r\n singleValue: (provided, state) => ({\r\n ...provided,\r\n color: \"#eee\",\r\n }),\r\n indicatorSeparator: (provided, state) => ({\r\n ...provided,\r\n background: \"transparent\",\r\n }),\r\n menu: (provided, state) => ({\r\n ...provided,\r\n backgroundColor: \"#373842\",\r\n maxWidth: \"100%\",\r\n zIndex: 100,\r\n }),\r\n option: (provided, state) => ({\r\n ...provided,\r\n backgroundColor: state.isSelected ? \"#20a8d8\" : \"#3d3d3d\",\r\n color: \"#eee\",\r\n [\"&:hover\"]: {\r\n backgroundColor: \"#5a5959ba\",\r\n },\r\n }),\r\n placeholder: (provided) => ({\r\n ...provided,\r\n color: \"#eee\",\r\n }),\r\n};\r\nconst rowStyle = {\r\n display: \"inline-flex\",\r\n width: \"100%\",\r\n maxWidth: \"100%\",\r\n margin: \"0px\",\r\n};\r\nconst colourStyles = {\r\n option: (styles, { data, isDisabled, isFocused, isSelected }) => {\r\n return {\r\n fontFamily: data.value,\r\n };\r\n },\r\n};\r\n\r\nclass FontPicker extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.fontPickerRef = React.createRef();\r\n this.toggle = this.toggle.bind(this);\r\n this.state = {\r\n categoryOptions: [\"All\", \"sans-serif\", \"serif\", \"display\", \"handwriting\", \"monospace\"],\r\n selectedCategory: \"All\",\r\n clientFonts: [],\r\n fonts: [],\r\n sortOptions: [\"alpha\", \"date\", \"popularity\", \"style\", \"trending\"],\r\n sortBy: \"alpha\",\r\n fontPicker: null,\r\n dropdownOpen: false,\r\n previewFont: \"\",\r\n categoriesOpen: false,\r\n sortByOpen: false,\r\n archiveOpen: false,\r\n };\r\n }\r\n setStyle = (styles, { data, isDisabled, isFocused, isSelected }) => {\r\n return {\r\n option: {\r\n fontFamily: data.value,\r\n fontWeight: \"400\",\r\n fontSize: \"0.875rem\",\r\n paddingLeft: \"1.5px\",\r\n },\r\n };\r\n };\r\n toggle() {\r\n this.setState({\r\n dropdownOpen: !this.state.dropdownOpen,\r\n });\r\n }\r\n componentDidMount() {\r\n this.dowloadClientFonts();\r\n this.dowloadGoogleFonts();\r\n }\r\n componentDidUpdate(prevProps) {\r\n if (this.props.cms.fonts !== undefined && prevProps.cms.fonts !== this.props.cms.fonts) {\r\n this.props.cms.fonts.map((cf) => {\r\n if (\r\n !this.state.fonts.find((t) => {\r\n return t === cf.name;\r\n })\r\n ) {\r\n this.setState({ fonts: [cf.name, ...this.state.fonts] });\r\n }\r\n });\r\n }\r\n }\r\n dowloadClientFonts = (update = false) => {\r\n const fonts = [];\r\n const clientFonts = [];\r\n const requestOptions = {\r\n method: \"GET\",\r\n headers: authHeader({ \"Content-Type\": \"application/json\" }),\r\n };\r\n fetch(`./api/files/?format=font&eventId=${this.props.eventId}`, requestOptions)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n if (data && data.files) {\r\n data.files.map((f) => {\r\n fonts.push(this.convertFont(f.name));\r\n clientFonts.push({ name: this.convertFont(f.name), url: f.url });\r\n });\r\n }\r\n this.props.dispatch(cmsActions.loadClientFonts(clientFonts));\r\n this.setState({\r\n fonts: arrayHelper.concat(this.state.fonts, fonts),\r\n clientFonts: clientFonts,\r\n });\r\n })\r\n .catch((err) => console.error(err));\r\n };\r\n convertFont = (f) => {\r\n return f\r\n .substring(f.lastIndexOf(\"/\") + 1, f.lastIndexOf(\".\") + 1)\r\n .toString()\r\n .replace(\")\", \"\")\r\n .replace(\"(\", \"\")\r\n .replace(\".\", \"\")\r\n .replace(\"1\", \"\")\r\n .replace(\"\", \"\");\r\n };\r\n dowloadGoogleFonts = () => {\r\n const fonts = [...this.state.fonts];\r\n fetch(`https://www.googleapis.com/webfonts/v1/webfonts?sort=popularity&key=${API_KEY}`)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n data.items.splice(0, 200).map((f) => {\r\n fonts.push(f.family);\r\n });\r\n let cFonts = [\"Arial\", \"Helvetica\", \"Times New Roman\", \"Times\", \"Courier New\", \"Courier\", \"Verdana\", \"Georgia\", \"Comic Sans MS\", \"Trebuchet MS\", \"Arial Black\", \"Impact\"];\r\n let f = [...cFonts, ...fonts];\r\n const n = arrayHelper.concat(this.state.fonts, fonts).sort(function (a, b) {\r\n if (a.family < b.family) {\r\n return -1;\r\n }\r\n if (a.family > b.family) {\r\n return 1;\r\n }\r\n return 0;\r\n });\r\n this.setState({ fonts: f });\r\n })\r\n .catch((err) => console.error(err));\r\n };\r\n toggleExtensions = (type) => {\r\n this.setState({ [type]: !this.state[type] });\r\n };\r\n sortBy = (sortBy) => {\r\n this.setState({ sortBy }, () => {\r\n this.dowloadGoogleFonts();\r\n });\r\n };\r\n selectFont = (font) => {\r\n this.props.onChange(null, font, this.props.path);\r\n this.setState({ archiveOpen: false });\r\n };\r\n\r\n categoryOnChange = (category) => {\r\n this.setState({ selectedCategories: category });\r\n };\r\n filter = () => {\r\n const { selectedCategory, fonts } = this.state;\r\n\r\n if (selectedCategory === \"All\") {\r\n return fonts;\r\n }\r\n return fonts\r\n .filter((f) => {\r\n return f.category === selectedCategory && f;\r\n })\r\n .sort();\r\n };\r\n getFont = () => {\r\n const { currentFontFamily } = this.props;\r\n const { fonts } = this.state;\r\n\r\n let font = fonts.find((f) => {\r\n return f === currentFontFamily;\r\n });\r\n\r\n if (font !== undefined && font) {\r\n return { value: font, label: font };\r\n }\r\n return { value: \"\", label: \"Font missing\" };\r\n };\r\n toggleArchive = () => {\r\n this.setState({ archiveOpen: !this.state.archiveOpen });\r\n };\r\n onClientFontUpload = (font, url) => {\r\n this.props.dispatch(cmsActions.loadClientFonts([...this.state.clientFonts, { name: font, url: url }]));\r\n };\r\n\r\n adjustFontList = () => {\r\n const adjustedList = [...new Set(Array.from(this.state.fonts))]; /* .sort(\r\n (a, b) => a > b\r\n ); */\r\n return adjustedList;\r\n };\r\n\r\n render() {\r\n const { fontWeight } = this.props;\r\n /* const { fonts } = this.state; */\r\n const fonts = this.adjustFontList();\r\n const selectStyles = {\r\n option: (styles, { data }) => {\r\n return {\r\n ...styles,\r\n fontSize: \"12px\",\r\n fontFamily: data.value,\r\n padding: \"0 10px\",\r\n fontWeight,\r\n };\r\n },\r\n container: (styles) => ({\r\n ...styles,\r\n minWidth: \"100%\",\r\n }),\r\n singleValue: (styles, { data }) => {\r\n return {\r\n ...styles,\r\n fontSize: \"12px\",\r\n fontFamily: data.value,\r\n fontWeight,\r\n };\r\n },\r\n };\r\n return (\r\n \r\n {\" \"}
\r\n \r\n \r\n {\r\n return { value: t, label: t };\r\n })\r\n }\r\n value={this.getFont()}\r\n onChange={(selectedOption) => this.selectFont(selectedOption.value)}\r\n styles={customStyles}\r\n />\r\n
\r\n \r\n {this.state.archiveOpen ? (\r\n
\r\n \r\n handleUnitChange(u, `${s.path}.${s.name}`)\r\n }\r\n onChange={(value, extra = null) => {\r\n handleChange(\r\n value,\r\n s.pathSpread || `${s.path}.${s.name}`,\r\n extra\r\n );\r\n }}\r\n />\r\n
\r\n {s.separator ? : null}\r\n
\r\n {extra.map((e, i) => {\r\n return (\r\n onChange(e.name)}\r\n >\r\n {e.icon}\r\n \r\n
\r\n );\r\n })}\r\n \r\n \r\n
\r\n \r\n );\r\n case \"DATE\":\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n {extra.map((e, i) => {\r\n return (\r\n onChange(e.name)}\r\n >\r\n {e.icon}\r\n
\r\n );\r\n })}\r\n \r\n \r\n onChange(value)}\r\n />\r\n
\r\n ) : null}\r\n \r\n \r\n
\r\n\r\n {module && module.deleted ? {displayName ? displayName :
\r\n {displayName ?
\r\n {/* {description ? {description}
: null} */}\r\n \r\n
\r\n ) : null}\r\n \r\n );\r\n};\r\n\r\nconst getModuleIcon = (component) => {\r\n switch (component) {\r\n case \"Image\":\r\n return ![](\"https://www.codegram.com/blog/communication-tools/jitsi.png\")
;\r\n case \"CountdownModule\":\r\n return ![](\"https://logos.bugcrowdusercontent.com/logos/5589/c34e/b19c9efa/e1aa28a047d9c99d95500c70febcda50_VonageLogo_Symbol_Black__1_.png\")
;\r\n default:\r\n return \r\n {!blocked ? (\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n ) : null}\r\n\r\n {created ? (\r\n
\r\n
deleteModule(module)}>\r\n {deleted ?
\r\n \r\n in the new window\r\n return ReactDOM.createPortal(this.props.children, this.containerEl);\r\n }\r\n}\r\n\r\nexport default class SourceEditorBase extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n counter: 0,\r\n showWindowPortal: false,\r\n };\r\n\r\n this.toggleWindowPortal = this.toggleWindowPortal.bind(this);\r\n this.closeWindowPortal = this.closeWindowPortal.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n window.addEventListener(\"beforeunload\", () => {\r\n this.closeWindowPortal();\r\n });\r\n\r\n window.setInterval(() => {\r\n this.setState((state) => ({\r\n counter: state.counter + 1,\r\n }));\r\n }, 1000);\r\n }\r\n\r\n toggleWindowPortal() {\r\n this.setState((state) => ({\r\n ...state,\r\n showWindowPortal: !state.showWindowPortal,\r\n }));\r\n }\r\n\r\n closeWindowPortal() {\r\n this.setState({ showWindowPortal: false });\r\n }\r\n\r\n render() {\r\n const { onChange, value , label} = this.props;\r\n return (\r\n \r\n dispatch(cmsActions.blockDeselect(true))}\r\n onClose={() => cmsActions.blockDeselect(false)} */\r\n onChange={(e) => handleChange(e)}\r\n value={value ? new Date(value) : null}\r\n onError={(err) => console.error(err)}\r\n format=\"yyyy/MM/dd hh:mm:ss\"\r\n /* cancelLabel={ \r\n );\r\n};\r\nfunction mapStateToProps(state) {\r\n return {};\r\n}\r\nexport default connect(mapStateToProps)(JirangoDatePicker);\r\n","import React, { useState } from \"react\";\r\nimport { Row, Col, InputGroup, Input, InputGroupAddon, InputGroupText } from \"reactstrap\";\r\nimport { connect } from \"react-redux\";\r\nimport SystemLabel from \"../../system/SystemLabel/SystemLabel\";\r\nimport { Tooltip } from \"@material-ui/core\";\r\nimport FileStorageWrapper from \"../FileStorage/FileStorageWrapper\";\r\nimport PhotoLibraryOutlinedIcon from \"@material-ui/icons/PhotoLibraryOutlined\";\r\nimport LinkIcon from \"@material-ui/icons/Link\";\r\nimport \"./UrlMultiInput.css\";\r\nimport LinkManager from \"../LinkManager/LinkManager\";\r\n\r\nconst LinkMultiInput = ({\r\n url,\r\n onChange,\r\n setImage,\r\n noInfoText = false,\r\n path,\r\n onOpen = null,\r\n externalSourceOnly = false,\r\n margin = true,\r\n eventId,\r\n cropSizes = null,\r\n rowStyle = {},\r\n colStyle = {},\r\n dark = false,\r\n}) => {\r\n const [vaultOpen, setOpen] = useState(false);\r\n const toggle = () => {\r\n setOpen(!vaultOpen);\r\n /* if (onOpen && typeof onOpen == \"function\") onOpen(!vaultOpen); */\r\n };\r\n const handlePaste = () => {\r\n navigator.clipboard.readText().then((text) => {\r\n if (text.includes(\"https://\") || text.includes(\"data:image/\")) {\r\n if (path) {\r\n onChange(null, text, path);\r\n } else {\r\n onChange(text);\r\n }\r\n }\r\n });\r\n };\r\n const handleInput = (e) => {\r\n let text = e.target ? e.target.value : e;\r\n if (path) {\r\n onChange(null, text, path);\r\n } else {\r\n onChange(text);\r\n }\r\n };\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {vaultOpen ?
\r\n );\r\n};\r\nfunction mapStateToProps(state) {\r\n return {\r\n cms: state.cms,\r\n eventId: state.cms.eventId,\r\n };\r\n}\r\nexport default connect(mapStateToProps)(LinkMultiInput);\r\n","import React, { useEffect, useState } from \"react\";\r\nimport ReactDragList from \"react-drag-list\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport Dialog from \"@material-ui/core/Dialog\";\r\nimport DialogActions from \"@material-ui/core/DialogActions\";\r\nimport DialogContent from \"@material-ui/core/DialogContent\";\r\nimport DialogContentText from \"@material-ui/core/DialogContentText\";\r\nimport DialogTitle from \"@material-ui/core/DialogTitle\";\r\nimport { Grid, IconButton, Menu, MenuItem } from \"@material-ui/core\";\r\nimport SystemLabel from \"../../system/SystemLabel/SystemLabel\";\r\nimport { meetingService } from \"../../services/meeting/meeting.service\";\r\nimport { Label } from \"reactstrap\";\r\nimport PlaylistAddIcon from \"@material-ui/icons/PlaylistAdd\";\r\nimport ArrowDropDownIcon from \"@material-ui/icons/ArrowDropDown\";\r\nimport RestoreFromTrashIcon from \"@material-ui/icons/RestoreFromTrash\";\r\nimport DeleteIcon from \"@material-ui/icons/Delete\";\r\n\r\nconst DEFAULT_OPTION = {\r\n id: null,\r\n sortOrder: 0,\r\n layoutId: -1,\r\n label: \"Option\",\r\n url: \"\",\r\n};\r\n\r\nexport const MenuEditor = (props) => {\r\n const { menu, onChange, eventId } = props;\r\n\r\n const [isSavable, setIsSavable] = useState(false);\r\n const [open, setOpen] = useState(false);\r\n const [layouts, setLayouts] = useState([]);\r\n const [modifiedMenu, setModifiedMenu] = useState([]);\r\n const [anchorEl, setAnchorEl] = React.useState(null);\r\n const [showConfirmDialog, toggleConfirmDialog] = useState(false);\r\n\r\n useEffect(() => {\r\n fetchLayouts();\r\n setModifiedMenu(menu);\r\n }, []);\r\n\r\n const addOption = () => {\r\n const newModifiedMenu = Array.from(modifiedMenu);\r\n const newOption = Object.assign({}, DEFAULT_OPTION);\r\n\r\n newOption.id = btoa(+new Date());\r\n newOption.sortOrder = modifiedMenu.length + 1;\r\n\r\n newModifiedMenu.push(newOption);\r\n setModifiedMenu(newModifiedMenu);\r\n setIsSavable(true);\r\n };\r\n\r\n const fetchLayouts = () => {\r\n meetingService.getLayouts(eventId).then((res) => {\r\n setLayouts(res);\r\n });\r\n };\r\n\r\n const deleteOption = (id) => {\r\n const newModifiedMenu = Array.from(modifiedMenu);\r\n const index = newModifiedMenu.indexOf(modifiedMenu.find((m) => m.id == id));\r\n if (index > -1) newModifiedMenu[index].deleted = true;\r\n setModifiedMenu(newModifiedMenu);\r\n setIsSavable(true);\r\n };\r\n\r\n const editOption = (option) => {\r\n const newModifiedMenu = Array.from(modifiedMenu);\r\n const index = newModifiedMenu.indexOf(modifiedMenu.find((m) => m.id == option.id));\r\n if (index > -1) newModifiedMenu[index] = option;\r\n setModifiedMenu(newModifiedMenu);\r\n setIsSavable(true);\r\n };\r\n\r\n const handleOrderChange = (event, dataSource) => {\r\n const sortedOptions = dataSource.map((ds, i) => {\r\n let el = Object.assign({}, ds);\r\n el.sortOrder = i;\r\n return el;\r\n });\r\n setModifiedMenu(sortedOptions);\r\n setIsSavable(true);\r\n };\r\n\r\n const save = () => {\r\n onChange(modifiedMenu.filter((m) => m.deleted != true));\r\n handleClose(true);\r\n if (showConfirmDialog == true) toggleConfirmDialog(false);\r\n };\r\n const handleClickOpen = () => {\r\n setOpen(true);\r\n };\r\n\r\n const handleClose = (forced = false) => {\r\n if (isSavable && !forced) {\r\n return toggleConfirmDialog(true);\r\n }\r\n setOpen(false);\r\n };\r\n\r\n const handleMenuClick = (event) => {\r\n setAnchorEl(event.currentTarget);\r\n };\r\n\r\n const handleMenuClose = () => {\r\n setAnchorEl(null);\r\n };\r\n\r\n return (\r\n <>\r\n {showConfirmDialog ? handleClose(true)} toggleConfirmDialog={() => toggleConfirmDialog(!showConfirmDialog)} /> : null}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n handleOrderChange(event, dataSource)}\r\n row={(a, index) => {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nconst ConfirmDialog = ({ save, toggle, toggleConfirmDialog }) => {\r\n return (\r\n \r\n {children} \r\n {onClose ? (\r\n \r\n \r\n ) : null}\r\n \r\n );\r\n});\r\n\r\nexport const PlauditIconSelector = memo(({ eventId, value = \"\", onChange, label }) => {\r\n const [open, setOpen] = useState(false);\r\n const [uploadedFiles, setUploadedFiles] = useState({});\r\n const [deleteMode, setDeleteMode] = useState(false);\r\n const toggleIcon = (icon) => {\r\n if (value.includes(icon)) {\r\n onChange(value.replace(icon + \";\", \"\"));\r\n }\r\n else {\r\n onChange(value + icon + \";\")\r\n }\r\n }\r\n const iconCategories = useMemo(() => {\r\n const categories = [];\r\n for (const cat in bigIconList) {\r\n if (Object.hasOwnProperty.call(bigIconList, cat)) {\r\n categories.push(cat);\r\n }\r\n }\r\n return categories;\r\n }, [bigIconList])\r\n const selectedIcons = useMemo(() => {\r\n return value.split(\";\").filter(x => x !== \"\");\r\n }, [value])\r\n const uploadedIcons = useMemo(() => {\r\n const filenames = [];\r\n for (const key in uploadedFiles) {\r\n if (Object.hasOwnProperty.call(uploadedFiles, key)) {\r\n filenames.push(key);\r\n }\r\n }\r\n return filenames;\r\n }, [uploadedFiles])\r\n useEffect(() => {\r\n getUploadedIcons();\r\n }, [])\r\n\r\n const getUploadedIcons = () => {\r\n const requestOptions = {\r\n method: \"GET\",\r\n headers: authHeader({}),\r\n };\r\n fetch(\r\n `./api/files/icons/${eventId}`,\r\n requestOptions\r\n ).then((response) =>\r\n response.text().then((text) => {\r\n try {\r\n const storageSummary = JSON.parse(text);\r\n var files = {};\r\n for (const file of storageSummary.files) {\r\n files[file.name] = file.url;\r\n }\r\n setUploadedFiles(files);\r\n } catch (error) {\r\n console.error(\"DOWNLOAD_ERROR\", error);\r\n }\r\n })\r\n );\r\n };\r\n const onUploadedFile = (file) => {\r\n setUploadedFiles({ ...uploadedFiles, ...file })\r\n }\r\n const deleteIcon = (icon) => {\r\n if (uploadedFiles[icon]) {\r\n if (window.confirm(`Är du säker att du vill radera ${icon}? Detta kan ej ångras.`)) {\r\n fetch(\r\n `./api/files/icon/${eventId}/${icon}`,\r\n {\r\n method: \"DELETE\",\r\n headers: authHeader({}),\r\n }\r\n ).then((response) => {\r\n const newFiles = { ...uploadedFiles };\r\n delete newFiles[icon];\r\n if (value.includes(icon)) {\r\n onChange(value.replace(icon + \";\", \"\"));\r\n }\r\n setUploadedFiles(newFiles);\r\n });\r\n }\r\n }\r\n }\r\n return (\r\n {\r\n if (extra.onUnitChange) {\r\n let v = extra.onUnitChange(u, value);\r\n onChange(v);\r\n }\r\n }}\r\n onChange={(s, v, p, ep) => onChange(v)}\r\n units={extra.units ? extra.units : []}\r\n activeUnit={value ? getUnit(value) : extra.activeUnit ? extra.activeUnit : null}\r\n attachUnit={extra.units ? true : false}\r\n steps={extra.steps}\r\n max={extra.max}\r\n min={extra.min}\r\n path={\"\"}\r\n dark={true}\r\n label={label}\r\n />\r\n );\r\n case \"ICON_SELECT\":\r\n return \r\n onChange(templateHelper.parseColorToRgba(color))} path=\"\" />\r\n \r\n
\r\n );\r\n case \"SWITCH\":\r\n return (\r\n \r\n onChange(!value)} isChecked={Boolean(value)} />\r\n \r\n
\r\n );\r\n case \"ANIMATION_GROUP\":\r\n return (\r\n \r\n \r\n \r\n );\r\n case \"DATE_PICKER\":\r\n return (\r\n \r\n \r\n onChange(+new Date(value))} dark={true} minDate={new Date()} value={value} />\r\n \r\n );\r\n case \"BUTTON_GROUP\":\r\n return (\r\n \r\n \r\n \r\n );\r\n case \"BUTTON_GROUP_SMALL\":\r\n return (\r\n \r\n \r\n onChange(e.target.value)} />\r\n \r\n );\r\n case \"TEXTAREA\":\r\n return (\r\n \r\n \r\n onChange(e.target.value)} />\r\n \r\n );\r\n case \"TEXT\":\r\n return (\r\n \r\n \r\n onChange(e.target.value)} />\r\n \r\n );\r\n case \"LINK_INPUT\":\r\n return (\r\n \r\n \r\n onChange(url)} margin={false} dark={true} eventId={eventId} colStyle={{ padding: 0, margin: 0 }} rowStyle={{ margin: \"0px\" }} url={value} />\r\n \r\n );\r\n case \"MENU_EDITOR\":\r\n return onChange(menu)} />;\r\n case \"MULTI_INPUT\":\r\n return (\r\n \r\n \r\n onChange(url, srcset, \"srcset\")}\r\n setImage={(url, srcset) => onChange(url, srcset, \"srcset\")}\r\n margin={false}\r\n noInfoText={true}\r\n dark={true}\r\n colStyle={{ padding: 0, margin: 0 }}\r\n rowStyle={{ margin: \"0px\" }}\r\n url={value}\r\n />\r\n \r\n );\r\n case \"FONTFAMILY_SELECT\":\r\n return onChange(font)} path=\"\" nonWrapped={true} currentFontFamily={value} />;\r\n case \"FONTWEIGHT_SELECT\":\r\n return onChange(w)} path=\"\" weight={value} />;\r\n case \"NUMBER\":\r\n return (\r\n \r\n \r\n onChange(e.target.value)} />\r\n \r\n );\r\n case \"EVENT_SELECT\":\r\n return (\r\n \r\n \r\n e.eventId != eventId)\r\n .sort((a, b) => {\r\n return +new Date(a.startDateTime) - +new Date(b.startDateTime);\r\n })\r\n .map((t) => {\r\n return { value: t.eventId, label: t.name };\r\n }),\r\n ]\r\n : []\r\n }\r\n value={{\r\n value: value,\r\n label: events.find((e) => e.eventId == value)?.name,\r\n }}\r\n onChange={(opt) => onChange(opt.value)}\r\n styles={{\r\n ...selectorStyle,\r\n }}\r\n />\r\n \r\n );\r\n default:\r\n return null;\r\n }\r\n};\r\n\r\nconst stylableModules = [\"TextModule\", \"BlockModule\", \"ButtonModule\", \"CountdownModule\", \"VonageVideoClientModule\", \"SpeakerControl\", \"SpeakerCard\", \"EventName\", \"ContentView\", \"VideoWallModule\", \"PlauditButtons\", \"PlauditTrack\"];\r\n\r\nexport const ModuleSettings = (props) => {\r\n const { tab, settings, onChange, type, children } = props;\r\n\r\n if (tab == \"ContentSettings\" || tab == \"AdvancedSettings\" || (tab == \"StyleSettings\" && stylableModules.includes(type))) return \r\n null}\r\n onChange={(s, v, p, ep) => {\r\n postionAndSizeOnChange(slp, v + \"%\", meetingModuleLayoutId);\r\n }}\r\n units={[]}\r\n activeUnit={null}\r\n attachUnit={false}\r\n steps={0.1}\r\n max={100 /* -\r\n (slp == \"posX\" || slp == \"posY\"\r\n ? parseInt(slp == \"posX\" ? width : height)\r\n : 0) */}\r\n min={0}\r\n path={\"\"}\r\n dark={true}\r\n label={slp.charAt(0).toUpperCase() + slp.substr(1).toLowerCase()}\r\n />\r\n \r\n );\r\n })}\r\n
\r\n );\r\n};\r\n","import React from \"react\";\r\nimport { FormGroup, Label } from \"reactstrap\";\r\nimport Select from \"react-select\";\r\nimport { connect } from \"react-redux\";\r\nimport SystemLabel from \"../../../system/SystemLabel/SystemLabel\";\r\nimport { selectStyle } from \"../../models/selectStyle\";\r\nimport { templateActions } from \"../../../store/actions/cms/template/template.action\";\r\nimport { Dialog, DialogContent, DialogTitle, IconButton, Slide } from \"@material-ui/core\";\r\nimport { deepClone } from \"../../../helpers/objectHelper\";\r\nimport Alert from \"@material-ui/lab/Alert\";\r\nimport AccountTreeIcon from \"@material-ui/icons/AccountTree\";\r\nimport OpenInNewIcon from \"@material-ui/icons/OpenInNew\";\r\n\r\nconst Transition = React.forwardRef(function Transition(props, ref) {\r\n return \r\n \r\n \r\n \r\n \r\n
\r\n {this.state.showWindowPortal\r\n ? React.createElement(\r\n SourceEditorWindow,\r\n { closeWindowPortal: this.closeWindowPortal },\r\n
\r\n );\r\n }\r\n}\r\n","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport {\r\n DateTimePicker,\r\n KeyboardDateTimePicker,\r\n MuiPickersUtilsProvider,\r\n} from \"@material-ui/pickers\";\r\nimport MomentUtils from \"@date-io/moment\";\r\nimport SystemLabel from \"../system/SystemLabel/SystemLabel\";\r\n\r\nconst JirangoDatePicker = ({\r\n value,\r\n dispatch,\r\n handleChange,\r\n path,\r\n dark = false,\r\n}) => {\r\n return (\r\n \r\n
\r\n \r\n deleteOption(a.id)}>{a.deleted ? \r\n
\r\n );\r\n }}\r\n />\r\n \r\n {\r\n editOption({ ...a, label: e.target.value });\r\n }}\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {layouts.find((l) => l.meetingLayoutId == a.layoutId)?.name ?? \"-\"}\r\n
\r\n \r\n \r\n
\r\n );\r\n};\r\n","export const bigIconList = {\r\n SMILEYS: [\r\n {\r\n \"no\": 1,\r\n \"code\": \"1F600\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"face\",\r\n \"grin\"\r\n ]\r\n },\r\n {\r\n \"no\": 2,\r\n \"code\": \"1F601\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"eye\",\r\n \"face\",\r\n \"grin\",\r\n \"smile\"\r\n ]\r\n },\r\n {\r\n \"no\": 3,\r\n \"code\": \"1F602\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"face\",\r\n \"joy\",\r\n \"laugh\",\r\n \"tear\"\r\n ]\r\n },\r\n {\r\n \"no\": 4,\r\n \"code\": \"1F923\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"face\",\r\n \"floor\",\r\n \"laugh\",\r\n \"lol\",\r\n \"rofl\",\r\n \"rolling\"\r\n ]\r\n },\r\n {\r\n \"no\": 5,\r\n \"code\": \"1F603\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"face\",\r\n \"mouth\",\r\n \"open\",\r\n \"smile\"\r\n ]\r\n },\r\n {\r\n \"no\": 6,\r\n \"code\": \"1F604\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"eye\",\r\n \"face\",\r\n \"mouth\",\r\n \"open\",\r\n \"smile\"\r\n ]\r\n },\r\n {\r\n \"no\": 7,\r\n \"code\": \"1F605\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cold\",\r\n \"face\",\r\n \"open\",\r\n \"smile\",\r\n \"sweat\"\r\n ]\r\n },\r\n {\r\n \"no\": 8,\r\n \"code\": \"1F606\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"face\",\r\n \"laugh\",\r\n \"mouth\",\r\n \"open\",\r\n \"satisfied\",\r\n \"smile\"\r\n ]\r\n },\r\n {\r\n \"no\": 9,\r\n \"code\": \"1F609\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"face\",\r\n \"wink\"\r\n ]\r\n },\r\n {\r\n \"no\": 10,\r\n \"code\": \"1F60A\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"blush\",\r\n \"eye\",\r\n \"face\",\r\n \"smile\"\r\n ]\r\n },\r\n {\r\n \"no\": 11,\r\n \"code\": \"1F60B\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"delicious\",\r\n \"face\",\r\n \"savouring\",\r\n \"smile\",\r\n \"um\",\r\n \"yum\"\r\n ]\r\n },\r\n {\r\n \"no\": 12,\r\n \"code\": \"1F60E\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bright\",\r\n \"cool\",\r\n \"eye\",\r\n \"eyewear\",\r\n \"face\",\r\n \"glasses\",\r\n \"smile\",\r\n \"sun\",\r\n \"sunglasses\",\r\n \"weather\"\r\n ]\r\n },\r\n {\r\n \"no\": 13,\r\n \"code\": \"1F60D\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"eye\",\r\n \"face\",\r\n \"heart\",\r\n \"love\",\r\n \"smile\"\r\n ]\r\n },\r\n {\r\n \"no\": 14,\r\n \"code\": \"1F618\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"face\",\r\n \"heart\",\r\n \"kiss\"\r\n ]\r\n },\r\n {\r\n \"no\": 15,\r\n \"code\": \"1F617\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"face\",\r\n \"kiss\"\r\n ]\r\n },\r\n {\r\n \"no\": 16,\r\n \"code\": \"1F619\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"eye\",\r\n \"face\",\r\n \"kiss\",\r\n \"smile\"\r\n ]\r\n },\r\n {\r\n \"no\": 17,\r\n \"code\": \"1F61A\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"closed\",\r\n \"eye\",\r\n \"face\",\r\n \"kiss\"\r\n ]\r\n },\r\n {\r\n \"no\": 18,\r\n \"code\": \"263A\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"face\",\r\n \"outlined\",\r\n \"relaxed\",\r\n \"smile\"\r\n ]\r\n },\r\n {\r\n \"no\": 19,\r\n \"code\": \"1F642\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"face\",\r\n \"smile\"\r\n ]\r\n },\r\n {\r\n \"no\": 20,\r\n \"code\": \"1F917\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"face\",\r\n \"hug\",\r\n \"hugging\"\r\n ]\r\n },\r\n {\r\n \"no\": 21,\r\n \"code\": \"1F914\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"face\",\r\n \"thinking\"\r\n ]\r\n },\r\n {\r\n \"no\": 22,\r\n \"code\": \"1F610\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"deadpan\",\r\n \"face\",\r\n \"neutral\"\r\n ]\r\n },\r\n {\r\n \"no\": 23,\r\n \"code\": \"1F611\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"expressionless\",\r\n \"face\",\r\n \"inexpressive\",\r\n \"unexpressive\"\r\n ]\r\n },\r\n {\r\n \"no\": 24,\r\n \"code\": \"1F636\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"face\",\r\n \"mouth\",\r\n \"quiet\",\r\n \"silent\"\r\n ]\r\n },\r\n {\r\n \"no\": 25,\r\n \"code\": \"1F644\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"eyes\",\r\n \"face\",\r\n \"rolling\"\r\n ]\r\n },\r\n {\r\n \"no\": 26,\r\n \"code\": \"1F60F\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"face\",\r\n \"smirk\"\r\n ]\r\n },\r\n {\r\n \"no\": 27,\r\n \"code\": \"1F623\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"face\",\r\n \"persevere\"\r\n ]\r\n },\r\n {\r\n \"no\": 28,\r\n \"code\": \"1F625\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"disappointed\",\r\n \"face\",\r\n \"relieved\",\r\n \"whew\"\r\n ]\r\n },\r\n {\r\n \"no\": 29,\r\n \"code\": \"1F62E\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"face\",\r\n \"mouth\",\r\n \"open\",\r\n \"sympathy\"\r\n ]\r\n },\r\n {\r\n \"no\": 30,\r\n \"code\": \"1F910\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"face\",\r\n \"mouth\",\r\n \"zipper\"\r\n ]\r\n },\r\n {\r\n \"no\": 31,\r\n \"code\": \"1F62F\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"face\",\r\n \"hushed\",\r\n \"stunned\",\r\n \"surprised\"\r\n ]\r\n },\r\n {\r\n \"no\": 32,\r\n \"code\": \"1F62A\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"face\",\r\n \"sleep\"\r\n ]\r\n },\r\n {\r\n \"no\": 33,\r\n \"code\": \"1F62B\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"face\",\r\n \"tired\"\r\n ]\r\n },\r\n {\r\n \"no\": 34,\r\n \"code\": \"1F634\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"face\",\r\n \"sleep\",\r\n \"zzz\"\r\n ]\r\n },\r\n {\r\n \"no\": 35,\r\n \"code\": \"1F60C\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"face\",\r\n \"relieved\"\r\n ]\r\n },\r\n {\r\n \"no\": 36,\r\n \"code\": \"1F913\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"face\",\r\n \"geek\",\r\n \"nerd\"\r\n ]\r\n },\r\n {\r\n \"no\": 37,\r\n \"code\": \"1F61B\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"face\",\r\n \"tongue\"\r\n ]\r\n },\r\n {\r\n \"no\": 38,\r\n \"code\": \"1F61C\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"eye\",\r\n \"face\",\r\n \"joke\",\r\n \"tongue\",\r\n \"wink\"\r\n ]\r\n },\r\n {\r\n \"no\": 39,\r\n \"code\": \"1F61D\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"eye\",\r\n \"face\",\r\n \"horrible\",\r\n \"taste\",\r\n \"tongue\"\r\n ]\r\n },\r\n {\r\n \"no\": 40,\r\n \"code\": \"1F924\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"drooling\",\r\n \"face\"\r\n ]\r\n },\r\n {\r\n \"no\": 41,\r\n \"code\": \"1F612\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"face\",\r\n \"unamused\",\r\n \"unhappy\"\r\n ]\r\n },\r\n {\r\n \"no\": 42,\r\n \"code\": \"1F613\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cold\",\r\n \"face\",\r\n \"sweat\"\r\n ]\r\n },\r\n {\r\n \"no\": 43,\r\n \"code\": \"1F614\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"dejected\",\r\n \"face\",\r\n \"pensive\"\r\n ]\r\n },\r\n {\r\n \"no\": 44,\r\n \"code\": \"1F615\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"confused\",\r\n \"face\"\r\n ]\r\n },\r\n {\r\n \"no\": 45,\r\n \"code\": \"1F643\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"face\",\r\n \"upside-down\"\r\n ]\r\n },\r\n {\r\n \"no\": 46,\r\n \"code\": \"1F911\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"face\",\r\n \"money\",\r\n \"mouth\"\r\n ]\r\n },\r\n {\r\n \"no\": 47,\r\n \"code\": \"1F632\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"astonished\",\r\n \"face\",\r\n \"shocked\",\r\n \"totally\"\r\n ]\r\n },\r\n {\r\n \"no\": 48,\r\n \"code\": \"2639\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"face\",\r\n \"frown\"\r\n ]\r\n },\r\n {\r\n \"no\": 49,\r\n \"code\": \"1F641\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"face\",\r\n \"frown\"\r\n ]\r\n },\r\n {\r\n \"no\": 50,\r\n \"code\": \"1F616\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"confounded\",\r\n \"face\"\r\n ]\r\n },\r\n {\r\n \"no\": 51,\r\n \"code\": \"1F61E\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"disappointed\",\r\n \"face\"\r\n ]\r\n },\r\n {\r\n \"no\": 52,\r\n \"code\": \"1F61F\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"face\",\r\n \"worried\"\r\n ]\r\n },\r\n {\r\n \"no\": 53,\r\n \"code\": \"1F624\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"face\",\r\n \"triumph\",\r\n \"won\"\r\n ]\r\n },\r\n {\r\n \"no\": 54,\r\n \"code\": \"1F622\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cry\",\r\n \"face\",\r\n \"sad\",\r\n \"tear\"\r\n ]\r\n },\r\n {\r\n \"no\": 55,\r\n \"code\": \"1F62D\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cry\",\r\n \"face\",\r\n \"sad\",\r\n \"sob\",\r\n \"tear\"\r\n ]\r\n },\r\n {\r\n \"no\": 56,\r\n \"code\": \"1F626\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"face\",\r\n \"frown\",\r\n \"mouth\",\r\n \"open\"\r\n ]\r\n },\r\n {\r\n \"no\": 57,\r\n \"code\": \"1F627\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"anguished\",\r\n \"face\"\r\n ]\r\n },\r\n {\r\n \"no\": 58,\r\n \"code\": \"1F628\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"face\",\r\n \"fear\",\r\n \"fearful\",\r\n \"scared\"\r\n ]\r\n },\r\n {\r\n \"no\": 59,\r\n \"code\": \"1F629\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"face\",\r\n \"tired\",\r\n \"weary\"\r\n ]\r\n },\r\n {\r\n \"no\": 60,\r\n \"code\": \"1F62C\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"face\",\r\n \"grimace\"\r\n ]\r\n },\r\n {\r\n \"no\": 61,\r\n \"code\": \"1F630\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"blue\",\r\n \"cold\",\r\n \"face\",\r\n \"mouth\",\r\n \"open\",\r\n \"rushed\",\r\n \"sweat\"\r\n ]\r\n },\r\n {\r\n \"no\": 62,\r\n \"code\": \"1F631\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"face\",\r\n \"fear\",\r\n \"fearful\",\r\n \"munch\",\r\n \"scared\",\r\n \"scream\"\r\n ]\r\n },\r\n {\r\n \"no\": 63,\r\n \"code\": \"1F633\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"dazed\",\r\n \"face\",\r\n \"flushed\"\r\n ]\r\n },\r\n {\r\n \"no\": 64,\r\n \"code\": \"1F635\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"dizzy\",\r\n \"face\"\r\n ]\r\n },\r\n {\r\n \"no\": 65,\r\n \"code\": \"1F621\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"angry\",\r\n \"face\",\r\n \"mad\",\r\n \"pouting\",\r\n \"rage\",\r\n \"red\"\r\n ]\r\n },\r\n {\r\n \"no\": 66,\r\n \"code\": \"1F620\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"angry\",\r\n \"face\",\r\n \"mad\"\r\n ]\r\n },\r\n {\r\n \"no\": 67,\r\n \"code\": \"1F607\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"angel\",\r\n \"face\",\r\n \"fairy tale\",\r\n \"fantasy\",\r\n \"halo\",\r\n \"innocent\",\r\n \"smile\"\r\n ]\r\n },\r\n {\r\n \"no\": 68,\r\n \"code\": \"1F920\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"cowboy\",\r\n \"cowgirl\",\r\n \"face\",\r\n \"hat\"\r\n ]\r\n },\r\n {\r\n \"no\": 69,\r\n \"code\": \"1F921\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"clown\",\r\n \"face\"\r\n ]\r\n },\r\n {\r\n \"no\": 70,\r\n \"code\": \"1F925\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"face\",\r\n \"lie\",\r\n \"pinocchio\"\r\n ]\r\n },\r\n {\r\n \"no\": 71,\r\n \"code\": \"1F637\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cold\",\r\n \"doctor\",\r\n \"face\",\r\n \"mask\",\r\n \"medicine\",\r\n \"sick\"\r\n ]\r\n },\r\n {\r\n \"no\": 72,\r\n \"code\": \"1F912\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"face\",\r\n \"ill\",\r\n \"sick\",\r\n \"thermometer\"\r\n ]\r\n },\r\n {\r\n \"no\": 73,\r\n \"code\": \"1F915\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bandage\",\r\n \"face\",\r\n \"hurt\",\r\n \"injury\"\r\n ]\r\n },\r\n {\r\n \"no\": 74,\r\n \"code\": \"1F922\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"face\",\r\n \"nauseated\",\r\n \"vomit\"\r\n ]\r\n },\r\n {\r\n \"no\": 75,\r\n \"code\": \"1F927\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"face\",\r\n \"gesundheit\",\r\n \"sneeze\"\r\n ]\r\n },\r\n {\r\n \"no\": 76,\r\n \"code\": \"1F608\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"face\",\r\n \"fairy tale\",\r\n \"fantasy\",\r\n \"horns\",\r\n \"smile\"\r\n ]\r\n },\r\n {\r\n \"no\": 77,\r\n \"code\": \"1F47F\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"demon\",\r\n \"devil\",\r\n \"face\",\r\n \"fairy tale\",\r\n \"fantasy\",\r\n \"imp\"\r\n ]\r\n },\r\n {\r\n \"no\": 78,\r\n \"code\": \"1F479\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"creature\",\r\n \"face\",\r\n \"fairy tale\",\r\n \"fantasy\",\r\n \"japanese\",\r\n \"monster\",\r\n \"ogre\"\r\n ]\r\n },\r\n {\r\n \"no\": 79,\r\n \"code\": \"1F47A\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"creature\",\r\n \"face\",\r\n \"fairy tale\",\r\n \"fantasy\",\r\n \"goblin\",\r\n \"japanese\",\r\n \"monster\"\r\n ]\r\n },\r\n {\r\n \"no\": 80,\r\n \"code\": \"1F480\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"body\",\r\n \"death\",\r\n \"face\",\r\n \"fairy tale\",\r\n \"monster\",\r\n \"skull\"\r\n ]\r\n },\r\n {\r\n \"no\": 81,\r\n \"code\": \"2620\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"body\",\r\n \"crossbones\",\r\n \"death\",\r\n \"face\",\r\n \"monster\",\r\n \"skull\"\r\n ]\r\n },\r\n {\r\n \"no\": 82,\r\n \"code\": \"1F47B\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"creature\",\r\n \"face\",\r\n \"fairy tale\",\r\n \"fantasy\",\r\n \"ghost\",\r\n \"monster\"\r\n ]\r\n },\r\n {\r\n \"no\": 83,\r\n \"code\": \"1F47D\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"alien\",\r\n \"creature\",\r\n \"extraterrestrial\",\r\n \"face\",\r\n \"fairy tale\",\r\n \"fantasy\",\r\n \"monster\",\r\n \"space\",\r\n \"ufo\"\r\n ]\r\n },\r\n {\r\n \"no\": 84,\r\n \"code\": \"1F47E\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"alien\",\r\n \"creature\",\r\n \"extraterrestrial\",\r\n \"face\",\r\n \"fairy tale\",\r\n \"fantasy\",\r\n \"monster\",\r\n \"space\",\r\n \"ufo\"\r\n ]\r\n },\r\n {\r\n \"no\": 85,\r\n \"code\": \"1F916\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"face\",\r\n \"monster\",\r\n \"robot\"\r\n ]\r\n },\r\n {\r\n \"no\": 86,\r\n \"code\": \"1F4A9\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"comic\",\r\n \"dung\",\r\n \"face\",\r\n \"monster\",\r\n \"poo\",\r\n \"poop\"\r\n ]\r\n },\r\n {\r\n \"no\": 87,\r\n \"code\": \"1F63A\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cat\",\r\n \"face\",\r\n \"mouth\",\r\n \"open\",\r\n \"smile\"\r\n ]\r\n },\r\n {\r\n \"no\": 88,\r\n \"code\": \"1F638\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cat\",\r\n \"eye\",\r\n \"face\",\r\n \"grin\",\r\n \"smile\"\r\n ]\r\n },\r\n {\r\n \"no\": 89,\r\n \"code\": \"1F639\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cat\",\r\n \"face\",\r\n \"joy\",\r\n \"tear\"\r\n ]\r\n },\r\n {\r\n \"no\": 90,\r\n \"code\": \"1F63B\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cat\",\r\n \"eye\",\r\n \"face\",\r\n \"heart\",\r\n \"love\",\r\n \"smile\"\r\n ]\r\n },\r\n {\r\n \"no\": 91,\r\n \"code\": \"1F63C\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cat\",\r\n \"face\",\r\n \"ironic\",\r\n \"smile\",\r\n \"wry\"\r\n ]\r\n },\r\n {\r\n \"no\": 92,\r\n \"code\": \"1F63D\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cat\",\r\n \"eye\",\r\n \"face\",\r\n \"kiss\"\r\n ]\r\n },\r\n {\r\n \"no\": 93,\r\n \"code\": \"1F640\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cat\",\r\n \"face\",\r\n \"oh\",\r\n \"surprised\",\r\n \"weary\"\r\n ]\r\n },\r\n {\r\n \"no\": 94,\r\n \"code\": \"1F63F\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cat\",\r\n \"cry\",\r\n \"face\",\r\n \"sad\",\r\n \"tear\"\r\n ]\r\n },\r\n {\r\n \"no\": 95,\r\n \"code\": \"1F63E\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cat\",\r\n \"face\",\r\n \"pouting\"\r\n ]\r\n },\r\n {\r\n \"no\": 96,\r\n \"code\": \"1F648\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"evil\",\r\n \"face\",\r\n \"forbidden\",\r\n \"gesture\",\r\n \"monkey\",\r\n \"no\",\r\n \"not\",\r\n \"prohibited\",\r\n \"see\"\r\n ]\r\n },\r\n {\r\n \"no\": 97,\r\n \"code\": \"1F649\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"evil\",\r\n \"face\",\r\n \"forbidden\",\r\n \"gesture\",\r\n \"hear\",\r\n \"monkey\",\r\n \"no\",\r\n \"not\",\r\n \"prohibited\"\r\n ]\r\n },\r\n {\r\n \"no\": 98,\r\n \"code\": \"1F64A\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"evil\",\r\n \"face\",\r\n \"forbidden\",\r\n \"gesture\",\r\n \"monkey\",\r\n \"no\",\r\n \"not\",\r\n \"prohibited\",\r\n \"speak\"\r\n ]\r\n },\r\n {\r\n \"no\": 99,\r\n \"code\": \"1F466\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"boy\"\r\n ],\r\n \"types\": [\r\n \"1F466-1F3FF\",\r\n \"1F466-1F3FE\",\r\n \"1F466-1F3FD\",\r\n \"1F466-1F3FC\",\r\n \"1F466-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 105,\r\n \"code\": \"1F467\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"girl\",\r\n \"maiden\",\r\n \"virgin\",\r\n \"virgo\",\r\n \"zodiac\"\r\n ],\r\n \"types\": [\r\n \"1F467-1F3FF\",\r\n \"1F467-1F3FE\",\r\n \"1F467-1F3FD\",\r\n \"1F467-1F3FC\",\r\n \"1F467-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 111,\r\n \"code\": \"1F468\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"man\"\r\n ],\r\n \"types\": [\r\n \"1F468-1F3FF\",\r\n \"1F468-1F3FE\",\r\n \"1F468-1F3FD\",\r\n \"1F468-1F3FC\",\r\n \"1F468-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 117,\r\n \"code\": \"1F469\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"woman\"\r\n ],\r\n \"types\": [\r\n \"1F469-1F3FF\",\r\n \"1F469-1F3FE\",\r\n \"1F469-1F3FD\",\r\n \"1F469-1F3FC\",\r\n \"1F469-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 123,\r\n \"code\": \"1F474\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"man\",\r\n \"old\"\r\n ],\r\n \"types\": [\r\n \"1F474-1F3FF\",\r\n \"1F474-1F3FE\",\r\n \"1F474-1F3FD\",\r\n \"1F474-1F3FC\",\r\n \"1F474-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 129,\r\n \"code\": \"1F475\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"old\",\r\n \"woman\"\r\n ],\r\n \"types\": [\r\n \"1F475-1F3FF\",\r\n \"1F475-1F3FE\",\r\n \"1F475-1F3FD\",\r\n \"1F475-1F3FC\",\r\n \"1F475-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 135,\r\n \"code\": \"1F476\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"baby\"\r\n ],\r\n \"types\": [\r\n \"1F476-1F3FF\",\r\n \"1F476-1F3FE\",\r\n \"1F476-1F3FD\",\r\n \"1F476-1F3FC\",\r\n \"1F476-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 141,\r\n \"code\": \"1F47C\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"angel\",\r\n \"baby\",\r\n \"face\",\r\n \"fairy tale\",\r\n \"fantasy\"\r\n ],\r\n \"types\": [\r\n \"1F47C-1F3FF\",\r\n \"1F47C-1F3FE\",\r\n \"1F47C-1F3FD\",\r\n \"1F47C-1F3FC\",\r\n \"1F47C-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 147,\r\n \"code\": \"1F471\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"blond\"\r\n ],\r\n \"types\": [\r\n \"1F471-1F3FF\",\r\n \"1F471-1F3FE\",\r\n \"1F471-1F3FD\",\r\n \"1F471-1F3FC\",\r\n \"1F471-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 153,\r\n \"code\": \"1F46E\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cop\",\r\n \"officer\",\r\n \"police\"\r\n ],\r\n \"types\": [\r\n \"1F46E-1F3FF\",\r\n \"1F46E-1F3FE\",\r\n \"1F46E-1F3FD\",\r\n \"1F46E-1F3FC\",\r\n \"1F46E-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 159,\r\n \"code\": \"1F472\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"gua pi mao\",\r\n \"hat\",\r\n \"man\"\r\n ],\r\n \"types\": [\r\n \"1F472-1F3FF\",\r\n \"1F472-1F3FE\",\r\n \"1F472-1F3FD\",\r\n \"1F472-1F3FC\",\r\n \"1F472-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 165,\r\n \"code\": \"1F473\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"man\",\r\n \"turban\"\r\n ],\r\n \"types\": [\r\n \"1F473-1F3FF\",\r\n \"1F473-1F3FE\",\r\n \"1F473-1F3FD\",\r\n \"1F473-1F3FC\",\r\n \"1F473-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 171,\r\n \"code\": \"1F477\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"construction\",\r\n \"hat\",\r\n \"worker\"\r\n ],\r\n \"types\": [\r\n \"1F477-1F3FF\",\r\n \"1F477-1F3FE\",\r\n \"1F477-1F3FD\",\r\n \"1F477-1F3FC\",\r\n \"1F477-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 177,\r\n \"code\": \"1F478\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"fairy tale\",\r\n \"fantasy\",\r\n \"princess\"\r\n ],\r\n \"types\": [\r\n \"1F478-1F3FF\",\r\n \"1F478-1F3FE\",\r\n \"1F478-1F3FD\",\r\n \"1F478-1F3FC\",\r\n \"1F478-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 183,\r\n \"code\": \"1F934\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"prince\"\r\n ],\r\n \"types\": [\r\n \"1F934-1F3FF\",\r\n \"1F934-1F3FE\",\r\n \"1F934-1F3FD\",\r\n \"1F934-1F3FC\",\r\n \"1F934-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 189,\r\n \"code\": \"1F482\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"guard\",\r\n \"guardsman\"\r\n ],\r\n \"types\": [\r\n \"1F482-1F3FF\",\r\n \"1F482-1F3FE\",\r\n \"1F482-1F3FD\",\r\n \"1F482-1F3FC\",\r\n \"1F482-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 195,\r\n \"code\": \"1F575\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"detective\",\r\n \"sleuth\",\r\n \"spy\"\r\n ],\r\n \"types\": [\r\n \"1F575-1F3FF\",\r\n \"1F575-1F3FE\",\r\n \"1F575-1F3FD\",\r\n \"1F575-1F3FC\",\r\n \"1F575-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 201,\r\n \"code\": \"1F385\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"activity\",\r\n \"celebration\",\r\n \"christmas\",\r\n \"fairy tale\",\r\n \"fantasy\",\r\n \"father\",\r\n \"santa\"\r\n ],\r\n \"types\": [\r\n \"1F385-1F3FF\",\r\n \"1F385-1F3FE\",\r\n \"1F385-1F3FD\",\r\n \"1F385-1F3FC\",\r\n \"1F385-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 207,\r\n \"code\": \"1F936\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"christmas\",\r\n \"mother\",\r\n \"mrs. claus\"\r\n ],\r\n \"types\": [\r\n \"1F936-1F3FF\",\r\n \"1F936-1F3FE\",\r\n \"1F936-1F3FD\",\r\n \"1F936-1F3FC\",\r\n \"1F936-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 213,\r\n \"code\": \"1F470\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bride\",\r\n \"veil\",\r\n \"wedding\"\r\n ],\r\n \"types\": [\r\n \"1F470-1F3FF\",\r\n \"1F470-1F3FE\",\r\n \"1F470-1F3FD\",\r\n \"1F470-1F3FC\",\r\n \"1F470-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 219,\r\n \"code\": \"1F935\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"groom\",\r\n \"man\",\r\n \"tuxedo\"\r\n ],\r\n \"types\": [\r\n \"1F935-1F3FF\",\r\n \"1F935-1F3FE\",\r\n \"1F935-1F3FD\",\r\n \"1F935-1F3FC\",\r\n \"1F935-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 225,\r\n \"code\": \"1F486\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"massage\",\r\n \"salon\"\r\n ],\r\n \"types\": [\r\n \"1F486-1F3FF\",\r\n \"1F486-1F3FE\",\r\n \"1F486-1F3FD\",\r\n \"1F486-1F3FC\",\r\n \"1F486-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 231,\r\n \"code\": \"1F487\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"barber\",\r\n \"beauty\",\r\n \"haircut\",\r\n \"parlor\"\r\n ],\r\n \"types\": [\r\n \"1F487-1F3FF\",\r\n \"1F487-1F3FE\",\r\n \"1F487-1F3FD\",\r\n \"1F487-1F3FC\",\r\n \"1F487-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 237,\r\n \"code\": \"1F64D\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"frown\",\r\n \"gesture\"\r\n ],\r\n \"types\": [\r\n \"1F64D-1F3FF\",\r\n \"1F64D-1F3FE\",\r\n \"1F64D-1F3FD\",\r\n \"1F64D-1F3FC\",\r\n \"1F64D-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 243,\r\n \"code\": \"1F64E\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"gesture\",\r\n \"pouting\"\r\n ],\r\n \"types\": [\r\n \"1F64E-1F3FF\",\r\n \"1F64E-1F3FE\",\r\n \"1F64E-1F3FD\",\r\n \"1F64E-1F3FC\",\r\n \"1F64E-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 249,\r\n \"code\": \"1F645\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"forbidden\",\r\n \"gesture\",\r\n \"hand\",\r\n \"no\",\r\n \"not\",\r\n \"prohibited\"\r\n ],\r\n \"types\": [\r\n \"1F645-1F3FF\",\r\n \"1F645-1F3FE\",\r\n \"1F645-1F3FD\",\r\n \"1F645-1F3FC\",\r\n \"1F645-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 255,\r\n \"code\": \"1F646\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"gesture\",\r\n \"hand\",\r\n \"ok\"\r\n ],\r\n \"types\": [\r\n \"1F646-1F3FF\",\r\n \"1F646-1F3FE\",\r\n \"1F646-1F3FD\",\r\n \"1F646-1F3FC\",\r\n \"1F646-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 261,\r\n \"code\": \"1F481\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"hand\",\r\n \"help\",\r\n \"information\",\r\n \"sassy\"\r\n ],\r\n \"types\": [\r\n \"1F481-1F3FF\",\r\n \"1F481-1F3FE\",\r\n \"1F481-1F3FD\",\r\n \"1F481-1F3FC\",\r\n \"1F481-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 267,\r\n \"code\": \"1F937\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"doubt\",\r\n \"ignorance\",\r\n \"indifference\",\r\n \"shrug\"\r\n ],\r\n \"types\": [\r\n \"1F937-1F3FF\",\r\n \"1F937-1F3FE\",\r\n \"1F937-1F3FD\",\r\n \"1F937-1F3FC\",\r\n \"1F937-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 273,\r\n \"code\": \"1F64B\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"gesture\",\r\n \"hand\",\r\n \"happy\",\r\n \"raised\"\r\n ],\r\n \"types\": [\r\n \"1F64B-1F3FF\",\r\n \"1F64B-1F3FE\",\r\n \"1F64B-1F3FD\",\r\n \"1F64B-1F3FC\",\r\n \"1F64B-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 279,\r\n \"code\": \"1F926\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"disbelief\",\r\n \"exasperation\",\r\n \"face\",\r\n \"palm\"\r\n ],\r\n \"types\": [\r\n \"1F926-1F3FF\",\r\n \"1F926-1F3FE\",\r\n \"1F926-1F3FD\",\r\n \"1F926-1F3FC\",\r\n \"1F926-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 285,\r\n \"code\": \"1F647\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"apology\",\r\n \"bow\",\r\n \"gesture\",\r\n \"sorry\"\r\n ],\r\n \"types\": [\r\n \"1F647-1F3FF\",\r\n \"1F647-1F3FE\",\r\n \"1F647-1F3FD\",\r\n \"1F647-1F3FC\",\r\n \"1F647-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 291,\r\n \"code\": \"1F6B6\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"hike\",\r\n \"pedestrian\",\r\n \"walk\",\r\n \"walking\"\r\n ],\r\n \"types\": [\r\n \"1F6B6-1F3FF\",\r\n \"1F6B6-1F3FE\",\r\n \"1F6B6-1F3FD\",\r\n \"1F6B6-1F3FC\",\r\n \"1F6B6-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 297,\r\n \"code\": \"1F3C3\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"marathon\",\r\n \"runner\",\r\n \"running\"\r\n ],\r\n \"types\": [\r\n \"1F3C3-1F3FF\",\r\n \"1F3C3-1F3FE\",\r\n \"1F3C3-1F3FD\",\r\n \"1F3C3-1F3FC\",\r\n \"1F3C3-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 303,\r\n \"code\": \"1F483\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"dancer\"\r\n ],\r\n \"types\": [\r\n \"1F483-1F3FF\",\r\n \"1F483-1F3FE\",\r\n \"1F483-1F3FD\",\r\n \"1F483-1F3FC\",\r\n \"1F483-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 309,\r\n \"code\": \"1F57A\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"dance\",\r\n \"man\"\r\n ],\r\n \"types\": [\r\n \"1F57A-1F3FF\",\r\n \"1F57A-1F3FE\",\r\n \"1F57A-1F3FD\",\r\n \"1F57A-1F3FC\",\r\n \"1F57A-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 315,\r\n \"code\": \"1F930\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"pregnant\",\r\n \"woman\"\r\n ],\r\n \"types\": [\r\n \"1F930-1F3FF\",\r\n \"1F930-1F3FE\",\r\n \"1F930-1F3FD\",\r\n \"1F930-1F3FC\",\r\n \"1F930-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 321,\r\n \"code\": \"1F46F\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bunny\",\r\n \"dancer\",\r\n \"ear\",\r\n \"girl\",\r\n \"woman\"\r\n ]\r\n },\r\n {\r\n \"no\": 322,\r\n \"code\": \"1F574\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"business\",\r\n \"man\",\r\n \"suit\"\r\n ]\r\n },\r\n {\r\n \"no\": 323,\r\n \"code\": \"1F5E3\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"face\",\r\n \"head\",\r\n \"silhouette\",\r\n \"speak\",\r\n \"speaking\"\r\n ]\r\n },\r\n {\r\n \"no\": 324,\r\n \"code\": \"1F464\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bust\",\r\n \"silhouette\"\r\n ]\r\n },\r\n {\r\n \"no\": 325,\r\n \"code\": \"1F465\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bust\",\r\n \"silhouette\"\r\n ]\r\n },\r\n {\r\n \"no\": 326,\r\n \"code\": \"1F46B\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"couple\",\r\n \"hand\",\r\n \"hold\",\r\n \"man\",\r\n \"woman\"\r\n ]\r\n },\r\n {\r\n \"no\": 327,\r\n \"code\": \"1F46C\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"couple\",\r\n \"gemini\",\r\n \"hand\",\r\n \"hold\",\r\n \"man\",\r\n \"twins\",\r\n \"zodiac\"\r\n ]\r\n },\r\n {\r\n \"no\": 328,\r\n \"code\": \"1F46D\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"couple\",\r\n \"hand\",\r\n \"hold\",\r\n \"woman\"\r\n ]\r\n },\r\n {\r\n \"no\": 329,\r\n \"code\": \"1F48F\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"couple\",\r\n \"kiss\",\r\n \"romance\"\r\n ]\r\n },\r\n {\r\n \"no\": 330,\r\n \"code\": \"1F469-200D-2764-FE0F-200D-1F48B-200D-1F468\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"kiss\",\r\n \"man\",\r\n \"woman\"\r\n ]\r\n },\r\n {\r\n \"no\": 331,\r\n \"code\": \"1F468-200D-2764-FE0F-200D-1F48B-200D-1F468\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"kiss\",\r\n \"man\"\r\n ]\r\n },\r\n {\r\n \"no\": 332,\r\n \"code\": \"1F469-200D-2764-FE0F-200D-1F48B-200D-1F469\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"kiss\",\r\n \"woman\"\r\n ]\r\n },\r\n {\r\n \"no\": 333,\r\n \"code\": \"1F491\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"couple\",\r\n \"heart\",\r\n \"love\",\r\n \"romance\"\r\n ]\r\n },\r\n {\r\n \"no\": 334,\r\n \"code\": \"1F469-200D-2764-FE0F-200D-1F468\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"couple\",\r\n \"man\",\r\n \"woman\"\r\n ]\r\n },\r\n {\r\n \"no\": 335,\r\n \"code\": \"1F468-200D-2764-FE0F-200D-1F468\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"couple\",\r\n \"man\"\r\n ]\r\n },\r\n {\r\n \"no\": 336,\r\n \"code\": \"1F469-200D-2764-FE0F-200D-1F469\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"couple\",\r\n \"woman\"\r\n ]\r\n },\r\n {\r\n \"no\": 337,\r\n \"code\": \"1F46A\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"child\",\r\n \"family\",\r\n \"father\",\r\n \"mother\"\r\n ]\r\n },\r\n {\r\n \"no\": 338,\r\n \"code\": \"1F468-200D-1F469-200D-1F466\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"boy\",\r\n \"family\",\r\n \"man\",\r\n \"woman\"\r\n ]\r\n },\r\n {\r\n \"no\": 339,\r\n \"code\": \"1F468-200D-1F469-200D-1F467\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"family\",\r\n \"girl\",\r\n \"man\",\r\n \"woman\"\r\n ]\r\n },\r\n {\r\n \"no\": 340,\r\n \"code\": \"1F468-200D-1F469-200D-1F467-200D-1F466\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"boy\",\r\n \"family\",\r\n \"girl\",\r\n \"man\",\r\n \"woman\"\r\n ]\r\n },\r\n {\r\n \"no\": 341,\r\n \"code\": \"1F468-200D-1F469-200D-1F466-200D-1F466\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"boy\",\r\n \"family\",\r\n \"man\",\r\n \"woman\"\r\n ]\r\n },\r\n {\r\n \"no\": 342,\r\n \"code\": \"1F468-200D-1F469-200D-1F467-200D-1F467\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"family\",\r\n \"girl\",\r\n \"man\",\r\n \"woman\"\r\n ]\r\n },\r\n {\r\n \"no\": 343,\r\n \"code\": \"1F468-200D-1F468-200D-1F466\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"boy\",\r\n \"family\",\r\n \"man\"\r\n ]\r\n },\r\n {\r\n \"no\": 344,\r\n \"code\": \"1F468-200D-1F468-200D-1F467\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"family\",\r\n \"girl\",\r\n \"man\"\r\n ]\r\n },\r\n {\r\n \"no\": 345,\r\n \"code\": \"1F468-200D-1F468-200D-1F467-200D-1F466\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"boy\",\r\n \"family\",\r\n \"girl\",\r\n \"man\"\r\n ]\r\n },\r\n {\r\n \"no\": 346,\r\n \"code\": \"1F468-200D-1F468-200D-1F466-200D-1F466\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"boy\",\r\n \"family\",\r\n \"man\"\r\n ]\r\n },\r\n {\r\n \"no\": 347,\r\n \"code\": \"1F468-200D-1F468-200D-1F467-200D-1F467\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"family\",\r\n \"girl\",\r\n \"man\"\r\n ]\r\n },\r\n {\r\n \"no\": 348,\r\n \"code\": \"1F469-200D-1F469-200D-1F466\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"boy\",\r\n \"family\",\r\n \"woman\"\r\n ]\r\n },\r\n {\r\n \"no\": 349,\r\n \"code\": \"1F469-200D-1F469-200D-1F467\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"family\",\r\n \"girl\",\r\n \"woman\"\r\n ]\r\n },\r\n {\r\n \"no\": 350,\r\n \"code\": \"1F469-200D-1F469-200D-1F467-200D-1F466\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"boy\",\r\n \"family\",\r\n \"girl\",\r\n \"woman\"\r\n ]\r\n },\r\n {\r\n \"no\": 351,\r\n \"code\": \"1F469-200D-1F469-200D-1F466-200D-1F466\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"boy\",\r\n \"family\",\r\n \"woman\"\r\n ]\r\n },\r\n {\r\n \"no\": 352,\r\n \"code\": \"1F469-200D-1F469-200D-1F467-200D-1F467\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"family\",\r\n \"girl\",\r\n \"woman\"\r\n ]\r\n },\r\n {\r\n \"no\": 353,\r\n \"code\": \"1F3FB\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"emoji modifier\",\r\n \"fitzpatrick\",\r\n \"skin\",\r\n \"tone\"\r\n ]\r\n },\r\n {\r\n \"no\": 354,\r\n \"code\": \"1F3FC\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"emoji modifier\",\r\n \"fitzpatrick\",\r\n \"skin\",\r\n \"tone\"\r\n ]\r\n },\r\n {\r\n \"no\": 355,\r\n \"code\": \"1F3FD\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"emoji modifier\",\r\n \"fitzpatrick\",\r\n \"skin\",\r\n \"tone\"\r\n ]\r\n },\r\n {\r\n \"no\": 356,\r\n \"code\": \"1F3FE\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"emoji modifier\",\r\n \"fitzpatrick\",\r\n \"skin\",\r\n \"tone\"\r\n ]\r\n },\r\n {\r\n \"no\": 357,\r\n \"code\": \"1F3FF\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"emoji modifier\",\r\n \"fitzpatrick\",\r\n \"skin\",\r\n \"tone\"\r\n ]\r\n },\r\n {\r\n \"no\": 358,\r\n \"code\": \"1F4AA\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"biceps\",\r\n \"body\",\r\n \"comic\",\r\n \"flex\",\r\n \"muscle\"\r\n ],\r\n \"types\": [\r\n \"1F4AA-1F3FF\",\r\n \"1F4AA-1F3FE\",\r\n \"1F4AA-1F3FD\",\r\n \"1F4AA-1F3FC\",\r\n \"1F4AA-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 364,\r\n \"code\": \"1F933\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"camera\",\r\n \"phone\",\r\n \"selfie\"\r\n ],\r\n \"types\": [\r\n \"1F933-1F3FF\",\r\n \"1F933-1F3FE\",\r\n \"1F933-1F3FD\",\r\n \"1F933-1F3FC\",\r\n \"1F933-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 370,\r\n \"code\": \"1F448\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"backhand\",\r\n \"body\",\r\n \"finger\",\r\n \"hand\",\r\n \"index\",\r\n \"point\"\r\n ],\r\n \"types\": [\r\n \"1F448-1F3FF\",\r\n \"1F448-1F3FE\",\r\n \"1F448-1F3FD\",\r\n \"1F448-1F3FC\",\r\n \"1F448-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 376,\r\n \"code\": \"1F449\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"backhand\",\r\n \"body\",\r\n \"finger\",\r\n \"hand\",\r\n \"index\",\r\n \"point\"\r\n ],\r\n \"types\": [\r\n \"1F449-1F3FF\",\r\n \"1F449-1F3FE\",\r\n \"1F449-1F3FD\",\r\n \"1F449-1F3FC\",\r\n \"1F449-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 382,\r\n \"code\": \"261D\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"body\",\r\n \"finger\",\r\n \"hand\",\r\n \"index\",\r\n \"point\",\r\n \"up\"\r\n ],\r\n \"types\": [\r\n \"261D-1F3FF\",\r\n \"261D-1F3FE\",\r\n \"261D-1F3FD\",\r\n \"261D-1F3FC\",\r\n \"261D-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 388,\r\n \"code\": \"1F446\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"backhand\",\r\n \"body\",\r\n \"finger\",\r\n \"hand\",\r\n \"index\",\r\n \"point\",\r\n \"up\"\r\n ],\r\n \"types\": [\r\n \"1F446-1F3FF\",\r\n \"1F446-1F3FE\",\r\n \"1F446-1F3FD\",\r\n \"1F446-1F3FC\",\r\n \"1F446-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 394,\r\n \"code\": \"1F595\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"body\",\r\n \"finger\",\r\n \"hand\",\r\n \"middle finger\"\r\n ],\r\n \"types\": [\r\n \"1F595-1F3FF\",\r\n \"1F595-1F3FE\",\r\n \"1F595-1F3FD\",\r\n \"1F595-1F3FC\",\r\n \"1F595-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 400,\r\n \"code\": \"1F447\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"backhand\",\r\n \"body\",\r\n \"down\",\r\n \"finger\",\r\n \"hand\",\r\n \"index\",\r\n \"point\"\r\n ],\r\n \"types\": [\r\n \"1F447-1F3FF\",\r\n \"1F447-1F3FE\",\r\n \"1F447-1F3FD\",\r\n \"1F447-1F3FC\",\r\n \"1F447-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 406,\r\n \"code\": \"270C\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"body\",\r\n \"hand\",\r\n \"v\",\r\n \"victory\"\r\n ],\r\n \"types\": [\r\n \"270C-1F3FF\",\r\n \"270C-1F3FE\",\r\n \"270C-1F3FD\",\r\n \"270C-1F3FC\",\r\n \"270C-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 412,\r\n \"code\": \"1F91E\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"cross\",\r\n \"finger\",\r\n \"hand\",\r\n \"luck\"\r\n ],\r\n \"types\": [\r\n \"1F91E-1F3FF\",\r\n \"1F91E-1F3FE\",\r\n \"1F91E-1F3FD\",\r\n \"1F91E-1F3FC\",\r\n \"1F91E-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 418,\r\n \"code\": \"1F596\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"body\",\r\n \"finger\",\r\n \"hand\",\r\n \"spock\",\r\n \"vulcan\"\r\n ],\r\n \"types\": [\r\n \"1F596-1F3FF\",\r\n \"1F596-1F3FE\",\r\n \"1F596-1F3FD\",\r\n \"1F596-1F3FC\",\r\n \"1F596-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 424,\r\n \"code\": \"1F918\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"body\",\r\n \"finger\",\r\n \"hand\",\r\n \"horns\",\r\n \"rock-on\"\r\n ],\r\n \"types\": [\r\n \"1F918-1F3FF\",\r\n \"1F918-1F3FE\",\r\n \"1F918-1F3FD\",\r\n \"1F918-1F3FC\",\r\n \"1F918-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 430,\r\n \"code\": \"1F919\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"call\",\r\n \"hand\"\r\n ],\r\n \"types\": [\r\n \"1F919-1F3FF\",\r\n \"1F919-1F3FE\",\r\n \"1F919-1F3FD\",\r\n \"1F919-1F3FC\",\r\n \"1F919-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 436,\r\n \"code\": \"1F590\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"body\",\r\n \"finger\",\r\n \"hand\",\r\n \"splayed\"\r\n ],\r\n \"types\": [\r\n \"1F590-1F3FF\",\r\n \"1F590-1F3FE\",\r\n \"1F590-1F3FD\",\r\n \"1F590-1F3FC\",\r\n \"1F590-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 442,\r\n \"code\": \"270B\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"body\",\r\n \"hand\"\r\n ],\r\n \"types\": [\r\n \"270B-1F3FF\",\r\n \"270B-1F3FE\",\r\n \"270B-1F3FD\",\r\n \"270B-1F3FC\",\r\n \"270B-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 448,\r\n \"code\": \"1F44C\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"body\",\r\n \"hand\",\r\n \"ok\"\r\n ],\r\n \"types\": [\r\n \"1F44C-1F3FF\",\r\n \"1F44C-1F3FE\",\r\n \"1F44C-1F3FD\",\r\n \"1F44C-1F3FC\",\r\n \"1F44C-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 454,\r\n \"code\": \"1F44D\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"+1\",\r\n \"body\",\r\n \"hand\",\r\n \"thumb\",\r\n \"thumbs up\",\r\n \"up\"\r\n ],\r\n \"types\": [\r\n \"1F44D-1F3FF\",\r\n \"1F44D-1F3FE\",\r\n \"1F44D-1F3FD\",\r\n \"1F44D-1F3FC\",\r\n \"1F44D-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 460,\r\n \"code\": \"1F44E\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"-1\",\r\n \"body\",\r\n \"down\",\r\n \"hand\",\r\n \"thumb\",\r\n \"thumbs down\"\r\n ],\r\n \"types\": [\r\n \"1F44E-1F3FF\",\r\n \"1F44E-1F3FE\",\r\n \"1F44E-1F3FD\",\r\n \"1F44E-1F3FC\",\r\n \"1F44E-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 466,\r\n \"code\": \"270A\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"body\",\r\n \"clenched\",\r\n \"fist\",\r\n \"hand\",\r\n \"punch\"\r\n ],\r\n \"types\": [\r\n \"270A-1F3FF\",\r\n \"270A-1F3FE\",\r\n \"270A-1F3FD\",\r\n \"270A-1F3FC\",\r\n \"270A-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 472,\r\n \"code\": \"1F44A\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"body\",\r\n \"clenched\",\r\n \"fist\",\r\n \"hand\",\r\n \"punch\"\r\n ],\r\n \"types\": [\r\n \"1F44A-1F3FF\",\r\n \"1F44A-1F3FE\",\r\n \"1F44A-1F3FD\",\r\n \"1F44A-1F3FC\",\r\n \"1F44A-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 478,\r\n \"code\": \"1F91B\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"fist\",\r\n \"leftwards\"\r\n ],\r\n \"types\": [\r\n \"1F91B-1F3FF\",\r\n \"1F91B-1F3FE\",\r\n \"1F91B-1F3FD\",\r\n \"1F91B-1F3FC\",\r\n \"1F91B-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 484,\r\n \"code\": \"1F91C\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"fist\",\r\n \"rightwards\"\r\n ],\r\n \"types\": [\r\n \"1F91C-1F3FF\",\r\n \"1F91C-1F3FE\",\r\n \"1F91C-1F3FD\",\r\n \"1F91C-1F3FC\",\r\n \"1F91C-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 490,\r\n \"code\": \"1F91A\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"backhand\",\r\n \"raised\"\r\n ],\r\n \"types\": [\r\n \"1F91A-1F3FF\",\r\n \"1F91A-1F3FE\",\r\n \"1F91A-1F3FD\",\r\n \"1F91A-1F3FC\",\r\n \"1F91A-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 496,\r\n \"code\": \"1F44B\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"body\",\r\n \"hand\",\r\n \"wave\",\r\n \"waving\"\r\n ],\r\n \"types\": [\r\n \"1F44B-1F3FF\",\r\n \"1F44B-1F3FE\",\r\n \"1F44B-1F3FD\",\r\n \"1F44B-1F3FC\",\r\n \"1F44B-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 502,\r\n \"code\": \"1F44F\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"body\",\r\n \"clap\",\r\n \"hand\"\r\n ],\r\n \"types\": [\r\n \"1F44F-1F3FF\",\r\n \"1F44F-1F3FE\",\r\n \"1F44F-1F3FD\",\r\n \"1F44F-1F3FC\",\r\n \"1F44F-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 508,\r\n \"code\": \"270D\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"body\",\r\n \"hand\",\r\n \"write\"\r\n ],\r\n \"types\": [\r\n \"270D-1F3FF\",\r\n \"270D-1F3FE\",\r\n \"270D-1F3FD\",\r\n \"270D-1F3FC\",\r\n \"270D-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 514,\r\n \"code\": \"1F450\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"body\",\r\n \"hand\",\r\n \"open\"\r\n ],\r\n \"types\": [\r\n \"1F450-1F3FF\",\r\n \"1F450-1F3FE\",\r\n \"1F450-1F3FD\",\r\n \"1F450-1F3FC\",\r\n \"1F450-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 520,\r\n \"code\": \"1F64C\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"body\",\r\n \"celebration\",\r\n \"gesture\",\r\n \"hand\",\r\n \"hooray\",\r\n \"raised\"\r\n ],\r\n \"types\": [\r\n \"1F64C-1F3FF\",\r\n \"1F64C-1F3FE\",\r\n \"1F64C-1F3FD\",\r\n \"1F64C-1F3FC\",\r\n \"1F64C-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 526,\r\n \"code\": \"1F64F\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"ask\",\r\n \"body\",\r\n \"bow\",\r\n \"folded\",\r\n \"gesture\",\r\n \"hand\",\r\n \"please\",\r\n \"pray\",\r\n \"thanks\"\r\n ],\r\n \"types\": [\r\n \"1F64F-1F3FF\",\r\n \"1F64F-1F3FE\",\r\n \"1F64F-1F3FD\",\r\n \"1F64F-1F3FC\",\r\n \"1F64F-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 532,\r\n \"code\": \"1F91D\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"agreement\",\r\n \"hand\",\r\n \"handshake\",\r\n \"meeting\",\r\n \"shake\"\r\n ],\r\n \"types\": [\r\n \"1F91D-1F3FF\",\r\n \"1F91D-1F3FE\",\r\n \"1F91D-1F3FD\",\r\n \"1F91D-1F3FC\",\r\n \"1F91D-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 538,\r\n \"code\": \"1F485\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"body\",\r\n \"care\",\r\n \"cosmetics\",\r\n \"manicure\",\r\n \"nail\",\r\n \"polish\"\r\n ],\r\n \"types\": [\r\n \"1F485-1F3FF\",\r\n \"1F485-1F3FE\",\r\n \"1F485-1F3FD\",\r\n \"1F485-1F3FC\",\r\n \"1F485-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 544,\r\n \"code\": \"1F442\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"body\",\r\n \"ear\"\r\n ],\r\n \"types\": [\r\n \"1F442-1F3FF\",\r\n \"1F442-1F3FE\",\r\n \"1F442-1F3FD\",\r\n \"1F442-1F3FC\",\r\n \"1F442-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 550,\r\n \"code\": \"1F443\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"body\",\r\n \"nose\"\r\n ],\r\n \"types\": [\r\n \"1F443-1F3FF\",\r\n \"1F443-1F3FE\",\r\n \"1F443-1F3FD\",\r\n \"1F443-1F3FC\",\r\n \"1F443-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 556,\r\n \"code\": \"1F463\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"body\",\r\n \"clothing\",\r\n \"footprint\",\r\n \"print\"\r\n ]\r\n },\r\n {\r\n \"no\": 557,\r\n \"code\": \"1F440\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"body\",\r\n \"eye\",\r\n \"face\"\r\n ]\r\n },\r\n {\r\n \"no\": 558,\r\n \"code\": \"1F441\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"body\",\r\n \"eye\"\r\n ]\r\n },\r\n {\r\n \"no\": 559,\r\n \"code\": \"1F441-200D-1F5E8\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bubble\",\r\n \"eye\",\r\n \"speech\",\r\n \"witness\"\r\n ]\r\n },\r\n {\r\n \"no\": 560,\r\n \"code\": \"1F445\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"body\",\r\n \"tongue\"\r\n ]\r\n },\r\n {\r\n \"no\": 561,\r\n \"code\": \"1F444\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"body\",\r\n \"lips\",\r\n \"mouth\"\r\n ]\r\n },\r\n {\r\n \"no\": 562,\r\n \"code\": \"1F48B\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"heart\",\r\n \"kiss\",\r\n \"lips\",\r\n \"mark\",\r\n \"romance\"\r\n ]\r\n },\r\n {\r\n \"no\": 563,\r\n \"code\": \"1F498\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"arrow\",\r\n \"cupid\",\r\n \"heart\",\r\n \"romance\"\r\n ]\r\n },\r\n {\r\n \"no\": 564,\r\n \"code\": \"2764\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"heart\"\r\n ]\r\n },\r\n {\r\n \"no\": 565,\r\n \"code\": \"1F493\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"beating\",\r\n \"heart\",\r\n \"heartbeat\",\r\n \"pulsating\"\r\n ]\r\n },\r\n {\r\n \"no\": 566,\r\n \"code\": \"1F494\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"break\",\r\n \"broken\",\r\n \"heart\"\r\n ]\r\n },\r\n {\r\n \"no\": 567,\r\n \"code\": \"1F495\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"heart\",\r\n \"love\"\r\n ]\r\n },\r\n {\r\n \"no\": 568,\r\n \"code\": \"1F496\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"excited\",\r\n \"heart\",\r\n \"sparkle\"\r\n ]\r\n },\r\n {\r\n \"no\": 569,\r\n \"code\": \"1F497\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"excited\",\r\n \"growing\",\r\n \"heart\",\r\n \"heartpulse\",\r\n \"nervous\"\r\n ]\r\n },\r\n {\r\n \"no\": 570,\r\n \"code\": \"1F499\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"blue\",\r\n \"heart\"\r\n ]\r\n },\r\n {\r\n \"no\": 571,\r\n \"code\": \"1F49A\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"green\",\r\n \"heart\"\r\n ]\r\n },\r\n {\r\n \"no\": 572,\r\n \"code\": \"1F49B\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"heart\",\r\n \"yellow\"\r\n ]\r\n },\r\n {\r\n \"no\": 573,\r\n \"code\": \"1F49C\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"heart\",\r\n \"purple\"\r\n ]\r\n },\r\n {\r\n \"no\": 574,\r\n \"code\": \"1F5A4\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"black\",\r\n \"evil\",\r\n \"heart\",\r\n \"wicked\"\r\n ]\r\n },\r\n {\r\n \"no\": 575,\r\n \"code\": \"1F49D\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"heart\",\r\n \"ribbon\",\r\n \"valentine\"\r\n ]\r\n },\r\n {\r\n \"no\": 576,\r\n \"code\": \"1F49E\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"heart\",\r\n \"revolving\"\r\n ]\r\n },\r\n {\r\n \"no\": 577,\r\n \"code\": \"1F49F\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"heart\"\r\n ]\r\n },\r\n {\r\n \"no\": 578,\r\n \"code\": \"2763\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"exclamation\",\r\n \"heart\",\r\n \"mark\",\r\n \"punctuation\"\r\n ]\r\n },\r\n {\r\n \"no\": 579,\r\n \"code\": \"1F48C\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"heart\",\r\n \"letter\",\r\n \"love\",\r\n \"mail\",\r\n \"romance\"\r\n ]\r\n },\r\n {\r\n \"no\": 580,\r\n \"code\": \"1F4A4\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"comic\",\r\n \"sleep\",\r\n \"zzz\"\r\n ]\r\n },\r\n {\r\n \"no\": 581,\r\n \"code\": \"1F4A2\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"angry\",\r\n \"comic\",\r\n \"mad\"\r\n ]\r\n },\r\n {\r\n \"no\": 582,\r\n \"code\": \"1F4A3\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bomb\",\r\n \"comic\"\r\n ]\r\n },\r\n {\r\n \"no\": 583,\r\n \"code\": \"1F4A5\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"boom\",\r\n \"collision\",\r\n \"comic\"\r\n ]\r\n },\r\n {\r\n \"no\": 584,\r\n \"code\": \"1F4A6\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"comic\",\r\n \"splashing\",\r\n \"sweat\"\r\n ]\r\n },\r\n {\r\n \"no\": 585,\r\n \"code\": \"1F4A8\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"comic\",\r\n \"dash\",\r\n \"running\"\r\n ]\r\n },\r\n {\r\n \"no\": 586,\r\n \"code\": \"1F4AB\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"comic\",\r\n \"dizzy\",\r\n \"star\"\r\n ]\r\n },\r\n {\r\n \"no\": 587,\r\n \"code\": \"1F4AC\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"balloon\",\r\n \"bubble\",\r\n \"comic\",\r\n \"dialog\",\r\n \"speech\"\r\n ]\r\n },\r\n {\r\n \"no\": 588,\r\n \"code\": \"1F5E8\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"dialog\",\r\n \"speech\"\r\n ]\r\n },\r\n {\r\n \"no\": 589,\r\n \"code\": \"1F5EF\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"angry\",\r\n \"balloon\",\r\n \"bubble\",\r\n \"mad\"\r\n ]\r\n },\r\n {\r\n \"no\": 590,\r\n \"code\": \"1F4AD\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"balloon\",\r\n \"bubble\",\r\n \"comic\",\r\n \"thought\"\r\n ]\r\n },\r\n {\r\n \"no\": 591,\r\n \"code\": \"1F573\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"hole\"\r\n ]\r\n },\r\n {\r\n \"no\": 592,\r\n \"code\": \"1F453\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"clothing\",\r\n \"eye\",\r\n \"eyeglasses\",\r\n \"eyewear\",\r\n \"glasses\"\r\n ]\r\n },\r\n {\r\n \"no\": 593,\r\n \"code\": \"1F576\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"dark\",\r\n \"eye\",\r\n \"eyewear\",\r\n \"glasses\",\r\n \"sunglasses\"\r\n ]\r\n },\r\n {\r\n \"no\": 594,\r\n \"code\": \"1F454\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"clothing\",\r\n \"necktie\"\r\n ]\r\n },\r\n {\r\n \"no\": 595,\r\n \"code\": \"1F455\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"clothing\",\r\n \"shirt\",\r\n \"tshirt\"\r\n ]\r\n },\r\n {\r\n \"no\": 596,\r\n \"code\": \"1F456\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"clothing\",\r\n \"jeans\",\r\n \"pants\",\r\n \"trousers\"\r\n ]\r\n },\r\n {\r\n \"no\": 597,\r\n \"code\": \"1F457\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"clothing\",\r\n \"dress\"\r\n ]\r\n },\r\n {\r\n \"no\": 598,\r\n \"code\": \"1F458\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"clothing\",\r\n \"kimono\"\r\n ]\r\n },\r\n {\r\n \"no\": 599,\r\n \"code\": \"1F459\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bikini\",\r\n \"clothing\",\r\n \"swim\"\r\n ]\r\n },\r\n {\r\n \"no\": 600,\r\n \"code\": \"1F45A\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"clothing\",\r\n \"woman\"\r\n ]\r\n },\r\n {\r\n \"no\": 601,\r\n \"code\": \"1F45B\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"clothing\",\r\n \"coin\",\r\n \"purse\"\r\n ]\r\n },\r\n {\r\n \"no\": 602,\r\n \"code\": \"1F45C\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bag\",\r\n \"clothing\",\r\n \"handbag\"\r\n ]\r\n },\r\n {\r\n \"no\": 603,\r\n \"code\": \"1F45D\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bag\",\r\n \"clothing\",\r\n \"pouch\"\r\n ]\r\n },\r\n {\r\n \"no\": 604,\r\n \"code\": \"1F6CD\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bag\",\r\n \"hotel\",\r\n \"shopping\"\r\n ]\r\n },\r\n {\r\n \"no\": 605,\r\n \"code\": \"1F392\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"activity\",\r\n \"bag\",\r\n \"satchel\",\r\n \"school\"\r\n ]\r\n },\r\n {\r\n \"no\": 606,\r\n \"code\": \"1F45E\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"clothing\",\r\n \"man\",\r\n \"shoe\"\r\n ]\r\n },\r\n {\r\n \"no\": 607,\r\n \"code\": \"1F45F\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"athletic\",\r\n \"clothing\",\r\n \"shoe\",\r\n \"sneaker\"\r\n ]\r\n },\r\n {\r\n \"no\": 608,\r\n \"code\": \"1F460\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"clothing\",\r\n \"heel\",\r\n \"shoe\",\r\n \"woman\"\r\n ]\r\n },\r\n {\r\n \"no\": 609,\r\n \"code\": \"1F461\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"clothing\",\r\n \"sandal\",\r\n \"shoe\",\r\n \"woman\"\r\n ]\r\n },\r\n {\r\n \"no\": 610,\r\n \"code\": \"1F462\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"boot\",\r\n \"clothing\",\r\n \"shoe\",\r\n \"woman\"\r\n ]\r\n },\r\n {\r\n \"no\": 611,\r\n \"code\": \"1F451\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"clothing\",\r\n \"crown\",\r\n \"king\",\r\n \"queen\"\r\n ]\r\n },\r\n {\r\n \"no\": 612,\r\n \"code\": \"1F452\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"clothing\",\r\n \"hat\",\r\n \"woman\"\r\n ]\r\n },\r\n {\r\n \"no\": 613,\r\n \"code\": \"1F3A9\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"activity\",\r\n \"clothing\",\r\n \"entertainment\",\r\n \"hat\",\r\n \"top\",\r\n \"tophat\"\r\n ]\r\n },\r\n {\r\n \"no\": 614,\r\n \"code\": \"1F393\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"activity\",\r\n \"cap\",\r\n \"celebration\",\r\n \"clothing\",\r\n \"graduation\",\r\n \"hat\"\r\n ]\r\n },\r\n {\r\n \"no\": 615,\r\n \"code\": \"26D1\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"aid\",\r\n \"cross\",\r\n \"face\",\r\n \"hat\",\r\n \"helmet\"\r\n ]\r\n },\r\n {\r\n \"no\": 616,\r\n \"code\": \"1F4FF\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"beads\",\r\n \"clothing\",\r\n \"necklace\",\r\n \"prayer\",\r\n \"religion\"\r\n ]\r\n },\r\n {\r\n \"no\": 617,\r\n \"code\": \"1F484\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cosmetics\",\r\n \"lipstick\",\r\n \"makeup\"\r\n ]\r\n },\r\n {\r\n \"no\": 618,\r\n \"code\": \"1F48D\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"diamond\",\r\n \"ring\",\r\n \"romance\"\r\n ]\r\n },\r\n {\r\n \"no\": 619,\r\n \"code\": \"1F48E\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"diamond\",\r\n \"gem\",\r\n \"jewel\",\r\n \"romance\"\r\n ]\r\n }\r\n ],\r\n ANIMALS: [\r\n {\r\n \"no\": 620,\r\n \"code\": \"1F435\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"face\",\r\n \"monkey\"\r\n ]\r\n },\r\n {\r\n \"no\": 621,\r\n \"code\": \"1F412\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"monkey\"\r\n ]\r\n },\r\n {\r\n \"no\": 622,\r\n \"code\": \"1F98D\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"gorilla\"\r\n ]\r\n },\r\n {\r\n \"no\": 623,\r\n \"code\": \"1F436\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"dog\",\r\n \"face\",\r\n \"pet\"\r\n ]\r\n },\r\n {\r\n \"no\": 624,\r\n \"code\": \"1F415\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"dog\",\r\n \"pet\"\r\n ]\r\n },\r\n {\r\n \"no\": 625,\r\n \"code\": \"1F429\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"dog\",\r\n \"poodle\"\r\n ]\r\n },\r\n {\r\n \"no\": 626,\r\n \"code\": \"1F43A\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"face\",\r\n \"wolf\"\r\n ]\r\n },\r\n {\r\n \"no\": 627,\r\n \"code\": \"1F98A\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"face\",\r\n \"fox\"\r\n ]\r\n },\r\n {\r\n \"no\": 628,\r\n \"code\": \"1F431\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cat\",\r\n \"face\",\r\n \"pet\"\r\n ]\r\n },\r\n {\r\n \"no\": 629,\r\n \"code\": \"1F408\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cat\",\r\n \"pet\"\r\n ]\r\n },\r\n {\r\n \"no\": 630,\r\n \"code\": \"1F981\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"face\",\r\n \"leo\",\r\n \"lion\",\r\n \"zodiac\"\r\n ]\r\n },\r\n {\r\n \"no\": 631,\r\n \"code\": \"1F42F\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"face\",\r\n \"tiger\"\r\n ]\r\n },\r\n {\r\n \"no\": 632,\r\n \"code\": \"1F405\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"tiger\"\r\n ]\r\n },\r\n {\r\n \"no\": 633,\r\n \"code\": \"1F406\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"leopard\"\r\n ]\r\n },\r\n {\r\n \"no\": 634,\r\n \"code\": \"1F434\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"face\",\r\n \"horse\"\r\n ]\r\n },\r\n {\r\n \"no\": 635,\r\n \"code\": \"1F40E\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"horse\",\r\n \"racehorse\",\r\n \"racing\"\r\n ]\r\n },\r\n {\r\n \"no\": 636,\r\n \"code\": \"1F98C\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"deer\"\r\n ]\r\n },\r\n {\r\n \"no\": 637,\r\n \"code\": \"1F984\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"face\",\r\n \"unicorn\"\r\n ]\r\n },\r\n {\r\n \"no\": 638,\r\n \"code\": \"1F42E\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cow\",\r\n \"face\"\r\n ]\r\n },\r\n {\r\n \"no\": 639,\r\n \"code\": \"1F402\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bull\",\r\n \"ox\",\r\n \"taurus\",\r\n \"zodiac\"\r\n ]\r\n },\r\n {\r\n \"no\": 640,\r\n \"code\": \"1F403\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"buffalo\",\r\n \"water\"\r\n ]\r\n },\r\n {\r\n \"no\": 641,\r\n \"code\": \"1F404\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cow\"\r\n ]\r\n },\r\n {\r\n \"no\": 642,\r\n \"code\": \"1F437\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"face\",\r\n \"pig\"\r\n ]\r\n },\r\n {\r\n \"no\": 643,\r\n \"code\": \"1F416\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"pig\",\r\n \"sow\"\r\n ]\r\n },\r\n {\r\n \"no\": 644,\r\n \"code\": \"1F417\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"boar\",\r\n \"pig\"\r\n ]\r\n },\r\n {\r\n \"no\": 645,\r\n \"code\": \"1F43D\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"face\",\r\n \"nose\",\r\n \"pig\"\r\n ]\r\n },\r\n {\r\n \"no\": 646,\r\n \"code\": \"1F40F\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"aries\",\r\n \"ram\",\r\n \"sheep\",\r\n \"zodiac\"\r\n ]\r\n },\r\n {\r\n \"no\": 647,\r\n \"code\": \"1F411\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"ewe\",\r\n \"sheep\"\r\n ]\r\n },\r\n {\r\n \"no\": 648,\r\n \"code\": \"1F410\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"capricorn\",\r\n \"goat\",\r\n \"zodiac\"\r\n ]\r\n },\r\n {\r\n \"no\": 649,\r\n \"code\": \"1F42A\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"camel\",\r\n \"dromedary\",\r\n \"hump\"\r\n ]\r\n },\r\n {\r\n \"no\": 650,\r\n \"code\": \"1F42B\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bactrian\",\r\n \"camel\",\r\n \"hump\"\r\n ]\r\n },\r\n {\r\n \"no\": 651,\r\n \"code\": \"1F418\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"elephant\"\r\n ]\r\n },\r\n {\r\n \"no\": 652,\r\n \"code\": \"1F98F\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"rhinoceros\"\r\n ]\r\n },\r\n {\r\n \"no\": 653,\r\n \"code\": \"1F42D\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"face\",\r\n \"mouse\"\r\n ]\r\n },\r\n {\r\n \"no\": 654,\r\n \"code\": \"1F401\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"mouse\"\r\n ]\r\n },\r\n {\r\n \"no\": 655,\r\n \"code\": \"1F400\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"rat\"\r\n ]\r\n },\r\n {\r\n \"no\": 656,\r\n \"code\": \"1F439\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"face\",\r\n \"hamster\",\r\n \"pet\"\r\n ]\r\n },\r\n {\r\n \"no\": 657,\r\n \"code\": \"1F430\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bunny\",\r\n \"face\",\r\n \"pet\",\r\n \"rabbit\"\r\n ]\r\n },\r\n {\r\n \"no\": 658,\r\n \"code\": \"1F407\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bunny\",\r\n \"pet\",\r\n \"rabbit\"\r\n ]\r\n },\r\n {\r\n \"no\": 659,\r\n \"code\": \"1F43F\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"chipmunk\"\r\n ]\r\n },\r\n {\r\n \"no\": 660,\r\n \"code\": \"1F987\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"bat\",\r\n \"vampire\"\r\n ]\r\n },\r\n {\r\n \"no\": 661,\r\n \"code\": \"1F43B\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bear\",\r\n \"face\"\r\n ]\r\n },\r\n {\r\n \"no\": 662,\r\n \"code\": \"1F428\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bear\",\r\n \"koala\"\r\n ]\r\n },\r\n {\r\n \"no\": 663,\r\n \"code\": \"1F43C\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"face\",\r\n \"panda\"\r\n ]\r\n },\r\n {\r\n \"no\": 664,\r\n \"code\": \"1F43E\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"feet\",\r\n \"paw\",\r\n \"print\"\r\n ]\r\n },\r\n {\r\n \"no\": 665,\r\n \"code\": \"1F983\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"turkey\"\r\n ]\r\n },\r\n {\r\n \"no\": 666,\r\n \"code\": \"1F414\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"chicken\"\r\n ]\r\n },\r\n {\r\n \"no\": 667,\r\n \"code\": \"1F413\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"rooster\"\r\n ]\r\n },\r\n {\r\n \"no\": 668,\r\n \"code\": \"1F423\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"baby\",\r\n \"chick\",\r\n \"hatching\"\r\n ]\r\n },\r\n {\r\n \"no\": 669,\r\n \"code\": \"1F424\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"baby\",\r\n \"chick\"\r\n ]\r\n },\r\n {\r\n \"no\": 670,\r\n \"code\": \"1F425\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"baby\",\r\n \"chick\"\r\n ]\r\n },\r\n {\r\n \"no\": 671,\r\n \"code\": \"1F426\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bird\"\r\n ]\r\n },\r\n {\r\n \"no\": 672,\r\n \"code\": \"1F427\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"penguin\"\r\n ]\r\n },\r\n {\r\n \"no\": 673,\r\n \"code\": \"1F54A\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bird\",\r\n \"dove\",\r\n \"fly\",\r\n \"peace\"\r\n ]\r\n },\r\n {\r\n \"no\": 674,\r\n \"code\": \"1F985\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"bird\",\r\n \"eagle\"\r\n ]\r\n },\r\n {\r\n \"no\": 675,\r\n \"code\": \"1F986\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"bird\",\r\n \"duck\"\r\n ]\r\n },\r\n {\r\n \"no\": 676,\r\n \"code\": \"1F989\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"bird\",\r\n \"owl\",\r\n \"wise\"\r\n ]\r\n },\r\n {\r\n \"no\": 677,\r\n \"code\": \"1F438\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"face\",\r\n \"frog\"\r\n ]\r\n },\r\n {\r\n \"no\": 678,\r\n \"code\": \"1F40A\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"crocodile\"\r\n ]\r\n },\r\n {\r\n \"no\": 679,\r\n \"code\": \"1F422\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"turtle\"\r\n ]\r\n },\r\n {\r\n \"no\": 680,\r\n \"code\": \"1F98E\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"lizard\",\r\n \"reptile\"\r\n ]\r\n },\r\n {\r\n \"no\": 681,\r\n \"code\": \"1F40D\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bearer\",\r\n \"ophiuchus\",\r\n \"serpent\",\r\n \"snake\",\r\n \"zodiac\"\r\n ]\r\n },\r\n {\r\n \"no\": 682,\r\n \"code\": \"1F432\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"dragon\",\r\n \"face\",\r\n \"fairy tale\"\r\n ]\r\n },\r\n {\r\n \"no\": 683,\r\n \"code\": \"1F409\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"dragon\",\r\n \"fairy tale\"\r\n ]\r\n },\r\n {\r\n \"no\": 684,\r\n \"code\": \"1F433\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"face\",\r\n \"spouting\",\r\n \"whale\"\r\n ]\r\n },\r\n {\r\n \"no\": 685,\r\n \"code\": \"1F40B\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"whale\"\r\n ]\r\n },\r\n {\r\n \"no\": 686,\r\n \"code\": \"1F42C\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"dolphin\",\r\n \"flipper\"\r\n ]\r\n },\r\n {\r\n \"no\": 687,\r\n \"code\": \"1F41F\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"fish\",\r\n \"pisces\",\r\n \"zodiac\"\r\n ]\r\n },\r\n {\r\n \"no\": 688,\r\n \"code\": \"1F420\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"fish\",\r\n \"tropical\"\r\n ]\r\n },\r\n {\r\n \"no\": 689,\r\n \"code\": \"1F421\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"blowfish\",\r\n \"fish\"\r\n ]\r\n },\r\n {\r\n \"no\": 690,\r\n \"code\": \"1F988\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"fish\",\r\n \"shark\"\r\n ]\r\n },\r\n {\r\n \"no\": 691,\r\n \"code\": \"1F419\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"octopus\"\r\n ]\r\n },\r\n {\r\n \"no\": 692,\r\n \"code\": \"1F41A\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"shell\",\r\n \"spiral\"\r\n ]\r\n },\r\n {\r\n \"no\": 693,\r\n \"code\": \"1F980\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cancer\",\r\n \"crab\",\r\n \"zodiac\"\r\n ]\r\n },\r\n {\r\n \"no\": 694,\r\n \"code\": \"1F990\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"shellfish\",\r\n \"shrimp\",\r\n \"small\"\r\n ]\r\n },\r\n {\r\n \"no\": 695,\r\n \"code\": \"1F991\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"molusc\",\r\n \"squid\"\r\n ]\r\n },\r\n {\r\n \"no\": 696,\r\n \"code\": \"1F98B\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"butterfly\",\r\n \"insect\",\r\n \"pretty\"\r\n ]\r\n },\r\n {\r\n \"no\": 697,\r\n \"code\": \"1F40C\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"snail\"\r\n ]\r\n },\r\n {\r\n \"no\": 698,\r\n \"code\": \"1F41B\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bug\",\r\n \"insect\"\r\n ]\r\n },\r\n {\r\n \"no\": 699,\r\n \"code\": \"1F41C\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"ant\",\r\n \"insect\"\r\n ]\r\n },\r\n {\r\n \"no\": 700,\r\n \"code\": \"1F41D\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bee\",\r\n \"honeybee\",\r\n \"insect\"\r\n ]\r\n },\r\n {\r\n \"no\": 701,\r\n \"code\": \"1F41E\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"beetle\",\r\n \"insect\",\r\n \"lady beetle\",\r\n \"ladybird\",\r\n \"ladybug\"\r\n ]\r\n },\r\n {\r\n \"no\": 702,\r\n \"code\": \"1F577\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"insect\",\r\n \"spider\"\r\n ]\r\n },\r\n {\r\n \"no\": 703,\r\n \"code\": \"1F578\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"spider\",\r\n \"web\"\r\n ]\r\n },\r\n {\r\n \"no\": 704,\r\n \"code\": \"1F982\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"scorpio\",\r\n \"scorpion\",\r\n \"scorpius\",\r\n \"zodiac\"\r\n ]\r\n },\r\n {\r\n \"no\": 705,\r\n \"code\": \"1F490\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bouquet\",\r\n \"flower\",\r\n \"plant\",\r\n \"romance\"\r\n ]\r\n },\r\n {\r\n \"no\": 706,\r\n \"code\": \"1F338\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"blossom\",\r\n \"cherry\",\r\n \"flower\",\r\n \"plant\"\r\n ]\r\n },\r\n {\r\n \"no\": 707,\r\n \"code\": \"1F4AE\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flower\"\r\n ]\r\n },\r\n {\r\n \"no\": 708,\r\n \"code\": \"1F3F5\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"plant\",\r\n \"rosette\"\r\n ]\r\n },\r\n {\r\n \"no\": 709,\r\n \"code\": \"1F339\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flower\",\r\n \"plant\",\r\n \"rose\"\r\n ]\r\n },\r\n {\r\n \"no\": 710,\r\n \"code\": \"1F940\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"flower\",\r\n \"wilted\"\r\n ]\r\n },\r\n {\r\n \"no\": 711,\r\n \"code\": \"1F33A\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flower\",\r\n \"hibiscus\",\r\n \"plant\"\r\n ]\r\n },\r\n {\r\n \"no\": 712,\r\n \"code\": \"1F33B\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flower\",\r\n \"plant\",\r\n \"sun\",\r\n \"sunflower\"\r\n ]\r\n },\r\n {\r\n \"no\": 713,\r\n \"code\": \"1F33C\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"blossom\",\r\n \"flower\",\r\n \"plant\"\r\n ]\r\n },\r\n {\r\n \"no\": 714,\r\n \"code\": \"1F337\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flower\",\r\n \"plant\",\r\n \"tulip\"\r\n ]\r\n },\r\n {\r\n \"no\": 715,\r\n \"code\": \"1F331\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"plant\",\r\n \"seedling\",\r\n \"young\"\r\n ]\r\n },\r\n {\r\n \"no\": 716,\r\n \"code\": \"1F332\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"evergreen\",\r\n \"plant\",\r\n \"tree\"\r\n ]\r\n },\r\n {\r\n \"no\": 717,\r\n \"code\": \"1F333\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"deciduous\",\r\n \"plant\",\r\n \"shedding\",\r\n \"tree\"\r\n ]\r\n },\r\n {\r\n \"no\": 718,\r\n \"code\": \"1F334\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"palm\",\r\n \"plant\",\r\n \"tree\"\r\n ]\r\n },\r\n {\r\n \"no\": 719,\r\n \"code\": \"1F335\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cactus\",\r\n \"plant\"\r\n ]\r\n },\r\n {\r\n \"no\": 720,\r\n \"code\": \"1F33E\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"ear\",\r\n \"plant\",\r\n \"rice\"\r\n ]\r\n },\r\n {\r\n \"no\": 721,\r\n \"code\": \"1F33F\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"herb\",\r\n \"leaf\",\r\n \"plant\"\r\n ]\r\n },\r\n {\r\n \"no\": 722,\r\n \"code\": \"2618\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"plant\",\r\n \"shamrock\"\r\n ]\r\n },\r\n {\r\n \"no\": 723,\r\n \"code\": \"1F340\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"4\",\r\n \"clover\",\r\n \"four\",\r\n \"leaf\",\r\n \"plant\"\r\n ]\r\n },\r\n {\r\n \"no\": 724,\r\n \"code\": \"1F341\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"falling\",\r\n \"leaf\",\r\n \"maple\",\r\n \"plant\"\r\n ]\r\n },\r\n {\r\n \"no\": 725,\r\n \"code\": \"1F342\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"falling\",\r\n \"leaf\",\r\n \"plant\"\r\n ]\r\n },\r\n {\r\n \"no\": 726,\r\n \"code\": \"1F343\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"blow\",\r\n \"flutter\",\r\n \"leaf\",\r\n \"plant\",\r\n \"wind\"\r\n ]\r\n },\r\n {\r\n \"no\": 727,\r\n \"code\": \"1F347\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"fruit\",\r\n \"grape\",\r\n \"plant\"\r\n ]\r\n },\r\n {\r\n \"no\": 728,\r\n \"code\": \"1F348\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"fruit\",\r\n \"melon\",\r\n \"plant\"\r\n ]\r\n },\r\n {\r\n \"no\": 729,\r\n \"code\": \"1F349\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"fruit\",\r\n \"plant\",\r\n \"watermelon\"\r\n ]\r\n },\r\n {\r\n \"no\": 730,\r\n \"code\": \"1F34A\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"fruit\",\r\n \"orange\",\r\n \"plant\",\r\n \"tangerine\"\r\n ]\r\n },\r\n {\r\n \"no\": 731,\r\n \"code\": \"1F34B\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"citrus\",\r\n \"fruit\",\r\n \"lemon\",\r\n \"plant\"\r\n ]\r\n },\r\n {\r\n \"no\": 732,\r\n \"code\": \"1F34C\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"banana\",\r\n \"fruit\",\r\n \"plant\"\r\n ]\r\n },\r\n {\r\n \"no\": 733,\r\n \"code\": \"1F34D\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"fruit\",\r\n \"pineapple\",\r\n \"plant\"\r\n ]\r\n },\r\n {\r\n \"no\": 734,\r\n \"code\": \"1F34E\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"apple\",\r\n \"fruit\",\r\n \"plant\",\r\n \"red\"\r\n ]\r\n },\r\n {\r\n \"no\": 735,\r\n \"code\": \"1F34F\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"apple\",\r\n \"fruit\",\r\n \"green\",\r\n \"plant\"\r\n ]\r\n },\r\n {\r\n \"no\": 736,\r\n \"code\": \"1F350\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"fruit\",\r\n \"pear\",\r\n \"plant\"\r\n ]\r\n },\r\n {\r\n \"no\": 737,\r\n \"code\": \"1F351\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"fruit\",\r\n \"peach\",\r\n \"plant\"\r\n ]\r\n },\r\n {\r\n \"no\": 738,\r\n \"code\": \"1F352\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cherry\",\r\n \"fruit\",\r\n \"plant\"\r\n ]\r\n },\r\n {\r\n \"no\": 739,\r\n \"code\": \"1F353\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"berry\",\r\n \"fruit\",\r\n \"plant\",\r\n \"strawberry\"\r\n ]\r\n },\r\n {\r\n \"no\": 740,\r\n \"code\": \"1F345\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"plant\",\r\n \"tomato\",\r\n \"vegetable\"\r\n ]\r\n },\r\n {\r\n \"no\": 741,\r\n \"code\": \"1F95D\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"fruit\",\r\n \"kiwi\"\r\n ]\r\n },\r\n {\r\n \"no\": 742,\r\n \"code\": \"1F951\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"avocado\",\r\n \"fruit\"\r\n ]\r\n },\r\n {\r\n \"no\": 743,\r\n \"code\": \"1F346\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"aubergine\",\r\n \"eggplant\",\r\n \"plant\",\r\n \"vegetable\"\r\n ]\r\n },\r\n {\r\n \"no\": 744,\r\n \"code\": \"1F954\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"potato\",\r\n \"vegetable\"\r\n ]\r\n },\r\n {\r\n \"no\": 745,\r\n \"code\": \"1F955\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"carrot\",\r\n \"vegetable\"\r\n ]\r\n },\r\n {\r\n \"no\": 746,\r\n \"code\": \"1F33D\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"corn\",\r\n \"ear\",\r\n \"maize\",\r\n \"maze\",\r\n \"plant\"\r\n ]\r\n },\r\n {\r\n \"no\": 747,\r\n \"code\": \"1F336\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"hot\",\r\n \"pepper\",\r\n \"plant\"\r\n ]\r\n },\r\n {\r\n \"no\": 748,\r\n \"code\": \"1F952\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"cucumber\",\r\n \"pickle\",\r\n \"vegetable\"\r\n ]\r\n },\r\n {\r\n \"no\": 749,\r\n \"code\": \"1F344\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"mushroom\",\r\n \"plant\"\r\n ]\r\n },\r\n {\r\n \"no\": 750,\r\n \"code\": \"1F95C\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"nut\",\r\n \"peanut\",\r\n \"vegetable\"\r\n ]\r\n },\r\n {\r\n \"no\": 751,\r\n \"code\": \"1F330\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"chestnut\",\r\n \"plant\"\r\n ]\r\n },\r\n {\r\n \"no\": 752,\r\n \"code\": \"1F35E\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bread\",\r\n \"loaf\"\r\n ]\r\n },\r\n {\r\n \"no\": 753,\r\n \"code\": \"1F950\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"bread\",\r\n \"crescent roll\",\r\n \"croissant\",\r\n \"french\"\r\n ]\r\n },\r\n {\r\n \"no\": 754,\r\n \"code\": \"1F956\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"baguette\",\r\n \"bread\",\r\n \"french\"\r\n ]\r\n },\r\n {\r\n \"no\": 755,\r\n \"code\": \"1F95E\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"crêpe\",\r\n \"hotcake\",\r\n \"pancake\"\r\n ]\r\n },\r\n {\r\n \"no\": 756,\r\n \"code\": \"1F9C0\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cheese\"\r\n ]\r\n },\r\n {\r\n \"no\": 757,\r\n \"code\": \"1F356\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bone\",\r\n \"meat\"\r\n ]\r\n },\r\n {\r\n \"no\": 758,\r\n \"code\": \"1F357\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bone\",\r\n \"chicken\",\r\n \"leg\",\r\n \"poultry\"\r\n ]\r\n },\r\n {\r\n \"no\": 759,\r\n \"code\": \"1F953\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"bacon\",\r\n \"meat\"\r\n ]\r\n },\r\n {\r\n \"no\": 760,\r\n \"code\": \"1F354\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"burger\",\r\n \"hamburger\"\r\n ]\r\n },\r\n {\r\n \"no\": 761,\r\n \"code\": \"1F35F\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"french\",\r\n \"fries\"\r\n ]\r\n },\r\n {\r\n \"no\": 762,\r\n \"code\": \"1F355\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cheese\",\r\n \"pizza\",\r\n \"slice\"\r\n ]\r\n },\r\n {\r\n \"no\": 763,\r\n \"code\": \"1F32D\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"frankfurter\",\r\n \"hot dog\",\r\n \"hotdog\",\r\n \"sausage\"\r\n ]\r\n },\r\n {\r\n \"no\": 764,\r\n \"code\": \"1F32E\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"mexican\",\r\n \"taco\"\r\n ]\r\n },\r\n {\r\n \"no\": 765,\r\n \"code\": \"1F32F\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"burrito\",\r\n \"mexican\"\r\n ]\r\n },\r\n {\r\n \"no\": 766,\r\n \"code\": \"1F959\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"falafel\",\r\n \"flatbread\",\r\n \"gyro\",\r\n \"kebab\",\r\n \"stuffed\"\r\n ]\r\n },\r\n {\r\n \"no\": 767,\r\n \"code\": \"1F95A\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"egg\"\r\n ]\r\n },\r\n {\r\n \"no\": 768,\r\n \"code\": \"1F373\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cooking\",\r\n \"egg\",\r\n \"frying\",\r\n \"pan\"\r\n ]\r\n },\r\n {\r\n \"no\": 769,\r\n \"code\": \"1F958\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"casserole\",\r\n \"paella\",\r\n \"pan\",\r\n \"shallow\"\r\n ]\r\n },\r\n {\r\n \"no\": 770,\r\n \"code\": \"1F372\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"pot\",\r\n \"stew\"\r\n ]\r\n },\r\n {\r\n \"no\": 771,\r\n \"code\": \"1F957\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"green\",\r\n \"salad\"\r\n ]\r\n },\r\n {\r\n \"no\": 772,\r\n \"code\": \"1F37F\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"popcorn\"\r\n ]\r\n },\r\n {\r\n \"no\": 773,\r\n \"code\": \"1F371\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bento\",\r\n \"box\"\r\n ]\r\n },\r\n {\r\n \"no\": 774,\r\n \"code\": \"1F358\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cracker\",\r\n \"rice\"\r\n ]\r\n },\r\n {\r\n \"no\": 775,\r\n \"code\": \"1F359\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"ball\",\r\n \"japanese\",\r\n \"rice\"\r\n ]\r\n },\r\n {\r\n \"no\": 776,\r\n \"code\": \"1F35A\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cooked\",\r\n \"rice\"\r\n ]\r\n },\r\n {\r\n \"no\": 777,\r\n \"code\": \"1F35B\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"curry\",\r\n \"rice\"\r\n ]\r\n },\r\n {\r\n \"no\": 778,\r\n \"code\": \"1F35C\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bowl\",\r\n \"noodle\",\r\n \"ramen\",\r\n \"steaming\"\r\n ]\r\n },\r\n {\r\n \"no\": 779,\r\n \"code\": \"1F35D\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"pasta\",\r\n \"spaghetti\"\r\n ]\r\n },\r\n {\r\n \"no\": 780,\r\n \"code\": \"1F360\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"potato\",\r\n \"roasted\",\r\n \"sweet\"\r\n ]\r\n },\r\n {\r\n \"no\": 781,\r\n \"code\": \"1F362\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"kebab\",\r\n \"oden\",\r\n \"seafood\",\r\n \"skewer\",\r\n \"stick\"\r\n ]\r\n },\r\n {\r\n \"no\": 782,\r\n \"code\": \"1F363\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"sushi\"\r\n ]\r\n },\r\n {\r\n \"no\": 783,\r\n \"code\": \"1F364\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"fried\",\r\n \"prawn\",\r\n \"shrimp\",\r\n \"tempura\"\r\n ]\r\n },\r\n {\r\n \"no\": 784,\r\n \"code\": \"1F365\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cake\",\r\n \"fish\",\r\n \"pastry\",\r\n \"swirl\"\r\n ]\r\n },\r\n {\r\n \"no\": 785,\r\n \"code\": \"1F361\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"dango\",\r\n \"dessert\",\r\n \"japanese\",\r\n \"skewer\",\r\n \"stick\",\r\n \"sweet\"\r\n ]\r\n },\r\n {\r\n \"no\": 786,\r\n \"code\": \"1F366\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cream\",\r\n \"dessert\",\r\n \"ice\",\r\n \"icecream\",\r\n \"soft\",\r\n \"sweet\"\r\n ]\r\n },\r\n {\r\n \"no\": 787,\r\n \"code\": \"1F367\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"dessert\",\r\n \"ice\",\r\n \"shaved\",\r\n \"sweet\"\r\n ]\r\n },\r\n {\r\n \"no\": 788,\r\n \"code\": \"1F368\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cream\",\r\n \"dessert\",\r\n \"ice\",\r\n \"sweet\"\r\n ]\r\n },\r\n {\r\n \"no\": 789,\r\n \"code\": \"1F369\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"dessert\",\r\n \"donut\",\r\n \"doughnut\",\r\n \"sweet\"\r\n ]\r\n },\r\n {\r\n \"no\": 790,\r\n \"code\": \"1F36A\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cookie\",\r\n \"dessert\",\r\n \"sweet\"\r\n ]\r\n },\r\n {\r\n \"no\": 791,\r\n \"code\": \"1F382\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"birthday\",\r\n \"cake\",\r\n \"celebration\",\r\n \"dessert\",\r\n \"pastry\",\r\n \"sweet\"\r\n ]\r\n },\r\n {\r\n \"no\": 792,\r\n \"code\": \"1F370\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cake\",\r\n \"dessert\",\r\n \"pastry\",\r\n \"shortcake\",\r\n \"slice\",\r\n \"sweet\"\r\n ]\r\n },\r\n {\r\n \"no\": 793,\r\n \"code\": \"1F36B\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bar\",\r\n \"chocolate\",\r\n \"dessert\",\r\n \"sweet\"\r\n ]\r\n },\r\n {\r\n \"no\": 794,\r\n \"code\": \"1F36C\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"candy\",\r\n \"dessert\",\r\n \"sweet\"\r\n ]\r\n },\r\n {\r\n \"no\": 795,\r\n \"code\": \"1F36D\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"candy\",\r\n \"dessert\",\r\n \"lollipop\",\r\n \"sweet\"\r\n ]\r\n },\r\n {\r\n \"no\": 796,\r\n \"code\": \"1F36E\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"custard\",\r\n \"dessert\",\r\n \"pudding\",\r\n \"sweet\"\r\n ]\r\n },\r\n {\r\n \"no\": 797,\r\n \"code\": \"1F36F\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"honey\",\r\n \"honeypot\",\r\n \"pot\",\r\n \"sweet\"\r\n ]\r\n },\r\n {\r\n \"no\": 798,\r\n \"code\": \"1F37C\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"baby\",\r\n \"bottle\",\r\n \"drink\",\r\n \"milk\"\r\n ]\r\n },\r\n {\r\n \"no\": 799,\r\n \"code\": \"1F95B\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"drink\",\r\n \"glass\",\r\n \"milk\"\r\n ]\r\n },\r\n {\r\n \"no\": 800,\r\n \"code\": \"2615\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"beverage\",\r\n \"coffee\",\r\n \"drink\",\r\n \"hot\",\r\n \"steaming\",\r\n \"tea\"\r\n ]\r\n },\r\n {\r\n \"no\": 801,\r\n \"code\": \"1F375\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"beverage\",\r\n \"cup\",\r\n \"drink\",\r\n \"tea\",\r\n \"teacup\"\r\n ]\r\n },\r\n {\r\n \"no\": 802,\r\n \"code\": \"1F376\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bar\",\r\n \"beverage\",\r\n \"bottle\",\r\n \"cup\",\r\n \"drink\",\r\n \"sake\"\r\n ]\r\n },\r\n {\r\n \"no\": 803,\r\n \"code\": \"1F37E\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bar\",\r\n \"bottle\",\r\n \"cork\",\r\n \"drink\",\r\n \"popping\"\r\n ]\r\n },\r\n {\r\n \"no\": 804,\r\n \"code\": \"1F377\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bar\",\r\n \"beverage\",\r\n \"drink\",\r\n \"glass\",\r\n \"wine\"\r\n ]\r\n },\r\n {\r\n \"no\": 805,\r\n \"code\": \"1F378\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bar\",\r\n \"cocktail\",\r\n \"drink\",\r\n \"glass\"\r\n ]\r\n },\r\n {\r\n \"no\": 806,\r\n \"code\": \"1F379\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bar\",\r\n \"drink\",\r\n \"tropical\"\r\n ]\r\n },\r\n {\r\n \"no\": 807,\r\n \"code\": \"1F37A\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bar\",\r\n \"beer\",\r\n \"drink\",\r\n \"mug\"\r\n ]\r\n },\r\n {\r\n \"no\": 808,\r\n \"code\": \"1F37B\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bar\",\r\n \"beer\",\r\n \"clink\",\r\n \"drink\",\r\n \"mug\"\r\n ]\r\n },\r\n {\r\n \"no\": 809,\r\n \"code\": \"1F942\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"celebrate\",\r\n \"clink\",\r\n \"drink\",\r\n \"glass\"\r\n ]\r\n },\r\n {\r\n \"no\": 810,\r\n \"code\": \"1F943\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"glass\",\r\n \"liquor\",\r\n \"shot\",\r\n \"tumbler\",\r\n \"whisky\"\r\n ]\r\n },\r\n {\r\n \"no\": 811,\r\n \"code\": \"1F37D\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cooking\",\r\n \"fork\",\r\n \"knife\",\r\n \"plate\"\r\n ]\r\n },\r\n {\r\n \"no\": 812,\r\n \"code\": \"1F374\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cooking\",\r\n \"fork\",\r\n \"knife\"\r\n ]\r\n },\r\n {\r\n \"no\": 813,\r\n \"code\": \"1F944\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"spoon\",\r\n \"tableware\"\r\n ]\r\n },\r\n {\r\n \"no\": 814,\r\n \"code\": \"1F52A\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cooking\",\r\n \"hocho\",\r\n \"knife\",\r\n \"tool\",\r\n \"weapon\"\r\n ]\r\n },\r\n {\r\n \"no\": 815,\r\n \"code\": \"1F3FA\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"amphora\",\r\n \"aquarius\",\r\n \"cooking\",\r\n \"drink\",\r\n \"jug\",\r\n \"tool\",\r\n \"weapon\",\r\n \"zodiac\"\r\n ]\r\n }\r\n ],\r\n TRAVEL: [\r\n {\r\n \"no\": 816,\r\n \"code\": \"1F30D\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"africa\",\r\n \"earth\",\r\n \"europe\",\r\n \"globe\",\r\n \"world\"\r\n ]\r\n },\r\n {\r\n \"no\": 817,\r\n \"code\": \"1F30E\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"americas\",\r\n \"earth\",\r\n \"globe\",\r\n \"world\"\r\n ]\r\n },\r\n {\r\n \"no\": 818,\r\n \"code\": \"1F30F\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"asia\",\r\n \"australia\",\r\n \"earth\",\r\n \"globe\",\r\n \"world\"\r\n ]\r\n },\r\n {\r\n \"no\": 819,\r\n \"code\": \"1F310\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"earth\",\r\n \"globe\",\r\n \"meridians\",\r\n \"world\"\r\n ]\r\n },\r\n {\r\n \"no\": 820,\r\n \"code\": \"1F5FA\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"map\",\r\n \"world\"\r\n ]\r\n },\r\n {\r\n \"no\": 821,\r\n \"code\": \"1F5FE\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"japan\",\r\n \"map\"\r\n ]\r\n },\r\n {\r\n \"no\": 822,\r\n \"code\": \"1F3D4\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cold\",\r\n \"mountain\",\r\n \"snow\"\r\n ]\r\n },\r\n {\r\n \"no\": 823,\r\n \"code\": \"26F0\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"mountain\"\r\n ]\r\n },\r\n {\r\n \"no\": 824,\r\n \"code\": \"1F30B\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"eruption\",\r\n \"mountain\",\r\n \"volcano\",\r\n \"weather\"\r\n ]\r\n },\r\n {\r\n \"no\": 825,\r\n \"code\": \"1F5FB\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"fuji\",\r\n \"mountain\"\r\n ]\r\n },\r\n {\r\n \"no\": 826,\r\n \"code\": \"1F3D5\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"camping\"\r\n ]\r\n },\r\n {\r\n \"no\": 827,\r\n \"code\": \"1F3D6\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"beach\",\r\n \"umbrella\"\r\n ]\r\n },\r\n {\r\n \"no\": 828,\r\n \"code\": \"1F3DC\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"desert\"\r\n ]\r\n },\r\n {\r\n \"no\": 829,\r\n \"code\": \"1F3DD\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"desert\",\r\n \"island\"\r\n ]\r\n },\r\n {\r\n \"no\": 830,\r\n \"code\": \"1F3DE\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"national park\",\r\n \"park\"\r\n ]\r\n },\r\n {\r\n \"no\": 831,\r\n \"code\": \"1F3DF\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"stadium\"\r\n ]\r\n },\r\n {\r\n \"no\": 832,\r\n \"code\": \"1F3DB\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"building\",\r\n \"classical\"\r\n ]\r\n },\r\n {\r\n \"no\": 833,\r\n \"code\": \"1F3D7\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"building\",\r\n \"construction\"\r\n ]\r\n },\r\n {\r\n \"no\": 834,\r\n \"code\": \"1F3D8\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"building\",\r\n \"house\"\r\n ]\r\n },\r\n {\r\n \"no\": 835,\r\n \"code\": \"1F3D9\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"building\",\r\n \"city\"\r\n ]\r\n },\r\n {\r\n \"no\": 836,\r\n \"code\": \"1F3DA\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"building\",\r\n \"derelict\",\r\n \"house\"\r\n ]\r\n },\r\n {\r\n \"no\": 837,\r\n \"code\": \"1F3E0\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"building\",\r\n \"home\",\r\n \"house\"\r\n ]\r\n },\r\n {\r\n \"no\": 838,\r\n \"code\": \"1F3E1\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"building\",\r\n \"garden\",\r\n \"home\",\r\n \"house\"\r\n ]\r\n },\r\n {\r\n \"no\": 839,\r\n \"code\": \"1F3E2\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"building\"\r\n ]\r\n },\r\n {\r\n \"no\": 840,\r\n \"code\": \"1F3E3\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"building\",\r\n \"japanese\",\r\n \"post\"\r\n ]\r\n },\r\n {\r\n \"no\": 841,\r\n \"code\": \"1F3E4\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"building\",\r\n \"european\",\r\n \"post\"\r\n ]\r\n },\r\n {\r\n \"no\": 842,\r\n \"code\": \"1F3E5\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"building\",\r\n \"doctor\",\r\n \"hospital\",\r\n \"medicine\"\r\n ]\r\n },\r\n {\r\n \"no\": 843,\r\n \"code\": \"1F3E6\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bank\",\r\n \"building\"\r\n ]\r\n },\r\n {\r\n \"no\": 844,\r\n \"code\": \"1F3E8\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"building\",\r\n \"hotel\"\r\n ]\r\n },\r\n {\r\n \"no\": 845,\r\n \"code\": \"1F3E9\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"building\",\r\n \"hotel\",\r\n \"love\"\r\n ]\r\n },\r\n {\r\n \"no\": 846,\r\n \"code\": \"1F3EA\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"building\",\r\n \"convenience\",\r\n \"store\"\r\n ]\r\n },\r\n {\r\n \"no\": 847,\r\n \"code\": \"1F3EB\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"building\",\r\n \"school\"\r\n ]\r\n },\r\n {\r\n \"no\": 848,\r\n \"code\": \"1F3EC\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"building\",\r\n \"department\",\r\n \"store\"\r\n ]\r\n },\r\n {\r\n \"no\": 849,\r\n \"code\": \"1F3ED\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"building\",\r\n \"factory\"\r\n ]\r\n },\r\n {\r\n \"no\": 850,\r\n \"code\": \"1F3EF\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"building\",\r\n \"castle\",\r\n \"japanese\"\r\n ]\r\n },\r\n {\r\n \"no\": 851,\r\n \"code\": \"1F3F0\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"building\",\r\n \"castle\",\r\n \"european\"\r\n ]\r\n },\r\n {\r\n \"no\": 852,\r\n \"code\": \"1F492\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"activity\",\r\n \"chapel\",\r\n \"romance\",\r\n \"wedding\"\r\n ]\r\n },\r\n {\r\n \"no\": 853,\r\n \"code\": \"1F5FC\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"tokyo\",\r\n \"tower\"\r\n ]\r\n },\r\n {\r\n \"no\": 854,\r\n \"code\": \"1F5FD\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"liberty\",\r\n \"statue\"\r\n ]\r\n },\r\n {\r\n \"no\": 855,\r\n \"code\": \"26EA\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"building\",\r\n \"christian\",\r\n \"church\",\r\n \"cross\",\r\n \"religion\"\r\n ]\r\n },\r\n {\r\n \"no\": 856,\r\n \"code\": \"1F54C\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"islam\",\r\n \"mosque\",\r\n \"muslim\",\r\n \"religion\"\r\n ]\r\n },\r\n {\r\n \"no\": 857,\r\n \"code\": \"1F54D\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"jew\",\r\n \"jewish\",\r\n \"religion\",\r\n \"synagogue\",\r\n \"temple\"\r\n ]\r\n },\r\n {\r\n \"no\": 858,\r\n \"code\": \"26E9\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"religion\",\r\n \"shinto\",\r\n \"shrine\"\r\n ]\r\n },\r\n {\r\n \"no\": 859,\r\n \"code\": \"1F54B\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"islam\",\r\n \"kaaba\",\r\n \"muslim\",\r\n \"religion\"\r\n ]\r\n },\r\n {\r\n \"no\": 860,\r\n \"code\": \"26F2\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"fountain\"\r\n ]\r\n },\r\n {\r\n \"no\": 861,\r\n \"code\": \"26FA\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"camping\",\r\n \"tent\"\r\n ]\r\n },\r\n {\r\n \"no\": 862,\r\n \"code\": \"1F301\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"fog\",\r\n \"weather\"\r\n ]\r\n },\r\n {\r\n \"no\": 863,\r\n \"code\": \"1F303\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"night\",\r\n \"star\",\r\n \"weather\"\r\n ]\r\n },\r\n {\r\n \"no\": 864,\r\n \"code\": \"1F304\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"morning\",\r\n \"mountain\",\r\n \"sun\",\r\n \"sunrise\",\r\n \"weather\"\r\n ]\r\n },\r\n {\r\n \"no\": 865,\r\n \"code\": \"1F305\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"morning\",\r\n \"sun\",\r\n \"sunrise\",\r\n \"weather\"\r\n ]\r\n },\r\n {\r\n \"no\": 866,\r\n \"code\": \"1F306\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"building\",\r\n \"city\",\r\n \"dusk\",\r\n \"evening\",\r\n \"landscape\",\r\n \"sun\",\r\n \"sunset\",\r\n \"weather\"\r\n ]\r\n },\r\n {\r\n \"no\": 867,\r\n \"code\": \"1F307\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"building\",\r\n \"dusk\",\r\n \"sun\",\r\n \"sunset\",\r\n \"weather\"\r\n ]\r\n },\r\n {\r\n \"no\": 868,\r\n \"code\": \"1F309\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bridge\",\r\n \"night\",\r\n \"weather\"\r\n ]\r\n },\r\n {\r\n \"no\": 869,\r\n \"code\": \"2668\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"hot\",\r\n \"hotsprings\",\r\n \"springs\",\r\n \"steaming\"\r\n ]\r\n },\r\n {\r\n \"no\": 870,\r\n \"code\": \"1F30C\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"milky way\",\r\n \"space\",\r\n \"weather\"\r\n ]\r\n },\r\n {\r\n \"no\": 871,\r\n \"code\": \"1F3A0\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"activity\",\r\n \"carousel\",\r\n \"entertainment\",\r\n \"horse\"\r\n ]\r\n },\r\n {\r\n \"no\": 872,\r\n \"code\": \"1F3A1\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"activity\",\r\n \"amusement park\",\r\n \"entertainment\",\r\n \"ferris\",\r\n \"wheel\"\r\n ]\r\n },\r\n {\r\n \"no\": 873,\r\n \"code\": \"1F3A2\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"activity\",\r\n \"amusement park\",\r\n \"coaster\",\r\n \"entertainment\",\r\n \"roller\"\r\n ]\r\n },\r\n {\r\n \"no\": 874,\r\n \"code\": \"1F488\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"barber\",\r\n \"haircut\",\r\n \"pole\"\r\n ]\r\n },\r\n {\r\n \"no\": 875,\r\n \"code\": \"1F3AA\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"activity\",\r\n \"circus\",\r\n \"entertainment\",\r\n \"tent\"\r\n ]\r\n },\r\n {\r\n \"no\": 876,\r\n \"code\": \"1F3AD\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"activity\",\r\n \"art\",\r\n \"entertainment\",\r\n \"mask\",\r\n \"performing\",\r\n \"theater\",\r\n \"theatre\"\r\n ]\r\n },\r\n {\r\n \"no\": 877,\r\n \"code\": \"1F5BC\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"art\",\r\n \"frame\",\r\n \"museum\",\r\n \"painting\",\r\n \"picture\"\r\n ]\r\n },\r\n {\r\n \"no\": 878,\r\n \"code\": \"1F3A8\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"activity\",\r\n \"art\",\r\n \"entertainment\",\r\n \"museum\",\r\n \"painting\",\r\n \"palette\"\r\n ]\r\n },\r\n {\r\n \"no\": 879,\r\n \"code\": \"1F3B0\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"activity\",\r\n \"game\",\r\n \"slot\"\r\n ]\r\n },\r\n {\r\n \"no\": 880,\r\n \"code\": \"1F682\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"engine\",\r\n \"locomotive\",\r\n \"railway\",\r\n \"steam\",\r\n \"train\",\r\n \"vehicle\"\r\n ]\r\n },\r\n {\r\n \"no\": 881,\r\n \"code\": \"1F683\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"car\",\r\n \"electric\",\r\n \"railway\",\r\n \"train\",\r\n \"tram\",\r\n \"trolleybus\",\r\n \"vehicle\"\r\n ]\r\n },\r\n {\r\n \"no\": 882,\r\n \"code\": \"1F684\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"railway\",\r\n \"shinkansen\",\r\n \"speed\",\r\n \"train\",\r\n \"vehicle\"\r\n ]\r\n },\r\n {\r\n \"no\": 883,\r\n \"code\": \"1F685\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bullet\",\r\n \"railway\",\r\n \"shinkansen\",\r\n \"speed\",\r\n \"train\",\r\n \"vehicle\"\r\n ]\r\n },\r\n {\r\n \"no\": 884,\r\n \"code\": \"1F686\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"railway\",\r\n \"train\",\r\n \"vehicle\"\r\n ]\r\n },\r\n {\r\n \"no\": 885,\r\n \"code\": \"1F687\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"metro\",\r\n \"subway\",\r\n \"vehicle\"\r\n ]\r\n },\r\n {\r\n \"no\": 886,\r\n \"code\": \"1F688\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"railway\",\r\n \"vehicle\"\r\n ]\r\n },\r\n {\r\n \"no\": 887,\r\n \"code\": \"1F689\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"railway\",\r\n \"station\",\r\n \"train\",\r\n \"vehicle\"\r\n ]\r\n },\r\n {\r\n \"no\": 888,\r\n \"code\": \"1F68A\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"tram\",\r\n \"trolleybus\",\r\n \"vehicle\"\r\n ]\r\n },\r\n {\r\n \"no\": 889,\r\n \"code\": \"1F69D\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"monorail\",\r\n \"vehicle\"\r\n ]\r\n },\r\n {\r\n \"no\": 890,\r\n \"code\": \"1F69E\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"car\",\r\n \"mountain\",\r\n \"railway\",\r\n \"vehicle\"\r\n ]\r\n },\r\n {\r\n \"no\": 891,\r\n \"code\": \"1F68B\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"car\",\r\n \"tram\",\r\n \"trolleybus\",\r\n \"vehicle\"\r\n ]\r\n },\r\n {\r\n \"no\": 892,\r\n \"code\": \"1F68C\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bus\",\r\n \"vehicle\"\r\n ]\r\n },\r\n {\r\n \"no\": 893,\r\n \"code\": \"1F68D\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bus\",\r\n \"oncoming\",\r\n \"vehicle\"\r\n ]\r\n },\r\n {\r\n \"no\": 894,\r\n \"code\": \"1F68E\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bus\",\r\n \"tram\",\r\n \"trolley\",\r\n \"trolleybus\",\r\n \"vehicle\"\r\n ]\r\n },\r\n {\r\n \"no\": 895,\r\n \"code\": \"1F68F\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bus\",\r\n \"busstop\",\r\n \"stop\"\r\n ]\r\n },\r\n {\r\n \"no\": 896,\r\n \"code\": \"1F690\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bus\",\r\n \"minibus\",\r\n \"vehicle\"\r\n ]\r\n },\r\n {\r\n \"no\": 897,\r\n \"code\": \"1F691\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"ambulance\",\r\n \"vehicle\"\r\n ]\r\n },\r\n {\r\n \"no\": 898,\r\n \"code\": \"1F692\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"engine\",\r\n \"fire\",\r\n \"truck\",\r\n \"vehicle\"\r\n ]\r\n },\r\n {\r\n \"no\": 899,\r\n \"code\": \"1F693\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"car\",\r\n \"patrol\",\r\n \"police\",\r\n \"vehicle\"\r\n ]\r\n },\r\n {\r\n \"no\": 900,\r\n \"code\": \"1F694\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"car\",\r\n \"oncoming\",\r\n \"police\",\r\n \"vehicle\"\r\n ]\r\n },\r\n {\r\n \"no\": 901,\r\n \"code\": \"1F695\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"taxi\",\r\n \"vehicle\"\r\n ]\r\n },\r\n {\r\n \"no\": 902,\r\n \"code\": \"1F696\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"oncoming\",\r\n \"taxi\",\r\n \"vehicle\"\r\n ]\r\n },\r\n {\r\n \"no\": 903,\r\n \"code\": \"1F697\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"automobile\",\r\n \"car\",\r\n \"vehicle\"\r\n ]\r\n },\r\n {\r\n \"no\": 904,\r\n \"code\": \"1F698\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"automobile\",\r\n \"car\",\r\n \"oncoming\",\r\n \"vehicle\"\r\n ]\r\n },\r\n {\r\n \"no\": 905,\r\n \"code\": \"1F699\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"recreational\",\r\n \"rv\",\r\n \"vehicle\"\r\n ]\r\n },\r\n {\r\n \"no\": 906,\r\n \"code\": \"1F69A\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"delivery\",\r\n \"truck\",\r\n \"vehicle\"\r\n ]\r\n },\r\n {\r\n \"no\": 907,\r\n \"code\": \"1F69B\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"lorry\",\r\n \"semi\",\r\n \"truck\",\r\n \"vehicle\"\r\n ]\r\n },\r\n {\r\n \"no\": 908,\r\n \"code\": \"1F69C\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"tractor\",\r\n \"vehicle\"\r\n ]\r\n },\r\n {\r\n \"no\": 909,\r\n \"code\": \"1F6B2\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bicycle\",\r\n \"bike\",\r\n \"vehicle\"\r\n ]\r\n },\r\n {\r\n \"no\": 910,\r\n \"code\": \"26FD\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"fuel\",\r\n \"fuelpump\",\r\n \"gas\",\r\n \"pump\",\r\n \"station\"\r\n ]\r\n },\r\n {\r\n \"no\": 911,\r\n \"code\": \"1F6E3\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"highway\",\r\n \"motorway\",\r\n \"road\"\r\n ]\r\n },\r\n {\r\n \"no\": 912,\r\n \"code\": \"1F6E4\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"railway\",\r\n \"train\"\r\n ]\r\n },\r\n {\r\n \"no\": 913,\r\n \"code\": \"1F6A8\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"beacon\",\r\n \"car\",\r\n \"light\",\r\n \"police\",\r\n \"revolving\",\r\n \"vehicle\"\r\n ]\r\n },\r\n {\r\n \"no\": 914,\r\n \"code\": \"1F6A5\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"light\",\r\n \"signal\",\r\n \"traffic\"\r\n ]\r\n },\r\n {\r\n \"no\": 915,\r\n \"code\": \"1F6A6\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"light\",\r\n \"signal\",\r\n \"traffic\"\r\n ]\r\n },\r\n {\r\n \"no\": 916,\r\n \"code\": \"1F6A7\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"barrier\",\r\n \"construction\"\r\n ]\r\n },\r\n {\r\n \"no\": 917,\r\n \"code\": \"1F6D1\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"octagonal\",\r\n \"stop\"\r\n ]\r\n },\r\n {\r\n \"no\": 918,\r\n \"code\": \"1F6F4\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"kick\",\r\n \"scooter\"\r\n ]\r\n },\r\n {\r\n \"no\": 919,\r\n \"code\": \"1F6F5\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"motor\",\r\n \"scooter\"\r\n ]\r\n },\r\n {\r\n \"no\": 920,\r\n \"code\": \"2693\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"anchor\",\r\n \"ship\",\r\n \"tool\"\r\n ]\r\n },\r\n {\r\n \"no\": 921,\r\n \"code\": \"26F5\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"boat\",\r\n \"resort\",\r\n \"sailboat\",\r\n \"sea\",\r\n \"vehicle\",\r\n \"yacht\"\r\n ]\r\n },\r\n {\r\n \"no\": 922,\r\n \"code\": \"1F6A3\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"boat\",\r\n \"rowboat\",\r\n \"vehicle\"\r\n ],\r\n \"types\": [\r\n \"1F6A3-1F3FF\",\r\n \"1F6A3-1F3FE\",\r\n \"1F6A3-1F3FD\",\r\n \"1F6A3-1F3FC\",\r\n \"1F6A3-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 928,\r\n \"code\": \"1F6F6\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"boat\",\r\n \"canoe\"\r\n ]\r\n },\r\n {\r\n \"no\": 929,\r\n \"code\": \"1F6A4\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"boat\",\r\n \"speedboat\",\r\n \"vehicle\"\r\n ]\r\n },\r\n {\r\n \"no\": 930,\r\n \"code\": \"1F6F3\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"passenger\",\r\n \"ship\",\r\n \"vehicle\"\r\n ]\r\n },\r\n {\r\n \"no\": 931,\r\n \"code\": \"26F4\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"boat\",\r\n \"ferry\"\r\n ]\r\n },\r\n {\r\n \"no\": 932,\r\n \"code\": \"1F6E5\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"boat\",\r\n \"motorboat\",\r\n \"vehicle\"\r\n ]\r\n },\r\n {\r\n \"no\": 933,\r\n \"code\": \"1F6A2\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"ship\",\r\n \"vehicle\"\r\n ]\r\n },\r\n {\r\n \"no\": 934,\r\n \"code\": \"2708\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"airplane\",\r\n \"vehicle\"\r\n ]\r\n },\r\n {\r\n \"no\": 935,\r\n \"code\": \"1F6E9\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"airplane\",\r\n \"vehicle\"\r\n ]\r\n },\r\n {\r\n \"no\": 936,\r\n \"code\": \"1F6EB\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"airplane\",\r\n \"check-in\",\r\n \"departure\",\r\n \"departures\",\r\n \"vehicle\"\r\n ]\r\n },\r\n {\r\n \"no\": 937,\r\n \"code\": \"1F6EC\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"airplane\",\r\n \"arrivals\",\r\n \"arriving\",\r\n \"landing\",\r\n \"vehicle\"\r\n ]\r\n },\r\n {\r\n \"no\": 938,\r\n \"code\": \"1F4BA\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"chair\",\r\n \"seat\"\r\n ]\r\n },\r\n {\r\n \"no\": 939,\r\n \"code\": \"1F681\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"helicopter\",\r\n \"vehicle\"\r\n ]\r\n },\r\n {\r\n \"no\": 940,\r\n \"code\": \"1F69F\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"railway\",\r\n \"suspension\",\r\n \"vehicle\"\r\n ]\r\n },\r\n {\r\n \"no\": 941,\r\n \"code\": \"1F6A0\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cable\",\r\n \"gondola\",\r\n \"mountain\",\r\n \"vehicle\"\r\n ]\r\n },\r\n {\r\n \"no\": 942,\r\n \"code\": \"1F6A1\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"aerial\",\r\n \"cable\",\r\n \"car\",\r\n \"gondola\",\r\n \"ropeway\",\r\n \"tramway\",\r\n \"vehicle\"\r\n ]\r\n },\r\n {\r\n \"no\": 943,\r\n \"code\": \"1F680\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"rocket\",\r\n \"space\",\r\n \"vehicle\"\r\n ]\r\n },\r\n {\r\n \"no\": 944,\r\n \"code\": \"1F6F0\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"satellite\",\r\n \"space\",\r\n \"vehicle\"\r\n ]\r\n },\r\n {\r\n \"no\": 945,\r\n \"code\": \"1F6CE\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bell\",\r\n \"bellhop\",\r\n \"hotel\"\r\n ]\r\n },\r\n {\r\n \"no\": 946,\r\n \"code\": \"1F6AA\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"door\"\r\n ]\r\n },\r\n {\r\n \"no\": 947,\r\n \"code\": \"1F6CC\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"hotel\",\r\n \"sleep\"\r\n ]\r\n },\r\n {\r\n \"no\": 948,\r\n \"code\": \"1F6CF\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bed\",\r\n \"hotel\",\r\n \"sleep\"\r\n ]\r\n },\r\n {\r\n \"no\": 949,\r\n \"code\": \"1F6CB\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"couch\",\r\n \"hotel\",\r\n \"lamp\"\r\n ]\r\n },\r\n {\r\n \"no\": 950,\r\n \"code\": \"1F6BD\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"toilet\"\r\n ]\r\n },\r\n {\r\n \"no\": 951,\r\n \"code\": \"1F6BF\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"shower\",\r\n \"water\"\r\n ]\r\n },\r\n {\r\n \"no\": 952,\r\n \"code\": \"1F6C0\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bath\",\r\n \"bathtub\"\r\n ],\r\n \"types\": [\r\n \"1F6C0-1F3FF\",\r\n \"1F6C0-1F3FE\",\r\n \"1F6C0-1F3FD\",\r\n \"1F6C0-1F3FC\",\r\n \"1F6C0-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 958,\r\n \"code\": \"1F6C1\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bath\",\r\n \"bathtub\"\r\n ]\r\n },\r\n {\r\n \"no\": 959,\r\n \"code\": \"231B\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"hourglass\",\r\n \"sand\",\r\n \"timer\"\r\n ]\r\n },\r\n {\r\n \"no\": 960,\r\n \"code\": \"23F3\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"hourglass\",\r\n \"sand\",\r\n \"timer\"\r\n ]\r\n },\r\n {\r\n \"no\": 961,\r\n \"code\": \"231A\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"clock\",\r\n \"watch\"\r\n ]\r\n },\r\n {\r\n \"no\": 962,\r\n \"code\": \"23F0\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"alarm\",\r\n \"clock\"\r\n ]\r\n },\r\n {\r\n \"no\": 963,\r\n \"code\": \"23F1\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"clock\",\r\n \"stopwatch\"\r\n ]\r\n },\r\n {\r\n \"no\": 964,\r\n \"code\": \"23F2\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"clock\",\r\n \"timer\"\r\n ]\r\n },\r\n {\r\n \"no\": 965,\r\n \"code\": \"1F570\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"clock\"\r\n ]\r\n },\r\n {\r\n \"no\": 966,\r\n \"code\": \"1F55B\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"00\",\r\n \"12\",\r\n \"12:00\",\r\n \"clock\",\r\n \"o’clock\",\r\n \"twelve\"\r\n ]\r\n },\r\n {\r\n \"no\": 967,\r\n \"code\": \"1F567\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"12\",\r\n \"12:30\",\r\n \"30\",\r\n \"clock\",\r\n \"thirty\",\r\n \"twelve\"\r\n ]\r\n },\r\n {\r\n \"no\": 968,\r\n \"code\": \"1F550\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"00\",\r\n \"1\",\r\n \"1:00\",\r\n \"clock\",\r\n \"o’clock\",\r\n \"one\"\r\n ]\r\n },\r\n {\r\n \"no\": 969,\r\n \"code\": \"1F55C\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"1\",\r\n \"1:30\",\r\n \"30\",\r\n \"clock\",\r\n \"one\",\r\n \"thirty\"\r\n ]\r\n },\r\n {\r\n \"no\": 970,\r\n \"code\": \"1F551\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"00\",\r\n \"2\",\r\n \"2:00\",\r\n \"clock\",\r\n \"o’clock\",\r\n \"two\"\r\n ]\r\n },\r\n {\r\n \"no\": 971,\r\n \"code\": \"1F55D\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"2\",\r\n \"2:30\",\r\n \"30\",\r\n \"clock\",\r\n \"thirty\",\r\n \"two\"\r\n ]\r\n },\r\n {\r\n \"no\": 972,\r\n \"code\": \"1F552\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"00\",\r\n \"3\",\r\n \"3:00\",\r\n \"clock\",\r\n \"o’clock\",\r\n \"three\"\r\n ]\r\n },\r\n {\r\n \"no\": 973,\r\n \"code\": \"1F55E\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"3\",\r\n \"3:30\",\r\n \"30\",\r\n \"clock\",\r\n \"thirty\",\r\n \"three\"\r\n ]\r\n },\r\n {\r\n \"no\": 974,\r\n \"code\": \"1F553\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"00\",\r\n \"4\",\r\n \"4:00\",\r\n \"clock\",\r\n \"four\",\r\n \"o’clock\"\r\n ]\r\n },\r\n {\r\n \"no\": 975,\r\n \"code\": \"1F55F\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"30\",\r\n \"4\",\r\n \"4:30\",\r\n \"clock\",\r\n \"four\",\r\n \"thirty\"\r\n ]\r\n },\r\n {\r\n \"no\": 976,\r\n \"code\": \"1F554\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"00\",\r\n \"5\",\r\n \"5:00\",\r\n \"clock\",\r\n \"five\",\r\n \"o’clock\"\r\n ]\r\n },\r\n {\r\n \"no\": 977,\r\n \"code\": \"1F560\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"30\",\r\n \"5\",\r\n \"5:30\",\r\n \"clock\",\r\n \"five\",\r\n \"thirty\"\r\n ]\r\n },\r\n {\r\n \"no\": 978,\r\n \"code\": \"1F555\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"00\",\r\n \"6\",\r\n \"6:00\",\r\n \"clock\",\r\n \"o’clock\",\r\n \"six\"\r\n ]\r\n },\r\n {\r\n \"no\": 979,\r\n \"code\": \"1F561\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"30\",\r\n \"6\",\r\n \"6:30\",\r\n \"clock\",\r\n \"six\",\r\n \"thirty\"\r\n ]\r\n },\r\n {\r\n \"no\": 980,\r\n \"code\": \"1F556\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"00\",\r\n \"7\",\r\n \"7:00\",\r\n \"clock\",\r\n \"o’clock\",\r\n \"seven\"\r\n ]\r\n },\r\n {\r\n \"no\": 981,\r\n \"code\": \"1F562\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"30\",\r\n \"7\",\r\n \"7:30\",\r\n \"clock\",\r\n \"seven\",\r\n \"thirty\"\r\n ]\r\n },\r\n {\r\n \"no\": 982,\r\n \"code\": \"1F557\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"00\",\r\n \"8\",\r\n \"8:00\",\r\n \"clock\",\r\n \"eight\",\r\n \"o’clock\"\r\n ]\r\n },\r\n {\r\n \"no\": 983,\r\n \"code\": \"1F563\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"30\",\r\n \"8\",\r\n \"8:30\",\r\n \"clock\",\r\n \"eight\",\r\n \"thirty\"\r\n ]\r\n },\r\n {\r\n \"no\": 984,\r\n \"code\": \"1F558\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"00\",\r\n \"9\",\r\n \"9:00\",\r\n \"clock\",\r\n \"nine\",\r\n \"o’clock\"\r\n ]\r\n },\r\n {\r\n \"no\": 985,\r\n \"code\": \"1F564\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"30\",\r\n \"9\",\r\n \"9:30\",\r\n \"clock\",\r\n \"nine\",\r\n \"thirty\"\r\n ]\r\n },\r\n {\r\n \"no\": 986,\r\n \"code\": \"1F559\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"00\",\r\n \"10\",\r\n \"10:00\",\r\n \"clock\",\r\n \"o’clock\",\r\n \"ten\"\r\n ]\r\n },\r\n {\r\n \"no\": 987,\r\n \"code\": \"1F565\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"10\",\r\n \"10:30\",\r\n \"30\",\r\n \"clock\",\r\n \"ten\",\r\n \"thirty\"\r\n ]\r\n },\r\n {\r\n \"no\": 988,\r\n \"code\": \"1F55A\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"00\",\r\n \"11\",\r\n \"11:00\",\r\n \"clock\",\r\n \"eleven\",\r\n \"o’clock\"\r\n ]\r\n },\r\n {\r\n \"no\": 989,\r\n \"code\": \"1F566\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"11\",\r\n \"11:30\",\r\n \"30\",\r\n \"clock\",\r\n \"eleven\",\r\n \"thirty\"\r\n ]\r\n },\r\n {\r\n \"no\": 990,\r\n \"code\": \"1F311\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"dark\",\r\n \"moon\",\r\n \"space\",\r\n \"weather\"\r\n ]\r\n },\r\n {\r\n \"no\": 991,\r\n \"code\": \"1F312\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"crescent\",\r\n \"moon\",\r\n \"space\",\r\n \"waxing\",\r\n \"weather\"\r\n ]\r\n },\r\n {\r\n \"no\": 992,\r\n \"code\": \"1F313\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"moon\",\r\n \"quarter\",\r\n \"space\",\r\n \"weather\"\r\n ]\r\n },\r\n {\r\n \"no\": 993,\r\n \"code\": \"1F314\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"gibbous\",\r\n \"moon\",\r\n \"space\",\r\n \"waxing\",\r\n \"weather\"\r\n ]\r\n },\r\n {\r\n \"no\": 994,\r\n \"code\": \"1F315\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"full\",\r\n \"moon\",\r\n \"space\",\r\n \"weather\"\r\n ]\r\n },\r\n {\r\n \"no\": 995,\r\n \"code\": \"1F316\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"gibbous\",\r\n \"moon\",\r\n \"space\",\r\n \"waning\",\r\n \"weather\"\r\n ]\r\n },\r\n {\r\n \"no\": 996,\r\n \"code\": \"1F317\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"moon\",\r\n \"quarter\",\r\n \"space\",\r\n \"weather\"\r\n ]\r\n },\r\n {\r\n \"no\": 997,\r\n \"code\": \"1F318\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"crescent\",\r\n \"moon\",\r\n \"space\",\r\n \"waning\",\r\n \"weather\"\r\n ]\r\n },\r\n {\r\n \"no\": 998,\r\n \"code\": \"1F319\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"crescent\",\r\n \"moon\",\r\n \"space\",\r\n \"weather\"\r\n ]\r\n },\r\n {\r\n \"no\": 999,\r\n \"code\": \"1F31A\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"face\",\r\n \"moon\",\r\n \"space\",\r\n \"weather\"\r\n ]\r\n },\r\n {\r\n \"no\": 1000,\r\n \"code\": \"1F31B\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"face\",\r\n \"moon\",\r\n \"quarter\",\r\n \"space\",\r\n \"weather\"\r\n ]\r\n },\r\n {\r\n \"no\": 1001,\r\n \"code\": \"1F31C\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"face\",\r\n \"moon\",\r\n \"quarter\",\r\n \"space\",\r\n \"weather\"\r\n ]\r\n },\r\n {\r\n \"no\": 1002,\r\n \"code\": \"1F321\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"thermometer\",\r\n \"weather\"\r\n ]\r\n },\r\n {\r\n \"no\": 1003,\r\n \"code\": \"2600\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bright\",\r\n \"rays\",\r\n \"space\",\r\n \"sun\",\r\n \"sunny\",\r\n \"weather\"\r\n ]\r\n },\r\n {\r\n \"no\": 1004,\r\n \"code\": \"1F31D\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bright\",\r\n \"face\",\r\n \"full\",\r\n \"moon\",\r\n \"space\",\r\n \"weather\"\r\n ]\r\n },\r\n {\r\n \"no\": 1005,\r\n \"code\": \"1F31E\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bright\",\r\n \"face\",\r\n \"space\",\r\n \"sun\",\r\n \"weather\"\r\n ]\r\n },\r\n {\r\n \"no\": 1006,\r\n \"code\": \"2B50\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"star\"\r\n ]\r\n },\r\n {\r\n \"no\": 1007,\r\n \"code\": \"1F31F\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"glittery\",\r\n \"glow\",\r\n \"shining\",\r\n \"sparkle\",\r\n \"star\"\r\n ]\r\n },\r\n {\r\n \"no\": 1008,\r\n \"code\": \"1F320\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"activity\",\r\n \"falling\",\r\n \"shooting\",\r\n \"space\",\r\n \"star\"\r\n ]\r\n },\r\n {\r\n \"no\": 1009,\r\n \"code\": \"2601\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cloud\",\r\n \"weather\"\r\n ]\r\n },\r\n {\r\n \"no\": 1010,\r\n \"code\": \"26C5\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cloud\",\r\n \"sun\",\r\n \"weather\"\r\n ]\r\n },\r\n {\r\n \"no\": 1011,\r\n \"code\": \"26C8\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cloud\",\r\n \"rain\",\r\n \"thunder\",\r\n \"weather\"\r\n ]\r\n },\r\n {\r\n \"no\": 1012,\r\n \"code\": \"1F324\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cloud\",\r\n \"sun\",\r\n \"weather\"\r\n ]\r\n },\r\n {\r\n \"no\": 1013,\r\n \"code\": \"1F325\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cloud\",\r\n \"sun\",\r\n \"weather\"\r\n ]\r\n },\r\n {\r\n \"no\": 1014,\r\n \"code\": \"1F326\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cloud\",\r\n \"rain\",\r\n \"sun\",\r\n \"weather\"\r\n ]\r\n },\r\n {\r\n \"no\": 1015,\r\n \"code\": \"1F327\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cloud\",\r\n \"rain\",\r\n \"weather\"\r\n ]\r\n },\r\n {\r\n \"no\": 1016,\r\n \"code\": \"1F328\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cloud\",\r\n \"cold\",\r\n \"snow\",\r\n \"weather\"\r\n ]\r\n },\r\n {\r\n \"no\": 1017,\r\n \"code\": \"1F329\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cloud\",\r\n \"lightning\",\r\n \"weather\"\r\n ]\r\n },\r\n {\r\n \"no\": 1018,\r\n \"code\": \"1F32A\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cloud\",\r\n \"tornado\",\r\n \"weather\",\r\n \"whirlwind\"\r\n ]\r\n },\r\n {\r\n \"no\": 1019,\r\n \"code\": \"1F32B\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cloud\",\r\n \"fog\",\r\n \"weather\"\r\n ]\r\n },\r\n {\r\n \"no\": 1020,\r\n \"code\": \"1F32C\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"blow\",\r\n \"cloud\",\r\n \"face\",\r\n \"weather\",\r\n \"wind\"\r\n ]\r\n },\r\n {\r\n \"no\": 1021,\r\n \"code\": \"1F300\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cyclone\",\r\n \"dizzy\",\r\n \"twister\",\r\n \"typhoon\",\r\n \"weather\"\r\n ]\r\n },\r\n {\r\n \"no\": 1022,\r\n \"code\": \"1F308\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"rain\",\r\n \"rainbow\",\r\n \"weather\"\r\n ]\r\n },\r\n {\r\n \"no\": 1023,\r\n \"code\": \"1F302\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"clothing\",\r\n \"rain\",\r\n \"umbrella\",\r\n \"weather\"\r\n ]\r\n },\r\n {\r\n \"no\": 1024,\r\n \"code\": \"2602\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"clothing\",\r\n \"rain\",\r\n \"umbrella\",\r\n \"weather\"\r\n ]\r\n },\r\n {\r\n \"no\": 1025,\r\n \"code\": \"2614\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"clothing\",\r\n \"drop\",\r\n \"rain\",\r\n \"umbrella\",\r\n \"weather\"\r\n ]\r\n },\r\n {\r\n \"no\": 1026,\r\n \"code\": \"26F1\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"rain\",\r\n \"sun\",\r\n \"umbrella\",\r\n \"weather\"\r\n ]\r\n },\r\n {\r\n \"no\": 1027,\r\n \"code\": \"26A1\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"danger\",\r\n \"electric\",\r\n \"electricity\",\r\n \"lightning\",\r\n \"voltage\",\r\n \"zap\"\r\n ]\r\n },\r\n {\r\n \"no\": 1028,\r\n \"code\": \"2744\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cold\",\r\n \"snow\",\r\n \"snowflake\",\r\n \"weather\"\r\n ]\r\n },\r\n {\r\n \"no\": 1029,\r\n \"code\": \"2603\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cold\",\r\n \"snow\",\r\n \"snowman\",\r\n \"weather\"\r\n ]\r\n },\r\n {\r\n \"no\": 1030,\r\n \"code\": \"26C4\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cold\",\r\n \"snow\",\r\n \"snowman\",\r\n \"weather\"\r\n ]\r\n },\r\n {\r\n \"no\": 1031,\r\n \"code\": \"2604\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"comet\",\r\n \"space\"\r\n ]\r\n },\r\n {\r\n \"no\": 1032,\r\n \"code\": \"1F525\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"fire\",\r\n \"flame\",\r\n \"tool\"\r\n ]\r\n },\r\n {\r\n \"no\": 1033,\r\n \"code\": \"1F4A7\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cold\",\r\n \"comic\",\r\n \"drop\",\r\n \"sweat\",\r\n \"weather\"\r\n ]\r\n },\r\n {\r\n \"no\": 1034,\r\n \"code\": \"1F30A\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"ocean\",\r\n \"water\",\r\n \"wave\",\r\n \"weather\"\r\n ]\r\n }\r\n ],\r\n ACTIVITIES: [\r\n {\r\n \"no\": 1035,\r\n \"code\": \"1F383\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"activity\",\r\n \"celebration\",\r\n \"entertainment\",\r\n \"halloween\",\r\n \"jack\",\r\n \"lantern\"\r\n ]\r\n },\r\n {\r\n \"no\": 1036,\r\n \"code\": \"1F384\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"activity\",\r\n \"celebration\",\r\n \"christmas\",\r\n \"entertainment\",\r\n \"tree\"\r\n ]\r\n },\r\n {\r\n \"no\": 1037,\r\n \"code\": \"1F386\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"activity\",\r\n \"celebration\",\r\n \"entertainment\",\r\n \"fireworks\"\r\n ]\r\n },\r\n {\r\n \"no\": 1038,\r\n \"code\": \"1F387\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"activity\",\r\n \"celebration\",\r\n \"entertainment\",\r\n \"fireworks\",\r\n \"sparkle\"\r\n ]\r\n },\r\n {\r\n \"no\": 1039,\r\n \"code\": \"2728\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"entertainment\",\r\n \"sparkle\",\r\n \"star\"\r\n ]\r\n },\r\n {\r\n \"no\": 1040,\r\n \"code\": \"1F388\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"activity\",\r\n \"balloon\",\r\n \"celebration\",\r\n \"entertainment\"\r\n ]\r\n },\r\n {\r\n \"no\": 1041,\r\n \"code\": \"1F389\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"activity\",\r\n \"celebration\",\r\n \"entertainment\",\r\n \"party\",\r\n \"popper\",\r\n \"tada\"\r\n ]\r\n },\r\n {\r\n \"no\": 1042,\r\n \"code\": \"1F38A\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"activity\",\r\n \"ball\",\r\n \"celebration\",\r\n \"confetti\",\r\n \"entertainment\"\r\n ]\r\n },\r\n {\r\n \"no\": 1043,\r\n \"code\": \"1F38B\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"activity\",\r\n \"banner\",\r\n \"celebration\",\r\n \"entertainment\",\r\n \"japanese\",\r\n \"tree\"\r\n ]\r\n },\r\n {\r\n \"no\": 1044,\r\n \"code\": \"1F38D\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"activity\",\r\n \"bamboo\",\r\n \"celebration\",\r\n \"japanese\",\r\n \"pine\",\r\n \"plant\"\r\n ]\r\n },\r\n {\r\n \"no\": 1045,\r\n \"code\": \"1F38E\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"activity\",\r\n \"celebration\",\r\n \"doll\",\r\n \"entertainment\",\r\n \"festival\",\r\n \"japanese\"\r\n ]\r\n },\r\n {\r\n \"no\": 1046,\r\n \"code\": \"1F38F\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"activity\",\r\n \"carp\",\r\n \"celebration\",\r\n \"entertainment\",\r\n \"flag\",\r\n \"streamer\"\r\n ]\r\n },\r\n {\r\n \"no\": 1047,\r\n \"code\": \"1F390\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"activity\",\r\n \"bell\",\r\n \"celebration\",\r\n \"chime\",\r\n \"entertainment\",\r\n \"wind\"\r\n ]\r\n },\r\n {\r\n \"no\": 1048,\r\n \"code\": \"1F391\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"activity\",\r\n \"celebration\",\r\n \"ceremony\",\r\n \"entertainment\",\r\n \"moon\"\r\n ]\r\n },\r\n {\r\n \"no\": 1049,\r\n \"code\": \"1F380\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"celebration\",\r\n \"ribbon\"\r\n ]\r\n },\r\n {\r\n \"no\": 1050,\r\n \"code\": \"1F381\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"box\",\r\n \"celebration\",\r\n \"entertainment\",\r\n \"gift\",\r\n \"present\",\r\n \"wrapped\"\r\n ]\r\n },\r\n {\r\n \"no\": 1051,\r\n \"code\": \"1F397\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"celebration\",\r\n \"reminder\",\r\n \"ribbon\"\r\n ]\r\n },\r\n {\r\n \"no\": 1052,\r\n \"code\": \"1F39F\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"admission\",\r\n \"entertainment\",\r\n \"ticket\"\r\n ]\r\n },\r\n {\r\n \"no\": 1053,\r\n \"code\": \"1F3AB\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"activity\",\r\n \"admission\",\r\n \"entertainment\",\r\n \"ticket\"\r\n ]\r\n },\r\n {\r\n \"no\": 1054,\r\n \"code\": \"1F396\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"celebration\",\r\n \"medal\",\r\n \"military\"\r\n ]\r\n },\r\n {\r\n \"no\": 1055,\r\n \"code\": \"1F3C6\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"prize\",\r\n \"trophy\"\r\n ]\r\n },\r\n {\r\n \"no\": 1056,\r\n \"code\": \"1F3C5\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"medal\"\r\n ]\r\n },\r\n {\r\n \"no\": 1057,\r\n \"code\": \"1F947\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"first\",\r\n \"gold\",\r\n \"medal\"\r\n ]\r\n },\r\n {\r\n \"no\": 1058,\r\n \"code\": \"1F948\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"medal\",\r\n \"second\",\r\n \"silver\"\r\n ]\r\n },\r\n {\r\n \"no\": 1059,\r\n \"code\": \"1F949\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"bronze\",\r\n \"medal\",\r\n \"third\"\r\n ]\r\n },\r\n {\r\n \"no\": 1060,\r\n \"code\": \"26BD\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"ball\",\r\n \"soccer\"\r\n ]\r\n },\r\n {\r\n \"no\": 1061,\r\n \"code\": \"26BE\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"ball\",\r\n \"baseball\"\r\n ]\r\n },\r\n {\r\n \"no\": 1062,\r\n \"code\": \"1F3C0\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"ball\",\r\n \"basketball\",\r\n \"hoop\"\r\n ]\r\n },\r\n {\r\n \"no\": 1063,\r\n \"code\": \"1F3D0\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"ball\",\r\n \"game\",\r\n \"volleyball\"\r\n ]\r\n },\r\n {\r\n \"no\": 1064,\r\n \"code\": \"1F3C8\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"american\",\r\n \"ball\",\r\n \"football\"\r\n ]\r\n },\r\n {\r\n \"no\": 1065,\r\n \"code\": \"1F3C9\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"ball\",\r\n \"football\",\r\n \"rugby\"\r\n ]\r\n },\r\n {\r\n \"no\": 1066,\r\n \"code\": \"1F3BE\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"ball\",\r\n \"racquet\",\r\n \"tennis\"\r\n ]\r\n },\r\n {\r\n \"no\": 1067,\r\n \"code\": \"1F3B1\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"8\",\r\n \"8 ball\",\r\n \"ball\",\r\n \"billiard\",\r\n \"eight\",\r\n \"game\"\r\n ]\r\n },\r\n {\r\n \"no\": 1068,\r\n \"code\": \"1F3B3\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"ball\",\r\n \"bowling\",\r\n \"game\"\r\n ]\r\n },\r\n {\r\n \"no\": 1069,\r\n \"code\": \"1F3CF\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"ball\",\r\n \"bat\",\r\n \"cricket\",\r\n \"game\"\r\n ]\r\n },\r\n {\r\n \"no\": 1070,\r\n \"code\": \"1F3D1\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"ball\",\r\n \"field\",\r\n \"game\",\r\n \"hockey\",\r\n \"stick\"\r\n ]\r\n },\r\n {\r\n \"no\": 1071,\r\n \"code\": \"1F3D2\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"game\",\r\n \"hockey\",\r\n \"ice\",\r\n \"puck\",\r\n \"stick\"\r\n ]\r\n },\r\n {\r\n \"no\": 1072,\r\n \"code\": \"1F3D3\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"ball\",\r\n \"bat\",\r\n \"game\",\r\n \"paddle\",\r\n \"table tennis\"\r\n ]\r\n },\r\n {\r\n \"no\": 1073,\r\n \"code\": \"1F3F8\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"badminton\",\r\n \"birdie\",\r\n \"game\",\r\n \"racquet\",\r\n \"shuttlecock\"\r\n ]\r\n },\r\n {\r\n \"no\": 1074,\r\n \"code\": \"1F94A\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"boxing\",\r\n \"glove\"\r\n ]\r\n },\r\n {\r\n \"no\": 1075,\r\n \"code\": \"1F94B\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"judo\",\r\n \"karate\",\r\n \"martial arts\",\r\n \"taekwondo\",\r\n \"uniform\"\r\n ]\r\n },\r\n {\r\n \"no\": 1076,\r\n \"code\": \"26F3\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"golf\",\r\n \"hole\"\r\n ]\r\n },\r\n {\r\n \"no\": 1077,\r\n \"code\": \"1F3CC\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"ball\",\r\n \"golf\"\r\n ]\r\n },\r\n {\r\n \"no\": 1078,\r\n \"code\": \"26F8\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"ice\",\r\n \"skate\"\r\n ]\r\n },\r\n {\r\n \"no\": 1079,\r\n \"code\": \"1F3A3\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"entertainment\",\r\n \"fish\",\r\n \"pole\"\r\n ]\r\n },\r\n {\r\n \"no\": 1080,\r\n \"code\": \"1F3BD\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"running\",\r\n \"sash\",\r\n \"shirt\"\r\n ]\r\n },\r\n {\r\n \"no\": 1081,\r\n \"code\": \"1F3BF\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"ski\",\r\n \"snow\"\r\n ]\r\n },\r\n {\r\n \"no\": 1082,\r\n \"code\": \"26F7\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"ski\",\r\n \"snow\"\r\n ]\r\n },\r\n {\r\n \"no\": 1083,\r\n \"code\": \"1F3C2\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"ski\",\r\n \"snow\",\r\n \"snowboard\"\r\n ]\r\n },\r\n {\r\n \"no\": 1084,\r\n \"code\": \"1F3C4\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"surfer\",\r\n \"surfing\"\r\n ],\r\n \"types\": [\r\n \"1F3C4-1F3FF\",\r\n \"1F3C4-1F3FE\",\r\n \"1F3C4-1F3FD\",\r\n \"1F3C4-1F3FC\",\r\n \"1F3C4-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 1090,\r\n \"code\": \"1F3C7\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"horse\",\r\n \"jockey\",\r\n \"racehorse\",\r\n \"racing\"\r\n ]\r\n },\r\n {\r\n \"no\": 1091,\r\n \"code\": \"1F3CA\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"swim\",\r\n \"swimmer\"\r\n ],\r\n \"types\": [\r\n \"1F3CA-1F3FF\",\r\n \"1F3CA-1F3FE\",\r\n \"1F3CA-1F3FD\",\r\n \"1F3CA-1F3FC\",\r\n \"1F3CA-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 1097,\r\n \"code\": \"26F9\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"ball\"\r\n ],\r\n \"types\": [\r\n \"26F9-1F3FF\",\r\n \"26F9-1F3FE\",\r\n \"26F9-1F3FD\",\r\n \"26F9-1F3FC\",\r\n \"26F9-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 1103,\r\n \"code\": \"1F3CB\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"lifter\",\r\n \"weight\"\r\n ],\r\n \"types\": [\r\n \"1F3CB-1F3FF\",\r\n \"1F3CB-1F3FE\",\r\n \"1F3CB-1F3FD\",\r\n \"1F3CB-1F3FC\",\r\n \"1F3CB-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 1109,\r\n \"code\": \"1F6B4\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bicycle\",\r\n \"bicyclist\",\r\n \"bike\",\r\n \"cyclist\"\r\n ],\r\n \"types\": [\r\n \"1F6B4-1F3FF\",\r\n \"1F6B4-1F3FE\",\r\n \"1F6B4-1F3FD\",\r\n \"1F6B4-1F3FC\",\r\n \"1F6B4-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 1115,\r\n \"code\": \"1F6B5\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bicycle\",\r\n \"bicyclist\",\r\n \"bike\",\r\n \"cyclist\",\r\n \"mountain\"\r\n ],\r\n \"types\": [\r\n \"1F6B5-1F3FF\",\r\n \"1F6B5-1F3FE\",\r\n \"1F6B5-1F3FD\",\r\n \"1F6B5-1F3FC\",\r\n \"1F6B5-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 1121,\r\n \"code\": \"1F3CE\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"car\",\r\n \"racing\"\r\n ]\r\n },\r\n {\r\n \"no\": 1122,\r\n \"code\": \"1F3CD\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"motorcycle\",\r\n \"racing\"\r\n ]\r\n },\r\n {\r\n \"no\": 1123,\r\n \"code\": \"1F938\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"cartwheel\",\r\n \"gymnastics\"\r\n ],\r\n \"types\": [\r\n \"1F938-1F3FF\",\r\n \"1F938-1F3FE\",\r\n \"1F938-1F3FD\",\r\n \"1F938-1F3FC\",\r\n \"1F938-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 1129,\r\n \"code\": \"1F93C\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"wrestle\",\r\n \"wrestler\"\r\n ],\r\n \"types\": [\r\n \"1F93C-1F3FF\",\r\n \"1F93C-1F3FE\",\r\n \"1F93C-1F3FD\",\r\n \"1F93C-1F3FC\",\r\n \"1F93C-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 1135,\r\n \"code\": \"1F93D\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"polo\",\r\n \"water\"\r\n ],\r\n \"types\": [\r\n \"1F93D-1F3FF\",\r\n \"1F93D-1F3FE\",\r\n \"1F93D-1F3FD\",\r\n \"1F93D-1F3FC\",\r\n \"1F93D-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 1141,\r\n \"code\": \"1F93E\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"ball\",\r\n \"handball\"\r\n ],\r\n \"types\": [\r\n \"1F93E-1F3FF\",\r\n \"1F93E-1F3FE\",\r\n \"1F93E-1F3FD\",\r\n \"1F93E-1F3FC\",\r\n \"1F93E-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 1147,\r\n \"code\": \"1F93A\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"fencer\",\r\n \"fencing\",\r\n \"sword\"\r\n ]\r\n },\r\n {\r\n \"no\": 1148,\r\n \"code\": \"1F945\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"goal\",\r\n \"net\"\r\n ]\r\n },\r\n {\r\n \"no\": 1149,\r\n \"code\": \"1F939\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"balance\",\r\n \"juggle\",\r\n \"multitask\",\r\n \"skill\"\r\n ],\r\n \"types\": [\r\n \"1F939-1F3FF\",\r\n \"1F939-1F3FE\",\r\n \"1F939-1F3FD\",\r\n \"1F939-1F3FC\",\r\n \"1F939-1F3FB\"\r\n ]\r\n },\r\n {\r\n \"no\": 1155,\r\n \"code\": \"1F3AF\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"activity\",\r\n \"bull\",\r\n \"bullseye\",\r\n \"dart\",\r\n \"entertainment\",\r\n \"eye\",\r\n \"game\",\r\n \"hit\",\r\n \"target\"\r\n ]\r\n },\r\n {\r\n \"no\": 1156,\r\n \"code\": \"1F3AE\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"controller\",\r\n \"entertainment\",\r\n \"game\",\r\n \"video game\"\r\n ]\r\n },\r\n {\r\n \"no\": 1157,\r\n \"code\": \"1F579\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"entertainment\",\r\n \"game\",\r\n \"joystick\",\r\n \"video game\"\r\n ]\r\n },\r\n {\r\n \"no\": 1158,\r\n \"code\": \"1F3B2\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"dice\",\r\n \"die\",\r\n \"entertainment\",\r\n \"game\"\r\n ]\r\n },\r\n {\r\n \"no\": 1159,\r\n \"code\": \"2660\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"card\",\r\n \"game\",\r\n \"spade\",\r\n \"suit\"\r\n ]\r\n },\r\n {\r\n \"no\": 1160,\r\n \"code\": \"2665\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"card\",\r\n \"game\",\r\n \"heart\",\r\n \"hearts\",\r\n \"suit\"\r\n ]\r\n },\r\n {\r\n \"no\": 1161,\r\n \"code\": \"2666\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"card\",\r\n \"diamond\",\r\n \"diamonds\",\r\n \"game\",\r\n \"suit\"\r\n ]\r\n },\r\n {\r\n \"no\": 1162,\r\n \"code\": \"2663\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"card\",\r\n \"club\",\r\n \"clubs\",\r\n \"game\",\r\n \"suit\"\r\n ]\r\n },\r\n {\r\n \"no\": 1163,\r\n \"code\": \"1F0CF\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"card\",\r\n \"entertainment\",\r\n \"game\",\r\n \"joker\",\r\n \"playing\"\r\n ]\r\n },\r\n {\r\n \"no\": 1164,\r\n \"code\": \"1F004\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"game\",\r\n \"mahjong\",\r\n \"red\"\r\n ]\r\n },\r\n {\r\n \"no\": 1165,\r\n \"code\": \"1F3B4\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"activity\",\r\n \"card\",\r\n \"entertainment\",\r\n \"flower\",\r\n \"game\",\r\n \"japanese\",\r\n \"playing\"\r\n ]\r\n }\r\n ],\r\n OBJECTS: [\r\n {\r\n \"no\": 1166,\r\n \"code\": \"1F507\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"mute\",\r\n \"quiet\",\r\n \"silent\",\r\n \"speaker\",\r\n \"volume\"\r\n ]\r\n },\r\n {\r\n \"no\": 1167,\r\n \"code\": \"1F508\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"speaker\",\r\n \"volume\"\r\n ]\r\n },\r\n {\r\n \"no\": 1168,\r\n \"code\": \"1F509\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"low\",\r\n \"speaker\",\r\n \"volume\",\r\n \"wave\"\r\n ]\r\n },\r\n {\r\n \"no\": 1169,\r\n \"code\": \"1F50A\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"3\",\r\n \"entertainment\",\r\n \"high\",\r\n \"loud\",\r\n \"speaker\",\r\n \"three\",\r\n \"volume\"\r\n ]\r\n },\r\n {\r\n \"no\": 1170,\r\n \"code\": \"1F4E2\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"communication\",\r\n \"loud\",\r\n \"loudspeaker\",\r\n \"public address\"\r\n ]\r\n },\r\n {\r\n \"no\": 1171,\r\n \"code\": \"1F4E3\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cheering\",\r\n \"communication\",\r\n \"megaphone\"\r\n ]\r\n },\r\n {\r\n \"no\": 1172,\r\n \"code\": \"1F4EF\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"communication\",\r\n \"entertainment\",\r\n \"horn\",\r\n \"post\",\r\n \"postal\"\r\n ]\r\n },\r\n {\r\n \"no\": 1173,\r\n \"code\": \"1F514\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bell\"\r\n ]\r\n },\r\n {\r\n \"no\": 1174,\r\n \"code\": \"1F515\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bell\",\r\n \"forbidden\",\r\n \"mute\",\r\n \"no\",\r\n \"not\",\r\n \"prohibited\",\r\n \"quiet\",\r\n \"silent\"\r\n ]\r\n },\r\n {\r\n \"no\": 1175,\r\n \"code\": \"1F3BC\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"activity\",\r\n \"entertainment\",\r\n \"music\",\r\n \"score\"\r\n ]\r\n },\r\n {\r\n \"no\": 1176,\r\n \"code\": \"1F3B5\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"activity\",\r\n \"entertainment\",\r\n \"music\",\r\n \"note\"\r\n ]\r\n },\r\n {\r\n \"no\": 1177,\r\n \"code\": \"1F3B6\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"activity\",\r\n \"entertainment\",\r\n \"music\",\r\n \"note\",\r\n \"notes\"\r\n ]\r\n },\r\n {\r\n \"no\": 1178,\r\n \"code\": \"1F399\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"mic\",\r\n \"microphone\",\r\n \"music\",\r\n \"studio\"\r\n ]\r\n },\r\n {\r\n \"no\": 1179,\r\n \"code\": \"1F39A\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"level\",\r\n \"music\",\r\n \"slider\"\r\n ]\r\n },\r\n {\r\n \"no\": 1180,\r\n \"code\": \"1F39B\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"control\",\r\n \"knobs\",\r\n \"music\"\r\n ]\r\n },\r\n {\r\n \"no\": 1181,\r\n \"code\": \"1F3A4\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"activity\",\r\n \"entertainment\",\r\n \"karaoke\",\r\n \"mic\",\r\n \"microphone\"\r\n ]\r\n },\r\n {\r\n \"no\": 1182,\r\n \"code\": \"1F3A7\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"activity\",\r\n \"earbud\",\r\n \"entertainment\",\r\n \"headphone\"\r\n ]\r\n },\r\n {\r\n \"no\": 1183,\r\n \"code\": \"1F4FB\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"entertainment\",\r\n \"radio\",\r\n \"video\"\r\n ]\r\n },\r\n {\r\n \"no\": 1184,\r\n \"code\": \"1F3B7\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"activity\",\r\n \"entertainment\",\r\n \"instrument\",\r\n \"music\",\r\n \"sax\",\r\n \"saxophone\"\r\n ]\r\n },\r\n {\r\n \"no\": 1185,\r\n \"code\": \"1F3B8\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"activity\",\r\n \"entertainment\",\r\n \"guitar\",\r\n \"instrument\",\r\n \"music\"\r\n ]\r\n },\r\n {\r\n \"no\": 1186,\r\n \"code\": \"1F3B9\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"activity\",\r\n \"entertainment\",\r\n \"instrument\",\r\n \"keyboard\",\r\n \"music\",\r\n \"piano\"\r\n ]\r\n },\r\n {\r\n \"no\": 1187,\r\n \"code\": \"1F3BA\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"activity\",\r\n \"entertainment\",\r\n \"instrument\",\r\n \"music\",\r\n \"trumpet\"\r\n ]\r\n },\r\n {\r\n \"no\": 1188,\r\n \"code\": \"1F3BB\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"activity\",\r\n \"entertainment\",\r\n \"instrument\",\r\n \"music\",\r\n \"violin\"\r\n ]\r\n },\r\n {\r\n \"no\": 1189,\r\n \"code\": \"1F941\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"drum\",\r\n \"drumsticks\",\r\n \"music\"\r\n ]\r\n },\r\n {\r\n \"no\": 1190,\r\n \"code\": \"1F4F1\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cell\",\r\n \"communication\",\r\n \"mobile\",\r\n \"phone\",\r\n \"telephone\"\r\n ]\r\n },\r\n {\r\n \"no\": 1191,\r\n \"code\": \"1F4F2\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"arrow\",\r\n \"call\",\r\n \"cell\",\r\n \"communication\",\r\n \"mobile\",\r\n \"phone\",\r\n \"receive\",\r\n \"telephone\"\r\n ]\r\n },\r\n {\r\n \"no\": 1192,\r\n \"code\": \"260E\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"phone\",\r\n \"telephone\"\r\n ]\r\n },\r\n {\r\n \"no\": 1193,\r\n \"code\": \"1F4DE\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"communication\",\r\n \"phone\",\r\n \"receiver\",\r\n \"telephone\"\r\n ]\r\n },\r\n {\r\n \"no\": 1194,\r\n \"code\": \"1F4DF\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"communication\",\r\n \"pager\"\r\n ]\r\n },\r\n {\r\n \"no\": 1195,\r\n \"code\": \"1F4E0\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"communication\",\r\n \"fax\"\r\n ]\r\n },\r\n {\r\n \"no\": 1196,\r\n \"code\": \"1F50B\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"battery\"\r\n ]\r\n },\r\n {\r\n \"no\": 1197,\r\n \"code\": \"1F50C\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"electric\",\r\n \"electricity\",\r\n \"plug\"\r\n ]\r\n },\r\n {\r\n \"no\": 1198,\r\n \"code\": \"1F4BB\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"computer\",\r\n \"pc\",\r\n \"personal\"\r\n ]\r\n },\r\n {\r\n \"no\": 1199,\r\n \"code\": \"1F5A5\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"computer\",\r\n \"desktop\"\r\n ]\r\n },\r\n {\r\n \"no\": 1200,\r\n \"code\": \"1F5A8\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"computer\",\r\n \"printer\"\r\n ]\r\n },\r\n {\r\n \"no\": 1201,\r\n \"code\": \"2328\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"computer\",\r\n \"keyboard\"\r\n ]\r\n },\r\n {\r\n \"no\": 1202,\r\n \"code\": \"1F5B1\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"3\",\r\n \"button\",\r\n \"computer\",\r\n \"mouse\",\r\n \"three\"\r\n ]\r\n },\r\n {\r\n \"no\": 1203,\r\n \"code\": \"1F5B2\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"computer\",\r\n \"trackball\"\r\n ]\r\n },\r\n {\r\n \"no\": 1204,\r\n \"code\": \"1F4BD\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"computer\",\r\n \"disk\",\r\n \"entertainment\",\r\n \"minidisk\",\r\n \"optical\"\r\n ]\r\n },\r\n {\r\n \"no\": 1205,\r\n \"code\": \"1F4BE\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"computer\",\r\n \"disk\",\r\n \"floppy\"\r\n ]\r\n },\r\n {\r\n \"no\": 1206,\r\n \"code\": \"1F4BF\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"blu-ray\",\r\n \"cd\",\r\n \"computer\",\r\n \"disk\",\r\n \"dvd\",\r\n \"optical\"\r\n ]\r\n },\r\n {\r\n \"no\": 1207,\r\n \"code\": \"1F4C0\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"blu-ray\",\r\n \"cd\",\r\n \"computer\",\r\n \"disk\",\r\n \"dvd\",\r\n \"entertainment\",\r\n \"optical\"\r\n ]\r\n },\r\n {\r\n \"no\": 1208,\r\n \"code\": \"1F3A5\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"activity\",\r\n \"camera\",\r\n \"cinema\",\r\n \"entertainment\",\r\n \"movie\"\r\n ]\r\n },\r\n {\r\n \"no\": 1209,\r\n \"code\": \"1F39E\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cinema\",\r\n \"entertainment\",\r\n \"film\",\r\n \"frames\",\r\n \"movie\"\r\n ]\r\n },\r\n {\r\n \"no\": 1210,\r\n \"code\": \"1F4FD\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cinema\",\r\n \"entertainment\",\r\n \"film\",\r\n \"movie\",\r\n \"projector\",\r\n \"video\"\r\n ]\r\n },\r\n {\r\n \"no\": 1211,\r\n \"code\": \"1F3AC\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"activity\",\r\n \"clapper\",\r\n \"entertainment\",\r\n \"movie\"\r\n ]\r\n },\r\n {\r\n \"no\": 1212,\r\n \"code\": \"1F4FA\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"entertainment\",\r\n \"television\",\r\n \"tv\",\r\n \"video\"\r\n ]\r\n },\r\n {\r\n \"no\": 1213,\r\n \"code\": \"1F4F7\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"camera\",\r\n \"entertainment\",\r\n \"video\"\r\n ]\r\n },\r\n {\r\n \"no\": 1214,\r\n \"code\": \"1F4F8\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"camera\",\r\n \"flash\",\r\n \"video\"\r\n ]\r\n },\r\n {\r\n \"no\": 1215,\r\n \"code\": \"1F4F9\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"camera\",\r\n \"entertainment\",\r\n \"video\"\r\n ]\r\n },\r\n {\r\n \"no\": 1216,\r\n \"code\": \"1F4FC\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"entertainment\",\r\n \"tape\",\r\n \"vhs\",\r\n \"video\",\r\n \"videocassette\"\r\n ]\r\n },\r\n {\r\n \"no\": 1217,\r\n \"code\": \"1F50D\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"glass\",\r\n \"magnifying\",\r\n \"search\",\r\n \"tool\"\r\n ]\r\n },\r\n {\r\n \"no\": 1218,\r\n \"code\": \"1F50E\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"glass\",\r\n \"magnifying\",\r\n \"search\",\r\n \"tool\"\r\n ]\r\n },\r\n {\r\n \"no\": 1219,\r\n \"code\": \"1F52C\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"microscope\",\r\n \"tool\"\r\n ]\r\n },\r\n {\r\n \"no\": 1220,\r\n \"code\": \"1F52D\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"telescope\",\r\n \"tool\"\r\n ]\r\n },\r\n {\r\n \"no\": 1221,\r\n \"code\": \"1F4E1\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"antenna\",\r\n \"communication\",\r\n \"dish\",\r\n \"satellite\"\r\n ]\r\n },\r\n {\r\n \"no\": 1222,\r\n \"code\": \"1F56F\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"candle\",\r\n \"light\"\r\n ]\r\n },\r\n {\r\n \"no\": 1223,\r\n \"code\": \"1F4A1\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bulb\",\r\n \"comic\",\r\n \"electric\",\r\n \"idea\",\r\n \"light\"\r\n ]\r\n },\r\n {\r\n \"no\": 1224,\r\n \"code\": \"1F526\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"electric\",\r\n \"flashlight\",\r\n \"light\",\r\n \"tool\",\r\n \"torch\"\r\n ]\r\n },\r\n {\r\n \"no\": 1225,\r\n \"code\": \"1F3EE\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bar\",\r\n \"japanese\",\r\n \"lantern\",\r\n \"light\",\r\n \"red\"\r\n ]\r\n },\r\n {\r\n \"no\": 1226,\r\n \"code\": \"1F4D4\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"book\",\r\n \"cover\",\r\n \"decorated\",\r\n \"notebook\"\r\n ]\r\n },\r\n {\r\n \"no\": 1227,\r\n \"code\": \"1F4D5\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"book\",\r\n \"closed\"\r\n ]\r\n },\r\n {\r\n \"no\": 1228,\r\n \"code\": \"1F4D6\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"book\",\r\n \"open\"\r\n ]\r\n },\r\n {\r\n \"no\": 1229,\r\n \"code\": \"1F4D7\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"book\",\r\n \"green\"\r\n ]\r\n },\r\n {\r\n \"no\": 1230,\r\n \"code\": \"1F4D8\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"blue\",\r\n \"book\"\r\n ]\r\n },\r\n {\r\n \"no\": 1231,\r\n \"code\": \"1F4D9\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"book\",\r\n \"orange\"\r\n ]\r\n },\r\n {\r\n \"no\": 1232,\r\n \"code\": \"1F4DA\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"book\",\r\n \"books\"\r\n ]\r\n },\r\n {\r\n \"no\": 1233,\r\n \"code\": \"1F4D3\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"notebook\"\r\n ]\r\n },\r\n {\r\n \"no\": 1234,\r\n \"code\": \"1F4D2\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"ledger\",\r\n \"notebook\"\r\n ]\r\n },\r\n {\r\n \"no\": 1235,\r\n \"code\": \"1F4C3\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"curl\",\r\n \"document\",\r\n \"page\"\r\n ]\r\n },\r\n {\r\n \"no\": 1236,\r\n \"code\": \"1F4DC\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"paper\",\r\n \"scroll\"\r\n ]\r\n },\r\n {\r\n \"no\": 1237,\r\n \"code\": \"1F4C4\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"document\",\r\n \"page\"\r\n ]\r\n },\r\n {\r\n \"no\": 1238,\r\n \"code\": \"1F4F0\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"communication\",\r\n \"news\",\r\n \"newspaper\",\r\n \"paper\"\r\n ]\r\n },\r\n {\r\n \"no\": 1239,\r\n \"code\": \"1F5DE\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"news\",\r\n \"newspaper\",\r\n \"paper\",\r\n \"rolled\"\r\n ]\r\n },\r\n {\r\n \"no\": 1240,\r\n \"code\": \"1F4D1\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bookmark\",\r\n \"mark\",\r\n \"marker\",\r\n \"tabs\"\r\n ]\r\n },\r\n {\r\n \"no\": 1241,\r\n \"code\": \"1F516\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bookmark\",\r\n \"mark\"\r\n ]\r\n },\r\n {\r\n \"no\": 1242,\r\n \"code\": \"1F3F7\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"label\"\r\n ]\r\n },\r\n {\r\n \"no\": 1243,\r\n \"code\": \"1F4B0\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bag\",\r\n \"dollar\",\r\n \"money\",\r\n \"moneybag\"\r\n ]\r\n },\r\n {\r\n \"no\": 1244,\r\n \"code\": \"1F4B4\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bank\",\r\n \"banknote\",\r\n \"bill\",\r\n \"currency\",\r\n \"money\",\r\n \"note\",\r\n \"yen\"\r\n ]\r\n },\r\n {\r\n \"no\": 1245,\r\n \"code\": \"1F4B5\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bank\",\r\n \"banknote\",\r\n \"bill\",\r\n \"currency\",\r\n \"dollar\",\r\n \"money\",\r\n \"note\"\r\n ]\r\n },\r\n {\r\n \"no\": 1246,\r\n \"code\": \"1F4B6\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bank\",\r\n \"banknote\",\r\n \"bill\",\r\n \"currency\",\r\n \"euro\",\r\n \"money\",\r\n \"note\"\r\n ]\r\n },\r\n {\r\n \"no\": 1247,\r\n \"code\": \"1F4B7\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bank\",\r\n \"banknote\",\r\n \"bill\",\r\n \"currency\",\r\n \"money\",\r\n \"note\",\r\n \"pound\"\r\n ]\r\n },\r\n {\r\n \"no\": 1248,\r\n \"code\": \"1F4B8\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bank\",\r\n \"banknote\",\r\n \"bill\",\r\n \"dollar\",\r\n \"fly\",\r\n \"money\",\r\n \"note\",\r\n \"wings\"\r\n ]\r\n },\r\n {\r\n \"no\": 1249,\r\n \"code\": \"1F4B3\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bank\",\r\n \"card\",\r\n \"credit\",\r\n \"money\"\r\n ]\r\n },\r\n {\r\n \"no\": 1250,\r\n \"code\": \"1F4B9\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bank\",\r\n \"chart\",\r\n \"currency\",\r\n \"graph\",\r\n \"growth\",\r\n \"market\",\r\n \"money\",\r\n \"rise\",\r\n \"trend\",\r\n \"upward\",\r\n \"yen\"\r\n ]\r\n },\r\n {\r\n \"no\": 1251,\r\n \"code\": \"1F4B1\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bank\",\r\n \"currency\",\r\n \"exchange\",\r\n \"money\"\r\n ]\r\n },\r\n {\r\n \"no\": 1252,\r\n \"code\": \"1F4B2\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"currency\",\r\n \"dollar\",\r\n \"money\"\r\n ]\r\n },\r\n {\r\n \"no\": 1253,\r\n \"code\": \"2709\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"e-mail\",\r\n \"email\",\r\n \"envelope\"\r\n ]\r\n },\r\n {\r\n \"no\": 1254,\r\n \"code\": \"1F4E7\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"communication\",\r\n \"e-mail\",\r\n \"email\",\r\n \"letter\",\r\n \"mail\"\r\n ]\r\n },\r\n {\r\n \"no\": 1255,\r\n \"code\": \"1F4E8\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"communication\",\r\n \"e-mail\",\r\n \"email\",\r\n \"envelope\",\r\n \"incoming\",\r\n \"letter\",\r\n \"mail\",\r\n \"receive\"\r\n ]\r\n },\r\n {\r\n \"no\": 1256,\r\n \"code\": \"1F4E9\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"arrow\",\r\n \"communication\",\r\n \"down\",\r\n \"e-mail\",\r\n \"email\",\r\n \"envelope\",\r\n \"letter\",\r\n \"mail\",\r\n \"outgoing\",\r\n \"sent\"\r\n ]\r\n },\r\n {\r\n \"no\": 1257,\r\n \"code\": \"1F4E4\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"box\",\r\n \"communication\",\r\n \"letter\",\r\n \"mail\",\r\n \"outbox\",\r\n \"sent\",\r\n \"tray\"\r\n ]\r\n },\r\n {\r\n \"no\": 1258,\r\n \"code\": \"1F4E5\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"box\",\r\n \"communication\",\r\n \"inbox\",\r\n \"letter\",\r\n \"mail\",\r\n \"receive\",\r\n \"tray\"\r\n ]\r\n },\r\n {\r\n \"no\": 1259,\r\n \"code\": \"1F4E6\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"box\",\r\n \"communication\",\r\n \"package\",\r\n \"parcel\"\r\n ]\r\n },\r\n {\r\n \"no\": 1260,\r\n \"code\": \"1F4EB\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"closed\",\r\n \"communication\",\r\n \"flag\",\r\n \"mail\",\r\n \"mailbox\",\r\n \"postbox\"\r\n ]\r\n },\r\n {\r\n \"no\": 1261,\r\n \"code\": \"1F4EA\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"closed\",\r\n \"communication\",\r\n \"flag\",\r\n \"lowered\",\r\n \"mail\",\r\n \"mailbox\",\r\n \"postbox\"\r\n ]\r\n },\r\n {\r\n \"no\": 1262,\r\n \"code\": \"1F4EC\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"communication\",\r\n \"flag\",\r\n \"mail\",\r\n \"mailbox\",\r\n \"open\",\r\n \"postbox\"\r\n ]\r\n },\r\n {\r\n \"no\": 1263,\r\n \"code\": \"1F4ED\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"communication\",\r\n \"flag\",\r\n \"lowered\",\r\n \"mail\",\r\n \"mailbox\",\r\n \"open\",\r\n \"postbox\"\r\n ]\r\n },\r\n {\r\n \"no\": 1264,\r\n \"code\": \"1F4EE\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"communication\",\r\n \"mail\",\r\n \"mailbox\",\r\n \"postbox\"\r\n ]\r\n },\r\n {\r\n \"no\": 1265,\r\n \"code\": \"1F5F3\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"ballot\",\r\n \"box\"\r\n ]\r\n },\r\n {\r\n \"no\": 1266,\r\n \"code\": \"270F\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"pencil\"\r\n ]\r\n },\r\n {\r\n \"no\": 1267,\r\n \"code\": \"2712\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"nib\",\r\n \"pen\"\r\n ]\r\n },\r\n {\r\n \"no\": 1268,\r\n \"code\": \"1F58B\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"communication\",\r\n \"fountain\",\r\n \"pen\"\r\n ]\r\n },\r\n {\r\n \"no\": 1269,\r\n \"code\": \"1F58A\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"ballpoint\",\r\n \"communication\",\r\n \"pen\"\r\n ]\r\n },\r\n {\r\n \"no\": 1270,\r\n \"code\": \"1F58C\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"communication\",\r\n \"paintbrush\",\r\n \"painting\"\r\n ]\r\n },\r\n {\r\n \"no\": 1271,\r\n \"code\": \"1F58D\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"communication\",\r\n \"crayon\"\r\n ]\r\n },\r\n {\r\n \"no\": 1272,\r\n \"code\": \"1F4DD\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"communication\",\r\n \"memo\",\r\n \"pencil\"\r\n ]\r\n },\r\n {\r\n \"no\": 1273,\r\n \"code\": \"1F4BC\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"briefcase\"\r\n ]\r\n },\r\n {\r\n \"no\": 1274,\r\n \"code\": \"1F4C1\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"file\",\r\n \"folder\"\r\n ]\r\n },\r\n {\r\n \"no\": 1275,\r\n \"code\": \"1F4C2\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"file\",\r\n \"folder\",\r\n \"open\"\r\n ]\r\n },\r\n {\r\n \"no\": 1276,\r\n \"code\": \"1F5C2\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"card\",\r\n \"dividers\",\r\n \"index\"\r\n ]\r\n },\r\n {\r\n \"no\": 1277,\r\n \"code\": \"1F4C5\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"calendar\",\r\n \"date\"\r\n ]\r\n },\r\n {\r\n \"no\": 1278,\r\n \"code\": \"1F4C6\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"calendar\"\r\n ]\r\n },\r\n {\r\n \"no\": 1279,\r\n \"code\": \"1F5D2\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"note\",\r\n \"pad\",\r\n \"spiral\"\r\n ]\r\n },\r\n {\r\n \"no\": 1280,\r\n \"code\": \"1F5D3\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"calendar\",\r\n \"pad\",\r\n \"spiral\"\r\n ]\r\n },\r\n {\r\n \"no\": 1281,\r\n \"code\": \"1F4C7\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"card\",\r\n \"index\",\r\n \"rolodex\"\r\n ]\r\n },\r\n {\r\n \"no\": 1282,\r\n \"code\": \"1F4C8\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"chart\",\r\n \"graph\",\r\n \"growth\",\r\n \"trend\",\r\n \"upward\"\r\n ]\r\n },\r\n {\r\n \"no\": 1283,\r\n \"code\": \"1F4C9\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"chart\",\r\n \"down\",\r\n \"graph\",\r\n \"trend\"\r\n ]\r\n },\r\n {\r\n \"no\": 1284,\r\n \"code\": \"1F4CA\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bar\",\r\n \"chart\",\r\n \"graph\"\r\n ]\r\n },\r\n {\r\n \"no\": 1285,\r\n \"code\": \"1F4CB\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"clipboard\"\r\n ]\r\n },\r\n {\r\n \"no\": 1286,\r\n \"code\": \"1F4CC\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"pin\",\r\n \"pushpin\"\r\n ]\r\n },\r\n {\r\n \"no\": 1287,\r\n \"code\": \"1F4CD\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"pin\",\r\n \"pushpin\"\r\n ]\r\n },\r\n {\r\n \"no\": 1288,\r\n \"code\": \"1F4CE\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"paperclip\"\r\n ]\r\n },\r\n {\r\n \"no\": 1289,\r\n \"code\": \"1F587\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"communication\",\r\n \"link\",\r\n \"paperclip\"\r\n ]\r\n },\r\n {\r\n \"no\": 1290,\r\n \"code\": \"1F4CF\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"ruler\",\r\n \"straight edge\"\r\n ]\r\n },\r\n {\r\n \"no\": 1291,\r\n \"code\": \"1F4D0\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"ruler\",\r\n \"set\",\r\n \"triangle\"\r\n ]\r\n },\r\n {\r\n \"no\": 1292,\r\n \"code\": \"2702\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"scissors\",\r\n \"tool\"\r\n ]\r\n },\r\n {\r\n \"no\": 1293,\r\n \"code\": \"1F5C3\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"box\",\r\n \"card\",\r\n \"file\"\r\n ]\r\n },\r\n {\r\n \"no\": 1294,\r\n \"code\": \"1F5C4\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cabinet\",\r\n \"file\"\r\n ]\r\n },\r\n {\r\n \"no\": 1295,\r\n \"code\": \"1F5D1\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"wastebasket\"\r\n ]\r\n },\r\n {\r\n \"no\": 1296,\r\n \"code\": \"1F512\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"closed\",\r\n \"lock\"\r\n ]\r\n },\r\n {\r\n \"no\": 1297,\r\n \"code\": \"1F513\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"lock\",\r\n \"open\",\r\n \"unlock\"\r\n ]\r\n },\r\n {\r\n \"no\": 1298,\r\n \"code\": \"1F50F\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"ink\",\r\n \"lock\",\r\n \"nib\",\r\n \"pen\",\r\n \"privacy\"\r\n ]\r\n },\r\n {\r\n \"no\": 1299,\r\n \"code\": \"1F510\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"closed\",\r\n \"key\",\r\n \"lock\",\r\n \"secure\"\r\n ]\r\n },\r\n {\r\n \"no\": 1300,\r\n \"code\": \"1F511\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"key\",\r\n \"lock\",\r\n \"password\"\r\n ]\r\n },\r\n {\r\n \"no\": 1301,\r\n \"code\": \"1F5DD\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"clue\",\r\n \"key\",\r\n \"lock\",\r\n \"old\"\r\n ]\r\n },\r\n {\r\n \"no\": 1302,\r\n \"code\": \"1F528\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"hammer\",\r\n \"tool\"\r\n ]\r\n },\r\n {\r\n \"no\": 1303,\r\n \"code\": \"26CF\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"mining\",\r\n \"pick\",\r\n \"tool\"\r\n ]\r\n },\r\n {\r\n \"no\": 1304,\r\n \"code\": \"2692\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"hammer\",\r\n \"pick\",\r\n \"tool\"\r\n ]\r\n },\r\n {\r\n \"no\": 1305,\r\n \"code\": \"1F6E0\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"hammer\",\r\n \"tool\",\r\n \"wrench\"\r\n ]\r\n },\r\n {\r\n \"no\": 1306,\r\n \"code\": \"1F5E1\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"dagger\",\r\n \"knife\",\r\n \"weapon\"\r\n ]\r\n },\r\n {\r\n \"no\": 1307,\r\n \"code\": \"2694\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"crossed\",\r\n \"swords\",\r\n \"weapon\"\r\n ]\r\n },\r\n {\r\n \"no\": 1308,\r\n \"code\": \"1F52B\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"gun\",\r\n \"handgun\",\r\n \"pistol\",\r\n \"revolver\",\r\n \"tool\",\r\n \"weapon\"\r\n ]\r\n },\r\n {\r\n \"no\": 1309,\r\n \"code\": \"1F3F9\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"archer\",\r\n \"arrow\",\r\n \"bow\",\r\n \"sagittarius\",\r\n \"tool\",\r\n \"weapon\",\r\n \"zodiac\"\r\n ]\r\n },\r\n {\r\n \"no\": 1310,\r\n \"code\": \"1F6E1\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"shield\",\r\n \"weapon\"\r\n ]\r\n },\r\n {\r\n \"no\": 1311,\r\n \"code\": \"1F527\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"tool\",\r\n \"wrench\"\r\n ]\r\n },\r\n {\r\n \"no\": 1312,\r\n \"code\": \"1F529\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bolt\",\r\n \"nut\",\r\n \"tool\"\r\n ]\r\n },\r\n {\r\n \"no\": 1313,\r\n \"code\": \"2699\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"gear\",\r\n \"tool\"\r\n ]\r\n },\r\n {\r\n \"no\": 1314,\r\n \"code\": \"1F5DC\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"compression\",\r\n \"tool\",\r\n \"vice\"\r\n ]\r\n },\r\n {\r\n \"no\": 1315,\r\n \"code\": \"2697\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"alembic\",\r\n \"chemistry\",\r\n \"tool\"\r\n ]\r\n },\r\n {\r\n \"no\": 1316,\r\n \"code\": \"2696\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"balance\",\r\n \"justice\",\r\n \"libra\",\r\n \"scales\",\r\n \"tool\",\r\n \"weight\",\r\n \"zodiac\"\r\n ]\r\n },\r\n {\r\n \"no\": 1317,\r\n \"code\": \"1F517\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"link\"\r\n ]\r\n },\r\n {\r\n \"no\": 1318,\r\n \"code\": \"26D3\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"chain\"\r\n ]\r\n },\r\n {\r\n \"no\": 1319,\r\n \"code\": \"1F489\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"doctor\",\r\n \"medicine\",\r\n \"needle\",\r\n \"shot\",\r\n \"sick\",\r\n \"syringe\",\r\n \"tool\"\r\n ]\r\n },\r\n {\r\n \"no\": 1320,\r\n \"code\": \"1F48A\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"doctor\",\r\n \"medicine\",\r\n \"pill\",\r\n \"sick\"\r\n ]\r\n },\r\n {\r\n \"no\": 1321,\r\n \"code\": \"1F6AC\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"activity\",\r\n \"smoking\"\r\n ]\r\n },\r\n {\r\n \"no\": 1322,\r\n \"code\": \"26B0\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"coffin\",\r\n \"death\"\r\n ]\r\n },\r\n {\r\n \"no\": 1323,\r\n \"code\": \"26B1\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"death\",\r\n \"funeral\",\r\n \"urn\"\r\n ]\r\n },\r\n {\r\n \"no\": 1324,\r\n \"code\": \"1F5FF\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"face\",\r\n \"moyai\",\r\n \"statue\"\r\n ]\r\n },\r\n {\r\n \"no\": 1325,\r\n \"code\": \"1F6E2\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"drum\",\r\n \"oil\"\r\n ]\r\n },\r\n {\r\n \"no\": 1326,\r\n \"code\": \"1F52E\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"ball\",\r\n \"crystal\",\r\n \"fairy tale\",\r\n \"fantasy\",\r\n \"fortune\",\r\n \"tool\"\r\n ]\r\n },\r\n {\r\n \"no\": 1327,\r\n \"code\": \"1F6D2\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"cart\",\r\n \"shopping\",\r\n \"trolley\"\r\n ]\r\n }\r\n ],\r\n SYMBOLS: [\r\n {\r\n \"no\": 1328,\r\n \"code\": \"1F3E7\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"atm\",\r\n \"automated\",\r\n \"bank\",\r\n \"teller\"\r\n ]\r\n },\r\n {\r\n \"no\": 1329,\r\n \"code\": \"1F6AE\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"litter\",\r\n \"litterbox\"\r\n ]\r\n },\r\n {\r\n \"no\": 1330,\r\n \"code\": \"1F6B0\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"drink\",\r\n \"potable\",\r\n \"water\"\r\n ]\r\n },\r\n {\r\n \"no\": 1331,\r\n \"code\": \"267F\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"access\",\r\n \"wheelchair\"\r\n ]\r\n },\r\n {\r\n \"no\": 1332,\r\n \"code\": \"1F6B9\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"lavatory\",\r\n \"man\",\r\n \"restroom\",\r\n \"wc\"\r\n ]\r\n },\r\n {\r\n \"no\": 1333,\r\n \"code\": \"1F6BA\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"lavatory\",\r\n \"restroom\",\r\n \"wc\",\r\n \"woman\"\r\n ]\r\n },\r\n {\r\n \"no\": 1334,\r\n \"code\": \"1F6BB\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"lavatory\",\r\n \"restroom\",\r\n \"wc\"\r\n ]\r\n },\r\n {\r\n \"no\": 1335,\r\n \"code\": \"1F6BC\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"baby\",\r\n \"changing\"\r\n ]\r\n },\r\n {\r\n \"no\": 1336,\r\n \"code\": \"1F6BE\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"closet\",\r\n \"lavatory\",\r\n \"restroom\",\r\n \"water\",\r\n \"wc\"\r\n ]\r\n },\r\n {\r\n \"no\": 1337,\r\n \"code\": \"1F6C2\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"control\",\r\n \"passport\"\r\n ]\r\n },\r\n {\r\n \"no\": 1338,\r\n \"code\": \"1F6C3\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"customs\"\r\n ]\r\n },\r\n {\r\n \"no\": 1339,\r\n \"code\": \"1F6C4\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"baggage\",\r\n \"claim\"\r\n ]\r\n },\r\n {\r\n \"no\": 1340,\r\n \"code\": \"1F6C5\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"baggage\",\r\n \"left luggage\",\r\n \"locker\",\r\n \"luggage\"\r\n ]\r\n },\r\n {\r\n \"no\": 1341,\r\n \"code\": \"26A0\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"warning\"\r\n ]\r\n },\r\n {\r\n \"no\": 1342,\r\n \"code\": \"1F6B8\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"child\",\r\n \"crossing\",\r\n \"pedestrian\",\r\n \"traffic\"\r\n ]\r\n },\r\n {\r\n \"no\": 1343,\r\n \"code\": \"26D4\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"entry\",\r\n \"forbidden\",\r\n \"no\",\r\n \"not\",\r\n \"prohibited\",\r\n \"traffic\"\r\n ]\r\n },\r\n {\r\n \"no\": 1344,\r\n \"code\": \"1F6AB\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"entry\",\r\n \"forbidden\",\r\n \"no\",\r\n \"not\",\r\n \"prohibited\"\r\n ]\r\n },\r\n {\r\n \"no\": 1345,\r\n \"code\": \"1F6B3\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bicycle\",\r\n \"bike\",\r\n \"forbidden\",\r\n \"no\",\r\n \"not\",\r\n \"prohibited\",\r\n \"vehicle\"\r\n ]\r\n },\r\n {\r\n \"no\": 1346,\r\n \"code\": \"1F6AD\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"forbidden\",\r\n \"no\",\r\n \"not\",\r\n \"prohibited\",\r\n \"smoking\"\r\n ]\r\n },\r\n {\r\n \"no\": 1347,\r\n \"code\": \"1F6AF\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"forbidden\",\r\n \"litter\",\r\n \"no\",\r\n \"not\",\r\n \"prohibited\"\r\n ]\r\n },\r\n {\r\n \"no\": 1348,\r\n \"code\": \"1F6B1\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"drink\",\r\n \"forbidden\",\r\n \"no\",\r\n \"not\",\r\n \"potable\",\r\n \"prohibited\",\r\n \"water\"\r\n ]\r\n },\r\n {\r\n \"no\": 1349,\r\n \"code\": \"1F6B7\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"forbidden\",\r\n \"no\",\r\n \"not\",\r\n \"pedestrian\",\r\n \"prohibited\"\r\n ]\r\n },\r\n {\r\n \"no\": 1350,\r\n \"code\": \"1F4F5\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cell\",\r\n \"communication\",\r\n \"forbidden\",\r\n \"mobile\",\r\n \"no\",\r\n \"not\",\r\n \"phone\",\r\n \"prohibited\",\r\n \"telephone\"\r\n ]\r\n },\r\n {\r\n \"no\": 1351,\r\n \"code\": \"1F51E\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"18\",\r\n \"age restriction\",\r\n \"eighteen\",\r\n \"forbidden\",\r\n \"no\",\r\n \"not\",\r\n \"prohibited\",\r\n \"underage\"\r\n ]\r\n },\r\n {\r\n \"no\": 1352,\r\n \"code\": \"2622\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"radioactive\"\r\n ]\r\n },\r\n {\r\n \"no\": 1353,\r\n \"code\": \"2623\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"biohazard\"\r\n ]\r\n },\r\n {\r\n \"no\": 1354,\r\n \"code\": \"2B06\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"arrow\",\r\n \"cardinal\",\r\n \"direction\",\r\n \"north\"\r\n ]\r\n },\r\n {\r\n \"no\": 1355,\r\n \"code\": \"2197\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"arrow\",\r\n \"direction\",\r\n \"intercardinal\",\r\n \"northeast\"\r\n ]\r\n },\r\n {\r\n \"no\": 1356,\r\n \"code\": \"27A1\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"arrow\",\r\n \"cardinal\",\r\n \"direction\",\r\n \"east\"\r\n ]\r\n },\r\n {\r\n \"no\": 1357,\r\n \"code\": \"2198\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"arrow\",\r\n \"direction\",\r\n \"intercardinal\",\r\n \"southeast\"\r\n ]\r\n },\r\n {\r\n \"no\": 1358,\r\n \"code\": \"2B07\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"arrow\",\r\n \"cardinal\",\r\n \"direction\",\r\n \"down\",\r\n \"south\"\r\n ]\r\n },\r\n {\r\n \"no\": 1359,\r\n \"code\": \"2199\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"arrow\",\r\n \"direction\",\r\n \"intercardinal\",\r\n \"southwest\"\r\n ]\r\n },\r\n {\r\n \"no\": 1360,\r\n \"code\": \"2B05\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"arrow\",\r\n \"cardinal\",\r\n \"direction\",\r\n \"west\"\r\n ]\r\n },\r\n {\r\n \"no\": 1361,\r\n \"code\": \"2196\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"arrow\",\r\n \"direction\",\r\n \"intercardinal\",\r\n \"northwest\"\r\n ]\r\n },\r\n {\r\n \"no\": 1362,\r\n \"code\": \"2195\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"arrow\"\r\n ]\r\n },\r\n {\r\n \"no\": 1363,\r\n \"code\": \"2194\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"arrow\"\r\n ]\r\n },\r\n {\r\n \"no\": 1364,\r\n \"code\": \"21A9\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"arrow\"\r\n ]\r\n },\r\n {\r\n \"no\": 1365,\r\n \"code\": \"21AA\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"arrow\"\r\n ]\r\n },\r\n {\r\n \"no\": 1366,\r\n \"code\": \"2934\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"arrow\"\r\n ]\r\n },\r\n {\r\n \"no\": 1367,\r\n \"code\": \"2935\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"arrow\",\r\n \"down\"\r\n ]\r\n },\r\n {\r\n \"no\": 1368,\r\n \"code\": \"1F503\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"arrow\",\r\n \"clockwise\",\r\n \"reload\"\r\n ]\r\n },\r\n {\r\n \"no\": 1369,\r\n \"code\": \"1F504\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"anticlockwise\",\r\n \"arrow\",\r\n \"counterclockwise\",\r\n \"withershins\"\r\n ]\r\n },\r\n {\r\n \"no\": 1370,\r\n \"code\": \"1F519\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"arrow\",\r\n \"back\"\r\n ]\r\n },\r\n {\r\n \"no\": 1371,\r\n \"code\": \"1F51A\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"arrow\",\r\n \"end\"\r\n ]\r\n },\r\n {\r\n \"no\": 1372,\r\n \"code\": \"1F51B\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"arrow\",\r\n \"mark\",\r\n \"on\"\r\n ]\r\n },\r\n {\r\n \"no\": 1373,\r\n \"code\": \"1F51C\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"arrow\",\r\n \"soon\"\r\n ]\r\n },\r\n {\r\n \"no\": 1374,\r\n \"code\": \"1F51D\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"arrow\",\r\n \"top\",\r\n \"up\"\r\n ]\r\n },\r\n {\r\n \"no\": 1375,\r\n \"code\": \"1F6D0\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"religion\",\r\n \"worship\"\r\n ]\r\n },\r\n {\r\n \"no\": 1376,\r\n \"code\": \"269B\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"atheist\",\r\n \"atom\"\r\n ]\r\n },\r\n {\r\n \"no\": 1377,\r\n \"code\": \"1F549\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"hindu\",\r\n \"om\",\r\n \"religion\"\r\n ]\r\n },\r\n {\r\n \"no\": 1378,\r\n \"code\": \"2721\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"david\",\r\n \"jew\",\r\n \"jewish\",\r\n \"religion\",\r\n \"star\"\r\n ]\r\n },\r\n {\r\n \"no\": 1379,\r\n \"code\": \"2638\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"buddhist\",\r\n \"dharma\",\r\n \"religion\",\r\n \"wheel\"\r\n ]\r\n },\r\n {\r\n \"no\": 1380,\r\n \"code\": \"262F\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"religion\",\r\n \"tao\",\r\n \"taoist\",\r\n \"yang\",\r\n \"yin\"\r\n ]\r\n },\r\n {\r\n \"no\": 1381,\r\n \"code\": \"271D\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"christian\",\r\n \"cross\",\r\n \"religion\"\r\n ]\r\n },\r\n {\r\n \"no\": 1382,\r\n \"code\": \"2626\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"christian\",\r\n \"cross\",\r\n \"religion\"\r\n ]\r\n },\r\n {\r\n \"no\": 1383,\r\n \"code\": \"262A\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"islam\",\r\n \"muslim\",\r\n \"religion\"\r\n ]\r\n },\r\n {\r\n \"no\": 1384,\r\n \"code\": \"262E\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"peace\"\r\n ]\r\n },\r\n {\r\n \"no\": 1385,\r\n \"code\": \"1F54E\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"candelabrum\",\r\n \"candlestick\",\r\n \"menorah\",\r\n \"religion\"\r\n ]\r\n },\r\n {\r\n \"no\": 1386,\r\n \"code\": \"1F52F\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"fortune\",\r\n \"star\"\r\n ]\r\n },\r\n {\r\n \"no\": 1387,\r\n \"code\": \"267B\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"recycle\"\r\n ]\r\n },\r\n {\r\n \"no\": 1388,\r\n \"code\": \"1F4DB\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"badge\",\r\n \"name\"\r\n ]\r\n },\r\n {\r\n \"no\": 1389,\r\n \"code\": \"269C\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"fleur-de-lis\"\r\n ]\r\n },\r\n {\r\n \"no\": 1390,\r\n \"code\": \"1F530\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"beginner\",\r\n \"chevron\",\r\n \"green\",\r\n \"japanese\",\r\n \"leaf\",\r\n \"tool\",\r\n \"yellow\"\r\n ]\r\n },\r\n {\r\n \"no\": 1391,\r\n \"code\": \"1F531\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"anchor\",\r\n \"emblem\",\r\n \"ship\",\r\n \"tool\",\r\n \"trident\"\r\n ]\r\n },\r\n {\r\n \"no\": 1392,\r\n \"code\": \"2B55\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"circle\",\r\n \"o\"\r\n ]\r\n },\r\n {\r\n \"no\": 1393,\r\n \"code\": \"2705\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"check\",\r\n \"mark\"\r\n ]\r\n },\r\n {\r\n \"no\": 1394,\r\n \"code\": \"2611\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"ballot\",\r\n \"box\",\r\n \"check\"\r\n ]\r\n },\r\n {\r\n \"no\": 1395,\r\n \"code\": \"2714\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"check\",\r\n \"mark\"\r\n ]\r\n },\r\n {\r\n \"no\": 1396,\r\n \"code\": \"2716\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cancel\",\r\n \"multiplication\",\r\n \"multiply\",\r\n \"x\"\r\n ]\r\n },\r\n {\r\n \"no\": 1397,\r\n \"code\": \"274C\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cancel\",\r\n \"mark\",\r\n \"multiplication\",\r\n \"multiply\",\r\n \"x\"\r\n ]\r\n },\r\n {\r\n \"no\": 1398,\r\n \"code\": \"274E\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"mark\",\r\n \"square\"\r\n ]\r\n },\r\n {\r\n \"no\": 1399,\r\n \"code\": \"2795\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"math\",\r\n \"plus\"\r\n ]\r\n },\r\n {\r\n \"no\": 1400,\r\n \"code\": \"2796\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"math\",\r\n \"minus\"\r\n ]\r\n },\r\n {\r\n \"no\": 1401,\r\n \"code\": \"2797\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"division\",\r\n \"math\"\r\n ]\r\n },\r\n {\r\n \"no\": 1402,\r\n \"code\": \"27B0\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"curl\",\r\n \"loop\"\r\n ]\r\n },\r\n {\r\n \"no\": 1403,\r\n \"code\": \"27BF\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"curl\",\r\n \"double\",\r\n \"loop\"\r\n ]\r\n },\r\n {\r\n \"no\": 1404,\r\n \"code\": \"303D\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"mark\",\r\n \"part\"\r\n ]\r\n },\r\n {\r\n \"no\": 1405,\r\n \"code\": \"2733\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"asterisk\"\r\n ]\r\n },\r\n {\r\n \"no\": 1406,\r\n \"code\": \"2734\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"star\"\r\n ]\r\n },\r\n {\r\n \"no\": 1407,\r\n \"code\": \"2747\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"sparkle\"\r\n ]\r\n },\r\n {\r\n \"no\": 1408,\r\n \"code\": \"203C\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bangbang\",\r\n \"exclamation\",\r\n \"mark\",\r\n \"punctuation\"\r\n ]\r\n },\r\n {\r\n \"no\": 1409,\r\n \"code\": \"2049\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"exclamation\",\r\n \"interrobang\",\r\n \"mark\",\r\n \"punctuation\",\r\n \"question\"\r\n ]\r\n },\r\n {\r\n \"no\": 1410,\r\n \"code\": \"2753\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"mark\",\r\n \"punctuation\",\r\n \"question\"\r\n ]\r\n },\r\n {\r\n \"no\": 1411,\r\n \"code\": \"2754\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"mark\",\r\n \"outlined\",\r\n \"punctuation\",\r\n \"question\"\r\n ]\r\n },\r\n {\r\n \"no\": 1412,\r\n \"code\": \"2755\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"exclamation\",\r\n \"mark\",\r\n \"outlined\",\r\n \"punctuation\"\r\n ]\r\n },\r\n {\r\n \"no\": 1413,\r\n \"code\": \"2757\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"exclamation\",\r\n \"mark\",\r\n \"punctuation\"\r\n ]\r\n },\r\n {\r\n \"no\": 1414,\r\n \"code\": \"3030\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"dash\",\r\n \"punctuation\",\r\n \"wavy\"\r\n ]\r\n },\r\n {\r\n \"no\": 1417,\r\n \"code\": \"2122\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"mark\",\r\n \"tm\",\r\n \"trademark\"\r\n ]\r\n },\r\n {\r\n \"no\": 1418,\r\n \"code\": \"2648\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"aries\",\r\n \"ram\",\r\n \"zodiac\"\r\n ]\r\n },\r\n {\r\n \"no\": 1419,\r\n \"code\": \"2649\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bull\",\r\n \"ox\",\r\n \"taurus\",\r\n \"zodiac\"\r\n ]\r\n },\r\n {\r\n \"no\": 1420,\r\n \"code\": \"264A\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"gemini\",\r\n \"twins\",\r\n \"zodiac\"\r\n ]\r\n },\r\n {\r\n \"no\": 1421,\r\n \"code\": \"264B\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cancer\",\r\n \"crab\",\r\n \"zodiac\"\r\n ]\r\n },\r\n {\r\n \"no\": 1422,\r\n \"code\": \"264C\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"leo\",\r\n \"lion\",\r\n \"zodiac\"\r\n ]\r\n },\r\n {\r\n \"no\": 1423,\r\n \"code\": \"264D\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"maiden\",\r\n \"virgin\",\r\n \"virgo\",\r\n \"zodiac\"\r\n ]\r\n },\r\n {\r\n \"no\": 1424,\r\n \"code\": \"264E\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"balance\",\r\n \"justice\",\r\n \"libra\",\r\n \"scales\",\r\n \"zodiac\"\r\n ]\r\n },\r\n {\r\n \"no\": 1425,\r\n \"code\": \"264F\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"scorpio\",\r\n \"scorpion\",\r\n \"scorpius\",\r\n \"zodiac\"\r\n ]\r\n },\r\n {\r\n \"no\": 1426,\r\n \"code\": \"2650\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"archer\",\r\n \"sagittarius\",\r\n \"zodiac\"\r\n ]\r\n },\r\n {\r\n \"no\": 1427,\r\n \"code\": \"2651\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"capricorn\",\r\n \"goat\",\r\n \"zodiac\"\r\n ]\r\n },\r\n {\r\n \"no\": 1428,\r\n \"code\": \"2652\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"aquarius\",\r\n \"bearer\",\r\n \"water\",\r\n \"zodiac\"\r\n ]\r\n },\r\n {\r\n \"no\": 1429,\r\n \"code\": \"2653\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"fish\",\r\n \"pisces\",\r\n \"zodiac\"\r\n ]\r\n },\r\n {\r\n \"no\": 1430,\r\n \"code\": \"26CE\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bearer\",\r\n \"ophiuchus\",\r\n \"serpent\",\r\n \"snake\",\r\n \"zodiac\"\r\n ]\r\n },\r\n {\r\n \"no\": 1431,\r\n \"code\": \"1F500\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"arrow\",\r\n \"crossed\"\r\n ]\r\n },\r\n {\r\n \"no\": 1432,\r\n \"code\": \"1F501\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"arrow\",\r\n \"clockwise\",\r\n \"repeat\"\r\n ]\r\n },\r\n {\r\n \"no\": 1433,\r\n \"code\": \"1F502\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"arrow\",\r\n \"clockwise\",\r\n \"once\"\r\n ]\r\n },\r\n {\r\n \"no\": 1434,\r\n \"code\": \"25B6\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"arrow\",\r\n \"play\",\r\n \"right\",\r\n \"triangle\"\r\n ]\r\n },\r\n {\r\n \"no\": 1435,\r\n \"code\": \"23E9\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"arrow\",\r\n \"double\",\r\n \"fast\",\r\n \"forward\"\r\n ]\r\n },\r\n {\r\n \"no\": 1436,\r\n \"code\": \"23ED\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"arrow\",\r\n \"next scene\",\r\n \"next track\",\r\n \"triangle\"\r\n ]\r\n },\r\n {\r\n \"no\": 1437,\r\n \"code\": \"23EF\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"arrow\",\r\n \"pause\",\r\n \"play\",\r\n \"right\",\r\n \"triangle\"\r\n ]\r\n },\r\n {\r\n \"no\": 1438,\r\n \"code\": \"25C0\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"arrow\",\r\n \"left\",\r\n \"reverse\",\r\n \"triangle\"\r\n ]\r\n },\r\n {\r\n \"no\": 1439,\r\n \"code\": \"23EA\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"arrow\",\r\n \"double\",\r\n \"rewind\"\r\n ]\r\n },\r\n {\r\n \"no\": 1440,\r\n \"code\": \"23EE\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"arrow\",\r\n \"previous scene\",\r\n \"previous track\",\r\n \"triangle\"\r\n ]\r\n },\r\n {\r\n \"no\": 1441,\r\n \"code\": \"1F53C\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"arrow\",\r\n \"button\",\r\n \"red\"\r\n ]\r\n },\r\n {\r\n \"no\": 1442,\r\n \"code\": \"23EB\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"arrow\",\r\n \"double\"\r\n ]\r\n },\r\n {\r\n \"no\": 1443,\r\n \"code\": \"1F53D\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"arrow\",\r\n \"button\",\r\n \"down\",\r\n \"red\"\r\n ]\r\n },\r\n {\r\n \"no\": 1444,\r\n \"code\": \"23EC\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"arrow\",\r\n \"double\",\r\n \"down\"\r\n ]\r\n },\r\n {\r\n \"no\": 1445,\r\n \"code\": \"23F8\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bar\",\r\n \"double\",\r\n \"pause\",\r\n \"vertical\"\r\n ]\r\n },\r\n {\r\n \"no\": 1446,\r\n \"code\": \"23F9\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"square\",\r\n \"stop\"\r\n ]\r\n },\r\n {\r\n \"no\": 1447,\r\n \"code\": \"23FA\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"circle\",\r\n \"record\"\r\n ]\r\n },\r\n {\r\n \"no\": 1448,\r\n \"code\": \"23CF\",\r\n \"flagged\": true,\r\n \"keywords\": [\r\n \"eject\"\r\n ]\r\n },\r\n {\r\n \"no\": 1449,\r\n \"code\": \"1F3A6\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"activity\",\r\n \"camera\",\r\n \"cinema\",\r\n \"entertainment\",\r\n \"film\",\r\n \"movie\"\r\n ]\r\n },\r\n {\r\n \"no\": 1450,\r\n \"code\": \"1F505\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"brightness\",\r\n \"dim\",\r\n \"low\"\r\n ]\r\n },\r\n {\r\n \"no\": 1451,\r\n \"code\": \"1F506\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bright\",\r\n \"brightness\"\r\n ]\r\n },\r\n {\r\n \"no\": 1452,\r\n \"code\": \"1F4F6\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"antenna\",\r\n \"bar\",\r\n \"cell\",\r\n \"communication\",\r\n \"mobile\",\r\n \"phone\",\r\n \"signal\",\r\n \"telephone\"\r\n ]\r\n },\r\n {\r\n \"no\": 1453,\r\n \"code\": \"1F4F3\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cell\",\r\n \"communication\",\r\n \"mobile\",\r\n \"mode\",\r\n \"phone\",\r\n \"telephone\",\r\n \"vibration\"\r\n ]\r\n },\r\n {\r\n \"no\": 1454,\r\n \"code\": \"1F4F4\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cell\",\r\n \"communication\",\r\n \"mobile\",\r\n \"off\",\r\n \"phone\",\r\n \"telephone\"\r\n ]\r\n },\r\n {\r\n \"no\": 1467,\r\n \"code\": \"1F51F\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"10\",\r\n \"keycap\",\r\n \"ten\"\r\n ]\r\n },\r\n {\r\n \"no\": 1468,\r\n \"code\": \"1F4AF\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"100\",\r\n \"full\",\r\n \"hundred\",\r\n \"score\"\r\n ]\r\n },\r\n {\r\n \"no\": 1469,\r\n \"code\": \"1F520\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"input\",\r\n \"latin\",\r\n \"letters\",\r\n \"uppercase\"\r\n ]\r\n },\r\n {\r\n \"no\": 1470,\r\n \"code\": \"1F521\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"abcd\",\r\n \"input\",\r\n \"latin\",\r\n \"letters\",\r\n \"lowercase\"\r\n ]\r\n },\r\n {\r\n \"no\": 1471,\r\n \"code\": \"1F522\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"1234\",\r\n \"input\",\r\n \"numbers\"\r\n ]\r\n },\r\n {\r\n \"no\": 1472,\r\n \"code\": \"1F523\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"input\"\r\n ]\r\n },\r\n {\r\n \"no\": 1473,\r\n \"code\": \"1F524\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"abc\",\r\n \"alphabet\",\r\n \"input\",\r\n \"latin\",\r\n \"letters\"\r\n ]\r\n },\r\n {\r\n \"no\": 1474,\r\n \"code\": \"1F170\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"a\",\r\n \"blood\"\r\n ]\r\n },\r\n {\r\n \"no\": 1475,\r\n \"code\": \"1F18E\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"ab\",\r\n \"blood\"\r\n ]\r\n },\r\n {\r\n \"no\": 1476,\r\n \"code\": \"1F171\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"b\",\r\n \"blood\"\r\n ]\r\n },\r\n {\r\n \"no\": 1477,\r\n \"code\": \"1F191\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cl\"\r\n ]\r\n },\r\n {\r\n \"no\": 1478,\r\n \"code\": \"1F192\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cool\"\r\n ]\r\n },\r\n {\r\n \"no\": 1479,\r\n \"code\": \"1F193\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"free\"\r\n ]\r\n },\r\n {\r\n \"no\": 1480,\r\n \"code\": \"2139\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"i\",\r\n \"information\"\r\n ]\r\n },\r\n {\r\n \"no\": 1481,\r\n \"code\": \"1F194\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"id\",\r\n \"identity\"\r\n ]\r\n },\r\n {\r\n \"no\": 1482,\r\n \"code\": \"24C2\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"circle\",\r\n \"m\"\r\n ]\r\n },\r\n {\r\n \"no\": 1483,\r\n \"code\": \"1F195\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"new\"\r\n ]\r\n },\r\n {\r\n \"no\": 1484,\r\n \"code\": \"1F196\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"ng\"\r\n ]\r\n },\r\n {\r\n \"no\": 1485,\r\n \"code\": \"1F17E\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"blood\",\r\n \"o\"\r\n ]\r\n },\r\n {\r\n \"no\": 1486,\r\n \"code\": \"1F197\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"ok\"\r\n ]\r\n },\r\n {\r\n \"no\": 1487,\r\n \"code\": \"1F17F\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"parking\"\r\n ]\r\n },\r\n {\r\n \"no\": 1488,\r\n \"code\": \"1F198\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"help\",\r\n \"sos\"\r\n ]\r\n },\r\n {\r\n \"no\": 1489,\r\n \"code\": \"1F199\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"mark\",\r\n \"up\"\r\n ]\r\n },\r\n {\r\n \"no\": 1490,\r\n \"code\": \"1F19A\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"versus\",\r\n \"vs\"\r\n ]\r\n },\r\n {\r\n \"no\": 1491,\r\n \"code\": \"1F201\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"japanese\"\r\n ]\r\n },\r\n {\r\n \"no\": 1492,\r\n \"code\": \"1F202\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"japanese\"\r\n ]\r\n },\r\n {\r\n \"no\": 1493,\r\n \"code\": \"1F237\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"japanese\"\r\n ]\r\n },\r\n {\r\n \"no\": 1494,\r\n \"code\": \"1F236\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"japanese\"\r\n ]\r\n },\r\n {\r\n \"no\": 1495,\r\n \"code\": \"1F22F\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"japanese\"\r\n ]\r\n },\r\n {\r\n \"no\": 1496,\r\n \"code\": \"1F250\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"japanese\"\r\n ]\r\n },\r\n {\r\n \"no\": 1497,\r\n \"code\": \"1F239\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"japanese\"\r\n ]\r\n },\r\n {\r\n \"no\": 1498,\r\n \"code\": \"1F21A\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"japanese\"\r\n ]\r\n },\r\n {\r\n \"no\": 1499,\r\n \"code\": \"1F232\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"japanese\"\r\n ]\r\n },\r\n {\r\n \"no\": 1500,\r\n \"code\": \"1F251\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"chinese\"\r\n ]\r\n },\r\n {\r\n \"no\": 1501,\r\n \"code\": \"1F238\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"chinese\"\r\n ]\r\n },\r\n {\r\n \"no\": 1502,\r\n \"code\": \"1F234\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"chinese\"\r\n ]\r\n },\r\n {\r\n \"no\": 1503,\r\n \"code\": \"1F233\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"chinese\"\r\n ]\r\n },\r\n {\r\n \"no\": 1504,\r\n \"code\": \"3297\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"chinese\",\r\n \"congratulation\",\r\n \"congratulations\",\r\n \"ideograph\"\r\n ]\r\n },\r\n {\r\n \"no\": 1505,\r\n \"code\": \"3299\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"chinese\",\r\n \"ideograph\",\r\n \"secret\"\r\n ]\r\n },\r\n {\r\n \"no\": 1506,\r\n \"code\": \"1F23A\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"chinese\"\r\n ]\r\n },\r\n {\r\n \"no\": 1507,\r\n \"code\": \"1F235\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"chinese\"\r\n ]\r\n },\r\n {\r\n \"no\": 1508,\r\n \"code\": \"25AA\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"geometric\",\r\n \"square\"\r\n ]\r\n },\r\n {\r\n \"no\": 1509,\r\n \"code\": \"25AB\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"geometric\",\r\n \"square\"\r\n ]\r\n },\r\n {\r\n \"no\": 1510,\r\n \"code\": \"25FB\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"geometric\",\r\n \"square\"\r\n ]\r\n },\r\n {\r\n \"no\": 1511,\r\n \"code\": \"25FC\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"geometric\",\r\n \"square\"\r\n ]\r\n },\r\n {\r\n \"no\": 1512,\r\n \"code\": \"25FD\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"geometric\",\r\n \"square\"\r\n ]\r\n },\r\n {\r\n \"no\": 1513,\r\n \"code\": \"25FE\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"geometric\",\r\n \"square\"\r\n ]\r\n },\r\n {\r\n \"no\": 1514,\r\n \"code\": \"2B1B\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"geometric\",\r\n \"square\"\r\n ]\r\n },\r\n {\r\n \"no\": 1515,\r\n \"code\": \"2B1C\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"geometric\",\r\n \"square\"\r\n ]\r\n },\r\n {\r\n \"no\": 1516,\r\n \"code\": \"1F536\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"diamond\",\r\n \"geometric\",\r\n \"orange\"\r\n ]\r\n },\r\n {\r\n \"no\": 1517,\r\n \"code\": \"1F537\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"blue\",\r\n \"diamond\",\r\n \"geometric\"\r\n ]\r\n },\r\n {\r\n \"no\": 1518,\r\n \"code\": \"1F538\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"diamond\",\r\n \"geometric\",\r\n \"orange\"\r\n ]\r\n },\r\n {\r\n \"no\": 1519,\r\n \"code\": \"1F539\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"blue\",\r\n \"diamond\",\r\n \"geometric\"\r\n ]\r\n },\r\n {\r\n \"no\": 1520,\r\n \"code\": \"1F53A\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"geometric\",\r\n \"red\"\r\n ]\r\n },\r\n {\r\n \"no\": 1521,\r\n \"code\": \"1F53B\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"down\",\r\n \"geometric\",\r\n \"red\"\r\n ]\r\n },\r\n {\r\n \"no\": 1522,\r\n \"code\": \"1F4A0\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"comic\",\r\n \"diamond\",\r\n \"geometric\",\r\n \"inside\"\r\n ]\r\n },\r\n {\r\n \"no\": 1523,\r\n \"code\": \"1F518\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"button\",\r\n \"geometric\",\r\n \"radio\"\r\n ]\r\n },\r\n {\r\n \"no\": 1524,\r\n \"code\": \"1F532\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"button\",\r\n \"geometric\",\r\n \"square\"\r\n ]\r\n },\r\n {\r\n \"no\": 1525,\r\n \"code\": \"1F533\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"button\",\r\n \"geometric\",\r\n \"outlined\",\r\n \"square\"\r\n ]\r\n },\r\n {\r\n \"no\": 1526,\r\n \"code\": \"26AA\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"circle\",\r\n \"geometric\"\r\n ]\r\n },\r\n {\r\n \"no\": 1527,\r\n \"code\": \"26AB\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"circle\",\r\n \"geometric\"\r\n ]\r\n },\r\n {\r\n \"no\": 1528,\r\n \"code\": \"1F534\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"circle\",\r\n \"geometric\",\r\n \"red\"\r\n ]\r\n },\r\n {\r\n \"no\": 1529,\r\n \"code\": \"1F535\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"blue\",\r\n \"circle\",\r\n \"geometric\"\r\n ]\r\n }\r\n ],\r\n FLAGS: [\r\n {\r\n \"no\": 1530,\r\n \"code\": \"1F3C1\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"checkered\",\r\n \"chequered\",\r\n \"flag\",\r\n \"racing\"\r\n ]\r\n },\r\n {\r\n \"no\": 1531,\r\n \"code\": \"1F6A9\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"post\"\r\n ]\r\n },\r\n {\r\n \"no\": 1532,\r\n \"code\": \"1F38C\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"activity\",\r\n \"celebration\",\r\n \"cross\",\r\n \"crossed\",\r\n \"flag\",\r\n \"japanese\"\r\n ]\r\n },\r\n {\r\n \"no\": 1533,\r\n \"code\": \"1F3F4\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"waving\"\r\n ]\r\n },\r\n {\r\n \"no\": 1534,\r\n \"code\": \"1F3F3\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"waving\"\r\n ]\r\n },\r\n {\r\n \"no\": 1535,\r\n \"code\": \"1F1E6-1F1E8\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"ascension\",\r\n \"flag\",\r\n \"island\"\r\n ]\r\n },\r\n {\r\n \"no\": 1536,\r\n \"code\": \"1F1E6-1F1E9\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"andorra\",\r\n \"flag\"\r\n ]\r\n },\r\n {\r\n \"no\": 1537,\r\n \"code\": \"1F1E6-1F1EA\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"emirates\",\r\n \"flag\",\r\n \"uae\",\r\n \"united\"\r\n ]\r\n },\r\n {\r\n \"no\": 1538,\r\n \"code\": \"1F1E6-1F1EB\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"afghanistan\",\r\n \"flag\"\r\n ]\r\n },\r\n {\r\n \"no\": 1539,\r\n \"code\": \"1F1E6-1F1EC\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"antigua\",\r\n \"barbuda\",\r\n \"flag\"\r\n ]\r\n },\r\n {\r\n \"no\": 1540,\r\n \"code\": \"1F1E6-1F1EE\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"anguilla\",\r\n \"flag\"\r\n ]\r\n },\r\n {\r\n \"no\": 1541,\r\n \"code\": \"1F1E6-1F1F1\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"albania\",\r\n \"flag\"\r\n ]\r\n },\r\n {\r\n \"no\": 1542,\r\n \"code\": \"1F1E6-1F1F2\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"armenia\",\r\n \"flag\"\r\n ]\r\n },\r\n {\r\n \"no\": 1543,\r\n \"code\": \"1F1E6-1F1F4\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"angola\",\r\n \"flag\"\r\n ]\r\n },\r\n {\r\n \"no\": 1544,\r\n \"code\": \"1F1E6-1F1F6\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"antarctica\",\r\n \"flag\"\r\n ]\r\n },\r\n {\r\n \"no\": 1545,\r\n \"code\": \"1F1E6-1F1F7\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"argentina\",\r\n \"flag\"\r\n ]\r\n },\r\n {\r\n \"no\": 1546,\r\n \"code\": \"1F1E6-1F1F8\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"american\",\r\n \"flag\",\r\n \"samoa\"\r\n ]\r\n },\r\n {\r\n \"no\": 1547,\r\n \"code\": \"1F1E6-1F1F9\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"austria\",\r\n \"flag\"\r\n ]\r\n },\r\n {\r\n \"no\": 1548,\r\n \"code\": \"1F1E6-1F1FA\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"australia\",\r\n \"flag\"\r\n ]\r\n },\r\n {\r\n \"no\": 1549,\r\n \"code\": \"1F1E6-1F1FC\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"aruba\",\r\n \"flag\"\r\n ]\r\n },\r\n {\r\n \"no\": 1550,\r\n \"code\": \"1F1E6-1F1FD\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"åland\",\r\n \"flag\"\r\n ]\r\n },\r\n {\r\n \"no\": 1551,\r\n \"code\": \"1F1E6-1F1FF\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"azerbaijan\",\r\n \"flag\"\r\n ]\r\n },\r\n {\r\n \"no\": 1552,\r\n \"code\": \"1F1E7-1F1E6\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bosnia\",\r\n \"flag\",\r\n \"herzegovina\"\r\n ]\r\n },\r\n {\r\n \"no\": 1553,\r\n \"code\": \"1F1E7-1F1E7\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"barbados\",\r\n \"flag\"\r\n ]\r\n },\r\n {\r\n \"no\": 1554,\r\n \"code\": \"1F1E7-1F1E9\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bangladesh\",\r\n \"flag\"\r\n ]\r\n },\r\n {\r\n \"no\": 1555,\r\n \"code\": \"1F1E7-1F1EA\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"belgium\",\r\n \"flag\"\r\n ]\r\n },\r\n {\r\n \"no\": 1556,\r\n \"code\": \"1F1E7-1F1EB\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"burkina faso\",\r\n \"flag\"\r\n ]\r\n },\r\n {\r\n \"no\": 1557,\r\n \"code\": \"1F1E7-1F1EC\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bulgaria\",\r\n \"flag\"\r\n ]\r\n },\r\n {\r\n \"no\": 1558,\r\n \"code\": \"1F1E7-1F1ED\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bahrain\",\r\n \"flag\"\r\n ]\r\n },\r\n {\r\n \"no\": 1559,\r\n \"code\": \"1F1E7-1F1EE\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"burundi\",\r\n \"flag\"\r\n ]\r\n },\r\n {\r\n \"no\": 1560,\r\n \"code\": \"1F1E7-1F1EF\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"benin\",\r\n \"flag\"\r\n ]\r\n },\r\n {\r\n \"no\": 1561,\r\n \"code\": \"1F1E7-1F1F1\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"barthelemy\",\r\n \"barthélemy\",\r\n \"flag\",\r\n \"saint\"\r\n ]\r\n },\r\n {\r\n \"no\": 1562,\r\n \"code\": \"1F1E7-1F1F2\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bermuda\",\r\n \"flag\"\r\n ]\r\n },\r\n {\r\n \"no\": 1563,\r\n \"code\": \"1F1E7-1F1F3\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"brunei\",\r\n \"darussalam\",\r\n \"flag\"\r\n ]\r\n },\r\n {\r\n \"no\": 1564,\r\n \"code\": \"1F1E7-1F1F4\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bolivia\",\r\n \"flag\"\r\n ]\r\n },\r\n {\r\n \"no\": 1565,\r\n \"code\": \"1F1E7-1F1F6\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bonaire\",\r\n \"caribbean\",\r\n \"eustatius\",\r\n \"flag\",\r\n \"netherlands\",\r\n \"saba\",\r\n \"sint\"\r\n ]\r\n },\r\n {\r\n \"no\": 1566,\r\n \"code\": \"1F1E7-1F1F7\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"brazil\",\r\n \"flag\"\r\n ]\r\n },\r\n {\r\n \"no\": 1567,\r\n \"code\": \"1F1E7-1F1F8\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bahamas\",\r\n \"flag\"\r\n ]\r\n },\r\n {\r\n \"no\": 1568,\r\n \"code\": \"1F1E7-1F1F9\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bhutan\",\r\n \"flag\"\r\n ]\r\n },\r\n {\r\n \"no\": 1569,\r\n \"code\": \"1F1E7-1F1FB\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bouvet\",\r\n \"flag\",\r\n \"island\"\r\n ]\r\n },\r\n {\r\n \"no\": 1570,\r\n \"code\": \"1F1E7-1F1FC\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"botswana\",\r\n \"flag\"\r\n ]\r\n },\r\n {\r\n \"no\": 1571,\r\n \"code\": \"1F1E7-1F1FE\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"belarus\",\r\n \"flag\"\r\n ]\r\n },\r\n {\r\n \"no\": 1572,\r\n \"code\": \"1F1E7-1F1FF\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"belize\",\r\n \"flag\"\r\n ]\r\n },\r\n {\r\n \"no\": 1573,\r\n \"code\": \"1F1E8-1F1E6\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"canada\",\r\n \"flag\"\r\n ]\r\n },\r\n {\r\n \"no\": 1574,\r\n \"code\": \"1F1E8-1F1E8\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cocos\",\r\n \"flag\",\r\n \"island\",\r\n \"keeling\"\r\n ]\r\n },\r\n {\r\n \"no\": 1575,\r\n \"code\": \"1F1E8-1F1E9\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"congo\",\r\n \"congo-kinshasa\",\r\n \"democratic republic of congo\",\r\n \"drc\",\r\n \"flag\",\r\n \"kinshasa\",\r\n \"republic\"\r\n ]\r\n },\r\n {\r\n \"no\": 1576,\r\n \"code\": \"1F1E8-1F1EB\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"central african republic\",\r\n \"flag\",\r\n \"republic\"\r\n ]\r\n },\r\n {\r\n \"no\": 1577,\r\n \"code\": \"1F1E8-1F1EC\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"brazzaville\",\r\n \"congo\",\r\n \"congo republic\",\r\n \"congo-brazzaville\",\r\n \"flag\",\r\n \"republic\",\r\n \"republic of the congo\"\r\n ]\r\n },\r\n {\r\n \"no\": 1578,\r\n \"code\": \"1F1E8-1F1ED\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"switzerland\"\r\n ]\r\n },\r\n {\r\n \"no\": 1579,\r\n \"code\": \"1F1E8-1F1EE\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cote ivoire\",\r\n \"côte ivoire\",\r\n \"flag\",\r\n \"ivory coast\"\r\n ]\r\n },\r\n {\r\n \"no\": 1580,\r\n \"code\": \"1F1E8-1F1F0\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cook\",\r\n \"flag\",\r\n \"island\"\r\n ]\r\n },\r\n {\r\n \"no\": 1581,\r\n \"code\": \"1F1E8-1F1F1\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"chile\",\r\n \"flag\"\r\n ]\r\n },\r\n {\r\n \"no\": 1582,\r\n \"code\": \"1F1E8-1F1F2\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cameroon\",\r\n \"flag\"\r\n ]\r\n },\r\n {\r\n \"no\": 1583,\r\n \"code\": \"1F1E8-1F1F3\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"china\",\r\n \"flag\"\r\n ]\r\n },\r\n {\r\n \"no\": 1584,\r\n \"code\": \"1F1E8-1F1F4\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"colombia\",\r\n \"flag\"\r\n ]\r\n },\r\n {\r\n \"no\": 1585,\r\n \"code\": \"1F1E8-1F1F5\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"clipperton\",\r\n \"flag\",\r\n \"island\"\r\n ]\r\n },\r\n {\r\n \"no\": 1586,\r\n \"code\": \"1F1E8-1F1F7\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"costa rica\",\r\n \"flag\"\r\n ]\r\n },\r\n {\r\n \"no\": 1587,\r\n \"code\": \"1F1E8-1F1FA\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cuba\",\r\n \"flag\"\r\n ]\r\n },\r\n {\r\n \"no\": 1588,\r\n \"code\": \"1F1E8-1F1FB\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cabo\",\r\n \"cape\",\r\n \"flag\",\r\n \"verde\"\r\n ]\r\n },\r\n {\r\n \"no\": 1589,\r\n \"code\": \"1F1E8-1F1FC\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"antilles\",\r\n \"curacao\",\r\n \"curaçao\",\r\n \"flag\"\r\n ]\r\n },\r\n {\r\n \"no\": 1590,\r\n \"code\": \"1F1E8-1F1FD\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"christmas\",\r\n \"flag\",\r\n \"island\"\r\n ]\r\n },\r\n {\r\n \"no\": 1591,\r\n \"code\": \"1F1E8-1F1FE\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cyprus\",\r\n \"flag\"\r\n ]\r\n },\r\n {\r\n \"no\": 1592,\r\n \"code\": \"1F1E8-1F1FF\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"czech republic\",\r\n \"flag\"\r\n ]\r\n },\r\n {\r\n \"no\": 1593,\r\n \"code\": \"1F1E9-1F1EA\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"germany\"\r\n ]\r\n },\r\n {\r\n \"no\": 1594,\r\n \"code\": \"1F1E9-1F1EC\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"diego garcia\",\r\n \"flag\"\r\n ]\r\n },\r\n {\r\n \"no\": 1595,\r\n \"code\": \"1F1E9-1F1EF\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"djibouti\",\r\n \"flag\"\r\n ]\r\n },\r\n {\r\n \"no\": 1596,\r\n \"code\": \"1F1E9-1F1F0\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"denmark\",\r\n \"flag\"\r\n ]\r\n },\r\n {\r\n \"no\": 1597,\r\n \"code\": \"1F1E9-1F1F2\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"dominica\",\r\n \"flag\"\r\n ]\r\n },\r\n {\r\n \"no\": 1598,\r\n \"code\": \"1F1E9-1F1F4\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"dominican republic\",\r\n \"flag\"\r\n ]\r\n },\r\n {\r\n \"no\": 1599,\r\n \"code\": \"1F1E9-1F1FF\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"algeria\",\r\n \"flag\"\r\n ]\r\n },\r\n {\r\n \"no\": 1600,\r\n \"code\": \"1F1EA-1F1E6\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"ceuta\",\r\n \"flag\",\r\n \"melilla\"\r\n ]\r\n },\r\n {\r\n \"no\": 1601,\r\n \"code\": \"1F1EA-1F1E8\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"ecuador\",\r\n \"flag\"\r\n ]\r\n },\r\n {\r\n \"no\": 1602,\r\n \"code\": \"1F1EA-1F1EA\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"estonia\",\r\n \"flag\"\r\n ]\r\n },\r\n {\r\n \"no\": 1603,\r\n \"code\": \"1F1EA-1F1EC\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"egypt\",\r\n \"flag\"\r\n ]\r\n },\r\n {\r\n \"no\": 1604,\r\n \"code\": \"1F1EA-1F1ED\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"sahara\",\r\n \"west\",\r\n \"western sahara\"\r\n ]\r\n },\r\n {\r\n \"no\": 1605,\r\n \"code\": \"1F1EA-1F1F7\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"eritrea\",\r\n \"flag\"\r\n ]\r\n },\r\n {\r\n \"no\": 1606,\r\n \"code\": \"1F1EA-1F1F8\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"spain\"\r\n ]\r\n },\r\n {\r\n \"no\": 1607,\r\n \"code\": \"1F1EA-1F1F9\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"ethiopia\",\r\n \"flag\"\r\n ]\r\n },\r\n {\r\n \"no\": 1608,\r\n \"code\": \"1F1EA-1F1FA\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"european union\",\r\n \"flag\"\r\n ]\r\n },\r\n {\r\n \"no\": 1609,\r\n \"code\": \"1F1EB-1F1EE\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"finland\",\r\n \"flag\"\r\n ]\r\n },\r\n {\r\n \"no\": 1610,\r\n \"code\": \"1F1EB-1F1EF\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"fiji\",\r\n \"flag\"\r\n ]\r\n },\r\n {\r\n \"no\": 1611,\r\n \"code\": \"1F1EB-1F1F0\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"falkland\",\r\n \"falklands\",\r\n \"flag\",\r\n \"island\",\r\n \"islas\",\r\n \"malvinas\"\r\n ]\r\n },\r\n {\r\n \"no\": 1612,\r\n \"code\": \"1F1EB-1F1F2\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"micronesia\"\r\n ]\r\n },\r\n {\r\n \"no\": 1613,\r\n \"code\": \"1F1EB-1F1F4\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"faroe\",\r\n \"flag\",\r\n \"island\"\r\n ]\r\n },\r\n {\r\n \"no\": 1614,\r\n \"code\": \"1F1EB-1F1F7\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"france\"\r\n ]\r\n },\r\n {\r\n \"no\": 1615,\r\n \"code\": \"1F1EC-1F1E6\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"gabon\"\r\n ]\r\n },\r\n {\r\n \"no\": 1616,\r\n \"code\": \"1F1EC-1F1E7\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"britain\",\r\n \"british\",\r\n \"cornwall\",\r\n \"england\",\r\n \"flag\",\r\n \"great britain\",\r\n \"ireland\",\r\n \"northern ireland\",\r\n \"scotland\",\r\n \"uk\",\r\n \"union jack\",\r\n \"united\",\r\n \"united kingdom\",\r\n \"wales\"\r\n ]\r\n },\r\n {\r\n \"no\": 1617,\r\n \"code\": \"1F1EC-1F1E9\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"grenada\"\r\n ]\r\n },\r\n {\r\n \"no\": 1618,\r\n \"code\": \"1F1EC-1F1EA\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"georgia\"\r\n ]\r\n },\r\n {\r\n \"no\": 1619,\r\n \"code\": \"1F1EC-1F1EB\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"french\",\r\n \"guiana\"\r\n ]\r\n },\r\n {\r\n \"no\": 1620,\r\n \"code\": \"1F1EC-1F1EC\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"guernsey\"\r\n ]\r\n },\r\n {\r\n \"no\": 1621,\r\n \"code\": \"1F1EC-1F1ED\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"ghana\"\r\n ]\r\n },\r\n {\r\n \"no\": 1622,\r\n \"code\": \"1F1EC-1F1EE\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"gibraltar\"\r\n ]\r\n },\r\n {\r\n \"no\": 1623,\r\n \"code\": \"1F1EC-1F1F1\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"greenland\"\r\n ]\r\n },\r\n {\r\n \"no\": 1624,\r\n \"code\": \"1F1EC-1F1F2\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"gambia\"\r\n ]\r\n },\r\n {\r\n \"no\": 1625,\r\n \"code\": \"1F1EC-1F1F3\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"guinea\"\r\n ]\r\n },\r\n {\r\n \"no\": 1626,\r\n \"code\": \"1F1EC-1F1F5\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"guadeloupe\"\r\n ]\r\n },\r\n {\r\n \"no\": 1627,\r\n \"code\": \"1F1EC-1F1F6\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"equatorial guinea\",\r\n \"flag\",\r\n \"guinea\"\r\n ]\r\n },\r\n {\r\n \"no\": 1628,\r\n \"code\": \"1F1EC-1F1F7\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"greece\"\r\n ]\r\n },\r\n {\r\n \"no\": 1629,\r\n \"code\": \"1F1EC-1F1F8\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"georgia\",\r\n \"island\",\r\n \"south\",\r\n \"south georgia\",\r\n \"south sandwich\"\r\n ]\r\n },\r\n {\r\n \"no\": 1630,\r\n \"code\": \"1F1EC-1F1F9\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"guatemala\"\r\n ]\r\n },\r\n {\r\n \"no\": 1631,\r\n \"code\": \"1F1EC-1F1FA\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"guam\"\r\n ]\r\n },\r\n {\r\n \"no\": 1632,\r\n \"code\": \"1F1EC-1F1FC\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"bissau\",\r\n \"flag\",\r\n \"guinea\"\r\n ]\r\n },\r\n {\r\n \"no\": 1633,\r\n \"code\": \"1F1EC-1F1FE\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"guyana\"\r\n ]\r\n },\r\n {\r\n \"no\": 1634,\r\n \"code\": \"1F1ED-1F1F0\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"china\",\r\n \"flag\",\r\n \"hong kong\"\r\n ]\r\n },\r\n {\r\n \"no\": 1635,\r\n \"code\": \"1F1ED-1F1F2\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"heard\",\r\n \"island\",\r\n \"mcdonald\"\r\n ]\r\n },\r\n {\r\n \"no\": 1636,\r\n \"code\": \"1F1ED-1F1F3\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"honduras\"\r\n ]\r\n },\r\n {\r\n \"no\": 1637,\r\n \"code\": \"1F1ED-1F1F7\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"croatia\",\r\n \"flag\"\r\n ]\r\n },\r\n {\r\n \"no\": 1638,\r\n \"code\": \"1F1ED-1F1F9\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"haiti\"\r\n ]\r\n },\r\n {\r\n \"no\": 1639,\r\n \"code\": \"1F1ED-1F1FA\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"hungary\"\r\n ]\r\n },\r\n {\r\n \"no\": 1640,\r\n \"code\": \"1F1EE-1F1E8\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"canary\",\r\n \"flag\",\r\n \"island\"\r\n ]\r\n },\r\n {\r\n \"no\": 1641,\r\n \"code\": \"1F1EE-1F1E9\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"indonesia\"\r\n ]\r\n },\r\n {\r\n \"no\": 1642,\r\n \"code\": \"1F1EE-1F1EA\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"ireland\"\r\n ]\r\n },\r\n {\r\n \"no\": 1643,\r\n \"code\": \"1F1EE-1F1F1\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"israel\"\r\n ]\r\n },\r\n {\r\n \"no\": 1644,\r\n \"code\": \"1F1EE-1F1F2\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"isle of man\"\r\n ]\r\n },\r\n {\r\n \"no\": 1645,\r\n \"code\": \"1F1EE-1F1F3\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"india\"\r\n ]\r\n },\r\n {\r\n \"no\": 1646,\r\n \"code\": \"1F1EE-1F1F4\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"british\",\r\n \"chagos\",\r\n \"flag\",\r\n \"indian ocean\",\r\n \"island\"\r\n ]\r\n },\r\n {\r\n \"no\": 1647,\r\n \"code\": \"1F1EE-1F1F6\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"iraq\"\r\n ]\r\n },\r\n {\r\n \"no\": 1648,\r\n \"code\": \"1F1EE-1F1F7\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"iran\"\r\n ]\r\n },\r\n {\r\n \"no\": 1649,\r\n \"code\": \"1F1EE-1F1F8\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"iceland\"\r\n ]\r\n },\r\n {\r\n \"no\": 1650,\r\n \"code\": \"1F1EE-1F1F9\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"italy\"\r\n ]\r\n },\r\n {\r\n \"no\": 1651,\r\n \"code\": \"1F1EF-1F1EA\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"jersey\"\r\n ]\r\n },\r\n {\r\n \"no\": 1652,\r\n \"code\": \"1F1EF-1F1F2\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"jamaica\"\r\n ]\r\n },\r\n {\r\n \"no\": 1653,\r\n \"code\": \"1F1EF-1F1F4\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"jordan\"\r\n ]\r\n },\r\n {\r\n \"no\": 1654,\r\n \"code\": \"1F1EF-1F1F5\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"japan\"\r\n ]\r\n },\r\n {\r\n \"no\": 1655,\r\n \"code\": \"1F1F0-1F1EA\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"kenya\"\r\n ]\r\n },\r\n {\r\n \"no\": 1656,\r\n \"code\": \"1F1F0-1F1EC\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"kyrgyzstan\"\r\n ]\r\n },\r\n {\r\n \"no\": 1657,\r\n \"code\": \"1F1F0-1F1ED\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cambodia\",\r\n \"flag\"\r\n ]\r\n },\r\n {\r\n \"no\": 1658,\r\n \"code\": \"1F1F0-1F1EE\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"kiribati\"\r\n ]\r\n },\r\n {\r\n \"no\": 1659,\r\n \"code\": \"1F1F0-1F1F2\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"comoros\",\r\n \"flag\"\r\n ]\r\n },\r\n {\r\n \"no\": 1660,\r\n \"code\": \"1F1F0-1F1F3\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"kitts\",\r\n \"nevis\",\r\n \"saint\"\r\n ]\r\n },\r\n {\r\n \"no\": 1661,\r\n \"code\": \"1F1F0-1F1F5\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"korea\",\r\n \"north\",\r\n \"north korea\"\r\n ]\r\n },\r\n {\r\n \"no\": 1662,\r\n \"code\": \"1F1F0-1F1F7\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"korea\",\r\n \"south\",\r\n \"south korea\"\r\n ]\r\n },\r\n {\r\n \"no\": 1663,\r\n \"code\": \"1F1F0-1F1FC\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"kuwait\"\r\n ]\r\n },\r\n {\r\n \"no\": 1664,\r\n \"code\": \"1F1F0-1F1FE\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"cayman\",\r\n \"flag\",\r\n \"island\"\r\n ]\r\n },\r\n {\r\n \"no\": 1665,\r\n \"code\": \"1F1F0-1F1FF\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"kazakhstan\"\r\n ]\r\n },\r\n {\r\n \"no\": 1666,\r\n \"code\": \"1F1F1-1F1E6\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"laos\"\r\n ]\r\n },\r\n {\r\n \"no\": 1667,\r\n \"code\": \"1F1F1-1F1E7\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"lebanon\"\r\n ]\r\n },\r\n {\r\n \"no\": 1668,\r\n \"code\": \"1F1F1-1F1E8\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"lucia\",\r\n \"saint\"\r\n ]\r\n },\r\n {\r\n \"no\": 1669,\r\n \"code\": \"1F1F1-1F1EE\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"liechtenstein\"\r\n ]\r\n },\r\n {\r\n \"no\": 1670,\r\n \"code\": \"1F1F1-1F1F0\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"sri lanka\"\r\n ]\r\n },\r\n {\r\n \"no\": 1671,\r\n \"code\": \"1F1F1-1F1F7\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"liberia\"\r\n ]\r\n },\r\n {\r\n \"no\": 1672,\r\n \"code\": \"1F1F1-1F1F8\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"lesotho\"\r\n ]\r\n },\r\n {\r\n \"no\": 1673,\r\n \"code\": \"1F1F1-1F1F9\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"lithuania\"\r\n ]\r\n },\r\n {\r\n \"no\": 1674,\r\n \"code\": \"1F1F1-1F1FA\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"luxembourg\"\r\n ]\r\n },\r\n {\r\n \"no\": 1675,\r\n \"code\": \"1F1F1-1F1FB\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"latvia\"\r\n ]\r\n },\r\n {\r\n \"no\": 1676,\r\n \"code\": \"1F1F1-1F1FE\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"libya\"\r\n ]\r\n },\r\n {\r\n \"no\": 1677,\r\n \"code\": \"1F1F2-1F1E6\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"morocco\"\r\n ]\r\n },\r\n {\r\n \"no\": 1678,\r\n \"code\": \"1F1F2-1F1E8\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"monaco\"\r\n ]\r\n },\r\n {\r\n \"no\": 1679,\r\n \"code\": \"1F1F2-1F1E9\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"moldova\"\r\n ]\r\n },\r\n {\r\n \"no\": 1680,\r\n \"code\": \"1F1F2-1F1EA\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"montenegro\"\r\n ]\r\n },\r\n {\r\n \"no\": 1681,\r\n \"code\": \"1F1F2-1F1EB\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"french\",\r\n \"martin\",\r\n \"saint\"\r\n ]\r\n },\r\n {\r\n \"no\": 1682,\r\n \"code\": \"1F1F2-1F1EC\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"madagascar\"\r\n ]\r\n },\r\n {\r\n \"no\": 1683,\r\n \"code\": \"1F1F2-1F1ED\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"island\",\r\n \"marshall\"\r\n ]\r\n },\r\n {\r\n \"no\": 1684,\r\n \"code\": \"1F1F2-1F1F0\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"macedonia\"\r\n ]\r\n },\r\n {\r\n \"no\": 1685,\r\n \"code\": \"1F1F2-1F1F1\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"mali\"\r\n ]\r\n },\r\n {\r\n \"no\": 1686,\r\n \"code\": \"1F1F2-1F1F2\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"burma\",\r\n \"flag\",\r\n \"myanmar\"\r\n ]\r\n },\r\n {\r\n \"no\": 1687,\r\n \"code\": \"1F1F2-1F1F3\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"mongolia\"\r\n ]\r\n },\r\n {\r\n \"no\": 1688,\r\n \"code\": \"1F1F2-1F1F4\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"china\",\r\n \"flag\",\r\n \"macao\",\r\n \"macau\"\r\n ]\r\n },\r\n {\r\n \"no\": 1689,\r\n \"code\": \"1F1F2-1F1F5\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"island\",\r\n \"mariana\",\r\n \"north\",\r\n \"northern mariana\"\r\n ]\r\n },\r\n {\r\n \"no\": 1690,\r\n \"code\": \"1F1F2-1F1F6\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"martinique\"\r\n ]\r\n },\r\n {\r\n \"no\": 1691,\r\n \"code\": \"1F1F2-1F1F7\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"mauritania\"\r\n ]\r\n },\r\n {\r\n \"no\": 1692,\r\n \"code\": \"1F1F2-1F1F8\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"montserrat\"\r\n ]\r\n },\r\n {\r\n \"no\": 1693,\r\n \"code\": \"1F1F2-1F1F9\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"malta\"\r\n ]\r\n },\r\n {\r\n \"no\": 1694,\r\n \"code\": \"1F1F2-1F1FA\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"mauritius\"\r\n ]\r\n },\r\n {\r\n \"no\": 1695,\r\n \"code\": \"1F1F2-1F1FB\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"maldives\"\r\n ]\r\n },\r\n {\r\n \"no\": 1696,\r\n \"code\": \"1F1F2-1F1FC\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"malawi\"\r\n ]\r\n },\r\n {\r\n \"no\": 1697,\r\n \"code\": \"1F1F2-1F1FD\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"mexico\"\r\n ]\r\n },\r\n {\r\n \"no\": 1698,\r\n \"code\": \"1F1F2-1F1FE\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"malaysia\"\r\n ]\r\n },\r\n {\r\n \"no\": 1699,\r\n \"code\": \"1F1F2-1F1FF\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"mozambique\"\r\n ]\r\n },\r\n {\r\n \"no\": 1700,\r\n \"code\": \"1F1F3-1F1E6\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"namibia\"\r\n ]\r\n },\r\n {\r\n \"no\": 1701,\r\n \"code\": \"1F1F3-1F1E8\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"new\",\r\n \"new caledonia\"\r\n ]\r\n },\r\n {\r\n \"no\": 1702,\r\n \"code\": \"1F1F3-1F1EA\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"niger\"\r\n ]\r\n },\r\n {\r\n \"no\": 1703,\r\n \"code\": \"1F1F3-1F1EB\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"island\",\r\n \"norfolk\"\r\n ]\r\n },\r\n {\r\n \"no\": 1704,\r\n \"code\": \"1F1F3-1F1EC\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"nigeria\"\r\n ]\r\n },\r\n {\r\n \"no\": 1705,\r\n \"code\": \"1F1F3-1F1EE\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"nicaragua\"\r\n ]\r\n },\r\n {\r\n \"no\": 1706,\r\n \"code\": \"1F1F3-1F1F1\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"netherlands\"\r\n ]\r\n },\r\n {\r\n \"no\": 1707,\r\n \"code\": \"1F1F3-1F1F4\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"norway\"\r\n ]\r\n },\r\n {\r\n \"no\": 1708,\r\n \"code\": \"1F1F3-1F1F5\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"nepal\"\r\n ]\r\n },\r\n {\r\n \"no\": 1709,\r\n \"code\": \"1F1F3-1F1F7\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"nauru\"\r\n ]\r\n },\r\n {\r\n \"no\": 1710,\r\n \"code\": \"1F1F3-1F1FA\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"niue\"\r\n ]\r\n },\r\n {\r\n \"no\": 1711,\r\n \"code\": \"1F1F3-1F1FF\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"new\",\r\n \"new zealand\"\r\n ]\r\n },\r\n {\r\n \"no\": 1712,\r\n \"code\": \"1F1F4-1F1F2\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"oman\"\r\n ]\r\n },\r\n {\r\n \"no\": 1713,\r\n \"code\": \"1F1F5-1F1E6\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"panama\"\r\n ]\r\n },\r\n {\r\n \"no\": 1714,\r\n \"code\": \"1F1F5-1F1EA\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"peru\"\r\n ]\r\n },\r\n {\r\n \"no\": 1715,\r\n \"code\": \"1F1F5-1F1EB\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"french\",\r\n \"polynesia\"\r\n ]\r\n },\r\n {\r\n \"no\": 1716,\r\n \"code\": \"1F1F5-1F1EC\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"guinea\",\r\n \"new\",\r\n \"papua new guinea\"\r\n ]\r\n },\r\n {\r\n \"no\": 1717,\r\n \"code\": \"1F1F5-1F1ED\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"philippines\"\r\n ]\r\n },\r\n {\r\n \"no\": 1718,\r\n \"code\": \"1F1F5-1F1F0\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"pakistan\"\r\n ]\r\n },\r\n {\r\n \"no\": 1719,\r\n \"code\": \"1F1F5-1F1F1\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"poland\"\r\n ]\r\n },\r\n {\r\n \"no\": 1720,\r\n \"code\": \"1F1F5-1F1F2\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"miquelon\",\r\n \"pierre\",\r\n \"saint\"\r\n ]\r\n },\r\n {\r\n \"no\": 1721,\r\n \"code\": \"1F1F5-1F1F3\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"island\",\r\n \"pitcairn\"\r\n ]\r\n },\r\n {\r\n \"no\": 1722,\r\n \"code\": \"1F1F5-1F1F7\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"puerto rico\"\r\n ]\r\n },\r\n {\r\n \"no\": 1723,\r\n \"code\": \"1F1F5-1F1F8\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"palestine\"\r\n ]\r\n },\r\n {\r\n \"no\": 1724,\r\n \"code\": \"1F1F5-1F1F9\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"portugal\"\r\n ]\r\n },\r\n {\r\n \"no\": 1725,\r\n \"code\": \"1F1F5-1F1FC\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"palau\"\r\n ]\r\n },\r\n {\r\n \"no\": 1726,\r\n \"code\": \"1F1F5-1F1FE\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"paraguay\"\r\n ]\r\n },\r\n {\r\n \"no\": 1727,\r\n \"code\": \"1F1F6-1F1E6\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"qatar\"\r\n ]\r\n },\r\n {\r\n \"no\": 1728,\r\n \"code\": \"1F1F7-1F1EA\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"reunion\",\r\n \"réunion\"\r\n ]\r\n },\r\n {\r\n \"no\": 1729,\r\n \"code\": \"1F1F7-1F1F4\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"romania\"\r\n ]\r\n },\r\n {\r\n \"no\": 1730,\r\n \"code\": \"1F1F7-1F1F8\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"serbia\"\r\n ]\r\n },\r\n {\r\n \"no\": 1731,\r\n \"code\": \"1F1F7-1F1FA\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"russia\"\r\n ]\r\n },\r\n {\r\n \"no\": 1732,\r\n \"code\": \"1F1F7-1F1FC\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"rwanda\"\r\n ]\r\n },\r\n {\r\n \"no\": 1733,\r\n \"code\": \"1F1F8-1F1E6\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"saudi arabia\"\r\n ]\r\n },\r\n {\r\n \"no\": 1734,\r\n \"code\": \"1F1F8-1F1E7\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"island\",\r\n \"solomon\"\r\n ]\r\n },\r\n {\r\n \"no\": 1735,\r\n \"code\": \"1F1F8-1F1E8\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"seychelles\"\r\n ]\r\n },\r\n {\r\n \"no\": 1736,\r\n \"code\": \"1F1F8-1F1E9\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"sudan\"\r\n ]\r\n },\r\n {\r\n \"no\": 1737,\r\n \"code\": \"1F1F8-1F1EA\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"sweden\"\r\n ]\r\n },\r\n {\r\n \"no\": 1738,\r\n \"code\": \"1F1F8-1F1EC\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"singapore\"\r\n ]\r\n },\r\n {\r\n \"no\": 1739,\r\n \"code\": \"1F1F8-1F1ED\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"helena\",\r\n \"saint\"\r\n ]\r\n },\r\n {\r\n \"no\": 1740,\r\n \"code\": \"1F1F8-1F1EE\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"slovenia\"\r\n ]\r\n },\r\n {\r\n \"no\": 1741,\r\n \"code\": \"1F1F8-1F1EF\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"jan mayen\",\r\n \"svalbard\"\r\n ]\r\n },\r\n {\r\n \"no\": 1742,\r\n \"code\": \"1F1F8-1F1F0\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"slovakia\"\r\n ]\r\n },\r\n {\r\n \"no\": 1743,\r\n \"code\": \"1F1F8-1F1F1\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"sierra leone\"\r\n ]\r\n },\r\n {\r\n \"no\": 1744,\r\n \"code\": \"1F1F8-1F1F2\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"san marino\"\r\n ]\r\n },\r\n {\r\n \"no\": 1745,\r\n \"code\": \"1F1F8-1F1F3\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"senegal\"\r\n ]\r\n },\r\n {\r\n \"no\": 1746,\r\n \"code\": \"1F1F8-1F1F4\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"somalia\"\r\n ]\r\n },\r\n {\r\n \"no\": 1747,\r\n \"code\": \"1F1F8-1F1F7\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"suriname\"\r\n ]\r\n },\r\n {\r\n \"no\": 1748,\r\n \"code\": \"1F1F8-1F1F8\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"south\",\r\n \"south sudan\",\r\n \"sudan\"\r\n ]\r\n },\r\n {\r\n \"no\": 1749,\r\n \"code\": \"1F1F8-1F1F9\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"principe\",\r\n \"príncipe\",\r\n \"sao tome\",\r\n \"são tomé\"\r\n ]\r\n },\r\n {\r\n \"no\": 1750,\r\n \"code\": \"1F1F8-1F1FB\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"el salvador\",\r\n \"flag\"\r\n ]\r\n },\r\n {\r\n \"no\": 1751,\r\n \"code\": \"1F1F8-1F1FD\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"maarten\",\r\n \"sint\"\r\n ]\r\n },\r\n {\r\n \"no\": 1752,\r\n \"code\": \"1F1F8-1F1FE\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"syria\"\r\n ]\r\n },\r\n {\r\n \"no\": 1753,\r\n \"code\": \"1F1F8-1F1FF\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"swaziland\"\r\n ]\r\n },\r\n {\r\n \"no\": 1754,\r\n \"code\": \"1F1F9-1F1E6\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"tristan da cunha\"\r\n ]\r\n },\r\n {\r\n \"no\": 1755,\r\n \"code\": \"1F1F9-1F1E8\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"caicos\",\r\n \"flag\",\r\n \"island\",\r\n \"turks\"\r\n ]\r\n },\r\n {\r\n \"no\": 1756,\r\n \"code\": \"1F1F9-1F1E9\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"chad\",\r\n \"flag\"\r\n ]\r\n },\r\n {\r\n \"no\": 1757,\r\n \"code\": \"1F1F9-1F1EB\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"antarctic\",\r\n \"flag\",\r\n \"french\"\r\n ]\r\n },\r\n {\r\n \"no\": 1758,\r\n \"code\": \"1F1F9-1F1EC\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"togo\"\r\n ]\r\n },\r\n {\r\n \"no\": 1759,\r\n \"code\": \"1F1F9-1F1ED\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"thailand\"\r\n ]\r\n },\r\n {\r\n \"no\": 1760,\r\n \"code\": \"1F1F9-1F1EF\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"tajikistan\"\r\n ]\r\n },\r\n {\r\n \"no\": 1761,\r\n \"code\": \"1F1F9-1F1F0\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"tokelau\"\r\n ]\r\n },\r\n {\r\n \"no\": 1762,\r\n \"code\": \"1F1F9-1F1F1\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"east\",\r\n \"east timor\",\r\n \"flag\",\r\n \"timor-leste\"\r\n ]\r\n },\r\n {\r\n \"no\": 1763,\r\n \"code\": \"1F1F9-1F1F2\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"turkmenistan\"\r\n ]\r\n },\r\n {\r\n \"no\": 1764,\r\n \"code\": \"1F1F9-1F1F3\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"tunisia\"\r\n ]\r\n },\r\n {\r\n \"no\": 1765,\r\n \"code\": \"1F1F9-1F1F4\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"tonga\"\r\n ]\r\n },\r\n {\r\n \"no\": 1766,\r\n \"code\": \"1F1F9-1F1F7\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"turkey\"\r\n ]\r\n },\r\n {\r\n \"no\": 1767,\r\n \"code\": \"1F1F9-1F1F9\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"tobago\",\r\n \"trinidad\"\r\n ]\r\n },\r\n {\r\n \"no\": 1768,\r\n \"code\": \"1F1F9-1F1FB\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"tuvalu\"\r\n ]\r\n },\r\n {\r\n \"no\": 1769,\r\n \"code\": \"1F1F9-1F1FC\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"china\",\r\n \"flag\",\r\n \"taiwan\"\r\n ]\r\n },\r\n {\r\n \"no\": 1770,\r\n \"code\": \"1F1F9-1F1FF\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"tanzania\"\r\n ]\r\n },\r\n {\r\n \"no\": 1771,\r\n \"code\": \"1F1FA-1F1E6\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"ukraine\"\r\n ]\r\n },\r\n {\r\n \"no\": 1772,\r\n \"code\": \"1F1FA-1F1EC\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"uganda\"\r\n ]\r\n },\r\n {\r\n \"no\": 1773,\r\n \"code\": \"1F1FA-1F1F2\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"america\",\r\n \"flag\",\r\n \"island\",\r\n \"minor outlying\",\r\n \"united\",\r\n \"united states\",\r\n \"us\",\r\n \"usa\"\r\n ]\r\n },\r\n {\r\n \"no\": 1774,\r\n \"code\": \"1F1FA-1F1F8\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"america\",\r\n \"flag\",\r\n \"stars and stripes\",\r\n \"united\",\r\n \"united states\"\r\n ]\r\n },\r\n {\r\n \"no\": 1775,\r\n \"code\": \"1F1FA-1F1FE\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"uruguay\"\r\n ]\r\n },\r\n {\r\n \"no\": 1776,\r\n \"code\": \"1F1FA-1F1FF\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"uzbekistan\"\r\n ]\r\n },\r\n {\r\n \"no\": 1777,\r\n \"code\": \"1F1FB-1F1E6\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"vatican\"\r\n ]\r\n },\r\n {\r\n \"no\": 1778,\r\n \"code\": \"1F1FB-1F1E8\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"grenadines\",\r\n \"saint\",\r\n \"vincent\"\r\n ]\r\n },\r\n {\r\n \"no\": 1779,\r\n \"code\": \"1F1FB-1F1EA\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"venezuela\"\r\n ]\r\n },\r\n {\r\n \"no\": 1780,\r\n \"code\": \"1F1FB-1F1EC\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"british\",\r\n \"flag\",\r\n \"island\",\r\n \"virgin\"\r\n ]\r\n },\r\n {\r\n \"no\": 1781,\r\n \"code\": \"1F1FB-1F1EE\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"america\",\r\n \"american\",\r\n \"flag\",\r\n \"island\",\r\n \"united\",\r\n \"united states\",\r\n \"us\",\r\n \"usa\",\r\n \"virgin\"\r\n ]\r\n },\r\n {\r\n \"no\": 1782,\r\n \"code\": \"1F1FB-1F1F3\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"viet nam\",\r\n \"vietnam\"\r\n ]\r\n },\r\n {\r\n \"no\": 1783,\r\n \"code\": \"1F1FB-1F1FA\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"vanuatu\"\r\n ]\r\n },\r\n {\r\n \"no\": 1784,\r\n \"code\": \"1F1FC-1F1EB\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"futuna\",\r\n \"wallis\"\r\n ]\r\n },\r\n {\r\n \"no\": 1785,\r\n \"code\": \"1F1FC-1F1F8\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"samoa\"\r\n ]\r\n },\r\n {\r\n \"no\": 1786,\r\n \"code\": \"1F1FD-1F1F0\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"kosovo\"\r\n ]\r\n },\r\n {\r\n \"no\": 1787,\r\n \"code\": \"1F1FE-1F1EA\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"yemen\"\r\n ]\r\n },\r\n {\r\n \"no\": 1788,\r\n \"code\": \"1F1FE-1F1F9\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"mayotte\"\r\n ]\r\n },\r\n {\r\n \"no\": 1789,\r\n \"code\": \"1F1FF-1F1E6\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"south\",\r\n \"south africa\"\r\n ]\r\n },\r\n {\r\n \"no\": 1790,\r\n \"code\": \"1F1FF-1F1F2\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"zambia\"\r\n ]\r\n },\r\n {\r\n \"no\": 1791,\r\n \"code\": \"1F1FF-1F1FC\",\r\n \"flagged\": false,\r\n \"keywords\": [\r\n \"flag\",\r\n \"zimbabwe\"\r\n ]\r\n }\r\n ]\r\n}","import React, { memo, useEffect, useMemo, useState } from \"react\";\r\nimport { bigIconList } from \"../../digitalArena/modules/Plaudit/PlauditIcons\";\r\nimport EmojiEmotionsIcon from \"@material-ui/icons/EmojiEmotions\";\r\nimport CloseIcon from '@material-ui/icons/Close';\r\nimport { Col, Label, Row } from \"reactstrap\";\r\nimport SystemLabel from \"../../system/SystemLabel/SystemLabel\";\r\nimport { Accordion, AccordionDetails, AccordionSummary, Dialog, DialogContent, IconButton, withStyles, Typography } from \"@material-ui/core\";\r\nimport MuiDialogTitle from \"@material-ui/core/DialogTitle\"\r\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\r\nimport PublishIcon from '@material-ui/icons/Publish';\r\nimport DeleteForeverIcon from '@material-ui/icons/DeleteForever';\r\nimport { authHeader } from \"../../helpers/authHeader\";\r\nimport { handleResponse } from \"../../helpers/handleresponse\";\r\nconst styles = (theme) => ({\r\n root: {\r\n margin: 0,\r\n padding: theme.spacing(2),\r\n },\r\n closeButton: {\r\n position: 'absolute',\r\n right: theme.spacing(1),\r\n top: theme.spacing(1),\r\n color: \"white\",\r\n },\r\n});\r\nconst DialogTitle = withStyles(styles)((props) => {\r\n const { children, classes, onClose, ...other } = props;\r\n return (\r\n \r\n \r\n setOpen(!open)}>\r\n \r\n \r\n
\r\n {open ?\r\n setOpen(false)}\r\n maxWidth={\"md\"}\r\n fullWidth={true}\r\n >\r\n setOpen(false)}>\r\n \r\n \r\n\r\n 0}>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {iconCategories.map((category, i) => {\r\n return \r\n \r\n \r\n \r\n })}\r\n \r\n \r\n \r\n : null}\r\n
\r\n );\r\n});\r\n\r\n\r\nconst IconUploadButton = ({ eventId, onUploaded }) => {\r\n const onUpload = (e) => {\r\n const file = e.target.files[0];\r\n let reader = new FileReader();\r\n reader.readAsDataURL(file);\r\n reader.onload = () => {\r\n if (reader.result) {\r\n const fileInfo = {\r\n name: file.name,\r\n size: file.size,\r\n type: file.type,\r\n file: reader.result,\r\n };\r\n const requestOptions = {\r\n method: \"POST\",\r\n headers: authHeader({ \"Content-Type\": \"application/json\" }),\r\n body: JSON.stringify(fileInfo),\r\n };\r\n fetch(\r\n `./api/files/icons/${eventId}`,\r\n requestOptions\r\n )\r\n .then(handleResponse)\r\n .then((file) => {\r\n let newFile = {}\r\n newFile[file.name] = file.url\r\n onUploaded(newFile);\r\n })\r\n .catch((err) => {\r\n console.error(err.message);\r\n });\r\n }\r\n };\r\n };\r\n\r\n\r\n return <>\r\n \r\n onUpload(e)} />\r\n \r\n}","import React from \"react\";\r\nimport { Button, ButtonGroup, FormGroup } from \"@material-ui/core\";\r\nimport { Col, Input, InputGroupText, Label, Row } from \"reactstrap\";\r\nimport SystemLabel from \"../../system/SystemLabel/SystemLabel\";\r\nimport SwapHorizIcon from \"@material-ui/icons/SwapHoriz\";\r\nimport {\r\n imageSettingsList,\r\n htmlSettingsList,\r\n videoSettings,\r\n exhibitorSettingsList,\r\n zoomSettingsList,\r\n breakoutSettingsList,\r\n blockSettingsList,\r\n buttonSettingsList,\r\n textSettingsList,\r\n jitsiSettings,\r\n groupGeneratorSettingsList,\r\n genericSettings,\r\n userCardSettingsList,\r\n chatSettingsList,\r\n vongageSettingsList,\r\n agendaSettings,\r\n countdownSettings,\r\n imageSourceSettinglist,\r\n videoWallSettingsList,\r\n speakerControlSettings,\r\n speakerCardSettings,\r\n speakerListSettings,\r\n eventNameSettings,\r\n contentViewSettings,\r\n pollModuleSettings,\r\n clientListSettingsList,\r\n presenterModule,\r\n plauditButtonSettings,\r\n plauditTrackSettings\r\n} from \"../models/defaultModuleSettings\";\r\nimport UrlMultiInput from \"../../components/UrlMultiInput/UrlMultiInput\";\r\nimport EditorSlider from \"../../components/EditorSlider/EditorSlider\";\r\nimport ColorPickerFacade from \"../../components/ColorPickerFacade/ColorPickerFacade\";\r\nimport { templateHelper } from \"../../cms/areas/template/helpers/templateHelper\";\r\nimport SourceEditorBase from \"./SourceEditorWindow\";\r\nimport JirangoSwitch from \"../../components/JirangoSwitch/JirangoSwitch\";\r\nimport SettingsList from \"../../cms/areas/template/components/SettingsList\";\r\nimport FontPicker from \"../../cms/areas/template/components/FontPicker\";\r\nimport { FontWeightPicker } from \"../../cms/areas/template/components/FontWeightPicker\";\r\nimport Select from \"react-select\";\r\nimport { selectorStyle } from \"../layout/other/EventSelector\";\r\nimport JirangoDatepicker from \"../../plugins/JirangoDatepicker\";\r\nimport { ModulePlaceholder } from \"../layout/Sidebar/modules/ModulePlaceholder\";\r\nimport LinkMultiInput from \"../../components/UrlMultiInput/LinkMultiInput\";\r\nimport { MenuEditor } from \"./MenuEditor\";\r\nimport { PlauditIconSelector } from \"./PlauditIconSelector\";\r\n\r\nconst getUnit = (v) => {\r\n let unit = \"px\";\r\n try {\r\n unit = v.replace(v.replace(/[^0-9\\d.-]/g, \"\"), \"\");\r\n } catch (error) { }\r\n\r\n return unit;\r\n};\r\n\r\nexport const SettingsListItem = ({ type, label, value, onChange, events, eventId, extra = null }) => {\r\n\r\n switch (type.toString().toUpperCase()) {\r\n case \"SLIDER\":\r\n return (\r\n \r\n {selectedIcons.map((icon) => {\r\n return \r\n })}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {uploadedIcons.map((icon) => {\r\n return \r\n })}\r\n
\r\n \r\n {bigIconList[category].map((icon) => {\r\n return \r\n })}\r\n
\r\n \r\n {extra.map((e, i) => {\r\n return (\r\n
\r\n onChange(e.name)}>\r\n {e.icon}\r\n \r\n
\r\n );\r\n })}\r\n \r\n {extra.map((e, i) => {\r\n return (\r\n
\r\n onChange(e.name)}>\r\n {e.icon}\r\n \r\n
\r\n );\r\n })}\r\n \r\n
\r\n );\r\n case \"DATE\":\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n {extra.map((e, i) => {\r\n return (\r\n \r\n
\r\n onChange(e.name)}>\r\n {e.icon}\r\n
\r\n );\r\n })}\r\n \r\n \r\n \r\n );\r\n }\r\n })\r\n : null}\r\n
\r\n );\r\n};\r\n\r\nconst getModuleSettings = (key) => {\r\n switch (key) {\r\n case \"Image\":\r\n return imageSettingsList;\r\n case \"Html\":\r\n return htmlSettingsList;\r\n case \"Iframe\":\r\n return videoSettings;\r\n case \"Video\":\r\n return videoSettings;\r\n case \"ZoomFrame\":\r\n return zoomSettingsList;\r\n case \"Exhibitors\":\r\n return exhibitorSettingsList;\r\n case \"Breakouts\":\r\n return breakoutSettingsList;\r\n case \"SpeakerControl\":\r\n return speakerControlSettings;\r\n case \"BlockModule\":\r\n return blockSettingsList;\r\n case \"TextModule\":\r\n return textSettingsList;\r\n case \"JitsiFrame\":\r\n return jitsiSettings;\r\n case \"ButtonModule\":\r\n return buttonSettingsList;\r\n case \"GroupGenerator\":\r\n return groupGeneratorSettingsList;\r\n case \"UserCard\":\r\n return userCardSettingsList;\r\n case \"Chat\":\r\n return chatSettingsList;\r\n case \"Agenda\":\r\n return agendaSettings;\r\n case \"SpeakerCard\":\r\n return speakerCardSettings;\r\n case \"CountdownModule\":\r\n return countdownSettings;\r\n case \"VonageVideoClientModule\":\r\n return vongageSettingsList;\r\n case \"ImageMap\":\r\n return imageSourceSettinglist;\r\n case \"VideoWallModule\":\r\n return videoWallSettingsList;\r\n case \"SpeakerList\":\r\n return speakerListSettings;\r\n case \"EventName\":\r\n return eventNameSettings;\r\n case \"ContentView\":\r\n return contentViewSettings;\r\n case \"PollModule\":\r\n return pollModuleSettings;\r\n case \"ClientList\":\r\n return clientListSettingsList;\r\n case \"Presenter\":\r\n return presenterModule;\r\n case \"PlauditButtons\":\r\n return plauditButtonSettings;\r\n case \"PlauditTrack\":\r\n return plauditTrackSettings;\r\n default:\r\n return genericSettings;\r\n }\r\n};\r\n","import React from \"react\";\r\nimport { ButtonGroup, Label } from \"reactstrap\";\r\nimport EditorSlider from \"../../components/EditorSlider/EditorSlider\";\r\nimport SystemLabel from \"../../system/SystemLabel/SystemLabel\";\r\n\r\nconst settingsList = [\"width\", \"height\", \"posY\", \"posX\"];\r\n\r\nexport const PositionAndSizeTools = (props) => {\r\n const { postionAndSizeOnChange, selectedModule } = props;\r\n const { posY, posX, zIndex, width, height } = selectedModule;\r\n const { meetingModuleLayoutId } = selectedModule;\r\n return (\r\n \r\n {\r\n\r\n if (s.prop == \"settings\") {\r\n let newSettings = handleChange(settings, value, s.name);\r\n\r\n if (value2Prop) {\r\n newSettings[value2Prop] = value2;\r\n }\r\n\r\n onChange({\r\n ...module,\r\n settings: newSettings,\r\n })\r\n\r\n }\r\n else {\r\n onChange(handleChange(module, value, s.name));\r\n }\r\n\r\n }}\r\n />\r\n {s.separator ?
: null}\r\n
\r\n : null}\r\n
\r\n
\r\n {settingsList.map((slp, i) => {\r\n return (\r\n \r\n \r\n \r\n {[1, 2, 3, 4, 5, 6, 7, 8, 9, 10].map((e, i) => {\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n postionAndSizeOnChange(\"zIndex\", e, meetingModuleLayoutId)}>\r\n {e}\r\n
\r\n );\r\n })}\r\n \r\n {\r\n return {\r\n value: t.templateId,\r\n label: (\r\n {\r\n window.open(\r\n window.location.host?.includes(\"localhost\") ? `https://localhost:44331/Template/List?eventId=${eventId}&languageCode=${lang}` : `https://jirango.com/Template/List?eventId=${eventId}&languageCode=${lang}`,\r\n \"_blank\"\r\n );\r\n }}\r\n >\r\n
\r\n\r\n {templateIsSavable ? (\r\n \r\n {t.eventId != mainEventId ?
\r\n ),\r\n };\r\n })\r\n : []\r\n }\r\n value={template ? { value: template.templateId, label: template.name } : null}\r\n onChange={(opt) => {\r\n layoutTemplateOnChange(opt.value);\r\n }}\r\n styles={{\r\n ...selectStyle,\r\n }}\r\n />\r\n \r\n \r\n l.eventId == eventId).map((t) => {\r\n return { value: t.meetingLayoutId, label: t.name };\r\n })\r\n : []\r\n }\r\n value={selectedLayout}\r\n onChange={(opt) => {\r\n selectLayout(opt.value, opt.label);\r\n }}\r\n styles={{\r\n ...selectorStyle,\r\n }}\r\n />\r\n \r\n
\r\n );\r\n};\r\n\r\nexport const selectorStyle = {\r\n container: (provided, state) => ({\r\n ...provided,\r\n width: \"100%\",\r\n }),\r\n control: (provided, state) => ({\r\n ...provided,\r\n\r\n backgroundColor: \"#50525d\",\r\n color: \"#eee\",\r\n border: \"0px\",\r\n maxWidth: \"100%\",\r\n width: \"100%\",\r\n }),\r\n noOptionsMessage: (provided, state) => ({\r\n ...provided,\r\n color: \"green\",\r\n maxWidth: \"100%\",\r\n }),\r\n input: (provided, state) => ({\r\n ...provided,\r\n color: \"#eee\",\r\n maxWidth: \"100%\",\r\n }),\r\n singleValue: (provided, state) => ({\r\n ...provided,\r\n color: \"#eee\",\r\n }),\r\n indicatorSeparator: (provided, state) => ({\r\n ...provided,\r\n background: \"transparent\",\r\n }),\r\n menu: (provided, state) => ({\r\n ...provided,\r\n backgroundColor: \"#373842\",\r\n maxWidth: \"100%\",\r\n zIndex: 100,\r\n }),\r\n option: (provided, state) => ({\r\n ...provided,\r\n backgroundColor: state.isSelected ? \"#20a8d8\" : \"#3d3d3d\",\r\n color: \"#eee\",\r\n [\"&:hover\"]: {\r\n backgroundColor: \"#5a5959ba\",\r\n },\r\n }),\r\n placeholder: (provided) => ({\r\n ...provided,\r\n color: \"#eee\",\r\n }),\r\n};\r\n\r\nfunction mapStateToProps(state) {\r\n const { user } = state.authentication;\r\n return {\r\n user,\r\n alert: state.alert,\r\n page: state.page,\r\n template: state.template.template,\r\n language: state.language,\r\n templateIsSavable: state.template.isSavable,\r\n templates: state.template ? state.template.templates : undefined,\r\n systemLabel: state.systemLabel,\r\n };\r\n}\r\nexport default connect(mapStateToProps)(LayoutSelector);\r\n","import React, { useEffect, useRef } from \"react\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport { connect } from \"react-redux\";\r\nimport { AppBar, Toolbar } from \"@material-ui/core\";\r\nimport { GeneralTabs } from \"./Tabs/GeneralTabs\";\r\nimport { ModuleTabs } from \"./Tabs/ModuleTabs\";\r\nimport { ModuleList } from \"./modules/ModuleList\";\r\nimport SystemLabel from \"../../../system/SystemLabel/SystemLabel\";\r\n/* import TemplateSettings from '../../templateSettings/TemplateSettings'; */\r\nimport DeleteOutlineOutlinedIcon from \"@material-ui/icons/DeleteOutlineOutlined\";\r\nimport ReplayOutlinedIcon from \"@material-ui/icons/ReplayOutlined\";\r\nimport { ModuleSettings } from \"../../components/ModuleSettings\";\r\nimport SettingsList from \"../../../cms/areas/template/components/SettingsList\";\r\nimport { PositionAndSizeTools } from \"../../components/PositionAndSizeTools\";\r\nimport TemplateSelector from \"../other/TemplateSelector\";\r\nimport EventSelector from \"../other/EventSelector\";\r\nimport ViewCompactOutlinedIcon from \"@material-ui/icons/ViewCompactOutlined\";\r\nimport CalendarTodayOutlinedIcon from \"@material-ui/icons/CalendarTodayOutlined\";\r\nimport ChevronRightIcon from \"@material-ui/icons/ChevronRight\";\r\nimport LayoutSelector from \"../other/LayoutSelector\";\r\nconst useStyles = makeStyles({\r\n list: {\r\n width: 250,\r\n },\r\n fullList: {\r\n width: \"auto\",\r\n },\r\n});\r\n\r\nfunction usePrevious(value) {\r\n const ref = useRef();\r\n useEffect(() => {\r\n ref.current = value;\r\n });\r\n return ref.current;\r\n}\r\n\r\nfunction EditorSidebar(props) {\r\n const [view, setView] = React.useState(\"\");\r\n const classes = useStyles();\r\n const {\r\n selectedModule,\r\n onDeselect,\r\n deleted,\r\n deleteModule,\r\n onEdit,\r\n deleteLayoutModule,\r\n eventName,\r\n layoutName,\r\n } = props;\r\n const prevProps = usePrevious(props);\r\n useEffect(() => {\r\n if (selectedModule && !prevProps.selectedModule) setView(\"ContentSettings\");\r\n if (!selectedModule && !view) setView(\"Modules\");\r\n if (!view) setView(\"Modules\");\r\n }, [selectedModule]);\r\n const renderView = (key) => {\r\n switch (key) {\r\n case \"Modules\":\r\n return \r\n
\r\n );\r\n default:\r\n return null;\r\n }\r\n };\r\n const toggleView = (view) => {\r\n if (\r\n selectedModule &&\r\n (view == \"Modules\" || view == \"MyModules\" || view == \"Template\")\r\n ) {\r\n onDeselect();\r\n }\r\n setView(view);\r\n };\r\n\r\n return (\r\n \r\n
\r\n );\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n template: state.template.template,\r\n templates: state.template ? state.template.templates : undefined,\r\n templateIsSavable: state.template.isSavable,\r\n };\r\n}\r\nexport default connect(mapStateToProps)(EditorSidebar);\r\n","import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport MoreHorizIcon from \"@material-ui/icons/MoreHoriz\";\r\nimport MoreVertIcon from \"@material-ui/icons/MoreVert\";\r\nimport Popover from \"@material-ui/core/Popover\";\r\nimport NoteAddIcon from \"@material-ui/icons/NoteAdd\";\r\nimport DeleteIcon from \"@material-ui/icons/Delete\";\r\nimport SettingsIcon from \"@material-ui/icons/Settings\";\r\nimport LastPageIcon from \"@material-ui/icons/LastPage\";\r\nimport FirstPageIcon from \"@material-ui/icons/FirstPage\";\r\nimport { IconButton, Tooltip } from \"@material-ui/core\";\r\nimport SystemLabel from \"../../../system/SystemLabel/SystemLabel\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n paper: {\r\n background: \"transparent\",\r\n borderRadius: 10,\r\n },\r\n}));\r\n\r\nexport const HeaderPopover = ({ icon, children, tooltipText }) => {\r\n const classes = useStyles();\r\n const [anchorEl, setAnchorEl] = React.useState(null);\r\n const handleClose = () => {\r\n setAnchorEl(null);\r\n };\r\n const handleClick = (event) => {\r\n setAnchorEl(event.currentTarget);\r\n };\r\n\r\n const open = Boolean(anchorEl);\r\n const id = open ? \"simple-popover\" : undefined;\r\n return (\r\n \r\n
\r\n \r\n deleteLayoutModule(selectedModule)}\r\n startIcon={\r\n deleted ?
\r\n ) : null}\r\n \r\n \r\n
\r\n\r\n {\r\n /* e.stopPropagation(); */\r\n deleteLayout(l);\r\n }}\r\n >\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n {l.mobile ? \r\n \r\n \r\n \r\n \r\n \r\n selectLayout(l.meetingLayoutId, l.name)}\r\n key={i}\r\n style={{\r\n width: \"calc(25% - 10px)\",\r\n height: 250,\r\n flexBasis: \" calc(25% - 10px)\",\r\n margin: \"10px 0px\",\r\n cursor: \"pointer\",\r\n marginRight: 10,\r\n }}\r\n >\r\n
\r\n\r\n
\r\n
\r\n\r\n {\r\n /* e.stopPropagation(); */\r\n let copyCount = copyNo[l.meetingLayoutId] || 1;\r\n setCopyNo({\r\n ...copyNo,\r\n [l.meetingLayoutId]: 1,\r\n });\r\n createLayout(l.name, l, copyCount);\r\n }}\r\n >\r\n \r\n
\r\n
\r\n \r\n \r\n toggleCreateDialog(true)}>\r\n
\r\n {layouts\r\n .filter((l) => l.eventId == eventId)\r\n .map((l, i) => {\r\n let isDeleted = deletedLayouts.find((dl) => dl.meetingLayoutId == l.meetingLayoutId);\r\n let event = events.find((e) => e.eventId == l.eventId);\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n {activeLayout && activeLayout.meetingLayoutId == l.meetingLayoutId ? cardItemText(\"Active\") : null}\r\n\r\n {isDeleted ? cardItemText(\"Deleted\") : null}\r\n\r\n {l.eventId != eventId && event ? (\r\n
\r\n \r\n {event.name}\r\n {l.eventId}\r\n
\r\n ) : null}\r\n \r\n {\r\n e.stopPropagation();\r\n selectLayout(l.meetingLayoutId, l.name);\r\n toggleGrid();\r\n }}\r\n aria-label={`delete layout ${l.name}`}\r\n className={classes.icon}\r\n >\r\n \r\n \r\n {\r\n /* e.stopPropagation(); */\r\n setEditableLayout(l);\r\n }}\r\n >\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n {\r\n const modifiedLayout = l;\r\n modifiedLayout.mobile = !l.mobile;\r\n onEdit(modifiedLayout);\r\n }}\r\n isChecked={l.mobile}\r\n />\r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n );\r\n};\r\n\r\nconst Transition = React.forwardRef(function Transition(props, ref) {\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n ) : null}\r\n {!isMainEvent ? (\r\n \r\n {copiableLayouts\r\n .filter((l) => l.eventId == eventId)\r\n .map((cl, i) => {\r\n return (\r\n
\r\n onCopy(cl)} style={{ position: \"relative\" }} className={\"layout-list\" + (selectedCopy && selectedCopy.meetingLayoutId == cl.meetingLayoutId ? \" sel\" : \"\")}>\r\n {/* {selectedCopy &&\r\n selectedCopy.meetingLayoutId == cl.meetingLayoutId ? (\r\n
\r\n );\r\n })}\r\n \r\n \r\n \r\n \r\n
\r\n ) : null}\r\n {inheritedLayouts.length > 0 ? (\r\n \r\n {copiableLayouts\r\n .filter((l) => l.eventId == mainEventId && l.mobile == mobile)\r\n .map((cl, i) => {\r\n return (\r\n
\r\n onCopy(cl)} style={{ position: \"relative\" }} className={\"layout-list\" + (selectedCopy && selectedCopy.meetingLayoutId == cl.meetingLayoutId ? \" sel\" : \"\")}>\r\n {cl.name}\r\n
\r\n );\r\n })}\r\n \r\n \r\n \r\n \r\n
\r\n ) : null}\r\n \r\n {inheritedLayouts.map((cl, i) => {\r\n return (\r\n
\r\n onCopy(cl)} style={{ position: \"relative\" }} className={\"layout-list\" + (selectedCopy && selectedCopy.meetingLayoutId == cl.meetingLayoutId ? \" sel\" : \"\")}>\r\n {/* {selectedCopy &&\r\n selectedCopy.meetingLayoutId == cl.meetingLayoutId ? (\r\n
\r\n );\r\n })}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {\" \"}\r\n \r\n
\r\n );\r\n}\r\n","import Axios from \"axios\";\r\nimport React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { sourceTypes } from \"../../constants/cms/sourceType\";\r\nimport { cmsActions } from \"../../store/actions/cms/cms.action\";\r\nimport { systemLabelActions } from \"../../store/actions/system/systemLabel/systemLabel.action\";\r\nimport ModuleWrapper from \"./View/ModuleWrapper\";\r\nimport { AppBar, IconButton, Toolbar, Tooltip } from \"@material-ui/core\";\r\nimport EditorSidebar from \"./Sidebar/EditorSidebar\";\r\nimport { templateActions } from \"../../store/actions/cms/template/template.action\";\r\nimport { getDefaultPosAndSize, GridLines } from \"../helpers/meetingEditor.helper\";\r\nimport LayoutGrid from \"./other/LayoutGrid\";\r\nimport ViewCompactOutlinedIcon from \"@material-ui/icons/ViewCompactOutlined\";\r\nimport SystemLabel from \"../../system/SystemLabel/SystemLabel\";\r\nimport { Col, Row, Spinner } from \"reactstrap\";\r\nimport GridOnIcon from \"@material-ui/icons/GridOn\";\r\nimport GridOffIcon from \"@material-ui/icons/GridOff\";\r\nimport { HubConnectionBuilder, NullLogger } from \"@aspnet/signalr\";\r\nimport { deepClone } from \"../../helpers/objectHelper\";\r\nimport { defaultModuleSettings } from \"../models/defaultModuleSettings\";\r\nimport { resolutions } from \"../models/resolutions\";\r\nimport { meetingService } from \"../../services/meeting/meeting.service\";\r\nimport AlertDialog from \"./other/AlertDialog\";\r\nimport { clientTypeConstants } from \"../../interaction/constants/clientType.constants\";\r\nimport SaveOutlinedIcon from \"@material-ui/icons/SaveOutlined\";\r\nimport { HeaderPopover } from \"./other/HeaderPopover\";\r\nimport MeetingRoomOutlinedIcon from \"@material-ui/icons/MeetingRoomOutlined\";\r\nimport { securityHelper } from \"../../helpers/securityHelper\";\r\nimport DesktopWindowsOutlinedIcon from \"@material-ui/icons/DesktopWindowsOutlined\";\r\nimport EventSelector from \"./other/EventSelector\";\r\nimport { FontInjector } from \"../../digitalArena/components/MeetingLayout\";\r\nimport \"../style/EditorStyle.css\";\r\nimport { ConnectionStatus } from \"../../digitalArena/components/fallbacks/ConnectionStatus\";\r\nimport { FontBasline } from \"../../digitalArena/components/shared/FontBaseline\";\r\n\r\nclass MeetingEditorLayout extends React.Component {\r\n state = {\r\n modules: [],\r\n layouts: [],\r\n permissions: [],\r\n eventId: null,\r\n selectedLayout: null,\r\n selectedTemplate: null,\r\n changedLayoutModules: [],\r\n connected: false,\r\n changedModules: [],\r\n changedLayouts: [],\r\n changedTemplates: [],\r\n activeTemplateId: null,\r\n eventCode: \"\",\r\n versions: [],\r\n isSavable: false,\r\n mainEventId: null,\r\n showLayoutGrid: true,\r\n versionIndex: 0,\r\n lang: \"swe\",\r\n events: [],\r\n preview: false,\r\n previewOpt: null,\r\n previewLoading: false,\r\n previewProps: null,\r\n layoutBackup: [],\r\n gridLines: false,\r\n saving: false,\r\n activeLayout: null,\r\n templateChanged: false,\r\n saved: false,\r\n dialog: null,\r\n selectedModule: null,\r\n saveQueued: false,\r\n connecting: false,\r\n countdown: 0,\r\n tickCode:null\r\n };\r\n\r\n componentDidMount() {\r\n const { dispatch, user, match } = this.props;\r\n if (user) {\r\n this.init();\r\n const userLang = user.userLang === undefined ? user.token.userLang : user.userLang;\r\n if (user && userLang) {\r\n dispatch(systemLabelActions.getGroup(user.userLang, \"Interaction.Editor\"));\r\n }\r\n }\r\n }\r\n init = () => {\r\n const { dispatch, user, match } = this.props;\r\n const eventId = match.params.id;\r\n\r\n if (isNaN(eventId)) {\r\n this.setState({ eventCode: eventId });\r\n this.getEventId(eventId);\r\n } else {\r\n this.setState({ eventId: eventId });\r\n this.getEventCode(eventId);\r\n /* dispatch(templateActions.getAll(eventId, true)); */\r\n this.setState({ eventId: parseInt(eventId) });\r\n this.getRequirements(eventId);\r\n }\r\n };\r\n componentDidUpdate(prevProps, prevState) {\r\n const { template, dispatch, location } = this.props;\r\n const { activeTemplateId, connected, eventId, activeLayout } = this.state;\r\n const { match } = this.props;\r\n const { connecting, dismissConnectionLoss, forceDisc } = this.state;\r\n //If the event is changed re-init the editors configs\r\n if (location !== prevProps.location) {\r\n this.init();\r\n }\r\n\r\n if (\r\n template &&\r\n prevProps.template &&\r\n template.templateId == activeTemplateId &&\r\n template.updated != prevProps.template.updated &&\r\n connected &&\r\n this.hubConnection &&\r\n this.hubConnection.connectionState == 1\r\n ) {\r\n /* this.hubConnection.invoke(\"updateTemplate\", eventId, activeTemplateId); */\r\n }\r\n\r\n //If you edit a inherited template that is set on the selectedlayout\r\n // change the templateId on the layout and reload the templates fetch\r\n const { selectedLayout, layouts, mainEventId } = this.state;\r\n if (template && prevProps.template && template.templateId != prevProps.template.templateId && selectedLayout) {\r\n const layout = layouts.find((l) => l.meetingLayoutId == selectedLayout.value);\r\n if (layout && layout.templateId != template.templateId && layout.templateId == prevProps.template.templateId && prevProps.template.eventId != mainEventId) {\r\n dispatch(templateActions.getAll(mainEventId, true));\r\n this.layoutTemplateOnChange(template.templateId);\r\n }\r\n }\r\n\r\n if (connected == false && prevState.connected == true && connecting == false) {\r\n this.tryReconnect();\r\n this.counter = setInterval(() => this.setState({ countdown: this.state.countdown + 1 }), 1000);\r\n } else if (this.state.countdown >= 60 && !connected && prevState.connected == false) {\r\n this.setState({ countdown: 0, connecting: false });\r\n this.tryReconnect();\r\n } else if (connected == true && prevState.connected == false && !this.state.connecting && this.hubConnection && this.hubConnection.connectionState == 1) {\r\n if (this.counter) clearInterval(this.counter);\r\n if (this.state.saveQueued) {\r\n }\r\n this.setState({ countdown: 0 });\r\n }\r\n }\r\n getRequirements = (eventId) => {\r\n const { dispatch } = this.props;\r\n\r\n this.setState({ eventId: parseInt(eventId) });\r\n meetingService.getModules(eventId).then((modules) => {\r\n this.setState({ modules });\r\n });\r\n meetingService.getPermissions(eventId).then((permissions) => {\r\n this.setState({ permissions });\r\n });\r\n meetingService.getLayouts(eventId).then((layouts) => {\r\n const eventLayouts = Array.from(layouts.filter((l) => l.eventId == eventId));\r\n this.setState({\r\n showLayoutGrid: eventLayouts.length == 0,\r\n layoutsLoaded: true,\r\n layouts,\r\n selectedLayout:\r\n eventLayouts.length > 0\r\n ? {\r\n value: eventLayouts[0].meetingLayoutId,\r\n label: eventLayouts[0].name,\r\n }\r\n : null,\r\n });\r\n if (layouts.length > 0 && layouts.find((l) => l.eventId == eventId)?.templateId) {\r\n dispatch(templateActions.get(layouts.find((l) => l.eventId == eventId)?.templateId));\r\n }\r\n });\r\n };\r\n getAllEvents = (eventId) => {\r\n Axios.get(`./api/event/getall/${eventId}`)\r\n .then(({ data }) => {\r\n this.setState({\r\n events: data,\r\n });\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n });\r\n };\r\n getEventId = (eventCode) => {\r\n const { dispatch } = this.props;\r\n Axios.get(`./api/event/getId/${eventCode}`)\r\n .then(({ data }) => {\r\n const { id, parentEventId, name } = data;\r\n const eventId = id;\r\n this.setState({\r\n eventId: parseInt(eventId),\r\n eventName: name,\r\n parentEventId: parentEventId,\r\n mainEventId: parentEventId || eventId,\r\n });\r\n document.title = \"Editor - \" + name;\r\n dispatch(templateActions.getAll(parentEventId || eventId, true));\r\n dispatch(cmsActions.getClientFonts(parentEventId || eventId));\r\n dispatch(cmsActions.setEnviroment(sourceTypes.MEETING, true, parentEventId || eventId));\r\n this.getAllEvents(eventId);\r\n this.getRequirements(eventId);\r\n this.connectToHub(parseInt(eventId));\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n });\r\n };\r\n getEventCode = (eventId) => {\r\n const { dispatch } = this.props;\r\n Axios.get(`./api/event/getCode/${eventId}`)\r\n .then((res) => {\r\n this.connectToHub(eventId);\r\n this.setState({\r\n eventCode: res.data.code,\r\n eventName: res.data.name,\r\n parentEventId: res.data.parentEventId,\r\n mainEventId: res.data.parentEventId || res.data.id,\r\n });\r\n\r\n dispatch(cmsActions.setEnviroment(sourceTypes.MEETING, true, res.data.parentEventId || eventId));\r\n dispatch(cmsActions.getClientFonts(res.data.parentEventId || eventId));\r\n this.getAllEvents(eventId);\r\n dispatch(templateActions.getAll(res.data.parentEventId || eventId, true));\r\n document.title = \"Editor - \" + res.data.name;\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n });\r\n };\r\n connectToHub = () => {\r\n const { dispatch } = this.props;\r\n\r\n if (this.state.connecting) return;\r\n\r\n if (!this.hubConnection) {\r\n this.hubConnection = new HubConnectionBuilder().withUrl(\"./ihub\").build();\r\n }\r\n if (this.hubConnection.connectionState == 1) return;\r\n\r\n this.setState({ connecting: true });\r\n\r\n this.hubConnection.start().then(() => {\r\n this.hubConnection.on(\"onGetActiveMeetingLayout\", (layout) => {\r\n if (!layout) return;\r\n //if (layout && layout.templateId) dispatch(templateActions.get(layout.templateId));\r\n this.setState({\r\n activeLayout: layout,\r\n });\r\n });\r\n this.hubConnection.on(\"onHandshake\", this.onHandshake);\r\n\r\n this.hubConnection.invoke(\"getActiveMeetingLayout\", this.state.eventId);\r\n\r\n const handshakeObj = {\r\n eventId: this.state.eventId,\r\n clientType: clientTypeConstants.INTERACTION_EDITOR,\r\n clientKey: null,\r\n userGuid: null,\r\n userInfo: null,\r\n };\r\n\r\n this.hubConnection.onclose(() => {\r\n this.setState({ connected: false });\r\n });\r\n\r\n this.hubConnection.invoke(\"handshake\", handshakeObj);\r\n });\r\n };\r\n tryReconnect = () => {\r\n if (!this.state.connecting && !this.state.connected) {\r\n this.setState({ loading: true }, this.connectToHub);\r\n }\r\n };\r\n\r\n onHandshake = (response) => {\r\n const { success, lang, tickCode } = response;\r\n if (success) {\r\n this.setState({\r\n connected: true,\r\n connecting: false,\r\n lang,\r\n tickCode\r\n });\r\n /* this.hubConnection.invoke(\"getActiveTemplateId\", this.state.eventId); */\r\n }\r\n };\r\n beforeSave = () => {\r\n const { eventId, activeLayout, changedLayoutModules, saving, activeTemplateId, mainEventId, connected, connecting } = this.state;\r\n\r\n const { templateIsSavable, template } = this.props;\r\n\r\n if (saving) return;\r\n\r\n if (connecting && !connected) {\r\n const dialogContext = {\r\n title: \"ConnectionLossWarning\",\r\n text: \"ConnectionLossWarningInfo\",\r\n onCancel: () => this.setState({ dialog: null }),\r\n onAction: () => this.onSave(true),\r\n };\r\n this.setState({ dialog: dialogContext });\r\n return;\r\n }\r\n\r\n let text = \"SavingChangesToActiveLayout\";\r\n let affectActiveLayout = false;\r\n let affectActiveTemplate = false;\r\n let affectiveTemplateInheritage = false;\r\n if (activeLayout) {\r\n const hasChanged = changedLayoutModules.find((cl) => cl.meetingLayoutId == activeLayout.meetingLayoutId);\r\n if (hasChanged) affectActiveLayout = true;\r\n }\r\n\r\n if (templateIsSavable && ((template && template.templateId == activeTemplateId) || (activeLayout && activeLayout.templateId == template.templateId))) {\r\n affectActiveTemplate = true;\r\n }\r\n\r\n if (templateIsSavable && template && template.eventId != mainEventId) {\r\n affectiveTemplateInheritage = true;\r\n }\r\n\r\n if (affectActiveLayout || affectActiveTemplate || templateIsSavable) {\r\n if (affectActiveLayout && affectActiveTemplate) {\r\n text = \"SavingChangesToActiveLayoutAndTemplate\";\r\n } else if (affectActiveLayout) {\r\n text = \"SavingChangesToActiveLayout\";\r\n } else if (affectActiveTemplate) {\r\n text = \"SavingChangesToActiveTemplate\";\r\n }\r\n\r\n if (affectiveTemplateInheritage && !affectActiveLayout) {\r\n text = \"TemplateInheritageInfo\";\r\n } else if (affectiveTemplateInheritage) {\r\n text += \"TemplateInheritageInfo\";\r\n }\r\n\r\n const dialogContext = {\r\n title: \"SaveWarning\",\r\n text,\r\n onCancel: () => this.setState({ dialog: null }),\r\n onAction: () => this.onSave(true),\r\n };\r\n\r\n this.setState({ dialog: dialogContext });\r\n\r\n return;\r\n }\r\n\r\n this.onSave();\r\n };\r\n onSave = (publish = false) => {\r\n const { activeTemplateId, connected, eventId, activeLayout, modules } = this.state;\r\n const { template, dispatch, templateIsSavable } = this.props;\r\n this.setState({ saving: true, dialog: null });\r\n const changedLayoutModules = Array.from(\r\n this.state.changedLayoutModules.filter((cl) => {\r\n if (cl.added && cl.deleted) {\r\n } else return cl;\r\n })\r\n );\r\n let changedModules = Array.from(this.state.changedModules);\r\n changedModules = changedModules\r\n .filter((c) => {\r\n if (c.added && c.deleted) {\r\n } else return c;\r\n })\r\n .map((c) => {\r\n const cl = deepClone(c);\r\n cl.settings = JSON.stringify(cl.settings);\r\n return cl;\r\n });\r\n\r\n const changedLayouts = Array.from(\r\n this.state.changedLayouts.filter((cl) => {\r\n if (cl.added && cl.deleted) {\r\n } else return cl;\r\n })\r\n );\r\n\r\n changedLayoutModules.map((cl) => {\r\n if (cl.added && cl.deleted) {\r\n } else if (cl.added) {\r\n cl.status = \"added\";\r\n } else if (cl.deleted) {\r\n cl.status = \"deleted\";\r\n } else {\r\n cl.status = \"updated\";\r\n }\r\n delete cl.edited;\r\n delete cl.deleted;\r\n delete cl.added;\r\n /* cl.meetingModule = null;\r\n cl.setting = null; */\r\n });\r\n changedModules.map((cl) => {\r\n if (cl.added && cl.deleted) {\r\n } else if (cl.added) {\r\n cl.status = \"added\";\r\n } else if (cl.deleted) {\r\n cl.status = \"deleted\";\r\n } else {\r\n cl.status = \"updated\";\r\n }\r\n\r\n delete cl.edited;\r\n delete cl.deleted;\r\n delete cl.added;\r\n });\r\n changedLayouts.map((cl) => {\r\n if (cl.added && cl.deleted) {\r\n } else if (cl.added) {\r\n cl.status = \"added\";\r\n } else if (cl.deleted) {\r\n cl.status = \"deleted\";\r\n } else {\r\n cl.status = \"updated\";\r\n }\r\n delete cl.edited;\r\n delete cl.deleted;\r\n delete cl.added;\r\n });\r\n let meetingChanges = changedLayoutModules.length > 0 || changedLayouts.length > 0 || changedModules.length > 0;\r\n if (meetingChanges) {\r\n Axios.put(`./api/meeting/save/`, {\r\n changedModules,\r\n changedLayoutModules,\r\n changedLayouts,\r\n eventId: parseInt(this.state.eventId),\r\n })\r\n .then(({ data }) => {\r\n const { layouts } = data;\r\n //If selected layout was created (select the same one with a new id)\r\n const layoutsOnEvent = layouts.filter((l) => l.eventId == eventId);\r\n let selectedLayout = this.state.selectedLayout;\r\n if ((selectedLayout && selectedLayout.value < 0) || selectedLayout.value == -0) {\r\n let comparisionValue = selectedLayout.value == -0 ? 0 : selectedLayout.value;\r\n\r\n let newSelectedLayout = layoutsOnEvent.find((l) => l.oldId == comparisionValue);\r\n if (layouts.length == layoutsOnEvent.filter((l) => l.oldId == 0).length && comparisionValue == 0) {\r\n comparisionValue = layoutsOnEvent[layouts.length - 1].meetingLayoutId;\r\n newSelectedLayout = layoutsOnEvent.find((l) => l.meetingLayoutId == comparisionValue);\r\n }\r\n\r\n if (newSelectedLayout) {\r\n selectedLayout = {\r\n value: newSelectedLayout.meetingLayoutId,\r\n label: newSelectedLayout.name,\r\n };\r\n } else {\r\n selectedLayout = null;\r\n }\r\n }\r\n\r\n if (selectedLayout && !layouts.find((l) => l.meetingLayoutId == selectedLayout.value)) {\r\n selectedLayout = null;\r\n }\r\n\r\n if (this.hubConnection && this.hubConnection.connectionState == 1 && this.state.connected && changedModules.length > 0) {\r\n this.hubConnection.invoke(\"meetingModulesUpdate\", eventId, data.modules);\r\n }\r\n if (this.hubConnection && this.hubConnection.connectionState == 1 && this.state.connected && activeLayout && publish) {\r\n this.hubConnection.invoke(\"activeLayoutUpdate\", eventId, activeLayout.meetingLayoutId, activeLayout.mobile ? 9 : 0);\r\n }\r\n\r\n if (this.hubConnection && this.hubConnection.connectionState == 1 && this.state.connected && activeLayout /* && publish */) {\r\n this.hubConnection.invoke(\"activeLayoutUpdate\", eventId, selectedLayout?.value, layouts.find((l) => l.meetingLayoutId == selectedLayout.value)?.mobile ? 9 : 0);\r\n }\r\n\r\n const modules = Array.from(\r\n data.modules.map((r) => {\r\n let m = r;\r\n if (r.settings.length > 0 && r.settings != \" \") {\r\n m.settings = JSON.parse(m.settings);\r\n }\r\n return m;\r\n })\r\n );\r\n\r\n this.setState({\r\n layouts,\r\n modules,\r\n isSavable: false,\r\n selectedLayout,\r\n saving: false,\r\n changedLayoutModules: [],\r\n changedModules: [],\r\n changedLayouts: [],\r\n changedTemplates: [],\r\n selectedModule: null,\r\n });\r\n })\r\n .catch(() => {\r\n this.setState({ saving: false, isSavable: false, dialog: null });\r\n });\r\n }\r\n\r\n if (templateIsSavable) {\r\n const templateCallback = () => {\r\n if (this.state.templateChanged || (templateIsSavable && this.state.activeLayout && this.state.activeLayout.templateId == template.templateId)) {\r\n /* this.hubConnection.invoke(\"updateTemplate\", this.state.eventId, template.templateId); */\r\n }\r\n };\r\n const newTemplate = deepClone(template);\r\n newTemplate.eventId = parseInt(this.state.mainEventId);\r\n dispatch(templateActions.update(newTemplate, templateCallback));\r\n }\r\n\r\n if (!meetingChanges) {\r\n this.setState({ saving: false });\r\n }\r\n };\r\n\r\n templateUpdateCallback = () => {};\r\n\r\n setScale = () => {\r\n const adjustedResolution = (window.innerHeight - 55) * 1.77 * (window.innerHeight - 55);\r\n\r\n const actualResolution = window.innerWidth * window.innerHeight;\r\n\r\n let diff = adjustedResolution / actualResolution;\r\n this.setState({\r\n resolution: {\r\n value: window.innerWidth * window.innerHeight,\r\n label: `${window.innerWidth}x${window.innerHeight}`,\r\n },\r\n scale: diff,\r\n });\r\n };\r\n addOrUpdate = (item, path, identifier, callback = null) => {\r\n const list = Array.from(this.state[path]);\r\n if (Array.isArray(item)) {\r\n item.map((i) => {\r\n if (\r\n list.some((er) => {\r\n return er[identifier] === i[identifier];\r\n })\r\n ) {\r\n list.map((er) => {\r\n if (er[identifier] === i[identifier]) {\r\n if (er.deleted === true && i.deleted === true) i.deleted = false;\r\n er = Object.assign(er, i);\r\n }\r\n });\r\n } else {\r\n list.push(i);\r\n }\r\n });\r\n } else {\r\n if (\r\n list.some((er) => {\r\n return er[identifier] === item[identifier];\r\n })\r\n ) {\r\n list.map((er) => {\r\n if (er[identifier] === item[identifier]) {\r\n if (er.deleted === true && item.deleted === true) item.deleted = false;\r\n er = Object.assign(er, item);\r\n }\r\n });\r\n } else {\r\n list.push(item);\r\n }\r\n }\r\n\r\n this.setState({ [path]: list, isSavable: true }, () => {\r\n if (callback && typeof callback == \"function\") {\r\n setTimeout(() => callback(), 1000);\r\n }\r\n });\r\n };\r\n updateLayout = (layout, callback = null) => {\r\n const layouts = Array.from(this.state.layouts);\r\n const prevLayout = layouts.find((l) => l.meetingLayoutId == layout.meetingLayoutId);\r\n let index = 0;\r\n if (!prevLayout) return;\r\n index = layouts.indexOf(prevLayout);\r\n if (index == -1) return;\r\n layouts[index] = layout;\r\n this.addOrUpdate(layouts[index], \"changedLayouts\", \"meetingLayoutId\", callback);\r\n this.setState({\r\n layouts,\r\n isSavable: true,\r\n templateChanged: prevLayout.templateId != layout.templateId,\r\n });\r\n };\r\n undoChange = () => {\r\n const backup = Array.from(this.state.layouts);\r\n const { versionIndex, versions } = this.state;\r\n if (versionIndex <= versions.length - 1) return;\r\n const requestedVersion = this.state.versions[versionIndex - 1];\r\n this.setState({ layouts: requestedVersion });\r\n };\r\n updateModule = (module) => {\r\n const { selectedModule } = this.state;\r\n if (!selectedModule) return;\r\n const modules = Array.from(this.state.modules);\r\n let moduleIndex = modules.indexOf(modules.find((m) => m.meetingModuleId == module.meetingModuleId));\r\n const { settings, displayName } = module;\r\n if (moduleIndex > -1) {\r\n modules[moduleIndex] = { ...modules[moduleIndex], settings, displayName };\r\n }\r\n this.addOrUpdate({ ...modules[moduleIndex], settings, displayName, edited: true }, \"changedModules\", \"meetingModuleId\");\r\n this.setState({ modules, isSavable: true, selectedModule: module });\r\n };\r\n updateLayoutModule = (module) => {\r\n const id = module.meetingModuleLayoutId;\r\n const { selectedLayout, layouts, changedLayoutModules, changedLayouts } = this.state;\r\n if (!selectedLayout) return;\r\n let selectedModule = deepClone(this.state.selectedModule);\r\n const versions = Array.from(this.state.versions);\r\n versions.push(layouts);\r\n\r\n let index = layouts.indexOf(layouts.find((l) => l.meetingLayoutId == selectedLayout.value));\r\n if (index > -1) {\r\n this.addOrUpdate({ ...layouts[index], edited: true }, \"changedLayouts\", \"meetingLayoutId\");\r\n this.addOrUpdate({ ...module, edited: true }, \"changedLayoutModules\", \"meetingModuleLayoutId\");\r\n let moduleIndex = layouts[index].meetingModules.indexOf(layouts[index].meetingModules.find((m) => m.meetingModuleLayoutId == module.meetingModuleLayoutId));\r\n if (moduleIndex > -1) {\r\n layouts[index].meetingModules[moduleIndex] = module;\r\n selectedModule = {\r\n ...selectedModule,\r\n ...layouts[index].meetingModules[moduleIndex],\r\n };\r\n }\r\n }\r\n this.setState({\r\n layouts,\r\n selectedModule,\r\n versions,\r\n isSavable: true,\r\n versionIndex: versions.length - 1,\r\n });\r\n };\r\n addModule = (type, moduleId = null, position = null) => {\r\n const { eventId, selectedLayout, layouts, modules, changedModules, changedLayoutModules } = this.state;\r\n let layoutId = selectedLayout ? selectedLayout.value : -1000;\r\n let cLayout = layouts.find((l) => l.meetingLayoutId == layoutId);\r\n let added = changedModules.filter((c) => c.added == true).length;\r\n let addedLm = changedLayoutModules.filter((c) => c.added == true).length;\r\n let module = modules.find((m) => m.meetingModuleId == moduleId);\r\n let mId = moduleId > 0 ? moduleId : added * -1;\r\n let mLId = addedLm * -1;\r\n let meetingModule = {\r\n moduleType: type,\r\n eventId,\r\n meetingModuleId: mId,\r\n displayName: \"\",\r\n inserted: new Date().toISOString(),\r\n settings: module ? module.settings : defaultModuleSettings(type),\r\n };\r\n let layoutModule = {\r\n ...getDefaultPosAndSize(type, position),\r\n sortOrder: cLayout ? (cLayout.meetingModules.length > 0 ? cLayout.meetingModules.length - 1 : 0) : 0,\r\n meetingLayoutId: layoutId,\r\n meetingModuleId: mId,\r\n meetingModuleLayoutId: mLId,\r\n };\r\n\r\n if (!modules.find((m) => m.meetingModuleId == meetingModule.meetingModuleId)) {\r\n modules.push(meetingModule);\r\n this.addOrUpdate({ ...meetingModule, added: true }, \"changedModules\", \"meetingModuleId\");\r\n }\r\n if (layoutId != -1000) {\r\n let index = layouts.indexOf(layouts.find((l) => l.meetingLayoutId == layoutModule.meetingLayoutId));\r\n if (index > -1) {\r\n this.addOrUpdate({ ...layouts[index], edited: true }, \"changedLayouts\", \"meetingLayoutId\");\r\n this.addOrUpdate({ ...layoutModule, added: true }, \"changedLayoutModules\", \"meetingModuleLayoutId\");\r\n layouts[index].meetingModules.push(layoutModule);\r\n }\r\n }\r\n this.setState({\r\n layouts,\r\n isSavable: true,\r\n selectedModule: {\r\n ...layoutModule,\r\n settings: meetingModule.settings,\r\n moduleType: type,\r\n },\r\n });\r\n };\r\n onPreview = (label, value) => {\r\n const mock = this.state.selectedLayout;\r\n if (typeof label != \"string\" && value == null) {\r\n this.setState(\r\n {\r\n previewProps: null,\r\n preview: false,\r\n previewOpt: null,\r\n selectLayout: null,\r\n previewLoading: true,\r\n },\r\n () => {\r\n setTimeout(\r\n () =>\r\n this.setState({\r\n selectLayout: mock,\r\n }),\r\n 500\r\n );\r\n }\r\n );\r\n setTimeout(\r\n () =>\r\n this.setState({\r\n previewLoading: false,\r\n }),\r\n 1000\r\n );\r\n return;\r\n }\r\n const w = label.split(\"x\")[0];\r\n const h = label.split(\"x\")[1];\r\n const props = this.findPerfectRatio(w, h);\r\n\r\n this.setState(\r\n {\r\n selectedModule: null,\r\n preview: true,\r\n previewLoading: true,\r\n previewOpt: { label, value },\r\n previewProps: props,\r\n selectLayout: null,\r\n },\r\n () => {\r\n setTimeout(\r\n () =>\r\n this.setState({\r\n selectLayout: mock,\r\n }),\r\n 500\r\n );\r\n }\r\n );\r\n setTimeout(\r\n () =>\r\n this.setState({\r\n previewLoading: false,\r\n }),\r\n 1000\r\n );\r\n };\r\n copyLayout = (c, copies = 1, name = null) => {\r\n const { changedLayouts, changedLayoutModules, changedModules, modules, eventId } = this.state;\r\n\r\n const layouts = Array.from(this.state.layouts);\r\n const newModules = Array.from(this.state.modules);\r\n let newLayoutId = changedLayouts.filter((c) => c.added == true).length;\r\n let newLayoutModuleId = changedLayoutModules.filter((c) => c.added == true).length;\r\n\r\n let newModuleId = changedModules.filter((c) => c.added == true).length;\r\n let newLayoutModules = [];\r\n let newLayouts = [];\r\n\r\n for (let index = 0; index < copies; index++) {\r\n let copy = {\r\n ...deepClone(c),\r\n added: true,\r\n eventId: this.state.eventId,\r\n updated: null,\r\n inserted: new Date().toISOString(),\r\n oldId: 0,\r\n updateBy: null,\r\n };\r\n\r\n copy.meetingLayoutId = newLayoutId * -1;\r\n copy.name = name || c.name + ` (kopia ${newLayoutId})`;\r\n copy.meetingModules = [];\r\n\r\n for (let index2 = 0; index2 < c.meetingModules.length; index2++) {\r\n let meetingModule = deepClone(c.meetingModules[index2]);\r\n\r\n const moduleDoNotExist = !modules.find((m) => m.meetingModuleId == meetingModule.meetingModuleId);\r\n\r\n meetingModule = {\r\n ...meetingModule,\r\n meetingModuleId: moduleDoNotExist ? newModuleId * -1 : meetingModule.meetingModuleId,\r\n meetingLayoutId: newLayoutId * -1,\r\n meetingModuleLayoutId: newLayoutModuleId * -1,\r\n inserted: new Date().toISOString(),\r\n updated: null,\r\n added: true,\r\n };\r\n copy.meetingModules.push(meetingModule);\r\n newLayoutModules.push(meetingModule);\r\n newLayoutModuleId += 1;\r\n\r\n //If the module do not exist on the event (press. copying an inherited layout)\r\n if (moduleDoNotExist) {\r\n const newModule = {\r\n ...meetingModule.meetingModule,\r\n eventId: this.state.eventId,\r\n meetingModuleId: newModuleId * -1,\r\n inserted: new Date().toISOString(),\r\n settings: JSON.parse(meetingModule.meetingModule.settings),\r\n added: true,\r\n };\r\n newModules.push(newModule);\r\n\r\n //modify the layout module accordingly to the spec. from newly created module copy\r\n meetingModule.meetingModule.eventId = eventId;\r\n meetingModule.meetingModule.meetingModuleId = newModuleId;\r\n\r\n newModuleId += 1;\r\n }\r\n }\r\n\r\n layouts.push(copy);\r\n newLayouts.push(copy);\r\n newLayoutId += 1;\r\n }\r\n\r\n this.addOrUpdate(newModules, \"changedModules\", \"meetingModuleId\");\r\n this.addOrUpdate(newLayoutModules, \"changedLayoutModules\", \"meetingModuleLayoutId\");\r\n this.addOrUpdate(newLayouts, \"changedLayouts\", \"meetingLayoutId\");\r\n\r\n this.setState({ layouts, isSavable: true, modules: newModules });\r\n };\r\n createLayout = (name, copy = null, copies = 1, mobile = false) => {\r\n const { template, templates } = this.props;\r\n const { changedLayouts, changedLayoutModules } = this.state;\r\n const newId = changedLayouts.filter((c) => c.added == true).length;\r\n const layouts = Array.from(this.state.layouts);\r\n let addedLm = changedLayoutModules.filter((c) => c.added == true).length;\r\n\r\n let newLayout = {\r\n name,\r\n updated: null,\r\n inserted: new Date().toISOString(),\r\n oldId: 0,\r\n meetingLayoutId: newId * -1,\r\n templateId: template ? template.templateId : templates[0].templateId,\r\n meetingModules: [],\r\n eventId: this.state.eventId,\r\n added: true,\r\n mobile,\r\n updateBy: null,\r\n };\r\n\r\n if (copy) {\r\n this.copyLayout(copy, copies, name);\r\n return;\r\n }\r\n layouts.push(newLayout);\r\n this.setState({ layouts, isSavable: true });\r\n this.addOrUpdate(newLayout, \"changedLayouts\", \"meetingLayoutId\");\r\n };\r\n deleteLayoutModule = (layoutModule) => {\r\n const { selectedLayout, layouts, changedLayoutModules, changedLayouts } = this.state;\r\n if (!selectedLayout) return;\r\n\r\n const versions = Array.from(this.state.versions);\r\n versions.push(layouts);\r\n\r\n this.addOrUpdate({ ...layoutModule, deleted: true }, \"changedLayoutModules\", \"meetingModuleLayoutId\");\r\n this.setState({\r\n versions,\r\n isSavable: true,\r\n versionIndex: versions.length - 1,\r\n });\r\n };\r\n deleteModule = (module) => {\r\n const modules = Array.from(this.state.modules);\r\n const index = modules.indexOf(modules.find((m) => m.meetingModuleId == module.meetingModuleId));\r\n if (index > -1) modules[index].deleted = modules[index].deleted ? false : true;\r\n\r\n this.addOrUpdate({ ...module, deleted: true }, \"changedModules\", \"meetingModuleId\");\r\n this.setState({ modules });\r\n };\r\n deleteLayout = (layout) => this.addOrUpdate({ ...layout, deleted: true }, \"changedLayouts\", \"meetingLayoutId\");\r\n getLayoutModules = () => {\r\n const { layouts, selectedLayout, modules } = this.state;\r\n if (selectedLayout && modules && modules.length > 0) {\r\n const id = selectedLayout.value;\r\n const layoutMoudles = layouts.find((l) => l.meetingLayoutId == id);\r\n if (layoutMoudles) {\r\n return layoutMoudles.meetingModules.map((mm) => {\r\n let moduleParent = modules.find((m) => m.meetingModuleId == mm.meetingModuleId);\r\n if (moduleParent) {\r\n const { moduleType, settings, displayName } = moduleParent;\r\n\r\n return { ...mm, moduleType, settings, displayName };\r\n }\r\n });\r\n }\r\n }\r\n return [];\r\n };\r\n groupTemplate = () => {\r\n const { template } = this.props;\r\n if (template) {\r\n return template.content;\r\n }\r\n return null;\r\n };\r\n findPerfectRatio = (w, h) => {\r\n const affordableHeight = window.innerHeight - 55;\r\n const affordableWidth = window.innerWidth - 320;\r\n let comparisonWidth = w;\r\n let comparisonHeight = h;\r\n let ratioFound = false;\r\n while (!ratioFound) {\r\n if (affordableHeight < comparisonHeight || affordableWidth < comparisonWidth) {\r\n comparisonHeight -= 1;\r\n comparisonWidth -= 1;\r\n }\r\n\r\n if (affordableHeight >= comparisonHeight && affordableWidth >= comparisonWidth) {\r\n ratioFound = true;\r\n }\r\n }\r\n const newRatio = (comparisonWidth * comparisonHeight) / (affordableWidth * affordableHeight);\r\n return {\r\n transform: newRatio,\r\n scale: (affordableWidth * affordableHeight) / (parseInt(w) * parseInt(h)),\r\n width: w + \"px\",\r\n height: h + \"px\",\r\n };\r\n };\r\n postionAndSizeOnChange = (path, v, meetingModuleLayoutId) => {\r\n const { layouts, selectedLayout } = this.state;\r\n\r\n let selectedModule = deepClone(this.state.selectedModule);\r\n let value = v;\r\n\r\n let index = layouts.indexOf(layouts.find((l) => l.meetingLayoutId == selectedLayout.value));\r\n if (index > -1) {\r\n let moduleIndex = layouts[index].meetingModules.indexOf(layouts[index].meetingModules.find((m) => m.meetingModuleLayoutId == meetingModuleLayoutId));\r\n if (moduleIndex > -1) {\r\n layouts[index].meetingModules[moduleIndex][path] = value;\r\n this.updateLayoutModule(layouts[index].meetingModules[moduleIndex]);\r\n selectedModule = { ...selectedModule, [path]: value };\r\n this.setState({ selectedModule });\r\n }\r\n }\r\n };\r\n onSelectModule = (mm) => {\r\n const { layouts, selectedLayout, changedLayoutModules } = this.state;\r\n let layoutModule = {};\r\n let index = layouts.indexOf(layouts.find((l) => l.meetingLayoutId == selectedLayout.value));\r\n if (index > -1) {\r\n let moduleIndex = layouts[index].meetingModules.indexOf(layouts[index].meetingModules.find((m) => m.meetingModuleId == mm.meetingModuleId));\r\n if (moduleIndex > -1) {\r\n layoutModule = layouts[index].meetingModules[moduleIndex];\r\n }\r\n }\r\n this.setState({\r\n selectedModule: {\r\n ...mm,\r\n ...layoutModule,\r\n deleted: layoutModule.meetingModuleLayoutId ? changedLayoutModules.find((cl) => cl.meetingModuleLayoutId == layoutModule.meetingModuleLayoutId && cl.deleted == true) : false,\r\n moduleType: this.state.modules.find((ms) => ms.meetingModuleId == mm.meetingModuleId).moduleType,\r\n },\r\n });\r\n };\r\n selectLayout = (id, name) => {\r\n const { layouts } = this.state;\r\n const sl = layouts.find((l) => l.meetingLayoutId == id);\r\n if (sl && sl.templateId) {\r\n this.props.dispatch(templateActions.get(sl.templateId));\r\n }\r\n this.setState({ selectedLayout: { value: id, label: name } });\r\n };\r\n layoutTemplateOnChange = (templateId) => {\r\n const { layouts } = this.state;\r\n const { dispatch } = this.props;\r\n const selectedLayout = layouts.find((l) => l.meetingLayoutId == this.state.selectedLayout.value);\r\n if (selectedLayout) {\r\n const updatedLayout = deepClone(selectedLayout);\r\n updatedLayout.templateId = templateId;\r\n this.updateLayout(updatedLayout, this.onSave());\r\n }\r\n dispatch(templateActions.get(templateId));\r\n };\r\n parseModules = () => {\r\n const parsedModules = Array.from(this.state.modules);\r\n parsedModules.map((m) => {\r\n const pm = deepClone(m);\r\n if (typeof pm.settings == \"string\") {\r\n pm.settings = JSON.parse(pm.settings);\r\n }\r\n return pm;\r\n });\r\n return parsedModules;\r\n };\r\n copyModule = () => {\r\n const { eventId, selectedLayout, selectedModule, layouts, modules, changedModules, changedLayoutModules } = this.state;\r\n\r\n const copyOfSelectedModule = deepClone(selectedModule);\r\n const { posY, posX, width, height, zIndex, sortOrder, settings, displayName, moduleId, moduleType, meetingModuleId, meetingModuleLayoutId, meetingLayoutId } = copyOfSelectedModule;\r\n\r\n let layoutId = selectedLayout ? selectedLayout.value : -1000;\r\n let added = changedModules.filter((c) => c.added == true).length;\r\n let addedLm = changedLayoutModules.filter((c) => c.added == true).length;\r\n let mId = added * -1;\r\n let mLId = addedLm * -1;\r\n\r\n let meetingModule = {\r\n moduleType,\r\n eventId,\r\n meetingModuleId: mId,\r\n displayName: (displayName || \"\") + \" (copy)\",\r\n inserted: new Date().toISOString(),\r\n settings: settings,\r\n };\r\n let layoutModule = {\r\n posX,\r\n posY,\r\n width,\r\n height,\r\n zIndex,\r\n sortOrder: sortOrder,\r\n meetingLayoutId: layoutId,\r\n meetingModuleId: mId,\r\n meetingModuleLayoutId: mLId,\r\n };\r\n\r\n if (!modules.find((m) => m.meetingModuleId == meetingModule.meetingModuleId)) {\r\n modules.push(meetingModule);\r\n this.addOrUpdate({ ...meetingModule, added: true }, \"changedModules\", \"meetingModuleId\");\r\n }\r\n if (layoutId != -1000) {\r\n let index = layouts.indexOf(layouts.find((l) => l.meetingLayoutId == layoutModule.meetingLayoutId));\r\n if (index > -1) {\r\n this.addOrUpdate({ ...layouts[index], edited: true }, \"changedLayouts\", \"meetingLayoutId\");\r\n this.addOrUpdate(\r\n [\r\n { ...layoutModule, added: true },\r\n { ...layoutModule, meetingModuleId, meetingModuleLayoutId, deleted: true },\r\n ],\r\n \"changedLayoutModules\",\r\n \"meetingModuleLayoutId\"\r\n );\r\n layouts[index].meetingModules.push(layoutModule);\r\n layouts[index].meetingModules = layouts[index].meetingModules.filter((m) => m.meetingModuleLayoutId != copyOfSelectedModule.meetingModuleLayoutId);\r\n }\r\n }\r\n this.setState({\r\n layouts,\r\n isSavable: true,\r\n selectedModule: {\r\n ...copyOfSelectedModule,\r\n displayName: meetingModule.displayName,\r\n meetingLayoutId: layoutId,\r\n meetingModuleId: mId,\r\n meetingModuleLayoutId: mLId,\r\n },\r\n });\r\n };\r\n render() {\r\n const { templateIsSavable, templateLoaded, template, fonts } = this.props;\r\n\r\n const {\r\n modules,\r\n permissions,\r\n layouts,\r\n selectedLayout,\r\n isSavable,\r\n selectedModule,\r\n changedLayouts,\r\n changedLayoutModules,\r\n showLayoutGrid,\r\n preview,\r\n previewProps,\r\n eventName,\r\n eventId,\r\n eventCode,\r\n previewLoading,\r\n mainEventId,\r\n previewOpt,\r\n layoutsLoaded,\r\n gridLines,\r\n activeTemplateId,\r\n activeLayout,\r\n events,\r\n } = this.state;\r\n\r\n const layoutModules = this.getLayoutModules();\r\n const groupedTemplate = this.groupTemplate();\r\n const parsedModules = this.parseModules();\r\n\r\n let gridClassName = showLayoutGrid ? \"hidden \" : \"show \";\r\n gridClassName += preview ? \"no-size-reg center-view\" : \"grid-view\";\r\n\r\n const connectionsProps = { hubConnection: this.hubConnection, ...this.state };\r\n return (\r\n \r\n {\r\n return m.settings;\r\n })}\r\n />\r\n {this.state.dialog ? \r\n
\r\n {/* Flytta appbar till egen fil.. */}\r\n (this.asideEditorRef = r)}>\r\n this.setState({ selectedModule: null })}\r\n selectedModule={selectedModule}\r\n onSelect={this.onSelectModule}\r\n postionAndSizeOnChange={this.postionAndSizeOnChange}\r\n eventName={this.state.eventName}\r\n layoutName={selectedLayout ? selectedLayout.label : \"\"}\r\n onEdit={this.updateModule}\r\n events={events}\r\n copyModule={this.copyModule}\r\n eventName={eventName}\r\n eventId={eventId}\r\n mainEventId={mainEventId}\r\n selectLayout={(id, name) => this.selectLayout(id, name)}\r\n deleted={selectedModule ? changedLayoutModules.find((clm) => clm.meetingModuleLayoutId == selectedModule.meetingModuleLayoutId && clm.deleted == true) : false}\r\n layouts={layouts}\r\n updateLayout={this.updateLayout}\r\n selectedLayout={selectedLayout}\r\n deleteModule={this.deleteModule}\r\n deleteLayoutModule={this.deleteLayoutModule}\r\n addModule={this.addModule}\r\n activeModules={layoutModules}\r\n />\r\n
\r\n \r\n \r\n
\r\n \r\n );\r\n })}\r\n
\r\n \r\n \r\n\r\n \r\n \r\n {[\r\n { label: \r\n \r\n this.onPreview(b.label, b.value)}\r\n >\r\n {b.label}\r\n
\r\n \r\n \r\n \r\n \r\n );\r\n })}\r\n
{showLayoutGrid ?
\r\n \r\n - \r\n {historicalVisitors\r\n .filter((v) => v.badgeNo != clientKey)\r\n .map((v, i) => {\r\n return (\r\n
\r\n {people.map((p) => {\r\n return (\r\n <>\r\n ⭐ {p.name}\r\n
\r\n \r\n );\r\n })}\r\n \r\n }\r\n >\r\n
- \r\n {activeVisitors\r\n .filter((a) => {\r\n if (peopleFilter == \"ATTENDEES\" && (a.exhibitorId == null || a.exhibitorId != exhibitorId)) {\r\n return true;\r\n }\r\n if (peopleFilter == \"EXHIBITORS\" && a.exhibitorId == exhibitorId) {\r\n return true;\r\n }\r\n return false;\r\n })\r\n .map((v, i) => {\r\n const isHost = orderList.find((e) => e.badgeNo == v.badgeNo && e.exhibitorId == exhibitorId);\r\n const initHostChats = chat\r\n .find((c) => c.target == \"EXPO\")\r\n ?.messages?.filter((f) => f.receiver == v.badgeNo)\r\n ?.map((m) => {\r\n return m.sender;\r\n });\r\n const connectedHosts = initHostChats ? orderList.filter((o) => initHostChats.includes(o.badgeNo)) : [];\r\n\r\n return (\r\n
\r\n \r\n
\r\n );\r\n};\r\n","import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport Paper from \"@material-ui/core/Paper\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport { Card, CardContent, Typography } from \"@material-ui/core\";\r\nimport { VisitorHistoryList } from \"./VisitorHistoryList\";\r\nimport { ActiveVisitorList } from \"./ActiveVisitorList\";\r\nimport { VisitorLineChart } from \"./VisitorLineChart\";\r\nimport { combineProps } from \"../../../../helpers/objectHelper\";\r\nimport EventLabel2 from \"../../../../components/EventLabel2/EventLabel2\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n flexGrow: 1,\r\n boxShadow: \"none\",\r\n height: \"100%\",\r\n },\r\n paper: {\r\n padding: theme.spacing(2),\r\n textAlign: \"center\",\r\n color: theme.palette.text.secondary,\r\n },\r\n title: {\r\n fontSize: 14,\r\n padding: \"10px 15px\",\r\n },\r\n grid: {\r\n padding: theme.spacing(3),\r\n },\r\n}));\r\n\r\nexport default function Dashboard(props) {\r\n const classes = useStyles();\r\n const { peopleFilter, toggleFilter } = props;\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n","import React from \"react\";\r\n\r\nimport DashboardIcon from \"@material-ui/icons/Dashboard\";\r\nimport ChatBubbleIcon from \"@material-ui/icons/ChatBubble\";\r\nimport SettingsIcon from \"@material-ui/icons/Settings\";\r\nimport AccountCircleIcon from \"@material-ui/icons/AccountCircle\";\r\nimport StorefrontIcon from \"@material-ui/icons/Storefront\";\r\nimport InsertDriveFileIcon from \"@material-ui/icons/InsertDriveFile\";\r\n\r\nexport const menuOptions = [\r\n { name: \"Dashboard\", path: \"DASHBOARD\", icon: \r\n \r\n
\r\n\r\n - \r\n {subOptions.map((c, i) => {\r\n return (\r\n
\r\n \r\n \r\n \r\n \r\n {exhibitorName}\r\n \r\n \r\n \r\n \r\n {renderMobileMenu}\r\n \r\n {children} \r\n
\r\n );\r\n};\r\n","import React, { useEffect, useState, useRef, useMemo } from \"react\";\r\nimport { AppBar } from \"@material-ui/core\";\r\nimport { combineProps } from \"../../../../helpers/objectHelper\";\r\nimport { ChatFooter } from \"../../../../digitalArena/modules/ChatModule/components/ChatFooter\";\r\nimport { PersonDetails } from \"../../../../digitalArena/modules/ChatModule/components/PersonDetails\";\r\nimport { chatStyle } from \"../../../../digitalArena/modules/ChatModule/helpers/chat.helper\";\r\nimport { MessageList } from \"../../../../digitalArena/modules/ChatModule/components/MessageList\";\r\nimport { init } from \"../../../../components/EventLabel2/EventLabel2\";\r\n\r\nfunction usePrevious(value) {\r\n const ref = useRef();\r\n useEffect(() => {\r\n ref.current = value;\r\n });\r\n return ref.current;\r\n}\r\n\r\nexport const ChatFrame = (props) => {\r\n const [text, setText] = useState(\"\");\r\n const { selectChat, selectedChat, chat, eventId, lang } = props;\r\n const lastMessageRef = useRef();\r\n const scrollRef = useRef();\r\n const textRef = useRef(\"\");\r\n const prevLastMessage = usePrevious(lastMessageRef.current);\r\n textRef.current = text;\r\n\r\n useEffect(() => {\r\n init(eventId, \"DIGITALMEETING.CHAT\", lang);\r\n return () => {\r\n };\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (lastMessageRef.current && !prevLastMessage && chat.length != 0 && scrollRef.current) {\r\n setTimeout(() => handleScroll(), 1500);\r\n } else if (lastMessageRef.current != prevLastMessage && chat.length != 0 && scrollRef.current) {\r\n handleScroll();\r\n }\r\n }, [lastMessageRef.current]);\r\n\r\n const handleScroll = () => {\r\n try {\r\n lastMessageRef.current.scrollIntoView({\r\n block: \"end\",\r\n behavior: \"smooth\",\r\n });\r\n } catch (error) {\r\n console.error(error);\r\n }\r\n };\r\n\r\n const typing = (text) => {\r\n setText(text);\r\n };\r\n\r\n const combinedProps = useMemo(() => {\r\n return {\r\n ...combineProps([\r\n props,\r\n {\r\n text,\r\n exhibitor: true,\r\n chats: chat,\r\n onTyping: typing,\r\n lastMessageRef,\r\n settings: {\r\n showUserProfileImage: true,\r\n },\r\n messagesToShow: 30,\r\n onScroll: () => null,\r\n scrollRef,\r\n deselectChat: () => selectChat(null),\r\n chatTemplate: chatStyle(),\r\n currentChat: selectedChat,\r\n },\r\n ]),\r\n };\r\n }, [props, text, selectedChat, chat]);\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n window.open(\"https://inadra.se/support\")}>\r\n \r\n\r\n \r\n \r\n navigate(\"SETTINGS.PROFILE\")} style={{ padding: 0 }}>\r\n {profileImage ? (\r\n \r\n \r\n )}\r\n \r\n \r\n \r\n
\r\n \r\n {theme.direction === \"rtl\" ? \r\n
\r\n - \r\n {menuOptions.map((option, index) => (\r\n
\r\n \r\n
\r\n ))}\r\n \r\n \r\n \r\n <>\r\n {isHost ? \r\n \r\n \r\n\r\n \r\n {v.name}\r\n {!read ?
\r\n }\r\n secondary={\r\n {undreadMessages}
: null}\r\n \r\n {called && datesAreOnSameDay(new Date(called.inserted), new Date()) ? (\r\n <>\r\n \r\n
\r\n \r\n ) : null}\r\n {!online && inAnotherRoom ? (\r\n \r\n
\r\n \r\n \r\n {isHost ? \r\n \r\n {v.name}} secondary={v.company} />\r\n \r\n selectChat(v.badgeNo)}>\r\n \r\n \r\n \r\n
\r\n );\r\n });\r\n\r\n return (\r\n \r\n \r\n
\r\n );\r\n};\r\n","import React from \"react\";\r\nimport { ChatFrame } from \"./ChatFrame\";\r\nimport { ConversationList } from \"./ConversationList\";\r\n\r\nexport const ChatView = (props) => {\r\n const { selectedChat } = props;\r\n return (\r\n \r\n
\r\n - \r\n {/*
\r\n
\r\n );\r\n};\r\n\r\nconst DesktopView = () => {};\r\n\r\nconst MobileView = () => {};\r\n","import React from \"react\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport Dialog from \"@material-ui/core/Dialog\";\r\nimport DialogActions from \"@material-ui/core/DialogActions\";\r\nimport DialogContent from \"@material-ui/core/DialogContent\";\r\nimport DialogContentText from \"@material-ui/core/DialogContentText\";\r\nimport DialogTitle from \"@material-ui/core/DialogTitle\";\r\nimport SystemLabel from \"../../system/SystemLabel/SystemLabel\";\r\nimport VideocamIcon from \"@material-ui/icons/Videocam\";\r\nimport CallEndIcon from \"@material-ui/icons/CallEnd\";\r\nimport AccountCircleIcon from \"@material-ui/icons/AccountCircle\";\r\nimport { Avatar } from \"@material-ui/core\";\r\nimport PersonIcon from \"@material-ui/icons/Person\";\r\nimport \"./Animation.css\";\r\nimport { isUsingChrome } from \"../../helpers/browser.helper\";\r\n\r\nexport default function IncommingCallDialog(props) {\r\n const { target = null, deny = () => null, accept = () => null, lang = null, chrome } = props;\r\n\r\n return (\r\n \r\n \r\n
\r\n );\r\n}\r\n","export const videoCallConstants = {\r\n CALL_DENIED: 'CALL_DENIED',\r\n TARGET_HANGUP: 'TARGET_HANGUP',\r\n SELF_HANGUP: 'SELF_HANGUP'\r\n}","import React from \"react\";\r\nimport { videoCallConstants } from \"../../../constants/videoCall.constants\";\r\nimport PhoneDisabledIcon from \"@material-ui/icons/PhoneDisabled\";\r\nimport CallEndIcon from \"@material-ui/icons/CallEnd\";\r\nimport PhoneIcon from \"@material-ui/icons/Phone\";\r\nimport { Button } from \"@material-ui/core\";\r\nimport { JitsiWrapper, JitsiWrapper2 } from \"../../../../plugins/JitsiWrapper\";\r\nimport SystemLabel from \"../../../../system/SystemLabel/SystemLabel\";\r\n\r\nexport const VideoFrame = (props) => {\r\n const {\r\n connected,\r\n selectedChat,\r\n videoCallActive,\r\n videoCallTarget,\r\n clientKey,\r\n displayName,\r\n closeVideoCall,\r\n targetPerson = \"\",\r\n page,\r\n meetingCode = \"\",\r\n } = props;\r\n\r\n const frameStyle = page != \"CHAT\" ? { opacity: 0, zIndex: 1 } : undefined;\r\n const frameClassName =\r\n page == \"CHAT\"\r\n ? selectedChat\r\n ? \"expo-admin-video-view-50\"\r\n : \"expo-admin-video-view-100\"\r\n : \"expo-admin-video-view-flex\";\r\n\r\n const height = page != \"CHAT\" ? \"39vh\" : \"calc(100vh - 64px )\";\r\n\r\n if (videoCallTarget && connected) {\r\n return (\r\n \r\n {videoCallActive ? (\r\n closeVideoCall(videoCallTarget)}\r\n />\r\n ) : (\r\n
\r\n );\r\n }\r\n\r\n return null;\r\n};\r\n\r\nconst CallLoader = (props) => {\r\n const {\r\n videoCallActive,\r\n orderList,\r\n videoCallResponse,\r\n videoCallTarget,\r\n videoRequestResponse,\r\n callId,\r\n lang\r\n } = props;\r\n const targetPerson = orderList.find((o) => o.badgeNo == videoCallTarget)\r\n ? orderList.find((o) => o.badgeNo == videoCallTarget)?.name ?? \" - \"\r\n : null;\r\n\r\n if (videoCallResponse == videoCallConstants.CALL_DENIED) {\r\n return (\r\n \r\n
\r\n )}\r\n \r\n
\r\n\r\n {\" \"}\r\n {targetPerson}{\" \"}\r\n
\r\n
\r\n );\r\n }\r\n if (videoCallResponse == videoCallConstants.SELF_HANGUP) {\r\n return (\r\n \r\n
\r\n \r\n
\r\n {\" \"}\r\n {targetPerson}{\" \"}\r\n
\r\n \r\n
\r\n\r\n {\" \"}\r\n
\r\n
\r\n );\r\n }\r\n if (videoCallResponse == videoCallConstants.TARGET_HANGUP) {\r\n return (\r\n \r\n
\r\n \r\n
\r\n {\" \"}\r\n
\r\n \r\n
\r\n\r\n {\" \"}\r\n {targetPerson}{\" \"}\r\n
\r\n
\r\n );\r\n }\r\n return (\r\n \r\n
\r\n \r\n
\r\n {\" \"}\r\n {targetPerson}{\" \"}\r\n \r\n
\r\n \r\n
\r\n\r\n {\" \"}\r\n
\r\n
\r\n
\r\n
\r\n );\r\n};\r\n","import React, { useMemo } from \"react\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport Snackbar from \"@material-ui/core/Snackbar\";\r\nimport Fade from \"@material-ui/core/Fade\";\r\nimport Slide from \"@material-ui/core/Slide\";\r\nimport Grow from \"@material-ui/core/Grow\";\r\nimport {\r\n ListItem,\r\n ListItemAvatar,\r\n ListItemSecondaryAction,\r\n ListItemText,\r\n} from \"@material-ui/core\";\r\nimport { ChatAvatar } from \"../../../../digitalArena/modules/ChatModule/components/ChatAvatar\";\r\nimport { combineProps } from \"../../../../helpers/objectHelper\";\r\nimport { formatTime } from \"../../../../helpers/time.helper\";\r\nimport { LinkedInButton } from \"../../../shared/LinkedInButton\";\r\nimport SystemLabel from \"../../../../system/SystemLabel/SystemLabel\";\r\n\r\nfunction SlideTransition(props) {\r\n return \r\n
\r\n \r\n
\r\n {\" \"}\r\n
\r\n \r\n
\r\n
\r\n \r\n videoRequestResponse(false, videoCallTarget, callId, true)\r\n }\r\n color=\"primary\"\r\n >\r\n
\r\n \r\n {u.undreadMessages}\r\n
\r\n \r\n }\r\n secondary={\r\n \r\n
\r\n \r\n \r\n onUpload(e, exhibitorSettingId, name)} />\r\n
\r\n \r\n );\r\n};\r\n\r\nconst TextEditorItem = (props) => {\r\n const { value2, exhibitorSettingId, setSavable, onEdit } = props;\r\n return (\r\n /* */\r\n {\r\n onEdit(exhibitorSettingId, \"value2\", e);\r\n setSavable(true);\r\n }}\r\n expo={true}\r\n showLinkEditor={false}\r\n sourceCode={false}\r\n slimFormat={true}\r\n path={\"value2\"}\r\n style={{\r\n height: \"500px\",\r\n }}\r\n />\r\n /*
*/\r\n );\r\n};\r\n\r\nconst SwitchItem = (props) => {\r\n const { name, setSavable, exhibitorSettingId, value2, onEdit } = props;\r\n return (\r\n \r\n {\r\n onEdit(exhibitorSettingId, \"value2\", value2 == \"True\" ? \"False\" : \"True\");\r\n setSavable(true);\r\n }}\r\n isChecked={value2 == \"True\" ? true : false}\r\n />\r\n
\r\n );\r\n};\r\n\r\nconst VideoItem = (props) => {\r\n const { exhibitorSettingId, value2, onEdit, setSavable, name } = props;\r\n return (\r\n \r\n \r\n {!value2 ?
\r\n \r\n
\r\n
*/}\r\n \r\n );\r\n};\r\n\r\nconst NumberItem = (props) => {\r\n const { exhibitorSettingId, value2, onEdit, setSavable, name } = props;\r\n return (\r\n \r\n {\r\n onEdit(exhibitorSettingId, \"value2\", e.target.value);\r\n setSavable(true);\r\n }}\r\n value={value2}\r\n />\r\n {/*
\r\n );\r\n};\r\n\r\nexport function BoothSettings(props) {\r\n const { renderIcon, settings, isSavable } = props;\r\n return (\r\n \r\n
\r\n \r\n {categories.map((c, i) => {\r\n return (\r\n
\r\n );\r\n}\r\n\r\nconst ListItem = (props) => {\r\n const { name } = props;\r\n if (fileUpload.includes(name)) {\r\n return \r\n
\r\n );\r\n })}\r\n {/* {settings\r\n .sort((a, b) => {\r\n return a.sortOrder - b.sortOrder;\r\n })\r\n .filter((s) => !filteredSettings.includes(s.name))\r\n .map((s, i) => {\r\n const { name } = s;\r\n const ps = { ...s, ...props };\r\n return (\r\n \r\n
\r\n \r\n {c.options.map((o, oi) => {\r\n const setting = settings.find((s) => s.name == o);\r\n return (\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n {oi != c.options.length - 1 ?
\r\n );\r\n })}\r\n \r\n \r\n \r\n
\r\n );\r\n })} */}\r\n \r\n \r\n
\r\n ) : null}\r\n \r\n
\r\n ) : null}\r\n \r\n \r\n
\r\n
\r\n {settings.filter((s) => s.name == \"Link\").length > 0 ? (\r\n settings\r\n .filter((s) => s.name == \"Link\")\r\n .sort(function (a, b) {\r\n return a.sortOrder - b.sortOrder;\r\n })\r\n .map((s, i) => {\r\n return (\r\n \r\n \r\n
\r\n
\r\n {settings.filter((s) => s.name == \"File\").length > 0 ? (\r\n settings\r\n .filter((s) => s.name == \"File\")\r\n .sort(function (a, b) {\r\n return a.sortOrder - b.sortOrder;\r\n })\r\n .map((s, i) => {\r\n return (\r\n \r\n {!this.state.isCropping && (\r\n
\r\n );\r\n }\r\n}\r\nfunction mapStateToProps(state) {\r\n return {\r\n form: state.form,\r\n template: state.template.template,\r\n cms: state.cms,\r\n attendee: state.attendee,\r\n };\r\n}\r\nexport default connect(mapStateToProps)(ProfileImageUploader);\r\n\r\nclass ProfileImageCropper extends React.Component {\r\n state = {\r\n zoom: 0,\r\n isLoading: false,\r\n };\r\n componentDidMount() {\r\n this.init();\r\n }\r\n init = (reRender = false) => {\r\n const { size, shape, parentId, viewport, backgroundColor } = this.props;\r\n\r\n if (this.cropper) {\r\n this.cropper.destroy();\r\n }\r\n if (size !== null || reRender) {\r\n this.cropper = new Croppie(document.getElementById(\"croppie-img-\" + parentId), {\r\n viewport: { ...viewport, type: shape.toLowerCase() },\r\n boundary: viewport,\r\n showZoomer: true,\r\n type: \"base64\",\r\n enableOrientation: true,\r\n });\r\n\r\n this.handleZoomOut(0);\r\n let listNodes = document.getElementsByClassName(\"cr-vp-square\");\r\n\r\n if (listNodes[0]) {\r\n listNodes[0].style.boxShadow = `0px 0px 2000px 2000px ${backgroundColor}`;\r\n }\r\n listNodes = document.getElementsByClassName(\"cr-vp-circle\");\r\n if (listNodes[0]) {\r\n listNodes[0].style.boxShadow = `0px 0px 2000px 2000px ${backgroundColor}`;\r\n }\r\n }\r\n };\r\n componentDidUpdate(prevProps) {\r\n const { hideOverlay, size, source, isCropping } = this.props;\r\n\r\n if (hideOverlay !== undefined && prevProps.hideOverlay !== hideOverlay && hideOverlay == false) {\r\n this.init(true);\r\n }\r\n /* if ((prevProps.size !== size && size !== undefined && size !== null && !this.size) || prevProps.source !== source) {\r\n this.init();\r\n } */\r\n if (source !== undefined && prevProps.source !== source) {\r\n this.init();\r\n }\r\n if (isCropping !== isCropping) {\r\n this.init();\r\n }\r\n }\r\n\r\n handleZoomOut = (scale, controlled = false) => {\r\n if (this.cropper !== undefined) {\r\n const cZoom = this.cropper.get().zoom;\r\n if (!controlled && scale === 0) {\r\n this.setState({ zoom: scale }, () => {\r\n this.cropper.setZoom(scale);\r\n });\r\n return;\r\n }\r\n if (controlled === true && scale !== undefined) {\r\n this.setState({ zoom: scale }, () => {\r\n this.cropper.setZoom(scale);\r\n });\r\n return;\r\n }\r\n if (cZoom !== this.state.zoom) {\r\n if (cZoom === 50) {\r\n this.cropper.setZoom(0);\r\n this.setState({ zoom: 0 });\r\n return;\r\n }\r\n this.setState({ zoom: cZoom });\r\n }\r\n }\r\n };\r\n handlResult = () => {\r\n const { size } = this.props;\r\n this.setState({ isLoading: true });\r\n this.cropper.result({ type: \"base64\", size }).then((res) => this.handleSave(res));\r\n };\r\n handleSave = (res) => {\r\n const { onCropped } = this.props;\r\n onCropped(res);\r\n };\r\n rotate = () => {\r\n this.cropper.rotate(90);\r\n };\r\n render() {\r\n const { shape, size, parentId, viewport, hideOverlay, source } = this.props;\r\n return (\r\n \r\n ![]()
(this.imgRef = r)} onLoad={this.handleImageLoaded} src={source} className={`image-content ${this.state.imageLoaded ? \"unblur\" : \"blur\"}`} alt=\"image\" />\r\n
\r\n )}\r\n\r\n \r\n {isCropping ? (\r\n
\r\n\r\n this.onImageUpload(e)} />\r\n \r\n {this.state.isLoading ?
\r\n \r\n ![]({source.includes(\"jirangopub\"))
\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n );\r\n case \"SETTINGS.PROFILE\":\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n case \"SETTINGS.ATTACHMENTS\":\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n default:\r\n return null;\r\n }\r\n };\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n}\r\n","import React from \"react\";\r\nimport Dashboard from \"./Overview/Dashboard\";\r\nimport { MenuDrawer } from \"./Menu/MenuDrawer\";\r\nimport { ChatView } from \"./Chat/ChatView\";\r\nimport { combineProps } from \"../../../helpers/objectHelper\";\r\nimport IncommingCallDialog from \"../../shared/IncommingCallDialog\";\r\nimport { VideoFrame } from \"../components/Video/VideoFrame\";\r\nimport NotificationSnackbar from \"./Chat/NotificationSnackbar\";\r\nimport { Settings } from \"./Settings/Settings\";\r\nimport { ConnectionStatus } from \"../../../digitalArena/components/fallbacks/ConnectionStatus\";\r\n\r\nexport const Layout = (props) => {\r\n const { isCalling, callId, connected, children, orderList, videoRequestResponse } = props;\r\n return (\r\n \r\n \r\n {\r\n add(\"File\");\r\n setSavable(true);\r\n }}\r\n startIcon={ {\r\n add(\"Link\");\r\n setSavable(true);\r\n }}\r\n startIcon={ {\r\n setSavable(false);\r\n savePersonalSettings(bio, image);\r\n props.onSave();\r\n }}\r\n startIcon={
\r\n
\r\n \r\n \r\n {isCalling && connected ? (\r\n eh.badgeNo == isCalling),\r\n deny: () => {\r\n videoRequestResponse(false, isCalling, callId);\r\n },\r\n accept: () => videoRequestResponse(true, isCalling, callId),\r\n },\r\n ])}\r\n />\r\n ) : null}\r\n \r\n
\r\n );\r\n};\r\nconst View =(props) => {\r\n const { page } = props;\r\n switch (page) {\r\n case \"DASHBOARD\":\r\n return \r\n
\r\n );\r\n};\r\n","import { FormGroup, FormControlLabel, Switch, Button, List, ListItem, ListItemText, FormLabel, Divider, MenuItem } from \"@material-ui/core\";\r\nimport React, { useEffect, useRef, useState } from \"react\";\r\nimport { ScrollWrapper } from \"../../../digitalArena/helpers/module.helper\";\r\nimport SystemLabel from \"../../../system/SystemLabel/SystemLabel\";\r\nimport { screenshareLayouts } from \"../../../digitalArena/modules/Vonage/components/VonageScreenshare\";\r\nimport StopIcon from \"@material-ui/icons/Stop\";\r\nimport PlayCircleFilledIcon from \"@material-ui/icons/PlayCircleFilled\";\r\nimport ArrowDropDownIcon from \"@material-ui/icons/ArrowDropDown\";\r\nimport ArrowDropUpIcon from \"@material-ui/icons/ArrowDropUp\";\r\nimport Menu from \"@material-ui/core/Menu\";\r\nimport { toTitleCase } from \"../../../helpers/stringHelper\";\r\n\r\nexport default function VonageBackstageModeratorTab(props) {\r\n const [recordingBtnDisabled, setRecordingBtnDisabled] = useState(false);\r\n const [studioStreamBtnDisabled, setStudioStreamBtnDisabled] = useState(false);\r\n const [anchorEl, setAnchorEl] = React.useState(null);\r\n\r\n const handleClick = (event) => {\r\n setAnchorEl(event.currentTarget);\r\n };\r\n\r\n const handleClose = () => {\r\n setAnchorEl(null);\r\n };\r\n function onRecordingBtnPress() {\r\n props.toggleRecording();\r\n setRecordingBtnDisabled(true);\r\n setTimeout(() => {\r\n setRecordingBtnDisabled(false);\r\n }, 2000);\r\n }\r\n function toggleStudioStream() {\r\n props.toggleStudioStream();\r\n setStudioStreamBtnDisabled(true);\r\n setTimeout(() => {\r\n setStudioStreamBtnDisabled(false);\r\n }, 2000);\r\n }\r\n return (\r\n \r\n
\r\n
{conns > 999 ? `${conns}+` : conns}
;\r\n return null;\r\n }\r\n function toggleView(v, toggleOnAir) {\r\n setView(v);\r\n if (toggleOnAir) {\r\n setOnAir(!onAir);\r\n }\r\n setViewButtonDisabled(true);\r\n setOnAirButtonDisabled(true);\r\n setTimeout(() => {\r\n setViewButtonDisabled(false);\r\n setOnAirButtonDisabled(false);\r\n }, 3000);\r\n }\r\n function changeVonageScreenshareLayout(newLayout) {\r\n const { eventId, channel } = stateRef.current;\r\n stateRef.current.hubConnection.invoke(\"changeVonageScreenshareLayout\", eventId, channel, newLayout);\r\n setScreenshareLayout(newLayout);\r\n }\r\n const onChangeVonageScreenshareLayoutBackstage = (newLayout) => {\r\n setScreenshareLayout(newLayout);\r\n };\r\n\r\n const classes = useStyles();\r\n const tabsClasses = indicatorStyle();\r\n const { forceDisc, notAuthorized, connected, connecting, initilized } = state;\r\n const settings = {\r\n backgroundColor: \"transparent\",\r\n backstage: true,\r\n allowFullscreen: false,\r\n showNametags: \"HOVER\",\r\n lockAspectRatio: true,\r\n aspectRatio: \"16:9\",\r\n };\r\n const api = {\r\n ...props,\r\n ...state,\r\n disableControls: onAirBtnDisabled || viewBtnDisabled || showHwSetup,\r\n channel: stateRef.current.channel ? stateRef.current.channel : undefined,\r\n view,\r\n onAir,\r\n isStudioStream,\r\n tryReconnect,\r\n toggleHardwareSetup: (s) => setShowHardwareSetup(s),\r\n setHardwareSetup: (hws) => setHardwareSetup(hws),\r\n hardwareSetup,\r\n settings: settings,\r\n };\r\n\r\n if (connecting && !initilized) return \r\n \r\n {(matches) => (\r\n <>\r\n {matches.desktop || (!matches.desktop && isSidebarOpen) ? (\r\n
\r\n \r\n );\r\n}\r\nfunction TabPanel(props) {\r\n const { children, value, index, ...other } = props;\r\n\r\n return (\r\n \r\n \r\n \r\n {stateRef.current.eventName} {stateRef.current.channel ? String.fromCharCode(8226) + \" \" + stateRef.current.channel : null}\r\n \r\n \r\n \r\n toggleView(\"LIVE\")}\r\n disabled={viewBtnDisabled || showHwSetup || view === \"LIVE\"}\r\n variant={view == \"LIVE\" ? \"contained\" : \"\"}\r\n size=\"small\"\r\n style={{ color: \"#fff\", border: 0, backgroundColor: view == \"LIVE\" ? \"rgb(22 88 197)\" : \"transparent\", borderRadius: view == \"LIVE\" ? 25 : undefined }}\r\n >\r\n toggleView(\"BACKSTAGE\")}\r\n variant={view == \"BACKSTAGE\" ? \"contained\" : \"\"}\r\n size=\"small\"\r\n style={{\r\n color: \"#fff\",\r\n border: 0,\r\n opacity: onAir ? 0.6 : 1,\r\n backgroundColor: view == \"BACKSTAGE\" ? \"rgb(22 88 197)\" : \"transparent\",\r\n borderRadius: view == \"BACKSTAGE\" ? 25 : undefined,\r\n }}\r\n >\r\n \r\n {isRecording ? : null}\r\n {isRecording ? \r\n \r\n window.open(`${window.location.origin}${!window.location.toString().includes(\"localhost\") ? \"/interaction\" : \"\"}/session/stage/${stateRef.current.eventCode}?lang=${stateRef.current.lang}`, \"_blank\")\r\n }\r\n >\r\n \r\n \r\n {stateRef.current.clientName || \"Gäst\"}\r\n \r\n\r\n setIsSidebarOpen(!isSidebarOpen)}>\r\n \r\n \r\n \r\n \r\n {view == \"LIVE\" ?
\r\n \r\n \r\n setActiveTab(val)} aria-label=\"tabs\">\r\n \r\n \r\n \r\n \r\n \r\n {activeTab == 1 ? \r\n \r\n {activeTab == 2 ? \r\n {isModerator ? (\r\n \r\n \r\n ) : null}\r\n
\r\n ) : null}\r\n \r\n )}\r\n \r\n \r\n {children}\r\n
\r\n );\r\n}\r\nfunction mapStateToProps(state) {\r\n return {};\r\n}\r\nexport default connect(mapStateToProps)(VonageBackstage);\r\n","import { HubConnectionBuilder } from \"@aspnet/signalr\";\r\nimport { IconButton, Dialog, DialogTitle, DialogContent, DialogActions, Button, TextField, MenuItem, Select, FormControl, FormGroup, FormControlLabel, Switch, InputLabel } from \"@material-ui/core\";\r\nimport React, { useEffect, useRef, useState } from \"react\";\r\nimport { getKey } from \"../../helpers/UrlHelper\";\r\nimport { meetingService } from \"../../services/meeting/meeting.service\";\r\nimport SettingsIcon from \"@material-ui/icons/Settings\";\r\nimport OT from \"@opentok/client\";\r\nimport { ResizeObserver } from \"@juggle/resize-observer\";\r\nimport { clientTypeConstants } from \"../../interaction/constants/clientType.constants\";\r\nimport \"./VideoWallStyle.css\";\r\nimport axios from \"axios\";\r\nconst ro = new ResizeObserver((entries, observer) => {\r\n entries.forEach((e, index) => {\r\n if (Math.abs(e.target.clientHeight - (e.target.clientWidth * 0.5625).toFixed(0)) > 3) {\r\n e.target.style.opacity = 1;\r\n let toHigh = (e.target.clientHeight / e.target.clientWidth).toFixed(2) > 0.5625;\r\n if (toHigh) {\r\n e.target.style.width = \"100%\";\r\n e.target.style.height = (e.target.clientWidth * 0.5625).toFixed(0) + \"px\";\r\n } else {\r\n e.target.style.width = (e.target.clientHeight * 1.777777777777778).toFixed(0) + \"px\";\r\n e.target.style.height = \"100%\";\r\n }\r\n }\r\n });\r\n});\r\nconst globalStreamList = [];\r\n\r\nexport default function VonageVideoWall(props) {\r\n const [showSettings, setShowSettings] = useState(true);\r\n const [showNametags, setShowNametags] = useState(false);\r\n const [eventCode, setEventCode] = useState(null);\r\n const [eventId, setEventId] = useState(null);\r\n const [eventName, setEventName] = useState(null);\r\n const [parentEventId, setParentEventId] = useState(null);\r\n const [name, setName] = useState(null);\r\n const [screenNo, setScreenNo] = useState(null);\r\n const [gridClass, setGridClass] = useState(\"one-row\");\r\n const [maxVids, setMaxVids] = useState(4);\r\n const [session, setSession] = useState(null);\r\n const [token, setToken] = useState(null);\r\n const [hubConnection, setHubConnection] = useState(null);\r\n const [connecting, setConnecting] = useState(false);\r\n const [connected, setConnected] = useState(false);\r\n const [countdown, setCountdown] = useState(null)\r\n const [reconnectCounter, setReconnectCounter] = useState(null);\r\n const [templateList, setTemplateList] = useState([]);\r\n const [orderList, setOrderList] = useState([]);\r\n const [templateId, setTemplateId] = useState(-1);\r\n const [streams, setStreams] = useState([]);\r\n const [linkToPage, setLinkToPage] = useState(\"\");\r\n const onStreamDestroyedRef = useRef();\r\n const kickPersonFromWallRef = useRef();\r\n const onConnectionCloseRef = useRef();\r\n const [activeTemplateContent, setActiveTemplateContent] = useState(null);\r\n const activeTemplate = templateList.find(t => t.templateId === templateId);\r\n const activeVideoCount = streams.length;\r\n const getOrderListIntervalRef = useRef();\r\n const getOrderListRef = useRef();\r\n\r\n useEffect(() => {\r\n const { location, match } = props;\r\n let eventCode = match.params.id;\r\n const params = new URLSearchParams(location.search);\r\n const preSetMaxCount = params.get(getKey(\"max\", params));\r\n const preSetName = params.get(getKey(\"name\", params));\r\n const preSetScreenNo = params.get(getKey(\"screenNo\", params));\r\n const preSetTemplate = params.get(getKey(\"template\", params));\r\n const preSetNametags = params.get(getKey(\"showNametags\", params));\r\n setEventCode(eventCode);\r\n\r\n if (preSetName) {\r\n setName(preSetName.toLowerCase());\r\n }\r\n else {\r\n alert(\"Name missing\");\r\n }\r\n if (preSetScreenNo && !isNaN(preSetScreenNo)) {\r\n setScreenNo(preSetScreenNo || 1);\r\n }\r\n if (preSetNametags && preSetNametags.toLowerCase() == \"true\") {\r\n setShowNametags(true);\r\n }\r\n if (preSetTemplate && !isNaN(preSetTemplate)) {\r\n setTemplateId(parseInt(preSetTemplate));\r\n }\r\n if (preSetMaxCount && !isNaN(preSetMaxCount)) {\r\n setMaxVids(parseInt(preSetMaxCount));\r\n }\r\n meetingService.getEventId(eventCode).then(({ eventId, eventName, parentEventId }) => {\r\n setEventId(eventId);\r\n setEventName(eventName);\r\n setParentEventId(parentEventId);\r\n axios.get(`./api/template/event/${eventId}?includeInherited=true`).then(({ data }) => {\r\n setTemplateList(data);\r\n })\r\n });\r\n\r\n }, []);\r\n\r\n useEffect(() => {\r\n onStreamDestroyedRef.current = onStreamDestroyed;\r\n onConnectionCloseRef.current = onConnectionClose;\r\n kickPersonFromWallRef.current = kickPersonFromWall;\r\n getOrderListRef.current = getOrderList;\r\n if (hubConnection) {\r\n hubConnection.on(\"onVonageVideoWallHandshake\", onVonageVideoWallHandshake);\r\n hubConnection.on(\"onGetVideoWallSession\", onGetVideoWallSession);\r\n hubConnection.on(\"onGetOrderList\", onGetOrderList);\r\n }\r\n if (session) {\r\n session.on(\"streamCreated\", onStreamCreated);\r\n }\r\n return () => {\r\n if (hubConnection) {\r\n hubConnection.off(\"onVonageVideoWallHandshake\", onVonageVideoWallHandshake);\r\n hubConnection.off(\"onGetVideoWallSession\", onGetVideoWallSession);\r\n hubConnection.off(\"onGetOrderList\", onGetOrderList);\r\n }\r\n if (session) {\r\n session.off(\"streamCreated\", onStreamCreated);\r\n }\r\n }\r\n });\r\n useEffect(() => {\r\n if (activeTemplate && activeTemplate.content)\r\n setActiveTemplateContent(JSON.parse(activeTemplate.content))\r\n else setActiveTemplateContent(null);\r\n }, [activeTemplate]);\r\n useEffect(() => {\r\n calculateColumns();\r\n }, [activeVideoCount]);\r\n\r\n useEffect(() => {\r\n var newLink = `https://${window.location.host}${window.location.host.includes(\"localhost\") ? \"\" : \"/interaction\"}/videowall/${eventCode}?name=${name}&screenno=${screenNo}&max=${maxVids}${templateId > 0 ? `&template=${templateId}` : ''}${showNametags ? `&showNametags=true` : ''}`;\r\n setLinkToPage(newLink)\r\n }, [templateId, showNametags, name, maxVids, screenNo])\r\n useEffect(() => {\r\n if (showNametags && hubConnection) {\r\n\r\n }\r\n }, [showNametags]);\r\n\r\n useEffect(() => {\r\n if (connected == false && connecting == false && hubConnection?.connectionState === 0) {\r\n tryReconnect();\r\n var counter = setInterval(() => {\r\n setCountdown((prevCount) => prevCount + 1);\r\n }, 1000);\r\n if (reconnectCounter) clearInterval(reconnectCounter);\r\n setReconnectCounter(counter);\r\n } else if (countdown >= 60 && !connected && hubConnection) {\r\n setCountdown(0);\r\n setConnecting(false);\r\n tryReconnect();\r\n } else if (connected == true && !connecting && hubConnection && hubConnection.connectionState == 1) {\r\n if (reconnectCounter) clearInterval(reconnectCounter);\r\n setCountdown(0);\r\n setReconnectCounter(null);\r\n }\r\n }, [connected, connecting, countdown]);\r\n function tryReconnect() {\r\n if (!connecting && !connected && hubConnection) {\r\n connectToHub();\r\n }\r\n }\r\n const connectToHub = () => {\r\n let hc = hubConnection;\r\n if (!hc) hc = new HubConnectionBuilder().withUrl(\"./ihub\").build();\r\n setConnecting(true);\r\n hc\r\n .start()\r\n .then(() => {\r\n hc.onclose(() => onConnectionCloseRef.current());\r\n const handshakeObj = {\r\n eventId: eventId,\r\n clientType: clientTypeConstants.INTERACTION_VONAGE_VIDEOWALL,\r\n clientKey: null,\r\n channel: `${name}_${screenNo}`,\r\n exhibitorId: null,\r\n code: null,\r\n userGuid: null,\r\n userInfo: null,\r\n };\r\n hc.invoke(\"vonageVideoWallHandshake\", handshakeObj);\r\n })\r\n .catch(function (e) {\r\n console.error(e);\r\n });\r\n setHubConnection(hc);\r\n };\r\n const onConnectionClose = () => {\r\n setConnected(false);\r\n }\r\n function onVonageVideoWallHandshake(response) {\r\n const { success } = response;\r\n document.title = response.eventName || \"\";\r\n if (!success) {\r\n setConnected(false);\r\n return;\r\n }\r\n setConnecting(false);\r\n setConnected(true);\r\n hubConnection.invoke(\"getVideoWallSession\", eventId, name, screenNo, maxVids);\r\n hubConnection.invoke(\"getOrderList\", eventId);\r\n getOrderListIntervalRef.current = setInterval(getOrderListRef.current(), 15000);\r\n }\r\n function getOrderList() {\r\n if (showNametags && hubConnection) {\r\n hubConnection.invoke(\"getOrderList\", eventId);\r\n }\r\n }\r\n function onGetOrderList(list) {\r\n setOrderList(list);\r\n }\r\n function onGetVideoWallSession(apiKey, sessionId, token) {\r\n var session = OT.initSession(apiKey, sessionId);\r\n setSession(session);\r\n session.connect(token, (error) => {\r\n if (error) console.error(error);\r\n });\r\n setToken(token);\r\n }\r\n function calculateColumns() {\r\n const vids = activeVideoCount;\r\n if (vids <= 1) {\r\n setGridClass(\"one-row-single\");\r\n } else if (vids == 2) {\r\n setGridClass(\"one-row\");\r\n } else if (vids > 2 && vids < 5) {\r\n setGridClass(\"two-row\");\r\n } else if (vids >= 5 && vids < 10) {\r\n setGridClass(\"three-row\");\r\n } else if (vids >= 10 && vids < 13) {\r\n setGridClass(\"three-row wide\");\r\n } else if (vids >= 13 && vids < 17) {\r\n setGridClass(\"four-row\");\r\n } else if (vids >= 17 && vids < 21) {\r\n setGridClass(\"four-row wide\");\r\n } else if (vids >= 21 && vids < 26) {\r\n setGridClass(\"five-row\");\r\n } else if (vids >= 26 && vids < 31) {\r\n setGridClass(\"five-row wide\");\r\n } else if (vids >= 31 && vids < 37) {\r\n setGridClass(\"six-row\");\r\n } else if (vids >= 37 && vids < 43) {\r\n setGridClass(\"six-row wide\");\r\n }else if (vids >= 43 && vids < 50) {\r\n setGridClass(\"seven-row\");\r\n }\r\n else {\r\n setGridClass(\"seven-row wide\");\r\n }\r\n }\r\n function onStreamCreated(event) {\r\n var targetContainer = \"vonage-grid-container\";\r\n var targetOptions = {\r\n insertMode: \"append\",\r\n width: \"0%\",\r\n height: \"0%\",\r\n showControls: false,\r\n };\r\n let newStream = session.subscribe(event.stream, targetContainer, targetOptions); //här\r\n const streamName = newStream.stream.name;\r\n newStream.on(\"destroyed\", (event) => { onStreamDestroyedRef.current(event, streamName); });\r\n addNametag(newStream);\r\n // speakerDetection(newStream, setSubscriberStartTalking, setSubscriberStopTalking);\r\n // newStream.element.addEventListener(\"click\", (t) => setFocusedStream(t.currentTarget));\r\n ro.observe(newStream.element);\r\n newStream.element.addEventListener(\"click\", () => kickPersonFromWallRef.current(streamName));\r\n globalStreamList.push(newStream);\r\n setStreams([...globalStreamList]);\r\n hubConnection.invoke(\"videoWallPersonConnected\", eventId, name, screenNo, newStream.stream.name);\r\n\r\n }\r\n function kickPersonFromWall(clientKey) {\r\n if (hubConnection && hubConnection.connectionState == 1) {\r\n hubConnection.invoke(\"kickPersonFromWall\", eventId, name, clientKey);\r\n }\r\n }\r\n function onStreamDestroyed(event, clientKey) {\r\n var sIndex = globalStreamList.indexOf(globalStreamList.find((s) => s.widgetId === event.target.widgetId));\r\n if (sIndex != -1) {\r\n globalStreamList.splice(sIndex, 1);\r\n hubConnection.invoke(\"videoWallPersonDisconnected\", eventId, name, screenNo, clientKey);\r\n setStreams([...globalStreamList]);\r\n }\r\n }\r\n function addNametag(subscriber) {\r\n\r\n var nametag = document.createElement(\"div\");\r\n nametag.style.position = \"absolute\";\r\n nametag.style.top = \"2%\";\r\n nametag.style.right = \"0px\";\r\n nametag.style.left = \"0px\";\r\n nametag.style.color = \"white\";\r\n nametag.style.textAlign = \"center\";\r\n nametag.classList.add(\"person-nametag\");\r\n var order = orderList.find((x) => x.badgeNo == subscriber.stream.name);\r\n let streamName = order ? order.name : \"Guest\";\r\n if (order && order.company) {\r\n streamName += \", \" + order.company;\r\n }\r\n var nameText = document.createElement(\"span\");\r\n nameText.innerText = streamName;\r\n nameText.style.padding = \"4px 10px\";\r\n nameText.style.borderRadius = \"5px\";\r\n nameText.style.backgroundColor = \"#17171794\";\r\n nametag.appendChild(nameText);\r\n subscriber.element.appendChild(nametag);\r\n }\r\n function saveSettings() {\r\n if (!hubConnection) {\r\n connectToHub();\r\n }\r\n else {\r\n hubConnection.invoke(\"UpdateVideoWallSettings\", eventId, name, session.id, screenNo, maxVids);\r\n }\r\n setShowSettings(false)\r\n }\r\n function selectText(containerid) {\r\n if (document.selection) { // IE\r\n var range = document.body.createTextRange();\r\n range.moveToElementText(document.getElementById(containerid));\r\n range.select();\r\n } else if (window.getSelection) {\r\n var range = document.createRange();\r\n range.selectNode(document.getElementById(containerid));\r\n window.getSelection().removeAllRanges();\r\n window.getSelection().addRange(range);\r\n }\r\n }\r\n return (\r\n \r\n
\r\n );\r\n}\r\n","import React, { useState } from 'react';\r\nimport { Button, MenuItem, DialogTitle, DialogContent, DialogActions, Dialog, TextField, InputLabel } from '@material-ui/core';\r\nimport SystemLabel from '../../../system/SystemLabel/SystemLabel';\r\n\r\nexport default function CreateChannelDialog({ parentEventId, eventList, handleClose, save }) {\r\n const [selectedEvent, setSelectedEvent] = useState(parentEventId);\r\n const [newChannelName, setNewChannelName] = useState(\"\");\r\n const saveClick = () => {\r\n if (selectedEvent && newChannelName) {\r\n save(selectedEvent, newChannelName);\r\n }\r\n }\r\n return (\r\n \r\n {activeTemplate && activeTemplate.formattedCss ?\r\n \r\n : null}\r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {dialogOpen ?\r\n \r\n
\r\n {eventName}
\r\n {clientKey.startsWith(\"sneakyspy\") || clientKey.startsWith(tickCode) ?\r\n\r\n \r\n
\r\n : null}\r\n - \r\n {eventList.map((ev, i) => {\r\n const mainRoomChannel = channels.find((ch) => ch.eventId == ev.eventId && !ch.channel);\r\n return (\r\n
\r\n
*/}","import React, { useEffect, useRef, useState } from \"react\";\r\nimport { HubConnectionBuilder } from \"@aspnet/signalr\";\r\nimport { IconButton, Dialog, DialogTitle, DialogContent, DialogActions, Button, TextField, MenuItem, Select, FormControl, FormGroup, FormControlLabel, Switch, InputLabel } from \"@material-ui/core\";\r\nimport { getKey } from \"../../helpers/UrlHelper\";\r\nimport PlauditTrack from \"../../digitalArena/modules/Plaudit/PlauditTrack\";\r\nimport { clientTypeConstants } from \"../../interaction/constants/clientType.constants\";\r\nimport { meetingService } from \"../../services/meeting/meeting.service\";\r\nimport SettingsIcon from \"@material-ui/icons/Settings\";\r\nexport default function PlauditPresenter(props) {\r\n const [showSettings, setShowSettings] = useState(true);\r\n const [eventCode, setEventCode] = useState(null);\r\n const [backgroundColor, setBackgroundColor] = useState(\"#00ff00\");\r\n const [eventId, setEventId] = useState(null);\r\n const [channel, setChannel] = useState(null);\r\n const [eventName, setEventName] = useState(null);\r\n const [parentEventId, setParentEventId] = useState(null);\r\n const [name, setName] = useState(null);\r\n const [hubConnection, setHubConnection] = useState(null);\r\n const [connecting, setConnecting] = useState(false);\r\n const [connected, setConnected] = useState(false);\r\n const [countdown, setCountdown] = useState(null)\r\n const [reconnectCounter, setReconnectCounter] = useState(null);\r\n const onConnectionCloseRef = useRef();\r\n useEffect(() => {\r\n const { location, match } = props;\r\n let eventCode = match.params.id;\r\n const params = new URLSearchParams(location.search);\r\n setEventCode(eventCode);\r\n const channel = params.get(getKey(\"channel\", params));\r\n if (channel) {\r\n setChannel(channel)\r\n }\r\n meetingService.getEventId(eventCode).then(({ eventId, eventName, parentEventId }) => {\r\n setEventId(eventId);\r\n setEventName(eventName);\r\n setParentEventId(parentEventId);\r\n // axios.get(`./api/template/event/${eventId}?includeInherited=true`).then(({ data }) => {\r\n // setTemplateList(data);\r\n // })\r\n });\r\n }, []);\r\n useEffect(() => {\r\n onConnectionCloseRef.current = onConnectionClose;\r\n if (hubConnection) {\r\n hubConnection.on(\"onHandshake\", onHandshake);\r\n }\r\n\r\n return () => {\r\n if (hubConnection) {\r\n hubConnection.off(\"onHandshake\", onHandshake);\r\n }\r\n }\r\n });\r\n const onHandshake = (response) => {\r\n const { success } = response;\r\n if (!success) {\r\n setConnected(false);\r\n return;\r\n }\r\n setConnecting(false);\r\n setConnected(true);\r\n }\r\n useEffect(() => {\r\n if (connected == false && connecting == false && hubConnection?.connectionState === 0) {\r\n tryReconnect();\r\n var counter = setInterval(() => {\r\n setCountdown((prevCount) => prevCount + 1);\r\n }, 1000);\r\n if (reconnectCounter) clearInterval(reconnectCounter);\r\n setReconnectCounter(counter);\r\n } else if (countdown >= 60 && !connected && hubConnection) {\r\n setCountdown(0);\r\n setConnecting(false);\r\n tryReconnect();\r\n } else if (connected == true && !connecting && hubConnection && hubConnection.connectionState == 1) {\r\n if (reconnectCounter) clearInterval(reconnectCounter);\r\n setCountdown(0);\r\n setReconnectCounter(null);\r\n }\r\n }, [connected, connecting, countdown]);\r\n function tryReconnect() {\r\n if (!connecting && !connected && hubConnection) {\r\n connectToHub();\r\n }\r\n }\r\n const connectToHub = () => {\r\n let hc = hubConnection;\r\n if (!hc) hc = new HubConnectionBuilder().withUrl(\"./ihub\").build();\r\n setConnecting(true);\r\n hc\r\n .start()\r\n .then(() => {\r\n hc.onclose(() => onConnectionCloseRef.current());\r\n const handshakeObj = {\r\n eventId: eventId,\r\n clientType: clientTypeConstants.INTERACTION_PLAUDIT_PRESENTER,\r\n clientKey: null,\r\n channel: channel ? channel : null,\r\n exhibitorId: null,\r\n code: null,\r\n userGuid: null,\r\n userInfo: null,\r\n };\r\n hc.invoke(\"handshake\", handshakeObj);\r\n })\r\n .catch(function (e) {\r\n console.error(e);\r\n });\r\n setHubConnection(hc);\r\n };\r\n const onConnectionClose = () => {\r\n setConnected(false);\r\n }\r\n function saveSettings() {\r\n if (!hubConnection) {\r\n connectToHub();\r\n }\r\n // else {\r\n // hubConnection.invoke(\"UpdateVideoWallSettings\", eventId, name, session.id, screenNo, maxVids);\r\n // }\r\n setShowSettings(false)\r\n }\r\n return \r\n \r\n {\" \"}\r\n \r\n \r\n {\" \"}\r\n \r\n
\r\n - \r\n {questions && questions.length > 0\r\n ? questions\r\n .filter((q) => q.type == \"Text\" && (!q.tag || (q.tag && !q.tag.includes(\"hideinstage\"))))\r\n .map((q, i) => {\r\n let qLang = q.questionLanguage.find((ql) => ql.languageCode == lang);\r\n let qActive = activeQuestions.some((aq) => aq === q.questionId);\r\n return (\r\n
\r\n \r\n \r\n {hubConnection && hubConnection.connectionState == 1 ?\r\n
\r\n}","import React, { Component } from \"react\";\r\nimport { Router, Route, Switch } from \"react-router-dom\";\r\nimport { history } from \"./helpers/history\";\r\nimport { connect } from \"react-redux\";\r\nimport { ProvideBrowserOptions } from \"./system/BrowserAgent/ProvideBrowserOptions\";\r\nimport PresenterLayout from \"./interaction/presenter/Layout/PresenterLayout\";\r\nimport { SplashScreen } from \"./components/SplashScreen/SplashScreen\";\r\nimport ModeratorLayout from \"./interaction/moderator/Layout/ModeratorLayout\";\r\nimport StageLayout from \"./interaction/stage/Layout/StageLayout\";\r\nimport ExpoBoothLayout from \"./exhibitor/ExpoBooth/Layout/ExpoBoothLayout\";\r\nimport RedirectUser from \"./RedirectUser\";\r\nimport ChatModeratorLayout from \"./interaction/chatModerator/Layout/ChatModeratorLayout\";\r\nimport EditorWrapper from \"./meetingEditor/layout/EditorWrapper\";\r\nimport { Backoffice } from \"./exhibitor2/Backoffice/Backoffice\";\r\nimport VonageBackstage from \"./vonageBackstage/VonageBackstage\";\r\nimport VonageVideoWall from \"./presentation/VideoWall/VonageVideoWall\";\r\nimport ChannelList from \"./interaction/channellist/ChannelList\";\r\nimport PlauditPresenter from \"./presentation/Plaudit/PlauditPresenter\";\r\n\r\nimport \"./App.scss\";\r\n\r\nconst DigitalArena = React.lazy(() => import(\"./digitalArena/DigitalArena\"));\r\n\r\nconst loading = () => Loading...
;\r\n\r\nclass App extends Component {\r\n directToInadraHomePage = () => {\r\n window.location.replace(\"https://web.jirango.com\");\r\n };\r\n render() {\r\n return (\r\n 404
} />\r\n500
} />\r\n\r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nconst PersonDetailsItem = (props) => {\r\n const { person, target, chatTemplate, selectChat, template } = props;\r\n const { primaryColor, secondaryColor } = chatTemplate;\r\n const titleStyle = {\r\n fontSize: \"1.1rem\",\r\n color: \"#222\",\r\n };\r\n return (\r\n \r\n {children}\r\n
\r\n - \r\n
\r\n
\r\n \r\n \r\n {person.nameInitials}\r\n \r\n
\r\n \r\n
\r\n \r\n {/* {person.name}
\r\n {person.title ? {person.title}
: null}\r\n {person.company ? (\r\n \r\n {person.company}\r\n
\r\n ) : null}\r\n \r\n selectChat(target || person.badgeNo)}\r\n style={{\r\n color: secondaryColor,\r\n backgroundColor: primaryColor,\r\n padding: \"6px 12px\",\r\n width: !person.linkedIn ? \"100%\" : `calc(100% - 36.5px)`,\r\n margin: 5,\r\n }}\r\n startIcon={ window.open(person.linkedIn, \"_blank\")}\r\n variant=\"contained\"\r\n color=\"default\"\r\n style={{\r\n backgroundColor: \"#eee\",\r\n padding: \"6px 12px\",\r\n margin: 5,\r\n boxShadow: \"none\",\r\n }}\r\n >\r\n \r\n \r\n \r\n ) : null}\r\n
\r\n \r\n
\r\n \r\n
\r\n ) : null}\r\n\r\n \r\n
\r\n );\r\n};\r\n","import React, { useState, useEffect, useRef } from \"react\";\r\nimport AgendaModule from \"../modules/AgendaModule/AgendaModule\";\r\nimport BreakoutModule from \"../modules/BreakoutModule/BreakoutModule\";\r\nimport ChatModule from \"../modules/ChatModule/ChatModule\";\r\nimport ClientListModule from \"../modules/ClientListModule/ClientListModule\";\r\nimport ConnectionsModule from \"../modules/ConnectionsModule/ConnectionsModule\";\r\nimport ExhibitorModule from \"../modules/ExhibitorModule/ExhibitorModule\";\r\nimport { HtmlModule } from \"../modules/HtmlModule\";\r\nimport { IframeModule } from \"../modules/IframeModule\";\r\nimport { ImageModule } from \"../modules/ImageModule\";\r\nimport { JitsiModule } from \"../modules/JitsiModule\";\r\nimport PollModule from \"../modules/PollModule/PollModule\";\r\nimport PresenterModule from \"../modules/PresenterModule/PresenterModule\";\r\nimport UserCardModule from \"../modules/UserCardModule/UserCardModule\";\r\nimport { useMediaQuery } from \"@material-ui/core\";\r\nimport json2mq from \"json2mq\";\r\nimport { VideoModule } from \"../modules/VideoModule\";\r\nimport TextModule from \"../modules/TextModule\";\r\nimport { ModuleErrorFallback } from \"./fallbacks/ModuleErrorFallback\";\r\nimport * as SentryReact from \"@sentry/react\";\r\nimport { combineProps } from \"../../helpers/objectHelper\";\r\nimport ZoomModule from \"../modules/ZoomModule/ZoomModule\";\r\nimport { BlockModule } from \"../modules/BlockModule\";\r\nimport ButtonModule from \"../modules/ButtonModule\";\r\nimport GroupGeneratorModule from \"../modules/GroupGeneratorModule\";\r\nimport VonageVideoClientModule from \"../modules/Vonage/VonageVideoClientModule\";\r\nimport CountdownModule from \"../modules/CountdownModule/CountdownModule\";\r\nimport { ImageMapModule } from \"../modules/ImageMapModule\";\r\nimport SpeakerControl from \"../modules/SpeakerControl/SpeakerControl\";\r\nimport SpeakerCard from \"../modules/SpeakerCard\";\r\nimport { SpeakerList } from \"../modules/SpeakerList.js/SpeakerList\";\r\nimport { EventName } from \"../modules/EventName\";\r\nimport { ContentView } from \"../modules/ContentView/ContentView\";\r\nimport { VideoWallModule } from \"../modules/VideoWallModule/VideoWallModule\";\r\nimport PlauditButtons from \"../modules/Plaudit/PlauditButtons\";\r\nimport PlauditTrack from \"../modules/Plaudit/PlauditTrack\";\r\n\r\nexport function MeetingLayoutModule(props) {\r\n const fullscreenRef = useRef();\r\n\r\n return \r\n \r\n
\r\n \r\n resetError()}\r\n >\r\n \r\n chrome.windows.create({\r\n url: window.location.href,\r\n incognito: true,\r\n })()\r\n }\r\n >\r\n
\r\n \r\n
\r\n \r\n (wrapperRef.current = r)}>\r\n
\r\n );\r\n};\r\nconst aspecRatio = (w, h, ratio, bound, fullWidth = false, callback = () => null) => {\r\n const defStyle = { height: \"100%\", width: \"100%\" };\r\n\r\n let toHigh = false;\r\n let toWide = false;\r\n let customWidth = w;\r\n let customHeight = h;\r\n if (!bound) return defStyle;\r\n switch (ratio) {\r\n case \"16:9\":\r\n toWide = (bound.height / bound.width).toFixed(4) < 0.5625;\r\n toHigh = (bound.height / bound.width).toFixed(4) > 0.5625;\r\n if (toHigh) {\r\n customWidth = \"100%\";\r\n customHeight = \"auto\"; //bound.width * 0.5625;\r\n }\r\n if (toWide) {\r\n customWidth = \"auto\"; // bound.height * 1.7777778;\r\n customHeight = \"100%\";\r\n }\r\n return {\r\n ...defStyle,\r\n height: customHeight,\r\n margin: \"auto\",\r\n aspectRatio: \"16/9\",\r\n width: customWidth,\r\n };\r\n case \"16:10\":\r\n toWide = (bound.height / bound.width).toFixed(3) < 0.625;\r\n toHigh = (bound.height / bound.width).toFixed(3) > 0.625;\r\n if (toHigh) {\r\n customWidth = \"100%\";\r\n customHeight = bound.width * 0.625;\r\n }\r\n if (toWide) {\r\n customWidth = fullWidth ? \"100%\" : bound.height * 1.6;\r\n customHeight = \"100%\";\r\n }\r\n\r\n return {\r\n ...defStyle,\r\n height: customHeight,\r\n margin: \"auto\",\r\n aspectRatio: \"16/10\",\r\n width: customWidth,\r\n };\r\n case \"4:3\":\r\n toWide = (bound.height / bound.width).toFixed(2) < 0.75;\r\n toHigh = (bound.height / bound.width).toFixed(2) > 0.75;\r\n if (toHigh) {\r\n customWidth = \"100%\";\r\n customHeight = bound.width * 0.75;\r\n }\r\n if (toWide) {\r\n customWidth = bound.height * 1.33333333333333;\r\n customHeight = \"100%\";\r\n }\r\n\r\n return {\r\n ...defStyle,\r\n height: customHeight,\r\n margin: \"auto\",\r\n aspectRatio: \"4/3\",\r\n width: customWidth,\r\n };\r\n default:\r\n return defStyle;\r\n }\r\n};\r\n\r\nfunction ModuleType(props) {\r\n const { moduleType } = props;\r\n switch (moduleType) {\r\n case \"Image\":\r\n return \r\n {children}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {noFontLoad != true ?
\r\n );\r\n}\r\n\r\n// function DesktopViewWrapper(props) {\r\n// const { children, style } = props;\r\n// return (\r\n// \r\n
\r\n );\r\n });\r\n}\r\n","import React from \"react\";\r\nimport SystemLabel from \"../system/SystemLabel/SystemLabel\";\r\nimport Dialog from '@material-ui/core/Dialog';\r\nimport DialogContent from '@material-ui/core/DialogContent';\r\nimport DialogContentText from '@material-ui/core/DialogContentText';\r\nimport DialogTitle from '@material-ui/core/DialogTitle';\r\nimport Slide from '@material-ui/core/Slide';\r\nimport ErrorOutlineIcon from '@material-ui/icons/ErrorOutline';\r\nexport default function NotAuthorized(props) {\r\n return (\r\n \r\n \r\n {\" \"}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\nconst Transition = React.forwardRef(function Transition(props, ref) {\r\n return \r\n {item.visible ? getChildren(item) : \"\"}\r\n
\r\n );\r\n });\r\n } else {\r\n return (node.data || []).map((item, index) => {\r\n return component(item, index);\r\n });\r\n }\r\n };\r\n return (\r\n \r\n {list && list.length > 0 ? (\r\n \r\n \r\n ) : null}\r\n
\r\n );\r\n}, isEqual);\r\nexport default ReactEternalList;\r\n","export function toTitleCase(str) {\r\n return str.replace(\r\n /\\w\\S*/g,\r\n function(txt) {\r\n return txt.charAt(0).toUpperCase() + txt.substr(1);\r\n }\r\n );\r\n }\r\n\r\n export function escapeHTML(str){\r\n var p = document.createElement(\"p\");\r\n p.appendChild(document.createTextNode(str));\r\n return p.innerHTML;\r\n}","import React from \"react\";\r\nimport { insertFonts } from \"../../../helpers/fontHelper\";\r\n\r\nexport const FontBasline = ({ fonts, template, modules }) => {\r\n return fonts || template || modules ? (\r\n <>\r\n \r\n {list && list.length > 0 ? (\r\n
\r\n \r\n {component(list[0])}\r\n
\r\n ) : null}\r\n {getChildren(renderList)}
\r\n \r\n
\r\n );\r\n}\r\n","import React, { useEffect, useMemo, useRef, useState } from 'react'\r\nimport \"./PlauditTrackStyles.css\"\r\n\r\nexport default function PlauditTrack({ hubConnection, eventId, settings, preview }) {\r\n const { alignment = \"right\", backgroundColor = \"#0000\" } = settings;\r\n const parentRef = useRef();\r\n const [loopIsRunning, setLoopIsRunning] = useState(false);\r\n const [content, setContent] = useState([]);\r\n const loopRef = useRef(null);\r\n const [uploadedFiles, setUploadedFiles] = useState({});\r\n useEffect(() => {\r\n getUploadedIcons()\r\n return () => {\r\n if (loopRef.current) {\r\n clearInterval(loopRef.current)\r\n }\r\n }\r\n }, [])\r\n useEffect(() => {\r\n if (!preview) {\r\n if (hubConnection) {\r\n hubConnection.on(\"onSendReaction\", onSendReaction);\r\n }\r\n }\r\n return () => {\r\n if (hubConnection) {\r\n hubConnection.off(\"onSendReaction\", onSendReaction);\r\n }\r\n }\r\n })\r\n const onSendReaction = (name) => {\r\n content.push(new IconBurst(parentRef.current, uploadedFiles[name] ? uploadedFiles[name] : `https://cdn.jsdelivr.net/npm/twemoji@latest/2/svg/${name.toLowerCase()}.svg`));\r\n if (!loopIsRunning) {\r\n setLoopIsRunning(true);\r\n animate();\r\n }\r\n }\r\n const animate = () => {\r\n let i = 0;\r\n for (i = 0; i < content.length; ++i) {\r\n if (content[i].done) {\r\n content[i].flush();\r\n content.splice(i, 1);\r\n }\r\n }\r\n // animate\r\n for (i = 0; i < content.length; ++i) {\r\n content[i].update();\r\n content[i].draw();\r\n }\r\n if (content.length > 0) {\r\n requestAnimationFrame(animate);\r\n }\r\n else {\r\n setLoopIsRunning(false);\r\n }\r\n }\r\n const getUploadedIcons = () => {\r\n const requestOptions = {\r\n method: \"GET\",\r\n };\r\n fetch(\r\n `./api/files/icons/${eventId}`,\r\n requestOptions\r\n ).then((response) =>\r\n response.text().then((text) => {\r\n try {\r\n const storageSummary = JSON.parse(text);\r\n var files = {};\r\n for (const file of storageSummary.files) {\r\n files[file.name] = file.url;\r\n }\r\n setUploadedFiles(files);\r\n } catch (error) {\r\n console.error(\"DOWNLOAD_ERROR\", error);\r\n }\r\n })\r\n );\r\n };\r\n return \r\n}\r\n\r\n\r\nclass IconBurst {\r\n constructor(parent, src) {\r\n this.timestamp = Date.now();\r\n this.parent = parent;\r\n this.x = 0;\r\n this.y = 0;\r\n this.color = Math.floor(Math.random() * 360);\r\n this.phase = Math.random() * 360;\r\n this.radius = Math.random() * 1;\r\n this.speed = 4;\r\n this.scale = 0.4 + Math.random() * 0.8;\r\n this.grow = 0.01;\r\n this.alpha = 1;\r\n this.done = false;\r\n this.distance = this.parent.clientHeight * -1;\r\n this.outer = document.createElement(\"div\");\r\n this.outer.className = `icon-outer`;\r\n\r\n /* */\r\n\r\n this.outer.style.left = this.parent.clientWidth - 50 + \"px\";\r\n this.outer.style.top = this.parent.clientHeight - 30 + \"px\";\r\n this.inner = document.createElement(\"div\");\r\n this.inner.className = `icon-inner`;\r\n this.inner.style.left = (this.parent.clientWidth / Math.floor(1 + (Math.random() * 3))) * -1 + \"px\"\r\n this.img = document.createElement(\"img\")\r\n this.img.src = src\r\n this.inner.append(this.img);\r\n this.outer.appendChild(this.inner);\r\n this.parent.appendChild(this.outer);\r\n\r\n this.draw();\r\n }\r\n\r\n flush() {\r\n if (this.parent.contains(this.outer)) {\r\n this.parent.removeChild(this.outer);\r\n }\r\n this.outer = null;\r\n this.inner = null;\r\n }\r\n\r\n draw() {\r\n if (this.done) return;\r\n this.outer.style.transform = \"translateX( \" + this.x + \"px ) translateY( \" + this.y + \"px ) translateZ( 0 ) scale( \" + this.grow + \" )\";\r\n this.outer.style.opacity = this.alpha;\r\n }\r\n\r\n update() {\r\n this.alpha = this.alpha > 0 ? this.alpha - 0.0015 : this.alpha;\r\n this.alpha = this.alpha < 0 ? 0.4 : this.alpha;\r\n\r\n this.x += Math.cos(this.phase / 50) * this.radius;\r\n this.y -= this.speed;\r\n\r\n this.grow += (this.scale - this.grow) / 10;\r\n this.phase += 1;\r\n\r\n this.done = this.y < this.distance || this.alpha <= 0 || this.timestamp + 15000 < Date.now() ? true : false;\r\n //\r\n }\r\n}","import { AppBar, Button, ButtonGroup } from \"@material-ui/core\";\r\nimport React, { useMemo } from \"react\";\r\n\r\nexport const BackstageChatHeader = (props) => {\r\n const { currentChat, disableGroupChat, orderList = [], chatTemplate, chats, missedGroupMessages, clientKey, exhibitor = false, deselectChat = () => null, selectChat } = props;\r\n const undreadEventMessages = useMemo(() => {\r\n let count = 0;\r\n chats.map((c) => {\r\n if (c.seen == false && c.target != currentChat) {\r\n count += c.messages.filter((m) => m.seen == false && m.receiver == clientKey).length;\r\n }\r\n if (c.target == \"ALL\" && c.seen == false && currentChat != \"ALL\") {\r\n count += missedGroupMessages;\r\n }\r\n });\r\n return count > 0;\r\n }, [chats]);\r\n\r\n const undreadBackstageMessages = useMemo(() => {\r\n let count = 0;\r\n chats.map((c) => {\r\n if (c.seen == false && c.target != currentChat) {\r\n count += c.messages.filter((m) => m.seen == false && m.receiver == clientKey).length;\r\n }\r\n if (c.target == \"BACKSTAGE\" && c.seen == false && currentChat != \"BACKSTAGE\") {\r\n count += missedGroupMessages;\r\n }\r\n });\r\n return count > 0;\r\n }, [chats]);\r\n\r\n return (\r\n \r\n
\r\n filter(e.target.value)} />\r\n \r\n
\r\n );\r\n else if (url.includes(\"dailymotion\") || url.includes(\"https://dai.ly/\"))\r\n return (\r\n \r\n
\r\n );\r\n else if (url.includes(\"jirango\")) {\r\n return (\r\n props.setScreenshareHiddenRef(r)} id=\"vonage-screenshare-hidden\" style={{ display: \"none\" }}>
\r\n \r\n );\r\n}\r\n","import LogRocket from \"logrocket\";\r\nimport * as Sentry from \"@sentry/browser\";\r\n\r\nimport { version } from \"../package.json\";\r\n\r\nexport const SENTRY_URL = `https://59af82ca8fa84fa28655ba27dec55b7d@sentry.io/1537128`;\r\nconst ignoreErrorsArray = [\r\n // Random plugins/extensions\r\n 'top.GLOBALS',\r\n // See: http://blog.errorception.com/2012/03/tale-of-unfindable-js-error.html\r\n 'originalCreateNotification',\r\n 'ResizeObserver loop completed with undelivered notifications',\r\n 'canvas.contentDocument',\r\n 'MyApp_RemoveAllHighlights',\r\n 'http://tt.epicplay.com',\r\n 'Can\\'t find variable: ZiteReader',\r\n 'jigsaw is not defined',\r\n 'ComboSearch is not defined',\r\n 'http://loading.retry.widdit.com/',\r\n 'atomicFindClose',\r\n // Facebook borked\r\n 'fb_xd_fragment',\r\n // ISP \"optimizing\" proxy - `Cache-Control: no-transform` seems to reduce this. (thanks @acdha)\r\n // See http://stackoverflow.com/questions/4113268/how-to-stop-javascript-injection-from-vodafone-proxy\r\n 'bmi_SafeAddOnload',\r\n 'EBCallBackMessageReceived',\r\n // See http://toolbar.conduit.com/Developer/HtmlAndGadget/Methods/JSInjection.aspx\r\n 'conduitPage',\r\n // Generic error code from errors outside the security sandbox\r\n // You can delete this if using raven.js > 1.0, which ignores these automatically.\r\n 'Script error.',\r\n `Uncaught (in promise) Error: Error parsing handshake response: Error: Expected a handshake response from the server.`,\r\n `'ResizeObserver' is not defined`,\r\n 'WebSocket closed with status code: 1006 ()',\r\n 'Failed to fetch',\r\n 'Error parsing handshake response: Error: Expected a handshake response from the server.',\r\n 'Invocation canceled due to connection being closed.',\r\n 'Server returned handshake error: Handshake was canceled.',\r\n 'Server timeout elapsed without receiving a message from the server.',\r\n \"Cannot send data if the connection is not in the 'Connected' State.\",\r\n \r\n];\r\nconst ignoreUrlsArray = [\r\n // Facebook flakiness\r\n /graph\\.facebook\\.com/i,\r\n // Facebook blocked\r\n /connect\\.facebook\\.net\\/en_US\\/all\\.js/i,\r\n // Woopra flakiness\r\n /eatdifferent\\.com\\.woopra-ns\\.com/i,\r\n /static\\.woopra\\.com\\/js\\/woopra\\.js/i,\r\n // Chrome extensions\r\n /extensions\\//i,\r\n /^chrome:\\/\\//i,\r\n // Other plugins\r\n /127\\.0\\.0\\.1:4001\\/isrunning/i, // Cacaoweb\r\n /webappstoolbarba\\.texthelp\\.com\\//i,\r\n /metrics\\.itunes\\.apple\\.com\\.edgesuite\\.net\\//i\r\n];\r\nfunction getUser() {\r\n let user = localStorage.getItem(\"user\");\r\n if (user) user = JSON.parse(user);\r\n else return \"NoUser\";\r\n\r\n if (user.userGuid) return user.userGuid;\r\n else return \"NoUser\";\r\n}\r\n\r\nfunction configSentry() {\r\n const environment = process.env.NODE_ENV.toUpperCase();\r\n\r\n if (environment != \"PRODUCTION\") return;\r\n LogRocket.init(\"9aheuz/kinima\");\r\n Sentry.init({\r\n dsn: SENTRY_URL,\r\n ignoreErrors:ignoreErrorsArray,\r\n ignoreUrls:ignoreUrlsArray,\r\n release: version,\r\n allowUrls:[/https?:\\/\\/(www\\.)?jirango\\.com/],\r\n environment: environment,\r\n autoSessionTracking: true,\r\n beforeSend(event, hint) {\r\n const logRocketSession = LogRocket.sessionURL;\r\n \r\n if (logRocketSession !== null && event.extra) {\r\n event.extra[\"LogRocket\"] = logRocketSession;\r\n return event;\r\n } else {\r\n return event;\r\n }\r\n },\r\n });\r\n\r\n /* LogRocket.init(\"1lqgig/jirango\"); */\r\n LogRocket.getSessionURL((sessionURL) => {\r\n Sentry.configureScope((scope) => {\r\n scope.setExtra(\"LogRocket\", sessionURL);\r\n });\r\n });\r\n Sentry.setUser({ id: getUser() });\r\n /* Sentry.configureScope((scope) => {\r\n scope.setExtra(\"sessionURL\", LogRocket.sessionURL);\r\n }); */\r\n /* Sentry.withScope((scope) => {\r\n scope.setLevel(Sentry.Severity.Warning);\r\n Sentry.captureMessage(message);\r\n }); */\r\n\r\n /* if (process.env.NODE_ENV.toLowerCase() === \"production\") {\r\n var logRocket = getInstance();\r\n Raven.setDataCallback((data) => {\r\n data.extra.sessionURL = logRocket.sessionURL;\r\n });\r\n return Raven.config(SENTRY_URL, {\r\n release: version,\r\n stacktrace: true,\r\n environment: process.env.NODE_ENV,\r\n extra: {\r\n user: getUser(),\r\n },\r\n }).install();\r\n } */\r\n}\r\nexport default configSentry();\r\n\r\nexport function logException(ex, context) {\r\n Sentry.captureException(ex, { extra: context, stacktrace: true });\r\n window && window.console && console.error && console.error(ex);\r\n}\r\n\r\n/* export function logException(error, extraContext = {}) {\r\n Sentry.withScope((scope) => {\r\n scope.setUser(getUser());\r\n\r\n if (extraContext.extra) {\r\n Object.keys(extraContext.extra).forEach((key) => {\r\n scope.setExtra(key, extraContext.extra[key]);\r\n });\r\n }\r\n\r\n Sentry.captureException(error);\r\n });\r\n} */\r\n\r\n\r\n\r\n\r\n","import React from \"react\";\r\n\r\nconst PictureDisplay = ({ src, srcset, viewWidth, id, style, className, alt }, ref) => {\r\n return (\r\n \r\n } aria-describedby={id} variant=\"contained\" style={{ background: \"#17171794\", margin: -8, color: \"#fff\" }} onClick={handleClick}>\r\n \r\n \r\n
\r\n \r\n \r\n );\r\n}\r\n\r\nconst SingleSpeaker = ({ onChange, layout }) => {\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n onChange(\"singleSpeaker\")} className={\"single-speaker\" + (layout == \"singleSpeaker\" ? \" active\" : \"\")}>\r\n
\r\n );\r\n};\r\nconst MultiSpeakerTop = ({ onChange, layout }) => {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n onChange(\"multiSpeakersTop\")} className={\"single-speaker\" + (layout == \"multiSpeakersTop\" ? \" active\" : \"\")}>\r\n
\r\n );\r\n};\r\nconst MultiSpeakerBottom = ({ onChange, layout }) => {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n onChange(\"multiSpeakersBottom\")} className={\"single-speaker\" + (layout == \"multiSpeakersBottom\" ? \" active\" : \"\")}>\r\n
\r\n );\r\n};\r\n\r\nconst NoSpeaker = ({ onChange, layout }) => {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n onChange(\"noSpeakers\")} className={\"single-speaker\" + (layout == \"noSpeakers\" ? \" active\" : \"\")}>\r\n
\r\n );\r\n};\r\n","import React, { useEffect, useRef, useState } from \"react\";\r\nimport OT from \"@opentok/client\";\r\nimport MicIcon from \"@material-ui/icons/Mic\";\r\nimport MicOffIcon from \"@material-ui/icons/MicOff\";\r\nimport VideocamIcon from \"@material-ui/icons/Videocam\";\r\nimport VideocamOffIcon from \"@material-ui/icons/VideocamOff\";\r\nimport ViewComfyIcon from \"@material-ui/icons/ViewComfy\";\r\nimport ViewCompactIcon from \"@material-ui/icons/ViewCompact\";\r\nimport DesktopWindowsIcon from \"@material-ui/icons/DesktopWindows\";\r\nimport DesktopAccessDisabledIcon from \"@material-ui/icons/DesktopAccessDisabled\";\r\nimport { IconButton } from \"@material-ui/core\";\r\nimport FullscreenIcon from \"@material-ui/icons/Fullscreen\";\r\nimport FullscreenExitIcon from \"@material-ui/icons/FullscreenExit\";\r\nimport { screenshareLayouts } from \"./VonageScreenshare\";\r\nimport ScreenshareOptionsPop from \"./ScreenshareOptionsPop\";\r\nimport SettingsIcon from \"@material-ui/icons/Settings\";\r\nimport ZoomOutIcon from \"@material-ui/icons/ZoomOut\";\r\nimport ZoomInIcon from \"@material-ui/icons/ZoomIn\";\r\nexport default function VonageControlpanel(props) {\r\n const [isMicOn, setIsMicOn] = useState(false);\r\n const [isCamOn, setIsCamOn] = useState(false);\r\n const [controlLock, setControlLock] = useState(true);\r\n const [isScreenshareEnabled, setIsScreenshareEnabled] = useState(false);\r\n const functionsRef = useRef();\r\n useEffect(() => {\r\n OT.checkScreenSharingCapability((r) => {\r\n setIsScreenshareEnabled(r.supported);\r\n });\r\n setTimeout(() => setControlLock(false), 2000);\r\n props.setFunctionsRef(functionsRef);\r\n return () => {\r\n };\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (props.publisher && props.publisher.stream) {\r\n if (props.publisher.stream.hasAudio != isMicOn) setIsMicOn(props.publisher.stream.hasAudio);\r\n if (props.publisher.stream.hasVideo != isCamOn) setIsCamOn(props.publisher.stream.hasVideo);\r\n }\r\n if (props.session) {\r\n props.session.on(\"streamPropertyChanged\", bindPropertyChanges);\r\n }\r\n functionsRef.current = {\r\n setControlLock\r\n };\r\n return () => {\r\n if (props.session) {\r\n props.session.off(\"streamPropertyChanged\", bindPropertyChanges);\r\n }\r\n };\r\n });\r\n function bindPropertyChanges({ changedProperty, newValue, stream }) {\r\n const { publisher } = props;\r\n if (publisher && stream == publisher.stream) {\r\n if (changedProperty == \"hasAudio\") {\r\n setIsMicOn(newValue);\r\n } else if (changedProperty == \"hasVideo\") {\r\n setIsCamOn(newValue);\r\n }\r\n if (!publisher.stream.hasAudio && !publisher.stream.hasVideo) {\r\n props.stopPublisher();\r\n }\r\n }\r\n }\r\n function toggleAudio() {\r\n if (props.publisher) {\r\n props.publisher.publishAudio(!isMicOn);\r\n setControlLock(true);\r\n setTimeout(() => setControlLock(false), 500);\r\n } \r\n else{\r\n setControlLock(true);\r\n props.startPublisher(\"audioOnly\", () => setControlLock(false));\r\n } \r\n\r\n }\r\n function toggleVideo() {\r\n if (props.publisher) {\r\n props.publisher.publishVideo(!isCamOn);\r\n setControlLock(true);\r\n setTimeout(() => setControlLock(false), 500);\r\n } \r\n else{\r\n setControlLock(true);\r\n props.startPublisher(\"videoOnly\", () => setControlLock(false));\r\n } \r\n }\r\n return (\r\n \r\n
\r\n \r\n {props.session && props.session.capabilities && props.session.capabilities.publish === 1 && (!props.backstage || props.view) ? (\r\n \r\n \r\n ) : null}\r\n {props.allowFullscreen && ((props.session && props.session.capabilities && props.session.capabilities.publish === 1) || props.streams.length > 0 || props.fullscreen) ? (\r\n
\r\n );\r\n}\r\n","import { Button, ListItem, ListItemAvatar, ListItemIcon, ListItemText, Tooltip } from \"@material-ui/core\";\r\nimport React, { useEffect, useState, useRef, useMemo } from \"react\";\r\nimport Menu from \"@material-ui/core/Menu\";\r\nimport MenuItem from \"@material-ui/core/MenuItem\";\r\nimport SystemLabel from \"../../../../system/SystemLabel/SystemLabel\";\r\nimport ArrowDropDownIcon from \"@material-ui/icons/ArrowDropDown\";\r\nimport ArrowDropUpIcon from \"@material-ui/icons/ArrowDropUp\";\r\nimport AccountCircleIcon from \"@material-ui/icons/AccountCircle\";\r\n\r\nexport const gridVideoframeOptions = {\r\n width: \"100%\",\r\n height: \"100%\",\r\n insertMode: \"append\",\r\n showControls: false,\r\n};\r\n\r\nexport default function VonageGridView(props) {\r\n const [videoCount, setVideoCount] = useState(0);\r\n const [gridClass, setGridClass] = useState(\"one-row\");\r\n const [currentlyShown, setCurrentlyShown] = useState([]);\r\n const [maxCountToShow, setMaxCountToShow] = useState(9);\r\n const functionsRef = useRef();\r\n const { orderList } = props;\r\n useEffect(() => {\r\n if (props.publisher && props.publisher.stream) {\r\n if (props.streams.length + 1 != videoCount) {\r\n setVideoCount(props.streams.length + 1);\r\n calculateColumns(props.streams.length + 1);\r\n }\r\n } else {\r\n if (props.streams.length != videoCount) {\r\n setVideoCount(props.streams.length);\r\n calculateColumns(props.streams.length);\r\n }\r\n }\r\n functionsRef.current = {\r\n onStreamConnected,\r\n setNewPersonTalking,\r\n onStreamDisconnected,\r\n toggleGridView,\r\n };\r\n });\r\n useEffect(() => {\r\n props.setFunctionsRef(functionsRef);\r\n }, []);\r\n const hiddenSpeakers = useMemo(() => {\r\n let hidden = [];\r\n props.streams.map((s) => {\r\n if (!currentlyShown.find((cs) => cs.stream?.id === s.stream?.id)) hidden.push(s);\r\n });\r\n if (props.publisher && props.publisher.stream && !currentlyShown.find((cs) => cs.stream?.id === props.publisher.stream?.id)) {\r\n hidden.push(props.publisher);\r\n }\r\n return hidden;\r\n }, [currentlyShown.length, props.streams.length, props.publisher]);\r\n\r\n function calculateColumns(vids) {\r\n if (vids <= 1) {\r\n setGridClass(\"one-row-single\");\r\n } else if (vids == 2) {\r\n setGridClass(\"one-row\");\r\n } else if (vids > 2 && vids < 5) {\r\n setGridClass(\"two-row\");\r\n } else if (vids >= 5 && vids < 10) {\r\n setGridClass(\"three-row\");\r\n } else if (vids >= 10 && vids < 13) {\r\n setGridClass(\"three-row wide\");\r\n } else if (vids >= 13 && vids < 17) {\r\n setGridClass(\"four-row\");\r\n } else if (vids >= 17 && vids < 21) {\r\n setGridClass(\"four-row wide\");\r\n } else if (vids >= 21 && vids < 26) {\r\n setGridClass(\"five-row\");\r\n } else if (vids >= 26 && vids < 31) {\r\n setGridClass(\"five-row wide\");\r\n } else if (vids >= 31 && vids < 37) {\r\n setGridClass(\"six-row\");\r\n } else if (vids >= 37 && vids < 43) {\r\n setGridClass(\"six-row wide\");\r\n } else if (vids >= 43 && vids < 50) {\r\n setGridClass(\"seven-row\");\r\n } else {\r\n setGridClass(\"seven-row wide\");\r\n }\r\n }\r\n function toggleGridView() {\r\n const containerDiv = document.getElementById(\"vonage-grid-container\");\r\n for (const subscriber of currentlyShown) {\r\n containerDiv.append(subscriber.element);\r\n if (typeof subscriber.subscribeToVideo == \"function\") {\r\n subscriber.subscribeToVideo(true);\r\n setTimeout(() => subscriber.subscribeToVideo(true), 500);\r\n setTimeout(() => subscriber.subscribeToVideo(true), 1000);\r\n }\r\n }\r\n }\r\n function onStreamConnected(subscriber) {\r\n if (currentlyShown.length < maxCountToShow) {\r\n currentlyShown.push(subscriber);\r\n const containerDiv = document.getElementById(\"vonage-grid-container\");\r\n if (props.layoutMode == \"grid\") {\r\n containerDiv.append(subscriber.element);\r\n if (typeof subscriber.subscribeToVideo == \"function\") {\r\n subscriber.subscribeToVideo(true);\r\n setTimeout(() => subscriber.subscribeToVideo(true), 500);\r\n setTimeout(() => subscriber.subscribeToVideo(true), 1000);\r\n }\r\n }\r\n } else if (props.layoutMode == \"grid\") {\r\n if (typeof subscriber.subscribeToVideo == \"function\") {\r\n subscriber.subscribeToVideo(false);\r\n }\r\n }\r\n\r\n // 10, length\r\n }\r\n function onStreamDisconnected(subscriber) {\r\n let subscriberToRemove = currentlyShown.find((s) => s.widgetId == subscriber.widgetId);\r\n if (subscriberToRemove) {\r\n const containerDiv = document.getElementById(\"vonage-grid-container\");\r\n const hiddenDiv = document.getElementById(\"vonage-grid-hidden\");\r\n\r\n currentlyShown.splice(currentlyShown.indexOf(subscriberToRemove), 1);\r\n\r\n if (hiddenDiv.firstChild) {\r\n if (props.publisher && props.publisher.element == hiddenDiv.firstChild) {\r\n currentlyShown.push(props.publisher);\r\n if (props.layoutMode == \"grid\") {\r\n containerDiv.append(props.publisher.element);\r\n }\r\n } else {\r\n var newStream = props.streams.find((x) => x.element == hiddenDiv.firstChild);\r\n if (newStream) {\r\n currentlyShown.push(newStream);\r\n if (props.layoutMode == \"grid\") {\r\n containerDiv.append(newStream.element);\r\n if (typeof newStream.subscribeToVideo == \"function\") {\r\n newStream.subscribeToVideo(true);\r\n setTimeout(() => newStream.subscribeToVideo(true), 500);\r\n setTimeout(() => newStream.subscribeToVideo(true), 1000);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n function setNewPersonTalking(subscriber) {\r\n const containerDiv = document.getElementById(\"vonage-grid-container\");\r\n const hiddenDiv = document.getElementById(\"vonage-grid-hidden\");\r\n if (currentlyShown.indexOf(subscriber) != -1) {\r\n return;\r\n } else if (currentlyShown.length >= maxCountToShow) {\r\n currentlyShown.unshift(subscriber);\r\n let subToRemove = currentlyShown.pop();\r\n if (props.layoutMode == \"grid\") {\r\n if (typeof subscriber.subscribeToVideo == \"function\") {\r\n subscriber.subscribeToVideo(true);\r\n setTimeout(() => subscriber.subscribeToVideo(true), 500);\r\n setTimeout(() => subscriber.subscribeToVideo(true), 1000);\r\n }\r\n if (typeof subToRemove.subscribeToVideo == \"function\") {\r\n subToRemove.subscribeToVideo(false);\r\n }\r\n containerDiv.prepend(subscriber.element);\r\n hiddenDiv.prepend(subToRemove.element);\r\n }\r\n } else {\r\n currentlyShown.unshift(subscriber);\r\n if (props.layoutMode == \"grid\") {\r\n containerDiv.prepend(subscriber.element);\r\n if (typeof subscriber.subscribeToVideo == \"function\") {\r\n subscriber.subscribeToVideo(true);\r\n setTimeout(() => subscriber.subscribeToVideo(true), 500);\r\n setTimeout(() => subscriber.subscribeToVideo(true), 1000);\r\n }\r\n }\r\n }\r\n }\r\n\r\n return (\r\n \r\n \r\n {isMicOn ? \r\n
\r\n \r\n \r\n {isCamOn ? \r\n
\r\n \r\n \r\n \r\n
\r\n {isScreenshareEnabled ? (\r\n \r\n {props.isSharingMyScreen ? (\r\n \r\n \r\n ) : (\r\n \r\n \r\n )}\r\n
\r\n ) : null}\r\n \r\n {props.fullscreen ? \r\n
\r\n ) : null}\r\n {!props.moderatorLock && props.screensharePublisher ? (\r\n \r\n props.changeScreenshareLayout(val)} layout={props.screenshareLayout} />\r\n
\r\n ) : null}\r\n \r\n
\r\n );\r\n}\r\n\r\nconst HiddenSpeakerlist = ({ hiddenSpeakers = [], showSpeaker, orderList }) => {\r\n const [anchorEl, setAnchorEl] = React.useState(null);\r\n\r\n const handleClick = (event) => {\r\n setAnchorEl(event.currentTarget);\r\n };\r\n\r\n const handleClose = () => {\r\n setAnchorEl(null);\r\n };\r\n\r\n return (\r\n \r\n {hiddenSpeakers.length > 0 ?
\r\n props.setGridViewHiddenRef(r)} id=\"vonage-grid-hidden\" style={{ display: \"none\" }}>
\r\n \r\n {hiddenSpeakers.length}}\r\n endIcon={Boolean(anchorEl) ? \r\n {hiddenSpeakers.map((h, i) => {\r\n const order = orderList.find((o) => o.badgeNo === h?.stream?.name);\r\n return (\r\n {\r\n showSpeaker(h);\r\n handleClose();\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n })}\r\n \r\n
\r\n );\r\n};\r\n","import React, { useEffect, useRef, useState } from \"react\";\r\nimport MenuOpenIcon from \"@material-ui/icons/MenuOpen\";\r\nimport KeyboardArrowUpIcon from \"@material-ui/icons/KeyboardArrowUp\";\r\nimport KeyboardArrowDownIcon from \"@material-ui/icons/KeyboardArrowDown\";\r\nimport KeyboardArrowLeftIcon from \"@material-ui/icons/KeyboardArrowLeft\";\r\nimport KeyboardArrowRightIcon from \"@material-ui/icons/KeyboardArrowRight\";\r\n\r\nexport default function VonageSidebar(props) {\r\n const [streamSidebarOpen, setSidebarOpen] = useState(true);\r\n const [speakerIndex, setSpeakerIndex] = useState(0);\r\n useEffect(() => {\r\n // if(props.layoutMode != layoutMode){\r\n // setLayoutMode(layoutMode);\r\n // }\r\n });\r\n\r\n function scrollSidebar(direction) {\r\n const { focusViewStreamsRef } = props;\r\n if (focusViewStreamsRef/* .current */ && focusViewStreamsRef/* .current */.children[0]) {\r\n const scrollTop = focusViewStreamsRef/* .current */.scrollTop;\r\n const margin = focusViewStreamsRef/* .current */.children[0].getBoundingClientRect().height * 0.02;\r\n const childHeight = focusViewStreamsRef/* .current */.children[0].getBoundingClientRect().height + margin;\r\n \r\n if (direction == \"up\") {\r\n if (speakerIndex > 1) {\r\n setSpeakerIndex(speakerIndex - 1);\r\n focusViewStreamsRef/* .current */.style.transform = `translateY(${(speakerIndex - 1) * (scrollTop - childHeight)}px)`;\r\n } else if (speakerIndex == 1) {\r\n setSpeakerIndex(0);\r\n focusViewStreamsRef./* .current */style.transform = `translateY(0px)`;\r\n }\r\n }\r\n if (direction == \"down\") {\r\n if (speakerIndex < props.streams.length - 1) {\r\n focusViewStreamsRef/* .current */.style.transform = `translateY(${(speakerIndex == 0 ? 1 : speakerIndex + 1) * (scrollTop - childHeight)}px)`;\r\n setSpeakerIndex(speakerIndex + 1);\r\n }\r\n }\r\n }\r\n }\r\n return (\r\n 1 && !props.screenshareStream ? \"block\" : \"none\", left: streamSidebarOpen ? \"1%\" : \"-19%\" }}>\r\n scrollSidebar(\"up\")}>\r\n scrollSidebar(\"down\")}\r\n >\r\n
\r\n );\r\n}\r\n","import React, { useEffect, useRef, useState } from \"react\";\r\nimport VonageSidebar from \"./VonageSidebar\";\r\n\r\nexport const focusedVideoframeOptions = {\r\n width: \"98%\",\r\n height: \"calc(97% / 5)\",\r\n insertMode: \"append\",\r\n showControls: false,\r\n };\r\n \r\nexport default function VonageFocusedView(props) {\r\n\r\n return ( props.setfocusViewStreamsRef(r)} id=\"vonage-subscribed-streams-container\">
\r\n \r\n
)\r\n}","import React, { useEffect, useState, useRef } from \"react\";\r\nexport default function VonageSpotlightView(props) {\r\n const [videoCount, setVideoCount] = useState(0);\r\n const [gridClass, setGridClass] = useState(\"one-row\");\r\n const [currentSpotlights, setCurrentSpotlights] = useState([]);\r\n const functionsRef = useRef();\r\n const { hubConnection, checkSpotlightLayoutStatus } = props;\r\n useEffect(() => {\r\n functionsRef.current = {\r\n currentSpotlights: [...currentSpotlights],\r\n toggleSpotlightView,\r\n onStreamConnected,\r\n onStreamDisconnected,\r\n };\r\n\r\n if (hubConnection) {\r\n hubConnection.on(\"onVonageGetSpotlights\", onVonageGetSpotlights);\r\n }\r\n return () => {\r\n if (hubConnection) {\r\n hubConnection.off(\"onVonageGetSpotlights\", onVonageGetSpotlights);\r\n }\r\n };\r\n });\r\n useEffect(() => {\r\n if (props.layoutMode == \"spotlight\") {\r\n toggleSpotlightView();\r\n }\r\n checkSpotlightLayoutStatus();\r\n }, [currentSpotlights]);\r\n useEffect(() => {\r\n props.setFunctionsRef(functionsRef);\r\n hubConnection.invoke(\"vonageGetSpotlights\", props.eventId, props.channel);\r\n }, []);\r\n\r\n function onVonageGetSpotlights(spotlightList) {\r\n setCurrentSpotlights(spotlightList);\r\n }\r\n useEffect(() => {\r\n if (videoCount <= 1) {\r\n setGridClass(\"one-row-single\");\r\n } else if (videoCount == 2) {\r\n setGridClass(\"one-row\");\r\n } else if (videoCount > 2 && videoCount <= 4) {\r\n setGridClass(\"two-row\");\r\n } else if (videoCount >= 5 && videoCount <= 9) {\r\n setGridClass(\"three-row\");\r\n } else if (videoCount >= 10 && videoCount <= 13) {\r\n setGridClass(\"three-row wide\");\r\n } else if (videoCount >= 13 && videoCount < 17) {\r\n setGridClass(\"four-row\");\r\n } else {\r\n setGridClass(\"five-row\");\r\n }\r\n }, [videoCount]);\r\n\r\n function toggleSpotlightView() {\r\n const { streams, publisher } = props;\r\n const containerDiv = document.getElementById(\"vonage-spotlight-container\");\r\n const hiddenDiv = document.getElementById(\"vonage-spotlight-hidden\");\r\n let vidCount = 0;\r\n if (publisher && publisher.stream) {\r\n if (publisher.stream.name && currentSpotlights.includes(publisher.stream.name)) {\r\n containerDiv.append(publisher.element);\r\n vidCount += 1;\r\n } else {\r\n hiddenDiv.append(publisher.element);\r\n }\r\n }\r\n for (const subscriber of streams) {\r\n if (currentSpotlights.indexOf(subscriber.stream?.name) != -1) {\r\n vidCount += 1;\r\n if (typeof subscriber.subscribeToVideo == \"function\") subscriber.subscribeToVideo(true);\r\n containerDiv.append(subscriber.element);\r\n } else {\r\n if (typeof subscriber.subscribeToVideo == \"function\") subscriber.subscribeToVideo(false);\r\n hiddenDiv.append(subscriber.element);\r\n }\r\n }\r\n if (videoCount != vidCount) setVideoCount(vidCount);\r\n\r\n // props.checkSpotlightLayout();\r\n }\r\n function onStreamConnected(subscriber) {\r\n checkSpotlightLayoutStatus();\r\n if (props.layoutMode == \"spotlight\") {\r\n toggleSpotlightView();\r\n }\r\n }\r\n function onStreamDisconnected(subscriber) {\r\n checkSpotlightLayoutStatus();\r\n if (props.layoutMode == \"spotlight\") {\r\n toggleSpotlightView();\r\n }\r\n }\r\n\r\n return (\r\n props.setMyStreamRef(r)} style={{display:(props.publisher && props.publisher.stream && !props.screenshareStream ? \"block\": \"none\")}} id=\"vonage-my-stream\" style={{height:props.streams.length == 0 ? \"99%\":null, width:props.streams.length == 0 ? \"99%\":null}}>
\r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n","import React, { useEffect, useRef, useState } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport OT from \"@opentok/client\";\r\nimport \"./VonageStyle.css\";\r\nimport \"./components/VonageHardwareSetup.css\";\r\nimport VonageControlpanel from \"./components/VonageControlpanel\";\r\nimport VonageGridView from \"./components/VonageGridView\";\r\nimport VonageFocusedView from \"./components/VonageFocusedView\";\r\nimport VonageScreenshare from \"./components/VonageScreenshare\";\r\nimport VonageSpotlightView from \"./components/VonageSpotlightView\";\r\nimport VonageSpeakerDialog from \"./components/VonageSpeakerDialog\";\r\nimport createOpentokHardwareSetupComponent from \"./components/VonageHardwareSetup\";\r\nimport EventLabel2, { init } from \"../../../components/EventLabel2/EventLabel2\";\r\nimport { eventLabelGroupsConstants } from \"../../constants/eventLabelGroups.contansts\";\r\n/* import * as bodyPix from \"@tensorflow-models/body-pix\";\r\nimport * as tf from \"@tensorflow/tfjs\";\r\nimport { NonMaxSuppressionV3 } from \"@tensorflow/tfjs\"; */\r\n\r\nconst VonageVideoClientModule = (props) => {\r\n const { hubConnection, lang, settings, clientName, companyName, channel, eventId, clientKey, view, onAir, orderList } = props;\r\n const { allowFullscreen, backstage, backgroundColor } = settings;\r\n const [showSpeakerDialog, setShowSpeakerDialog] = useState(false);\r\n const [showSpeakerDialogButton, setShowSpeakerDialogButton] = useState(false);\r\n const [showHardwareUnavailable, setShowHardwareUnavailable] = useState(false);\r\n const [gridViewFunctions, setGridViewFunctions] = useState(null);\r\n const [spotlightViewFunctions, setSpotlightViewFunctions] = useState(null);\r\n const [screenshareViewFunctions, setScreenshareViewFunctions] = useState(null);\r\n const [controlPanelFunctions, setControlPanelFunctions] = useState(null);\r\n const [hardwareSetupComplete, setHardwareSetupComplete] = useState(false);\r\n const [state, setState] = useState({\r\n token: null,\r\n streams: [],\r\n activeStream: null,\r\n screenshareStream: null,\r\n streamIdToMute: null,\r\n session: null,\r\n publisher: null,\r\n fullscreen: false,\r\n screensharePublisher: null,\r\n focusedStream: null,\r\n mainViewEl: null,\r\n focusViewStreamsRef: null,\r\n layoutMode: backstage ? \"grid\" : localStorage.getItem(\"vvcl\") || \"grid\",\r\n myStreamRef: null,\r\n showSettingsView: false,\r\n hardwareSetup: null,\r\n screenshareLayout: \"singleSpeaker\",\r\n screenshareScreenRef: null,\r\n screenshareSpeakersRef: null,\r\n screenshareHiddenRef: null,\r\n spotlightViewHiddenRef: null,\r\n isModerator: false,\r\n moderatorLock: false,\r\n showControlbar: false,\r\n });\r\n const [showHwSetup, setShowHwSetup] = useState(false);\r\n const [showClickToJoin, setShowClickToJoin] = useState(false);\r\n const [hardwareSetupTimeout, setHardwareSetupTimeout] = useState(false);\r\n\r\n /* const [net, setNet] = useState(null); */\r\n\r\n const stateRef = useRef();\r\n stateRef.current = state;\r\n const onStreamDestroyedRef = useRef();\r\n const onPublisherDestroyedRef = useRef();\r\n\r\n // const videoTag = useRef();\r\n // const canvasTag = useRef();\r\n // const imageTag = useRef();\r\n\r\n const onScreensharePublisherDestroyedRef = useRef();\r\n const { aspectRatio, requestedEventId } = settings;\r\n\r\n useEffect(() => {\r\n init(eventId, eventLabelGroupsConstants.VONAGE_LABEL_GROUP, lang);\r\n if (!localStorage.getItem(\"vvcl\") || localStorage.getItem(\"vvcl\") == \"null\") {\r\n localStorage.setItem(\"vvcl\", \"grid\");\r\n stateRef.current.layoutMode = \"grid\";\r\n }\r\n if (hubConnection && hubConnection.state == 1) {\r\n let sessionType = backstage ? \"SUBSCRIBER\" : \"PUBLISHER\";\r\n if (view) {\r\n if (view == \"LIVE\" && !onAir) {\r\n sessionType = \"SUBSCRIBER\";\r\n } else {\r\n sessionType = \"PUBLISHER\";\r\n }\r\n }\r\n hubConnection.invoke(\"getSessionAndToken\", requestedEventId || eventId, channel, clientKey, sessionType, false);\r\n }\r\n const mainViewEl = document.getElementById(\"vonage-mainview\");\r\n // ro.observe(document.getElementById(\"vonage-module-wrap\"));\r\n\r\n if (backstage && !props.toggleHardwareSetup) {\r\n let audioContextForTest = new AudioContext();\r\n if (audioContextForTest.state === \"suspended\") {\r\n setShowClickToJoin(true);\r\n }\r\n }\r\n else if (props.hardwareSetup) {\r\n setHardwareSetupComplete(true);\r\n }\r\n\r\n setState({ ...stateRef.current, mainViewEl });\r\n\r\n return () => {\r\n if (stateRef.current.session) {\r\n stateRef.current.streams.forEach((s) => {\r\n stateRef.current.session.unsubscribe(s);\r\n });\r\n if (stateRef.current.publisher) stateRef.current.session.unpublish(stateRef.current.publisher);\r\n if (stateRef.current.screensharePublisher) stateRef.current.session.unpublish(stateRef.current.screensharePublisher);\r\n if (stateRef.current.screenshareStream) stateRef.current.session.unsubscribe(stateRef.current.screenshareStream);\r\n stateRef.current.session.disconnect();\r\n }\r\n };\r\n }, []);\r\n useEffect(() => {\r\n if (typeof props.isStudioStream === \"boolean\" && stateRef.current.publisher) {\r\n stateRef.current.publisher.on(\"destroyed\", () => startPublisher(\"restart\"));\r\n stateRef.current.session.unpublish(stateRef.current.publisher);\r\n }\r\n }, [props.isStudioStream]);\r\n useEffect(() => {\r\n const { session } = stateRef.current;\r\n if (hubConnection && hubConnection.state == 1 && session) {\r\n let sessionType = backstage ? \"SUBSCRIBER\" : \"PUBLISHER\";\r\n if (view) {\r\n if (view == \"LIVE\" && !onAir) {\r\n sessionType = \"SUBSCRIBER\";\r\n } else {\r\n sessionType = \"PUBLISHER\";\r\n }\r\n }\r\n if ((sessionType === \"PUBLISHER\" && session.capabilities.publish !== 1) || (sessionType == \"SUBSCRIBER\" && session.capabilities.publish === 1)) {\r\n session.disconnect();\r\n hubConnection.invoke(\"getSessionAndToken\", eventId, channel, clientKey, sessionType, false);\r\n }\r\n }\r\n }, [props.view, props.onAir]);\r\n useEffect(() => {\r\n if (!showHwSetup) {\r\n setHardwareSetupTimeout(true);\r\n setTimeout(() => setHardwareSetupTimeout(false), 1000);\r\n }\r\n }, [showHwSetup]);\r\n useEffect(() => {\r\n if (state.session && !state.session.connection && state.token\r\n && ((backstage && !showClickToJoin && !props.toggleHardwareSetup)\r\n || (backstage && hardwareSetupComplete && props.toggleHardwareSetup)\r\n || (!backstage && hardwareSetupComplete))) {\r\n state.session.connect(state.token, (error) => {\r\n // If the connection is successful, publish to the session\r\n if (error) {\r\n handleError(error);\r\n } else {\r\n if (state.session.capabilities.publish === 1) {\r\n startPublisher();\r\n }\r\n }\r\n });\r\n }\r\n }, [state.session, state.session?.connection, hardwareSetupComplete, state.token, showClickToJoin]);\r\n function checkSpotlightLayoutStatus() {\r\n const { layoutMode, streams, publisher } = stateRef.current;\r\n const currentSpotlights = spotlightViewFunctions?.current?.currentSpotlights;\r\n if (layoutMode != \"spotlight\" && layoutMode != \"screenshare\" && currentSpotlights && currentSpotlights.length > 0) {\r\n let match = false;\r\n if (publisher && publisher.stream && publisher.stream.name && currentSpotlights.includes(publisher.stream.name)) {\r\n toggleLayoutMode(\"spotlight\");\r\n return;\r\n }\r\n for (const spot of spotlightViewFunctions.current.currentSpotlights) {\r\n if (streams.find((s) => s.stream.name == spot)) {\r\n toggleLayoutMode(\"spotlight\");\r\n return;\r\n }\r\n }\r\n } else if (layoutMode == \"spotlight\") {\r\n if (spotlightViewFunctions?.current?.currentSpotlights.length > 0) {\r\n if (publisher && publisher.stream && publisher.stream.name && currentSpotlights.includes(publisher.stream.name)) {\r\n return;\r\n }\r\n for (const spot of spotlightViewFunctions.current.currentSpotlights) {\r\n if (streams.find((s) => s.stream.name == spot)) {\r\n return;\r\n }\r\n }\r\n toggleLayoutMode(localStorage.getItem(\"vvcl\") || \"grid\");\r\n } else if (spotlightViewFunctions?.current?.currentSpotlights.length == 0) {\r\n toggleLayoutMode(localStorage.getItem(\"vvcl\") || \"grid\");\r\n }\r\n }\r\n }\r\n\r\n \r\n function onActivateSpeaker(activeSpeaker) {\r\n if (activeSpeaker.badgeNo == clientKey) setShowSpeakerDialog(true);\r\n }\r\n useEffect(() => {\r\n const { activeStream, layoutMode, session } = stateRef.current;\r\n if (!activeStream && layoutMode == \"focused\") {\r\n setFocusedStream(null);\r\n }\r\n onStreamDestroyedRef.current = onStreamDestroyed;\r\n onPublisherDestroyedRef.current = onPublisherDestroyed;\r\n onScreensharePublisherDestroyedRef.current = onScreensharePublisherDestroyed;\r\n document.addEventListener(\"keydown\", handleEsc);\r\n if (stateRef.current.liveSession) stateRef.current.liveSession.on(\"streamPropertyChanged\", bindPropertyChanges);\r\n if (stateRef.current.backstageSession) stateRef.current.backstageSession.on(\"streamPropertyChanged\", bindPropertyChanges);\r\n window.addEventListener(\"beforeunload\", beforePageUnload);\r\n if (session) {\r\n session.on(\"streamCreated\", onStreamCreated);\r\n session.on(\"sessionConnected\", onSessionConnected);\r\n }\r\n if (hubConnection) {\r\n hubConnection.on(\"onGetSessionAndToken\", onGetSessionAndToken);\r\n hubConnection.on(\"onChangeVonageScreenshareLayout\", onChangeVonageScreenshareLayout);\r\n hubConnection.on(\"onActivateSpeaker\", onActivateSpeaker);\r\n }\r\n return () => {\r\n document.removeEventListener(\"keydown\", handleEsc);\r\n if (stateRef.current.liveSession) stateRef.current.liveSession.off(\"streamPropertyChanged\", bindPropertyChanges);\r\n if (stateRef.current.backstageSession) stateRef.current.backstageSession.off(\"streamPropertyChanged\", bindPropertyChanges);\r\n window.removeEventListener(\"beforeunload\", beforePageUnload);\r\n if (session) {\r\n session.off(\"streamCreated\", onStreamCreated);\r\n session.off(\"sessionConnected\", onSessionConnected);\r\n }\r\n if (hubConnection) {\r\n hubConnection.off(\"onGetSessionAndToken\", onGetSessionAndToken);\r\n hubConnection.off(\"onChangeVonageScreenshareLayout\", onChangeVonageScreenshareLayout);\r\n hubConnection.off(\"onActivateSpeaker\", onActivateSpeaker);\r\n }\r\n };\r\n });\r\n\r\n function onGetSessionAndToken(apiKey, sessionId, token) {\r\n const { hardwareSetup } = stateRef.current;\r\n var session = OT.initSession(apiKey, sessionId);\r\n stateRef.current.session = session;\r\n stateRef.current.token = token;\r\n\r\n if (!backstage || props.toggleHardwareSetup) {\r\n if (!hardwareSetup && !props.hardwareSetup) {\r\n initHardwareSetup();\r\n setShowHwSetup(true);\r\n if (props.toggleHardwareSetup && typeof props.toggleHardwareSetup == \"function\") props.toggleHardwareSetup(true);\r\n return;\r\n } else if (!hardwareSetup && props.hardwareSetup) {\r\n initHardwareSetup();\r\n }\r\n }\r\n setState({ ...stateRef.current });\r\n // session.connect(token, (error) => {\r\n // // If the connection is successful, publish to the session\r\n // if (error) {\r\n // handleError(error);\r\n // } else {\r\n // if (session.capabilities.publish === 1) {\r\n // startPublisher();\r\n // }\r\n // }\r\n // });\r\n }\r\n function onSessionConnected(e) {\r\n if (hubConnection && hubConnection.state == 1) {\r\n hubConnection.invoke(\"getScreenshareLayout\", eventId, channel);\r\n hubConnection.invoke(\"getArchiveRecording\", eventId, channel);\r\n }\r\n setState({ ...stateRef.current });\r\n }\r\n function onStreamCreated(event) {\r\n if (event.stream.videoType === \"screen\") {\r\n handleScreenshareStream(event);\r\n } else {\r\n handleCameraStream(event);\r\n }\r\n }\r\n function handleScreenshareStream(event) {\r\n const { session, layoutMode } = stateRef.current;\r\n let newScreenshareStream = session.subscribe(event.stream, \"screenshare-container\", {\r\n width: \"auto\",\r\n height: \"100%\",\r\n insertMode: \"append\",\r\n showControls: false,\r\n });\r\n const previousLayout = layoutMode;\r\n newScreenshareStream.on(\"destroyed\", (event) => {\r\n onStreamDestroyedRef.current(event, previousLayout);\r\n });\r\n // screenshareResizeObserver.observe(newScreenshareStream.element);\r\n newScreenshareStream.element.style.aspectRatio = \"16/9\";\r\n setState({ ...stateRef.current, screenshareStream: newScreenshareStream });\r\n toggleLayoutMode(\"screenshare\");\r\n }\r\n function handleCameraStream(event) {\r\n const { streams, session, layoutMode, screenshareLayout } = stateRef.current;\r\n var targetContainer = \"vonage-subscribed-streams-container\";\r\n var targetOptions = {\r\n insertMode: \"append\",\r\n width: \"calc(100% - 10px)\",\r\n height: \"auto\",\r\n showControls: false,\r\n };\r\n if (layoutMode == \"grid\") {\r\n targetContainer = \"vonage-grid-hidden\";\r\n } else if (layoutMode == \"screenshare\") {\r\n if (screenshareLayout == \"singleSpeaker\" || screenshareLayout == \"noSpeaker\") {\r\n targetContainer = \"vonage-screenshare-hidden\";\r\n } else {\r\n targetContainer = \"vonage-screenshare-speakers\";\r\n }\r\n }\r\n let newStream = session.subscribe(event.stream, targetContainer, targetOptions); //här\r\n newStream.on(\"destroyed\", (e) => {\r\n onStreamDestroyedRef.current(e);\r\n });\r\n addMuteButton(newStream);\r\n addNametag(newStream);\r\n speakerDetection(newStream, setSubscriberStartTalking, setSubscriberStopTalking);\r\n newStream.element.addEventListener(\"click\", (t) => setFocusedStream(t.currentTarget));\r\n newStream.element.style.aspectRatio = aspectRatio === \"4:3\" ? \"4/3\" : (aspectRatio === \"16:10\" ? \"16/10\" : \"16/9\")\r\n // ro.observe(newStream.element);\r\n streams.push(newStream);\r\n gridViewFunctions.current.onStreamConnected(newStream);\r\n screenshareViewFunctions.current.onStreamConnected(newStream);\r\n setTimeout(() => checkIfMuted(newStream), 1000);\r\n checkSpotlightLayoutStatus();\r\n setState({ ...stateRef.current }); //gratuitous setstate to trigger re-render\r\n }\r\n function checkIfMuted(newStream) {\r\n if (!newStream.element?.querySelector(\"video\")) {\r\n return setTimeout(() => checkIfMuted(newStream), 1000);\r\n }\r\n var muted = newStream.element.querySelector(\"video\").muted;\r\n if (muted) muteStream(newStream, true);\r\n }\r\n function addNametag(subscriber) {\r\n if (settings && (settings.showNametags === \"ALWAYS\" || settings.showNametags == \"HOVER\")) {\r\n var nametag = document.createElement(\"div\");\r\n nametag.style.position = \"absolute\";\r\n nametag.style.top = \"2%\";\r\n nametag.style.right = \"0px\";\r\n nametag.style.left = \"0px\";\r\n nametag.style.color = \"white\";\r\n nametag.style.textAlign = \"center\";\r\n if (settings.showNametags == \"HOVER\") {\r\n nametag.classList.add(\"show-on-hover\");\r\n }\r\n var order = orderList.find((x) => x.badgeNo == subscriber.stream.name);\r\n let streamName = order ? order.name : \"Guest\";\r\n if (order && order.company) {\r\n streamName += \", \" + order.company;\r\n }\r\n var nameText = document.createElement(\"span\");\r\n nameText.innerText = streamName;\r\n nameText.style.padding = \"4px 10px\";\r\n nameText.style.borderRadius = \"5px\";\r\n nameText.style.backgroundColor = \"#17171794\";\r\n nametag.appendChild(nameText);\r\n subscriber.element.appendChild(nametag);\r\n }\r\n }\r\n function addMuteButton(subscriber) {\r\n var btn = document.createElement(\"button\");\r\n btn.classList.add(\"MuiButtonBase-root\");\r\n btn.classList.add(\"MuiIconButton-root\");\r\n btn.classList.add(\"mute-btn\");\r\n // if (state.layoutMode == \"grid\") {\r\n btn.style.padding = \"5px\";\r\n // }\r\n\r\n btn.setAttribute(\"tabindex\", 0);\r\n btn.setAttribute(\"type\", \"button\");\r\n\r\n var span = document.createElement(\"span\");\r\n span.classList.add(\"MuiIconButton-label\");\r\n btn.appendChild(span);\r\n\r\n var svg = document.createElementNS(\"http://www.w3.org/2000/svg\", \"svg\");\r\n svg.classList.add(\"MuiSvgIcon-root\");\r\n\r\n // if (state.layoutMode == \"grid\") {\r\n svg.style.fontSize = \"1rem\";\r\n // }\r\n svg.setAttribute(\"focusable\", false);\r\n svg.setAttribute(\"viewBox\", \"0 0 24 24\");\r\n svg.setAttribute(\"aria-hidden\", true);\r\n span.appendChild(svg);\r\n\r\n var path = document.createElementNS(\"http://www.w3.org/2000/svg\", \"path\");\r\n path.setAttribute(\r\n \"d\",\r\n \"M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z\"\r\n );\r\n svg.appendChild(path);\r\n\r\n btn.addEventListener(\"click\", (e) => {\r\n e.stopPropagation();\r\n if (subscriber.getAudioVolume() > 0) {\r\n muteStream(subscriber, true);\r\n } else {\r\n muteStream(subscriber, false);\r\n }\r\n });\r\n subscriber.element.appendChild(btn);\r\n }\r\n function muteStream(subscriber, state) {\r\n var path = subscriber.element.querySelector(\".mute-btn path\");\r\n if (state) {\r\n subscriber.setAudioVolume(0);\r\n path.setAttribute(\r\n \"d\",\r\n \"M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z\"\r\n );\r\n } else {\r\n subscriber.setAudioVolume(100);\r\n path.setAttribute(\r\n \"d\",\r\n \"M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z\"\r\n );\r\n if (subscriber.element.querySelector(\"video\").muted) {\r\n subscriber.element.querySelector(\"video\").muted = false;\r\n }\r\n }\r\n }\r\n function setSubscriberStartTalking(subscriber) {\r\n if (stateRef.current.layoutMode == \"focused\") {\r\n if (stateRef.current.activeStream && stateRef.current.activeStream.widgetId != subscriber.widgetId && !stateRef.current.screenshareStream) {\r\n setFocusedStream(subscriber.element);\r\n }\r\n }\r\n\r\n gridViewFunctions.current.setNewPersonTalking(subscriber);\r\n screenshareViewFunctions.current.setNewPersonTalking(subscriber);\r\n\r\n subscriber.element.classList.toggle(\"is-speaking\", true);\r\n }\r\n function setSubscriberStopTalking(subscriber) {\r\n subscriber.element.classList.toggle(\"is-speaking\", false);\r\n }\r\n\r\n function speakerDetection(subscriber, startTalking, stopTalking) {\r\n var activity = null;\r\n subscriber.on(\"audioLevelUpdated\", function (event) {\r\n var now = Date.now();\r\n if (event.audioLevel > 0.04) {\r\n if (!activity) {\r\n activity = { timestamp: now, talking: false };\r\n } else if (activity.talking) {\r\n activity.timestamp = now;\r\n } else if (now - activity.timestamp > 1000) {\r\n // detected audio activity for more than 1s\r\n // for the first time.\r\n activity.talking = true;\r\n if (typeof startTalking === \"function\") {\r\n startTalking(subscriber);\r\n }\r\n }\r\n } else if (activity && now - activity.timestamp > 3000) {\r\n // detected low audio activity for more than 3s\r\n if (activity.talking) {\r\n if (typeof stopTalking === \"function\") {\r\n stopTalking(subscriber);\r\n }\r\n }\r\n activity = null;\r\n }\r\n });\r\n }\r\n\r\n function onStreamDestroyed(event, previousLayout) {\r\n const { streams, screenshareStream, activeStream } = stateRef.current;\r\n if (previousLayout) toggleLayoutMode(previousLayout);\r\n var sIndex = streams.indexOf(streams.find((s) => s.widgetId === event.target.widgetId));\r\n if (sIndex != -1) {\r\n var disconnectedStream = streams.splice(sIndex, 1);\r\n if (disconnectedStream[0]) {\r\n gridViewFunctions.current.onStreamDisconnected(disconnectedStream[0]);\r\n screenshareViewFunctions.current.onStreamDisconnected(disconnectedStream[0]);\r\n spotlightViewFunctions.current.onStreamDisconnected(disconnectedStream[0]);\r\n checkSpotlightLayoutStatus();\r\n }\r\n if (activeStream && activeStream.widgetId === event.target.widgetId) {\r\n setState({ ...stateRef.current, activeStream: null });\r\n if (streams.length > 0) {\r\n setFocusedStream(streams[0].element);\r\n }\r\n } else {\r\n setState({ ...stateRef.current }); //gratuitous setstate to trigger re-render\r\n }\r\n } else if (screenshareStream && screenshareStream.widgetId == event.target.widgetId) {\r\n setState({ ...stateRef.current, screenshareStream: null });\r\n if (activeStream && activeStream.element) setFocusedStream(activeStream.element);\r\n }\r\n }\r\n function initHardwareSetup() {\r\n var hardwareSetup = createOpentokHardwareSetupComponent(\"vonage-setup-done\", { insertMode: \"before\" }, (error) => {\r\n if (error && error == \"NotReadableError\") {\r\n setShowHardwareUnavailable(true);\r\n }\r\n if (error) console.error(error);\r\n });\r\n if (props.setHardwareSetup && typeof props.setHardwareSetup == \"function\") props.setHardwareSetup(hardwareSetup);\r\n setState({ ...stateRef.current, hardwareSetup });\r\n }\r\n function setFocusedStream(el) {\r\n const { layoutMode, focusViewStreamsRef, streams, activeStream, mainViewEl } = stateRef.current;\r\n if (layoutMode != \"focused\") return;\r\n if (typeof el === \"string\") {\r\n let s = streams.find((s) => s.stream.id === el);\r\n if (s) el = s.element;\r\n }\r\n if (focusViewStreamsRef && activeStream) {\r\n // activeStream.element.style.height = \"calc(97% / 5)\";\r\n activeStream.element.style.width = \"98%\";\r\n focusViewStreamsRef.appendChild(activeStream.element);\r\n }\r\n if (!el && streams.length < 1) return;\r\n else if (!el && streams.length > 0) el = streams[0].element;\r\n\r\n const newActiveStream = streams.find((s) => s.element === el);\r\n mainViewEl.appendChild(newActiveStream.element);\r\n newActiveStream.element.style.width = \"100%\";\r\n // calcHeight43(newActiveStream.element);\r\n setState({ ...stateRef.current, activeStream: newActiveStream });\r\n }\r\n function toggleLayoutMode(mode) {\r\n const { streams, publisher, gridViewHiddenRef, focusViewStreamsRef, myStreamRef } = stateRef.current;\r\n if (!gridViewHiddenRef) {\r\n return;\r\n }\r\n setState({ ...stateRef.current, layoutMode: mode, activeStream: null });\r\n if (mode != \"screenshare\" && mode != \"spotlight\") localStorage.setItem(\"vvcl\", mode);\r\n if (mode == \"grid\") {\r\n if (publisher) {\r\n gridViewHiddenRef.appendChild(publisher.element);\r\n }\r\n streams.forEach((s) => {\r\n gridViewHiddenRef.appendChild(s.element);\r\n });\r\n gridViewFunctions.current.toggleGridView();\r\n } else if (mode == \"focused\") {\r\n if (publisher) {\r\n myStreamRef.appendChild(publisher.element);\r\n }\r\n streams.forEach((s) => {\r\n focusViewStreamsRef.appendChild(s.element);\r\n });\r\n } else if (mode == \"screenshare\") {\r\n toggleScreenshareLayout(stateRef.current.screenshareLayout);\r\n } else if (mode == \"spotlight\") {\r\n spotlightViewFunctions.current.toggleSpotlightView();\r\n }\r\n }\r\n function toggleScreenshareLayout(ssLayout) {\r\n const { screenshareStream, screenshareScreenRef, layoutMode, screensharePublisher } = stateRef.current;\r\n setState({ ...stateRef.current, screenshareLayout: ssLayout });\r\n if (layoutMode !== \"screenshare\") return;\r\n let screenShare = screensharePublisher ? screensharePublisher : screenshareStream;\r\n screenshareViewFunctions.current.toggleScreenshareView();\r\n\r\n screenshareScreenRef.appendChild(screenShare.element);\r\n }\r\n function logPublisherStats(publisher) {\r\n let prevStats = {};\r\n const publisherLogTimer = setInterval(() => {\r\n publisher.getStats((error, statsArray) => {\r\n if (error) {\r\n clearInterval(publisherLogTimer);\r\n return console.error(error);\r\n }\r\n statsArray.forEach((statsObj) => {\r\n let prevStatsObj = null;\r\n if (statsObj.connectionId) {\r\n prevStatsObj = prevStats[statsObj.connectionId];\r\n console.log(\"stats for connection\", statsObj.connectionId);\r\n } else {\r\n prevStatsObj = prevStats;\r\n }\r\n const stats = statsObj.stats;\r\n if (prevStatsObj.video) {\r\n var videoBitRate = 8 * (stats.video.bytesSent - prevStatsObj.video.bytesSent);\r\n console.log(\"video bit rate: \", videoBitRate, \"bps\");\r\n var audioBitRate = 8 * (stats.audio.bytesSent - prevStatsObj.audio.bytesSent);\r\n console.log(\"audio bit rate: \", audioBitRate, \"bps\");\r\n }\r\n if (stats.connectionId) {\r\n prevStats[stats.connectionId] = stats;\r\n } else {\r\n prevStats = stats;\r\n }\r\n });\r\n });\r\n }, 1000);\r\n }\r\n async function getMediaTrack(deviceId) {\r\n const stream = await navigator.mediaDevices.getUserMedia({\r\n video: {\r\n deviceId: { exact: deviceId },\r\n aspectRatio: { exact: 1.7777777778 },\r\n height: { ideal: 720 },\r\n }\r\n }).catch(handleError);\r\n const videoTrack = stream.getVideoTracks()[0];\r\n return videoTrack;\r\n }\r\n async function startPublisher(param, callback) {\r\n const { session, layoutMode, hardwareSetup } = stateRef.current;\r\n\r\n var targetContainer = \"vonage-my-stream\";\r\n if (layoutMode == \"grid\") targetContainer = \"vonage-grid-hidden\";\r\n else if (layoutMode == \"screenshare\") {\r\n if (layoutMode == \"singleSpeaker\") targetContainer = \"vonage-screenshare-hidden\";\r\n else targetContainer = \"vonage-screenshare-speaker\";\r\n }\r\n let audioDeviceId = localStorage.getItem(\"com.opentok.hardwaresetup.audio\");\r\n let videoDeviceId = localStorage.getItem(\"com.opentok.hardwaresetup.video\");\r\n\r\n if (stateRef.current.publisher && param != \"restart\") {\r\n stateRef.current.publisher.setVideoSource(videoDeviceId).catch((error) => console.error(error.name));\r\n stateRef.current.publisher.setAudioSource(audioDeviceId).catch((error) => console.error(error.name));\r\n return;\r\n }\r\n else if(stateRef.current.publisher){\r\n stateRef.current.publisher.destroy();\r\n }\r\n \r\n const videoTrack = await getMediaTrack(videoDeviceId);\r\n var options = {\r\n insertMode: \"append\",\r\n width: \"calc(100% - 10px)\",\r\n height: \"auto\",\r\n audioSource: audioDeviceId,\r\n videoSource: videoTrack ? videoTrack : videoDeviceId,\r\n publishAudio: param !== \"videoOnly\" || !videoDeviceId ? true : false,\r\n publishVideo: param !== \"audioOnly\" || !audioDeviceId ? true : false,\r\n showControls: false,\r\n name: clientKey,\r\n fitMode: \"cover\",\r\n mirror: true\r\n };\r\n if (props.isStudioStream === true) {\r\n options.disableAudioProcessing = true;\r\n }\r\n if (typeof param === \"object\") options = { ...options, ...param };\r\n var publisher = OT.initPublisher(targetContainer, { ...options, }, handleError);\r\n publisher.on(\"destroyed\", () => {\r\n onPublisherDestroyedRef.current();\r\n });\r\n session.publish(publisher, async (e) => {\r\n handleError(e);\r\n publisher.element.style.aspectRatio = aspectRatio === \"4:3\" ? \"4/3\" : (aspectRatio === \"16:10\" ? \"16/10\" : \"16/9\")\r\n speakerDetection(publisher, setSubscriberStartTalking, setSubscriberStopTalking);\r\n setState({ ...stateRef.current, publisher });\r\n if (hubConnection && hubConnection.state == 1) {\r\n hubConnection.invoke(\"LogPublisherStatus\", session.id, eventId, channel, clientKey, false, \"Start\");\r\n }\r\n gridViewFunctions.current.onStreamConnected(publisher);\r\n screenshareViewFunctions.current.onStreamConnected(publisher);\r\n if (layoutMode == \"screenshare\") {\r\n toggleScreenshareLayout(stateRef.current.screenshareLayout);\r\n }\r\n checkSpotlightLayoutStatus();\r\n if (typeof callback === \"function\") callback();\r\n });\r\n }\r\n function stopPublisher() {\r\n const { publisher, session } = stateRef.current;\r\n if (session && publisher) {\r\n gridViewFunctions.current.onStreamDisconnected(publisher);\r\n session.unpublish(publisher);\r\n setState({ ...stateRef.current, publisher: null });\r\n }\r\n }\r\n function onPublisherDestroyed() {\r\n const { session } = stateRef.current;\r\n if (hubConnection && hubConnection.state == 1) {\r\n hubConnection.invoke(\"LogPublisherStatus\", session.id, eventId, channel, clientKey, false, \"Stop\");\r\n }\r\n }\r\n function bindPropertyChanges({ changedProperty, newValue, stream }) {\r\n const { livePublisher, backstagePublisher, onAir, hardwareSetup } = stateRef.current;\r\n let publisher = onAir ? livePublisher : backstagePublisher;\r\n if (stream == publisher.stream) {\r\n if (changedProperty == \"hasAudio\") {\r\n if (props.hardwareSetup) {\r\n props.hardwareSetup.publishAudio = newValue;\r\n } else if (hardwareSetup) {\r\n hardwareSetup.publishAudio = newValue;\r\n }\r\n } else if (changedProperty == \"hasVideo\") {\r\n if (props.hardwareSetup) {\r\n props.hardwareSetup.publishVideo = newValue;\r\n } else if (hardwareSetup) {\r\n hardwareSetup.publishVideo = newValue;\r\n }\r\n }\r\n }\r\n }\r\n function changeVonageScreenshareLayout(newLayout) {\r\n hubConnection.invoke(\"changeVonageScreenshareLayout\", eventId, channel, newLayout);\r\n toggleScreenshareLayout(newLayout);\r\n }\r\n const onChangeVonageScreenshareLayout = (newLayout) => {\r\n toggleScreenshareLayout(newLayout);\r\n };\r\n function startScreenshare() {\r\n const { publisher, session, layoutMode } = stateRef.current;\r\n // Screen sharing is available. Publish the screen.\r\n var screensharePublisher = OT.initPublisher(\r\n \"vonage-screenshare-speakers\",\r\n {\r\n height:\"100%\",\r\n width:\"auto\",\r\n resolution:\"1280x720\",\r\n videoSource: \"screen\",\r\n name: clientKey, //publisher && publisher.stream ? publisher.stream.id : props.clientName,\r\n insertMode: \"append\",\r\n showControls: false,\r\n disableAudioProcessing: false,\r\n },\r\n function (error) {\r\n if (error) {\r\n screensharePublisher.destroy();\r\n handleError(error);\r\n } else {\r\n session.publish(screensharePublisher, function (error) {\r\n if (error) {\r\n handleError(error);\r\n } else {\r\n if (hubConnection && hubConnection.state == 1) {\r\n hubConnection.invoke(\"LogPublisherStatus\", session.id, eventId, channel, clientKey, true, \"Start\");\r\n }\r\n screensharePublisher.element.style.aspectRatio=\"16/9\";\r\n toggleLayoutMode(\"screenshare\");\r\n }\r\n });\r\n }\r\n }\r\n );\r\n screensharePublisher.on(\"destroyed\", () => {\r\n onScreensharePublisherDestroyedRef.current();\r\n });\r\n // var test = document.createElement(\"span\");\r\n // test.innerText = \"screenshare\";\r\n // publisher.element.appendChild(test);\r\n // screensharePublisher.element.appendChild(test);\r\n setState({\r\n ...stateRef.current,\r\n screensharePublisher: screensharePublisher,\r\n });\r\n }\r\n function onScreensharePublisherDestroyed() {\r\n stateRef.current.screensharePublisher = null;\r\n setState({ ...stateRef.current, screensharePublisher: null });\r\n if (hubConnection && hubConnection.state == 1) {\r\n hubConnection.invoke(\"LogPublisherStatus\", stateRef.current.session.id, eventId, channel, clientKey, true, \"Stop\");\r\n }\r\n let previousLayout = localStorage.getItem(\"vvcl\");\r\n toggleLayoutMode(previousLayout);\r\n }\r\n function stopScreenshare() {\r\n const { screensharePublisher } = stateRef.current;\r\n screensharePublisher.destroy();\r\n }\r\n\r\n function handleError(error) {\r\n if (error) {\r\n console.error(error);\r\n }\r\n }\r\n function handleEsc(e) {\r\n if ((e.key == \"Escape\" || e.key == \"Esc\" || e.keyCode == 27) && stateRef.current.fullscreen) {\r\n e.preventDefault();\r\n toggleFullscreen();\r\n return false;\r\n }\r\n }\r\n function toggleFullscreen(fs) {\r\n if (fs === true && stateRef.current.fullscreen == false) {\r\n setState({ ...stateRef.current, fullscreen: true });\r\n props.fullscreenRef.classList.add(\"vonage-fullscreen\");\r\n // document.getElementById(\"vonage-module-wrap\").classList.add(\"full-height\");\r\n } else if (fs !== true) {\r\n if (props.fullscreenRef) {\r\n setState({ ...stateRef.current, fullscreen: !stateRef.current.fullscreen });\r\n if (stateRef.current.fullscreen == false) {\r\n props.fullscreenRef.classList.add(\"vonage-fullscreen\");\r\n // document.getElementById(\"vonage-module-wrap\").classList.add(\"full-height\");\r\n } else {\r\n props.fullscreenRef.classList.remove(\"vonage-fullscreen\");\r\n // document.getElementById(\"vonage-module-wrap\").classList.remove(\"full-height\");\r\n }\r\n }\r\n }\r\n }\r\n function beforePageUnload() {\r\n const { publisher, screensharePublisher, session } = stateRef.current;\r\n var data = new FormData();\r\n data.set(\"SessionId\", session?.id);\r\n data.set(\"VonagePublishLogId\", 0);\r\n data.set(\"Inserted\", new Date().toISOString());\r\n data.set(\"EventId\", eventId);\r\n if (channel) {\r\n data.set(\"channel\", channel);\r\n }\r\n data.set(\"clientKey\", clientKey);\r\n data.set(\"screenshare\", false);\r\n data.set(\"message\", \"stop\");\r\n\r\n if (publisher) {\r\n navigator.sendBeacon(\"./api/meeting/vPublisherEnd\", data);\r\n }\r\n if (screensharePublisher) {\r\n data.set(\"screenshare\", true);\r\n navigator.sendBeacon(\"./api/meeting/vPublisherEnd\", data);\r\n }\r\n }\r\n\r\n const viewRef = useRef();\r\n useEffect(() => {\r\n viewRef.current.addEventListener(\"mousemove\", resetMoverEvent, { once: true });\r\n }, []);\r\n const resetMoverEvent = () => {\r\n setState({ ...stateRef.current, showControlbar: true });\r\n viewRef.current.removeEventListener(\"mousemove\", resetMoverEvent);\r\n setTimeout(() => {\r\n if (viewRef && viewRef.current) {\r\n setState({ ...stateRef.current, showControlbar: false });\r\n viewRef.current.addEventListener(\"mousemove\", resetMoverEvent, { once: true });\r\n }\r\n }, 5000);\r\n };\r\n if (showClickToJoin) {\r\n return (\r\n props.setHiddenRef(r)} id=\"vonage-spotlight-hidden\" style={{ display: \"none\" }}>
\r\n \r\n
\r\n setShowClickToJoin(false)}\r\n >\r\n
\r\n \r\n \r\n \r\n );\r\n }\r\n if (showHardwareUnavailable)\r\n return (\r\n \r\n
\r\n
\r\n window.location.reload()}\r\n >\r\n
\r\n \r\n \r\n \r\n );\r\n return (\r\n \r\n
\r\n
\r\n );\r\n};\r\n","import React from \"react\";\r\nimport Highcharts from \"highcharts\";\r\nimport HighchartsReact from \"highcharts-react-official\";\r\nimport { fold } from \"../../../../helpers/chartHelper\";\r\nimport { adjustContentHeight } from \"../../../../helpers/viewPortHelper\";\r\n\r\nexport const BarChart = ({ data, size, autoFit = false, questionName, categories, template, showPercent = false, showCount = false, presentationOrder }) => {\r\n let dataArr = [];\r\n let colors = [];\r\n if (template.chart.colors) {\r\n colors = [template.chart.colors.color1, template.chart.colors.color2, template.chart.colors.color3, template.chart.colors.color4, template.chart.colors.color5];\r\n }\r\n let colorI = 0;\r\n let totalCount = 0;\r\n for (const a of data) {\r\n totalCount += 1 * a.weight;\r\n }\r\n categories.map((d) => {\r\n let count = 0;\r\n for (const a of data.filter((c) => c.answer === d)) {\r\n count += 1 * a.weight;\r\n }\r\n if (colorI == 4) colorI = 0;\r\n else colorI++;\r\n if (!dataArr.find((da) => da.name === d && (d !== null || d !== \"\"))) {\r\n dataArr.push({\r\n name: d,\r\n y: showPercent ? (count / totalCount) * 100 : count,\r\n percentage: `${(count / totalCount) * 100}`,\r\n count:`${count}`,\r\n color: colors[colorI],\r\n sliced: true,\r\n });\r\n }\r\n });\r\n\r\n if (presentationOrder == \"VOTES\") {\r\n dataArr.sort((a, b) => {\r\n return b.y - a.y;\r\n });\r\n }\r\n\r\n let w = window.innerWidth * (parseInt(template.content.maxWidth) / 100);\r\n let h = adjustContentHeight(window.innerHeight, template.content, template.header, template.footer);\r\n questionName = questionName.length > 50 ? fold(questionName, 50, true).join(\"\") : questionName;\r\n const options = {\r\n chart: {\r\n backgroundColor: \"transparent\",\r\n plotBorderWidth: null,\r\n plotShadow: false,\r\n plotBackgroundColor: \"transparent\",\r\n type: \"bar\",\r\n height: autoFit && size ? size.height * 0.9 : h,\r\n width: autoFit && size ? size.width * 0.9 : w * 0.9,\r\n },\r\n title: {\r\n text: questionName,\r\n style: {\r\n fontSize: autoFit ? \"2vh\" : template.title.fontSize,\r\n fontFamily: template.title.fontFamily,\r\n color: template.title.color,\r\n textAlign: autoFit ? \"left\" : \"center\",\r\n },\r\n },\r\n legend: {\r\n enabled: false,\r\n title: {\r\n text: null,\r\n },\r\n },\r\n yAxis: {\r\n min: 0,\r\n max: showPercent ? 100 : null,\r\n allowDecimals: false,\r\n title: {\r\n text: null,\r\n },\r\n labels: {\r\n style: {\r\n fontSize: autoFit ? \"1.5vh\" : template.label.fontSize,\r\n fontFamily: template.label.fontFamily,\r\n color: template.label.color,\r\n },\r\n },\r\n },\r\n xAxis: {\r\n categories: dataArr.map((d) => {\r\n return d.name;\r\n }),\r\n allowDecimals: false,\r\n title: {\r\n text: null,\r\n },\r\n labels: {\r\n style: {\r\n fontSize: autoFit ? \"1.5vh\" : template.label.fontSize,\r\n fontFamily: template.label.fontFamily,\r\n color: template.label.color,\r\n },\r\n formatter: function () {\r\n var ret = this.value,\r\n len = ret.length;\r\n let str = ret;\r\n if (len > 40) {\r\n for (let index = Math.round(len / 2); index < len; index++) {\r\n if (ret[index] == \" \") {\r\n return ret.slice(0, index) + \"
\" + ret.slice(index + 1);\r\n }\r\n }\r\n }\r\n return str;\r\n },\r\n },\r\n },\r\n tooltip: {\r\n /* pointFormat: \"
{point.percentage:.1f} %\", */\r\n formatter: function () {\r\n return \"\" + this.point.name + \": \" + this.point.y.toFixed(2) + (showPercent ? \"%\" : \"\");\r\n },\r\n },\r\n plotOptions: {\r\n series: {\r\n stacking: \"normal\",\r\n },\r\n },\r\n credits: {\r\n enabled: false,\r\n },\r\n series: [\r\n {\r\n dataLabels: {\r\n style: {\r\n fontSize: autoFit ? \"1.3vh\" : \"1.3rem\",\r\n fontFamily: template.label.fontFamily,\r\n color: template.label.color,\r\n backgroundColor: \"red\",\r\n },\r\n enabled: true,\r\n formatter: function () {\r\n var pcnt = (this.y / dataArr.map((p) => p.y).reduce((a, b) => a + b, 0)) * 100;\r\n if(showPercent && showCount) return `${Math.round(pcnt)}% (${this.point.count})`\r\n else if(showPercent && !showCount) return `${Math.round(pcnt)}%`\r\n else if(!showPercent && showCount) return `${this.point.count}`\r\n else return \"\"\r\n },\r\n },\r\n colorByPoint: true,\r\n data: dataArr.map((a, b) => {\r\n return a;\r\n }),\r\n showInLegend: false,\r\n },\r\n ],\r\n };\r\n\r\n return (\r\n
\r\n
\r\n \") : questionName;\r\n const options = {\r\n chart: {\r\n backgroundColor: \"transparent\",\r\n plotBorderWidth: null,\r\n plotShadow: false,\r\n plotBackgroundColor: \"transparent\",\r\n type: \"pie\",\r\n height: autoFit && size ? size.height * 0.9 : h,\r\n width: autoFit && size ? size.width * 0.9 : w,\r\n },\r\n title: {\r\n text: questionName,\r\n style: {\r\n fontSize: autoFit ? \"2vh\" : template.title.fontSize,\r\n fontFamily: template.title.fontFamily,\r\n color: template.title.color,\r\n textAlign: autoFit ? \"left\" : \"center\",\r\n },\r\n },\r\n tooltip: {\r\n pointFormat: \"
{point.percentage:.1f} %
{point.y}\",\r\n },\r\n plotOptions: {\r\n pie: {\r\n animation: 2000,\r\n dataLabels: {\r\n enabled: true,\r\n formatter: function () {\r\n var pcnt = (this.y / dataArr.map((p) => p.y).reduce((a, b) => a + b, 0)) * 100;\r\n if(showPercent && showCount) return `${this.point.name} ${Math.round(pcnt)}% (${this.point.count})`\r\n else if(showPercent && !showCount) return `${this.point.name} ${Math.round(pcnt)}%`\r\n else if(!showPercent && showCount) return `${this.point.name} ${this.point.count}`\r\n else return `${this.point.name}`\r\n },\r\n // format: \"{point.name} {point.percentage:.1f}% \",\r\n },\r\n },\r\n },\r\n credits: {\r\n enabled: false,\r\n },\r\n series: [\r\n {\r\n dataLabels: {\r\n style: {\r\n fontSize: autoFit ? \"1.3vh\" : template.label.fontSize,\r\n fontFamily: template.label.fontFamily,\r\n color: template.label.color,\r\n },\r\n },\r\n colorByPoint: true,\r\n data: dataArr,\r\n },\r\n ],\r\n };\r\n\r\n return (\r\n
\r\n
\r\n \r\n {showLabel ?\r\n
\r\n );\r\n }\r\n}\r\n","import React from \"react\";\r\nimport Highcharts from \"highcharts\";\r\nimport HighchartsReact from \"highcharts-react-official\";\r\nimport { fold } from \"../../../../helpers/chartHelper\";\r\nimport { adjustContentHeight } from \"../../../../helpers/viewPortHelper\";\r\n\r\nexport const ColumnChart = ({ data, questionName, categories, template, size = null, showPercent = false, showCount=false, autoFit = false, presentationOrder }) => {\r\n let dataArr = [];\r\n let colors = [];\r\n if (template.chart.colors) {\r\n colors = [template.chart.colors.color1, template.chart.colors.color2, template.chart.colors.color3, template.chart.colors.color4, template.chart.colors.color5];\r\n }\r\n let totalCount = 0;\r\n for (const a of data) {\r\n totalCount += 1 * a.weight;\r\n }\r\n let colorI = 0;\r\n categories.map((d) => {\r\n \r\n let count = 0;\r\n for (const a of data.filter((c) => c.answer === d)) {\r\n count += 1 * a.weight;\r\n }\r\n // let count = data.filter((c) => {\r\n // return c.answer === d;\r\n // }).length;\r\n if (colorI == 4) colorI = 0;\r\n else colorI++;\r\n if (!dataArr.find((da) => da.name === d && (d !== null || d !== \"\"))) {\r\n dataArr.push({\r\n name: d,\r\n y: showPercent ? (count / totalCount) * 100 : count,\r\n percentage: `${(count / totalCount) * 100}`,\r\n count:`${count}`,\r\n color: colors[colorI],\r\n sliced: true,\r\n });\r\n }\r\n });\r\n if (presentationOrder == \"VOTES\") {\r\n dataArr.sort((a, b) => {\r\n return b.y - a.y;\r\n });\r\n }\r\n\r\n let w = window.innerWidth * (parseInt(template.content.maxWidth) / 100);\r\n let h = adjustContentHeight(window.innerHeight, template.content, template.header, template.footer);\r\n\r\n questionName = questionName.length > 50 ? fold(questionName, 50, true).join(\"this.labelRef = r} style={{ ...template.title, padding: \"15px\", textAlign: \"center\" }}>{questionName}
\r\n :null}\r\n\r\n {this.drawData().map((c, i) => {\r\n return (\r\n \r\n \r\n );\r\n })}\r\n
\r\n \r\n {showNames ? {c.name} : null}\r\n \r\n
\r\n \") : questionName;\r\n const options = {\r\n chart: {\r\n backgroundColor: \"transparent\",\r\n plotBorderWidth: null,\r\n plotShadow: false,\r\n\r\n plotBackgroundColor: \"transparent\",\r\n type: \"column\",\r\n height: autoFit && size ? size.height * 0.9 : h,\r\n width: autoFit && size ? size.width * 0.9 : w * 0.9,\r\n },\r\n title: {\r\n text: questionName,\r\n style: {\r\n fontSize: autoFit ? \"2vh\" : template.title.fontSize,\r\n fontFamily: template.title.fontFamily,\r\n color: template.title.color,\r\n textAlign: autoFit ? \"left\" : \"center\",\r\n },\r\n },\r\n yAxis: {\r\n min: 0,\r\n max: showPercent ? 100 : null,\r\n title: {\r\n text: null,\r\n },\r\n allowDecimals: false,\r\n labels: {\r\n style: {\r\n fontSize: autoFit ? \"1.5vh\" : template.label.fontSize,\r\n fontFamily: template.label.fontFamily,\r\n color: template.label.color,\r\n },\r\n },\r\n },\r\n xAxis: {\r\n categories: dataArr.map((d) => {\r\n return d.name;\r\n }),\r\n allowDecimals: false,\r\n title: {\r\n text: null,\r\n },\r\n labels: {\r\n style: {\r\n fontSize: autoFit ? \"1.5vh\" : template.label.fontSize,\r\n fontFamily: template.label.fontFamily,\r\n color: template.label.color,\r\n },\r\n formatter: function () {\r\n var ret = this.value,\r\n len = ret.length;\r\n\r\n let maxL = 11;\r\n const words = ret.split(\" \");\r\n var str = \"\";\r\n for (let index = 0; index < words.length; index++) {\r\n const w = words[index];\r\n if (w.length + 1 >= maxL) {\r\n //br på index¨\r\n let i = w.length - maxL;\r\n if (w.length > 13 && w.length < 15) {\r\n str += w.slice(0, i) + \"-
\" + w.slice(i, w.length);\r\n }\r\n if (w.length > 15 && w.length < 23) {\r\n str += w.slice(0, maxL) + \"-
\" + w.slice(i, w.length);\r\n }\r\n if (w.length > 23 && w.length < 30) {\r\n str += w.slice(0, maxL) + \"-
\" + w.slice(i, w.length);\r\n str += w.slice(0, 23) + \"-
\" + w.slice(i, w.length);\r\n }\r\n } else if (index > 0 && w.length + words[index - 1].length + 2 > maxL) {\r\n str += \"
\" + w + \" \";\r\n } else {\r\n str += w + \" \";\r\n }\r\n }\r\n\r\n return ret;\r\n },\r\n },\r\n },\r\n tooltip: {\r\n pointFormat: \"
{point.percentage:.1f} %\",\r\n },\r\n plotOptions: {\r\n column: {\r\n pointPadding: 0.2,\r\n borderWidth: 0,\r\n /* colors: [generateChartColor(template.chart.colors)] */\r\n },\r\n },\r\n credits: {\r\n enabled: false,\r\n },\r\n series: [\r\n {\r\n dataLabels: {\r\n style: {\r\n fontSize: autoFit ? \"1.3vh\" : \"1.3rem\",\r\n fontFamily: template.label.fontFamily,\r\n color: template.label.color,\r\n },\r\n enabled: true,\r\n formatter: function () {\r\n var pcnt = (this.y / dataArr.map((p) => p.y).reduce((a, b) => a + b, 0)) * 100;\r\n if(showPercent && showCount) return `${Math.round(pcnt)}% (${this.point.count})`\r\n else if(showPercent && !showCount) return `${Math.round(pcnt)}%`\r\n else if(!showPercent && showCount) return `${this.point.count}`\r\n else return \"\"\r\n },\r\n },\r\n colorByPoint: true,\r\n data: dataArr.map((a) => {\r\n return a;\r\n }),\r\n showInLegend: false,\r\n },\r\n ],\r\n };\r\n\r\n return (\r\n
\r\n
\r\n \r\n
\r\n
\r\n )\r\n}\r\n\r\nfunction ClientResponseCount({ clientResponses, questionOption, style, importedAttendees, presentParticipants, autoFit }) {\r\n const responses = clientResponses.filter(cr => cr.answer == questionOption.questionOptionId.toString()).length;\r\n var badgeNoList = [];\r\n importedAttendees.map(ia => {\r\n badgeNoList.push(ia.badgeNo);\r\n })\r\n const answerPersons = [];\r\n clientResponses.filter(cr => cr.answer == questionOption.questionOptionId.toString() && badgeNoList.includes(cr.clientKey)).map(cr => {\r\n if (!answerPersons.includes(cr.clientKey)) {\r\n answerPersons.push(cr.clientKey);\r\n }\r\n });\r\n \r\n\r\n // {importedAttendees.length > 0 && answered > 0 ? Math.round((answered / importedAttendees.length) * 100) + '%' : '0%'}\r\n return \r\n\r\n
\r\n \r\n {questionName}\r\n
\r\n \r\n\r\n \r\n\r\n
\r\n\r\n {question.questionOption.map((qo, i) => {\r\n return \r\n
\r\n })}\r\n \r\n
\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n ) : null}\r\n {active ? (\r\n \r\n {!isFullscreen ? (\r\n toggleFullscreen()}>\r\n \r\n ) : (\r\n toggleFullscreen()}>\r\n \r\n )}\r\n
\r\n ) : null}\r\n\r\n \r\n )\r\n}\r\nfunction mapStateToProps(state) {\r\n return {\r\n template: state.template.template ? state.template.template.content : undefined,\r\n };\r\n}\r\nexport default connect(mapStateToProps)(ZoomModule);\r\n\r\nconst EditorPreview = () => {\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nconst NotValidBrowser = () => {\r\n return (\r\n \r\n 
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n );\r\n};\r\n","import React, { useState, useEffect, useRef, useLayoutEffect } from \"react\";\r\nimport { connect } from \"react-redux\";\r\n\r\nimport { Avatar } from \"@material-ui/core\";\r\nimport EqualizerIcon from \"@material-ui/icons/Equalizer\";\r\nimport EventLabel2, { init } from \"../../../components/EventLabel2/EventLabel2\";\r\nimport { WordCloud } from \"../../../interaction/presenter/other/WordCloud/WordCloud\";\r\nimport { ColumnChart } from \"../../../interaction/presenter/charts/ColumnChart/ColumnChart\";\r\nimport { BarChart } from \"../../../interaction/presenter/charts/BarChart/BarChart\";\r\nimport { PieChart } from \"../../../interaction/presenter/charts/PieChart/PieChart\";\r\nimport { presenterTypeConstants } from \"../../../interaction/constants/presenterType.constants\";\r\nimport { DisparityChart } from \"../../../interaction/presenter/charts/DisparityChart/DisparityChart\";\r\nimport { TextFlow } from \"../../../interaction/presenter/other/TextFlow/TextFlow\";\r\nimport { useMemo } from \"react\";\r\n\r\nconst convertOptionIdToText = (id, qs, lang) => {\r\n let optionId = parseInt(id);\r\n if (isNaN(optionId)) return id;\r\n let text = id;\r\n try {\r\n text = qs.questionOption.find((o) => o.questionOptionId === optionId).questionOptionLanguage.find((l) => l.languageCode === lang).label;\r\n } catch (error) { }\r\n return text;\r\n};\r\n\r\nconst defaultState = {\r\n activeQuestion: null,\r\n clientResponses: [],\r\n presentParticipants: [],\r\n presentationOrder: \"SORTORDER\",\r\n displayType: \"\",\r\n presenterSettings: {\r\n displayTypeText: \"TEXTFLOW\",\r\n displayTypeOption: \"BARCHART\",\r\n moderationMode: false,\r\n presentationOrder: \"SORTORDER\",\r\n showCount: true,\r\n showPercent: false,\r\n },\r\n size: null,\r\n};\r\nfunction PresenterModule(props) {\r\n const [state, setState] = useState({ ...defaultState });\r\n const wrapperRef = useRef();\r\n const stateRef = useRef();\r\n stateRef.current = state;\r\n const { eventId, lang, hubConnection, preview } = props;\r\n useEffect(() => {\r\n init(eventId, \"DigitalMeeting.Presenter\", lang);\r\n if (hubConnection && !preview) {\r\n hubConnection.invoke(\"getClientQuestions\", eventId, \"INTERACTION_PRESENTER\");\r\n hubConnection.invoke(\"getPresenterSettings\", eventId);\r\n }\r\n return () => { };\r\n }, []);\r\n useEffect(() => {\r\n window.addEventListener(\"resize\", resizeGraph);\r\n if (hubConnection && !preview) {\r\n hubConnection.on(\"onDeployQuestionToPresenter\", onDeployQuestionToPresenter);\r\n hubConnection.on(\"onNewPresentParticipant\", onNewPresentParticipant);\r\n hubConnection.on(\"onUpdatedPresenterSettings\", onUpdatedPresenterSettings);\r\n hubConnection.on(\"onClearDisplay\", onClearDisplay);\r\n hubConnection.on(\"onClearQuestionAnswers\", onClearQuestionAnswers);\r\n hubConnection.on(\"onClientResponse\", onClientResponse);\r\n }\r\n return () => {\r\n if (hubConnection && !preview) {\r\n hubConnection.off(\"onDeployQuestionToPresenter\", onDeployQuestionToPresenter);\r\n hubConnection.off(\"onNewPresentParticipant\", onNewPresentParticipant);\r\n hubConnection.off(\"onUpdatedPresenterSettings\", onUpdatedPresenterSettings);\r\n hubConnection.off(\"onClearDisplay\", onClearDisplay);\r\n hubConnection.off(\"onClearQuestionAnswers\", onClearQuestionAnswers);\r\n hubConnection.off(\"onClientResponse\", onClientResponse);\r\n }\r\n window.removeEventListener(\"resize\", resizeGraph);\r\n };\r\n });\r\n useEffect(() => {\r\n if ((wrapperRef.current && !state.size) || (wrapperRef.current && wrapperRef.current.clientHeight != state.size.height && wrapperRef.current.clientWidth != state.size.width)) {\r\n resizeGraph();\r\n }\r\n }, [wrapperRef.current]);\r\n\r\n const resizeGraph = () => {\r\n if (wrapperRef.current) {\r\n const { clientWidth, clientHeight } = wrapperRef.current;\r\n setState({\r\n ...stateRef.current,\r\n size: {\r\n height: clientHeight,\r\n width: clientWidth,\r\n },\r\n });\r\n }\r\n };\r\n const onClientResponse = (response) => {\r\n const { clientResponses, activeQuestion } = stateRef.current;\r\n let responses = Array.from(\r\n clientResponses.map((a) => {\r\n if (a.type === \"Option\") {\r\n a.answerText = convertOptionIdToText(a.answer);\r\n }\r\n return a;\r\n })\r\n );\r\n const existingResponse = responses.find((r) => {\r\n return r.answerId === response.answerId;\r\n });\r\n if (existingResponse && response.status === 3) {\r\n responses.splice(responses.indexOf(existingResponse), 1);\r\n }\r\n if (response.type === \"Option\") {\r\n response.answerText = convertOptionIdToText(response.answer);\r\n }\r\n if (!existingResponse) {\r\n responses.push(response);\r\n }\r\n if (response && activeQuestion && response.questionId === activeQuestion.questionId) {\r\n setState({ ...stateRef.current, clientResponses: responses });\r\n }\r\n };\r\n const onNewPresentParticipant = (order) => {\r\n const { presentParticipants } = stateRef.current;\r\n if (!presentParticipants.find((x) => x.badgeNo == order.badgeNo)) {\r\n presentParticipants.push(order);\r\n setState({ ...stateRef.current, presentParticipants });\r\n }\r\n };\r\n function onDeployQuestionToPresenter(res) {\r\n // let presenterType = res.question.presenterType || (res.question.type == \"Text\" ? \"WORDCLOUD\" : \"COLUMNCHART\");\r\n setState({\r\n ...stateRef.current,\r\n clientResponses: res.answers,\r\n activeQuestion: res.question,\r\n presentParticipants: res.presentParticipants || [],\r\n // displayType: presenterType,\r\n });\r\n }\r\n function onClearQuestionAnswers(questionId) {\r\n if (stateRef.current.activeQuestion && stateRef.current.activeQuestion.questionId == questionId) {\r\n setState({ ...stateRef.current, clientResponses: [] });\r\n }\r\n }\r\n function onClearDisplay() {\r\n setState({\r\n ...stateRef.current,\r\n activeQuestion: null,\r\n clientResponses: [],\r\n });\r\n }\r\n function onUpdatedPresenterSettings(settings) {\r\n setState({ ...stateRef.current, presenterSettings: settings });\r\n }\r\n const api = {\r\n ...state,\r\n ...props,\r\n };\r\n return (\r\n \r\n
\r\n \r\n
\r\n (wrapperRef.current = r)}>\r\n {preview ?
\r\n );\r\n}\r\nfunction mapStateToProps(state) {\r\n return {\r\n template: state.template.template ? state.template.template.content : undefined,\r\n };\r\n}\r\nexport default connect(mapStateToProps)(PresenterModule);\r\n\r\nconst setCategories = (question, lang) => {\r\n let categories = [];\r\n try {\r\n categories = question.questionOption.map((qo) => {\r\n return qo.questionOptionLanguage.find((ql) => ql.languageCode == lang).label || qo.questionOptionLanguage[0].label;\r\n });\r\n } catch (error) { }\r\n return categories;\r\n};\r\n\r\nconst FallbackChart = () => {\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nconst Chart = (props) => {\r\n const { clientResponses, presenterSettings, activeQuestion, template, lang, size, presentParticipants, orderList, settings } = props;\r\n if (!activeQuestion || !size || !template || !presenterSettings) return \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nconst DefaultVideoFrame = () => (\r\n \r\n To view this video please enable JavaScript, and consider upgrading to a web browser that\r\n \r\n supports HTML5 video\r\n \r\n
\r\n \r\n \r\n );\r\n}\r\n","import React from \"react\";\r\nimport { InlineEditor } from \"../../components/TinyMCE/InlineEditor\";\r\nimport { ScrollWrapper } from \"../helpers/module.helper\";\r\n\r\nexport function HtmlModule(props) {\r\n const { clientKey, preview, updateModule = () => null } = props;\r\n const { html } = props.settings;\r\n let htmlContent = html;\r\n if (html)\r\n htmlContent = html\r\n .toString()\r\n .replace(/\\[clientkey\\]/gi, clientKey)\r\n .replace(/\\[badgeno\\]/gi, clientKey);\r\n\r\n/* if (!htmlContent) returnHTML; */\r\n return (\r\n \r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n template: state.template.template,\r\n cms: state.cms,\r\n };\r\n}\r\nexport default connect(mapStateToProps)(CountdownModule);\r\n","import React from \"react\";\r\nimport { ImageMap } from \"@qiuz/react-image-map\";\r\n\r\nexport const ImageMapModule = (props) => {\r\n const img = \"https://jirangopub.s3.eu-north-1.amazonaws.com/Files/902/MonopolSpelplan3.png\";\r\n const { clientKey } = props;\r\n const { url, data, target } = props.settings;\r\n const mapArea = [\r\n { width: \"8%\", height: \"14.389799635701275%\", left: \"69.06538469363481%\", top: \"2.0036429872495445%\", href: \"https://google.se\" },\r\n { width: \"8.205128205128204%\", height: \"7.285974499089254%\", left: \"68.86025648850661%\", top: \"38.97996357012751%\", href: \"https://aftonbladet.se\" },\r\n ];\r\n\r\n const onMapClick = (area, index) => {\r\n const link = area.href\r\n .toString()\r\n .replace(/\\[clientkey\\]/gi, clientKey)\r\n .replace(/\\[badgeno\\]/gi, clientKey);\r\n window.open(link, target);\r\n };\r\n\r\n\r\n // in hooks\r\n const ImageMapComponent = React.useMemo(() => \r\n
\r\n \r\n
\r\n \r\n {days}\r\n
\r\n \r\n \r\n
\r\n \r\n {hours}\r\n
\r\n \r\n \r\n
\r\n \r\n {minutes}\r\n
\r\n \r\n \r\n
\r\n \r\n {seconds}\r\n
{\" \"}\r\n \r\n {ImageMapComponent}
;\r\n};\r\n","import axios from \"axios\";\r\nimport { connect } from \"react-redux\";\r\nimport React, { useState, useRef, useEffect } from \"react\";\r\nimport EventLabel2, { init } from \"../../../components/EventLabel2/EventLabel2\";\r\nimport { eventLabelGroupsConstants } from \"../../constants/eventLabelGroups.contansts\";\r\nimport { Button, List, ListItem, ListItemAvatar, ListItemText, Tooltip } from \"@material-ui/core\";\r\nimport RecordVoiceOverIcon from \"@material-ui/icons/RecordVoiceOver\";\r\nimport ClearIcon from \"@material-ui/icons/Clear\";\r\nimport InsertCommentIcon from \"@material-ui/icons/InsertComment\";\r\nimport GavelIcon from \"@material-ui/icons/Gavel\";\r\nimport { combineProps } from \"../../../helpers/objectHelper\";\r\nimport { ChatAvatar } from \"../ChatModule/components/ChatAvatar\";\r\nimport PersonRoundedIcon from \"@material-ui/icons/PersonRounded\";\r\n\r\nconst SpeakerControl = (props) => {\r\n const [agenda, setAgenda] = useState([]);\r\n const [speakers, setSpeakers] = useState([]);\r\n const [activeSpeaker, setActiveSpeaker] = useState(null);\r\n const [floorIsGive, setFloorIsGiven] = useState(false);\r\n const { eventId, clientKey, lang, connected, hubConnection, noneAllowedSpeakers, personTypes, template, clientName, preview, settings } = props;\r\n\r\n const { requestedEventId, getAgendaFromOtherEvent, allowRequestTheFloor, allowPointOfOrder, allowRequestLineOfSpeaker } = settings;\r\n\r\n useEffect(() => {\r\n init(eventId, eventLabelGroupsConstants.SPEAKER_CONTROL_LABEL_GROUP, lang);\r\n fetchSpeakers();\r\n fetchAgenda();\r\n configureHubEvents();\r\n }, []);\r\n\r\n const fetchAgenda = () => {\r\n axios\r\n .get(`./api/meeting/agenda/${getAgendaFromOtherEvent && requestedEventId ? requestedEventId : eventId}`)\r\n .then(({ data }) => {\r\n if (!data) return;\r\n const agendaItems = data.sort(function (a, b) {\r\n return a.sortOrder - b.sortOrder;\r\n });\r\n setAgenda(agendaItems);\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n });\r\n };\r\n const configureHubEvents = () => {\r\n if (hubConnection) {\r\n hubConnection.on(\"onSpeakersUpdate\", (speakers) => setSpeakers(speakers));\r\n hubConnection.on(\"onActivateSpeaker\", (activeSpeaker) => {\r\n setActiveSpeaker(activeSpeaker);\r\n });\r\n hubConnection.on(\"onDeactivateSpeaker\", () => setActiveSpeaker(null));\r\n hubConnection.on(\"onAgendaUpdate\", (agenda) => {\r\n setAgenda(agenda);\r\n });\r\n hubConnection.on(\"onAgendaClosed\", (speakers) => {\r\n setSpeakers(speakers);\r\n setActiveSpeaker(null);\r\n });\r\n }\r\n };\r\n\r\n const fetchSpeakers = () => {\r\n axios\r\n .get(`./api/meeting/speakers/${eventId}`)\r\n .then(({ data }) => {\r\n if (data) {\r\n setSpeakers(data);\r\n const active = data.find((a) => a.active == true);\r\n if (active) {\r\n const speaker = props.orderList.find((ol) => ol.badgeNo == active.badgeNo);\r\n setActiveSpeaker(speaker);\r\n }\r\n }\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n });\r\n };\r\n\r\n const unassignRequest = (agendaItemId, parentId = null) => {\r\n if (!connected || !hubConnection || (hubConnection.connectionState != 1 && !preview)) return;\r\n const activeAgenda = agenda.find((a) => a.active == true);\r\n if (!activeAgenda) return;\r\n hubConnection\r\n .invoke(\"removeSpeaker\", {\r\n eventId,\r\n agendaItemId: activeAgenda.agendaItemId,\r\n clientKey,\r\n parentId,\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n });\r\n };\r\n\r\n const requestTheFloor = (speakerType, parentId = null) => {\r\n if (!connected || !hubConnection || (hubConnection.connectionState != 1 && !preview)) return;\r\n const activeAgenda = agenda.find((a) => a.active == true);\r\n if (!activeAgenda) return;\r\n hubConnection\r\n .invoke(\"setSpeaker\", {\r\n eventId,\r\n agendaItemId: activeAgenda.agendaItemId,\r\n clientKey,\r\n parentId,\r\n speakerType,\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n });\r\n };\r\n\r\n const hasRequestedTheFloor = (agendaId, parentId = null) => {\r\n const activeAgenda = agenda.find((a) => a.active == true);\r\n if (!activeAgenda) return false;\r\n const hasRequested = speakers.find((s) => s.agendaItemId === activeAgenda.agendaItemId && s.badgeNo === clientKey && /* s.parentInteractionSpeakerId === parentId && */ s.closedDateTime === null);\r\n return hasRequested;\r\n };\r\n\r\n const isAuthorizedSpeaker = () => {\r\n if (!clientName || clientName.includes(\"Guest_\")) return false;\r\n return true;\r\n };\r\n const isAllowedSpeaker = () => {\r\n let allowed = true;\r\n if (noneAllowedSpeakers.length > 0 && personTypes) {\r\n noneAllowedSpeakers.map((n) => {\r\n if (personTypes.includes(n)) {\r\n allowed = false;\r\n }\r\n });\r\n }\r\n return allowed;\r\n };\r\n\r\n const api = {\r\n speakers,\r\n agenda,\r\n ...props,\r\n activeSpeaker,\r\n activeAgenda: agenda.find((a) => a.active == true),\r\n speakers,\r\n\r\n isAllowedSpeaker,\r\n isAuthorizedSpeaker,\r\n hasRequestedTheFloor,\r\n requestTheFloor,\r\n unassignRequest,\r\n };\r\n return (\r\n \r\n {/* {activeSpeaker ?
\r\n );\r\n};\r\n\r\nconst ActiveSpeaker = (props) => {\r\n const { template, activeSpeaker, settings } = props;\r\n const { fontFamily, fontSize, color, fontWeight } = settings;\r\n return (\r\n - \r\n
\r\n {allowPointOfOrder == true ? (\r\n requestTheFloor(3)}\r\n startIcon={ requestTheFloor(1)}\r\n disabled={orderId == 1}\r\n startIcon={
\r\n );\r\n } else {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n template: state.template.template ? state.template.template.content : null,\r\n };\r\n}\r\nexport default connect(mapStateToProps)(SpeakerControl);\r\n","import axios from \"axios\";\r\nimport { connect } from \"react-redux\";\r\nimport React, { useState, useRef, useEffect } from \"react\";\r\nimport EventLabel2, { init } from \"../../components/EventLabel2/EventLabel2\";\r\nimport { combineProps } from \"../../helpers/objectHelper\";\r\nimport PersonRoundedIcon from \"@material-ui/icons/PersonRounded\";\r\nimport { eventLabelGroupsConstants } from \"../constants/eventLabelGroups.contansts\";\r\nimport { List, ListItem, ListItemAvatar, ListItemText } from \"@material-ui/core\";\r\n\r\nconst DEFAULT_SPEAKER = {\r\n profileImage: \"https://talk.nordea.se/privatebanking/wp-content/uploads/2020/01/elon-musk-royal-society-av-duncan-hull.jpg\",\r\n name: \"Elon Musk\",\r\n company: \"Tesla\",\r\n title: \"CEO\",\r\n};\r\n\r\nconst SpeakerCard = (props) => {\r\n const [agenda, setAgenda] = useState([]);\r\n const [speakers, setSpeakers] = useState([]);\r\n const [activeSpeaker, setActiveSpeaker] = useState(null);\r\n const [floorIsGive, setFloorIsGiven] = useState(false);\r\n const { eventId, clientKey, lang, connected, hubConnection, noneAllowedSpeakers, personTypes, template, companyName, clientName, preview, settings } = props;\r\n\r\n const { requestedEventId, getAgendaFromOtherEvent } = settings;\r\n\r\n useEffect(() => {\r\n init(eventId, eventLabelGroupsConstants.SPEAKER_CARD_LABEL_GROUP, lang);\r\n if (!preview) {\r\n fetchSpeakers();\r\n fetchAgenda();\r\n configureHubEvents();\r\n }\r\n }, []);\r\n\r\n const fetchAgenda = () => {\r\n axios\r\n .get(`./api/meeting/agenda/${getAgendaFromOtherEvent && requestedEventId ? requestedEventId : eventId}`)\r\n .then(({ data }) => {\r\n if (!data) return;\r\n const agendaItems = data.sort(function (a, b) {\r\n return a.sortOrder - b.sortOrder;\r\n });\r\n setAgenda(agendaItems);\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n });\r\n };\r\n const configureHubEvents = () => {\r\n if (hubConnection) {\r\n hubConnection.on(\"onSpeakersUpdate\", (speakers) => setSpeakers(speakers));\r\n hubConnection.on(\"onActivateSpeaker\", (activeSpeaker) => {\r\n setActiveSpeaker(activeSpeaker);\r\n });\r\n hubConnection.on(\"onDeactivateSpeaker\", () => setActiveSpeaker(null));\r\n hubConnection.on(\"onAgendaUpdate\", (agenda) => {\r\n setAgenda(agenda);\r\n });\r\n hubConnection.on(\"onAgendaClosed\", (speakers) => {\r\n setSpeakers(speakers);\r\n setActiveSpeaker(null);\r\n });\r\n }\r\n };\r\n\r\n const fetchSpeakers = () => {\r\n axios\r\n .get(`./api/meeting/speakers/${eventId}`)\r\n .then(({ data }) => {\r\n if (data) {\r\n setSpeakers(data);\r\n const active = data.find((a) => a.active == true);\r\n if (active) {\r\n const speaker = props.orderList.find((ol) => ol.badgeNo == active.badgeNo);\r\n setActiveSpeaker(speaker);\r\n }\r\n }\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n });\r\n };\r\n\r\n const api = {\r\n speakers,\r\n agenda,\r\n ...props,\r\n activeSpeaker: preview ? DEFAULT_SPEAKER : activeSpeaker,\r\n activeAgenda: agenda.find((a) => a.active == true),\r\n speakers,\r\n };\r\n\r\n return - \r\n
\r\n
\r\n );\r\n}, areEqual);\r\n\r\nconst useStyles = makeStyles({\r\n list: {\r\n width: 250,\r\n },\r\n fullList: {\r\n width: \"auto\",\r\n },\r\n});\r\n\r\nconst MobileMenu = ({ menuItems, onNavigate, layout, settings, preview }) => {\r\n const classes = useStyles();\r\n const [state, setState] = React.useState({\r\n top: false,\r\n left: false,\r\n bottom: false,\r\n right: false,\r\n });\r\n\r\n const toggleDrawer = (anchor, open) => (event) => {\r\n if (event && event.type === \"keydown\" && (event.key === \"Tab\" || event.key === \"Shift\")) {\r\n return;\r\n }\r\n\r\n setState({ ...state, [anchor]: open });\r\n };\r\n\r\n const list = (anchor) => (\r\n \r\n {isSmartphone || (preview && layout?.mobile) ? (\r\n
\r\n {!preview ? (\r\n - \r\n {menuItems.map((item, index) => (\r\n
\r\n \r\n \r\n {layout?.name}\r\n \r\n {list(anchor)}\r\n \r\n
\r\n ))}\r\n \r\n );\r\n};\r\n","import React from \"react\";\r\nimport ZoomOutMapIcon from \"@material-ui/icons/ZoomOutMap\";\r\nimport ArrowUpwardIcon from \"@material-ui/icons/ArrowUpward\";\r\nimport OpacityIcon from \"@material-ui/icons/Opacity\";\r\nimport Crop169Icon from \"@material-ui/icons/Crop169\";\r\nimport Crop54Icon from \"@material-ui/icons/Crop54\";\r\nimport CropLandscapeIcon from \"@material-ui/icons/CropLandscape\";\r\nimport FormatAlignLeftIcon from \"@material-ui/icons/FormatAlignLeft\";\r\nimport FormatAlignCenterIcon from \"@material-ui/icons/FormatAlignCenter\";\r\nimport FormatAlignRightIcon from \"@material-ui/icons/FormatAlignRight\";\r\nimport SettingsOverscanOutlinedIcon from \"@material-ui/icons/SettingsOverscanOutlined\";\r\nimport ImageAspectRatioOutlinedIcon from \"@material-ui/icons/ImageAspectRatioOutlined\";\r\nimport VerticalAlignBottomIcon from \"@material-ui/icons/VerticalAlignBottom\";\r\nimport VerticalAlignCenterIcon from \"@material-ui/icons/VerticalAlignCenter\";\r\nimport VerticalAlignTopIcon from \"@material-ui/icons/VerticalAlignTop\";\r\n\r\nconst HorizontalAlignLeftIcon = () => \r\n {dialogOpen && videoWallProps ? = 5)}\r\n style={template ? { ...template.button, ...buttonStyle } : {}}\r\n onClick={() => requestSession()}\r\n >\r\n {!videoWallFull && (timesKicked < 5) ?
\r\n );\r\n};\r\n","import React, { useEffect, useMemo, useRef, useState } from \"react\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport SpeedDial from \"@material-ui/lab/SpeedDial\";\r\nimport SpeedDialAction from \"@material-ui/lab/SpeedDialAction\";\r\nimport ReplayIcon from \"@material-ui/icons/Replay\";\r\nimport { Spinner } from \"reactstrap\";\r\nimport { Fab, IconButton } from \"@material-ui/core\";\r\nimport EmojiEmotionsIcon from \"@material-ui/icons/EmojiEmotions\";\r\nimport { authHeader } from \"../../../helpers/authHeader\";\r\nimport { ScrollWrapper } from \"../../helpers/module.helper\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n transform: \"translateZ(0px)\",\r\n flexGrow: 1,\r\n },\r\n exampleWrapper: {\r\n position: \"relative\",\r\n marginTop: theme.spacing(3),\r\n height: 380,\r\n },\r\n radioGroup: {\r\n margin: theme.spacing(1, 0),\r\n },\r\n speedDial: {\r\n position: \"absolute\",\r\n \"&.MuiSpeedDial-directionUp, &.MuiSpeedDial-directionLeft\": {\r\n bottom: theme.spacing(2),\r\n right: theme.spacing(2),\r\n },\r\n \"&.MuiSpeedDial-directionDown, &.MuiSpeedDial-directionRight\": {\r\n top: theme.spacing(2),\r\n left: theme.spacing(2),\r\n },\r\n },\r\n}));\r\n\r\nexport default function PlauditButtons({ hubConnection, connected, connecting, showDiscBtn, reConnect, eventId, eventName, settings, preview, fullscreenRef, template }) {\r\n const classes = useStyles();\r\n const [open, setOpen] = useState(false);\r\n const [spamBlock, setSpamBlock] = useState(false);\r\n const [uploadedFiles, setUploadedFiles] = useState({});\r\n const { expanded = false, columns = 2, icons = \"\", fabColor = \"#3f51b5\", fabIconColor = \"#fff\", buttonBackgroundColor = \"#fff\", buttonBorderColor = \"#aaa\" } = settings;\r\n\r\n const iconList = useMemo(() => {\r\n return icons.split(\";\").filter(x => x !== \"\");\r\n }, [icons])\r\n\r\n var iconsPerColumn = useMemo(() => {\r\n return Number.isInteger(iconList.length / columns) ? iconList.length / columns : (parseInt(iconList.length / columns) + 1)\r\n }, [columns, iconList?.length])\r\n\r\n useEffect(() => {\r\n getUploadedIcons();\r\n }, [])\r\n\r\n const getUploadedIcons = () => {\r\n const requestOptions = {\r\n method: \"GET\",\r\n headers: authHeader({}),\r\n };\r\n fetch(\r\n `./api/files/icons/${eventId}`,\r\n requestOptions\r\n ).then((response) =>\r\n response.text().then((text) => {\r\n try {\r\n const storageSummary = JSON.parse(text);\r\n var files = {};\r\n for (const file of storageSummary.files) {\r\n files[file.name] = file.url;\r\n }\r\n setUploadedFiles(files);\r\n } catch (error) {\r\n console.error(\"DOWNLOAD_ERROR\", error);\r\n }\r\n })\r\n );\r\n };\r\n\r\n const handleClose = () => {\r\n setOpen(false);\r\n };\r\n\r\n const handleOpen = () => {\r\n setOpen(true);\r\n };\r\n\r\n const sendReaction = (name, e) => {\r\n if (hubConnection) {\r\n try {\r\n if (open) {\r\n setOpen(false);\r\n }\r\n if (!spamBlock) {\r\n hubConnection.invoke(\"sendReaction\", parseInt(eventId), name).catch(() => { });\r\n setSpamBlock(true);\r\n const targetElement = e.currentTarget;\r\n targetElement.classList.add(\"plaudit-button-click-event\");\r\n setTimeout(() =>{\r\n targetElement.classList.remove(\"plaudit-button-click-event\");\r\n setSpamBlock(false)\r\n }, 500)\r\n }\r\n } catch (error) { }\r\n }\r\n };\r\n\r\n \r\n\r\n const onBtnClick = () => {\r\n if (showDiscBtn && !connected && typeof reConnect === \"function\") {\r\n reConnect();\r\n }\r\n };\r\n\r\n if (!expanded) {\r\n return (\r\n \r\n
\r\n );\r\n};\r\n","import { FormControl, FormLabel } from \"@material-ui/core\";\r\nimport React from \"react\";\r\nimport { Input } from \"reactstrap\";\r\nexport function TextQuestion(props) {\r\n const { lang, onTextInput, question, answerList, pollTemplate } = props;\r\n const { questionLanguage, questionId } = question;\r\n const label = questionLanguage.find((ql) => ql.languageCode === lang)?.label ?? questionLanguage?.[0]?.label ?? \"Missing Label\";\r\n const answer = answerList.find((nl) => nl.questionId == questionId);\r\n const { textInput, questionTitle } = pollTemplate;\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n}\r\n","import React from \"react\";\r\nimport { Button, Card, CardActions, CardContent, IconButton } from \"@material-ui/core\";\r\nimport EventLabel2 from \"../../../../components/EventLabel2/EventLabel2\";\r\nimport ChevronLeftIcon from \"@material-ui/icons/ChevronLeft\";\r\nimport ChevronRightIcon from \"@material-ui/icons/ChevronRight\";\r\nimport { Question } from \"./Question\";\r\nimport { combineProps } from \"../../../../helpers/objectHelper\";\r\nimport { AnswerSentAlert } from \"./AnswerSentAlert\";\r\nimport { NoQuestionPlaceholder } from \"./NoQuestionPlaceholder\";\r\n\r\nexport function PollModuleContainer(props) {\r\n const { questionList, togglePage, pageNo, valid, answerList, send, pollTemplate, sent, preview } = props;\r\n\r\n const { pagination, sendButton, frame } = pollTemplate;\r\n const question = questionList.length ? (questionList[pageNo - 1] ? questionList[pageNo - 1].question : {}) : {};\r\n\r\n const { questionId } = question;\r\n const answer = answerList.find((nl) => nl.questionId == questionId);\r\n const validateOptionQuestion = () => {\r\n if (!question) return false;\r\n let len = answerList.filter((a) => a.questionId == question.questionId).length;\r\n if (question && question.requiredMin !== null && question.requiredMin > 0) {\r\n if (len < question.requiredMin) {\r\n return false;\r\n }\r\n }\r\n if (question && question.requiredMax !== null && question.requiredMax > 0) {\r\n if (len > question.requiredMax) {\r\n return false;\r\n }\r\n }\r\n return true;\r\n };\r\n\r\n let isValid = false;\r\n const questionType = question ? question.type : null;\r\n if (questionType == \"Option\") {\r\n isValid = validateOptionQuestion();\r\n } else if (questionType == \"Text\") {\r\n isValid = answer ? answer.valid : false;\r\n } else {\r\n isValid = false;\r\n }\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n {questionList.length > 1 ? (\r\n
\r\n \r\n togglePage(pageNo - 1)} style={{ color: pagination.stepColor }} disabled={pageNo == 1} size=\"small\">\r\n \r\n {`${pageNo} / ${questionList.length}`}\r\n\r\n togglePage(pageNo + 1)} style={{ color: pagination.stepColor }} disabled={pageNo == questionList.length} size=\"small\">\r\n \r\n
\r\n ) : (\r\n \r\n )}\r\n \r\n \r\n
\r\n \r\n {active && allowPointOfOrder == true ? (\r\n }>\r\n
\r\n );\r\n } else {\r\n return allowRequestTheFloor ? (\r\n }>\r\n \r\n \r\n \r\n {/* {styleWrapper} */}\r\n \r\n \r\n ) : null}\r\n {collapsible && showSpeakerControl ? (\r\n \r\n \r\n ) : null}\r\n \r\n
\r\n );\r\n}\r\n","import React from \"react\";\r\nexport const AgendaTextWrapper = (props) => {\r\n const { status, getAgendaStyle } = props;\r\n return (\r\n \r\n );\r\n};\r\n","import { Avatar, Button, List, ListItem, ListItemAvatar, ListItemText, Tooltip } from \"@material-ui/core\";\r\nimport React from \"react\";\r\nimport EventLabel2 from \"../../../../components/EventLabel2/EventLabel2\";\r\nimport ClearIcon from \"@material-ui/icons/Clear\";\r\nimport InsertCommentIcon from \"@material-ui/icons/InsertComment\";\r\nimport PersonRoundedIcon from \"@material-ui/icons/PersonRounded\";\r\nimport { combineProps } from \"../../../../helpers/objectHelper\";\r\nimport { ChatAvatar } from \"../../ChatModule/components/ChatAvatar\";\r\nexport function Speaker(props) {\r\n const { speakers, activeSpeaker, agenda, template, settings, orderList, orderId } = props;\r\n const activeAgendaRow = agenda.find((a) => a.active === true);\r\n if (!activeAgendaRow && !activeSpeaker) return null;\r\n\r\n const { allowPointOfOrder, allowRequestLineOfSpeaker, allowRequestTheFloor } = settings;\r\n\r\n\r\n \r\n\r\n return (\r\n \r\n {showSpeakerControl && closed ? (\r\n
\r\n \r\n {collapsible ? (\r\n \r\n
\r\n ) : null}\r\n {title}
\r\n {!collapsible ? (\r\n \r\n {/* {styleWrapper} */}\r\n
\r\n ) : null}\r\n {!collapsible && showSpeakerControl ? (\r\n \r\n
\r\n ) : null}\r\n - \r\n {speakers\r\n .filter((s) => s.agendaItemId === activeAgendaRow.agendaItemId && s.active === true)\r\n .map((s, i) => {\r\n return (\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n {allowRequestLineOfSpeaker == true && s.speakerType == 1 ?
\r\n );\r\n })}\r\n \r\n
\r\n ) : null}\r\n {hideSubtitle != true ? (\r\n \r\n
\r\n ) : null}\r\n - \r\n {agenda\r\n .filter((a) => a.hidden != true)\r\n .map((a, i) => {\r\n let bgColor = template ? template.content.backgroundColor : undefined;\r\n if (a.closedDateTime !== null && template) {\r\n bgColor = template.tcell.borderColor;\r\n }\r\n let status = a.active ? \"ACTIVE\" : a.closedDateTime !== null ? \"PASSED\" : \"DEFAULT\";\r\n let showSpeakerControl = isAuthorizedSpeaker() && allowSpeaker === true && isAllowedSpeaker() && a.closedDateTime == null;\r\n return (\r\n
(status == \"ACTIVE\" ? (activeAgendaRef.current = r) : undefined)}>\r\n
\r\n );\r\n })}\r\n \r\n
\r\n \r\n );\r\n}\r\n","import React, { useState } from \"react\";\r\nimport { IconButton, Popover, Tooltip } from \"@material-ui/core\";\r\nimport EventLabel2, { renderText } from \"../../../../components/EventLabel2/EventLabel2\";\r\nimport { eventLabelGroupsConstants } from \"../../../constants/eventLabelGroups.contansts\";\r\nimport Picker from \"emoji-picker-react\";\r\nimport MoodIcon from \"@material-ui/icons/Mood\";\r\n\r\nexport function ChatEmojiPicker(props) {\r\n const [anchorEl, setAnchorEl] = useState(null);\r\n const [chosenEmoji, setChosenEmoji] = useState(null);\r\n\r\n const { onTyping, primaryColor, preview } = props;\r\n\r\n const onEmojiClick = (event, emojiObject) => {\r\n onTyping(emojiObject.emoji, true);\r\n handleClose();\r\n };\r\n const handleClick = (event) => {\r\n setAnchorEl(event.currentTarget);\r\n };\r\n\r\n const handleClose = () => {\r\n setAnchorEl(null);\r\n };\r\n\r\n const open = Boolean(anchorEl);\r\n const id = open ? \"simple-popover\" : undefined;\r\n\r\n return (\r\n /* */\r\n <>\r\n \r\n \r\n \r\n
*/\r\n );\r\n}\r\n","import React from \"react\";\r\nimport { Input } from \"reactstrap\";\r\nimport { renderText } from \"../../../../components/EventLabel2/EventLabel2\";\r\nimport { eventLabelGroupsConstants } from \"../../../constants/eventLabelGroups.contansts\";\r\nimport { ChatEmojiPicker } from \"./ChatEmojiPicker\";\r\n\r\nexport function MessageInput(props) {\r\n\r\n const {onTyping, fontFamily, color, inputColor, inputBackground, background, text, preview } = props;\r\n\r\n return (\r\n \r\n 100 ? ' smooth-shadow floating-input' : '') */}\r\n placeholder={renderText(\"TypeSomething\", eventLabelGroupsConstants.CHAT_LABEL_GROUP)}\r\n autoFocus={true}\r\n disabled={preview}\r\n maxLength={500}\r\n type={/* text.length > 100 ? \"textarea\" : */ \"text\"}\r\n style={{\r\n background,\r\n width: \"85%\",\r\n margin: \"unset\",\r\n backgroundColor: inputBackground,\r\n color: inputColor,\r\n fontFamily,\r\n padding: \"0px 5px 0px 10px\",\r\n }}\r\n value={text}\r\n onChange={(e) => onTyping(e.target.value)}\r\n />\r\n {/*
\r\n );\r\n}\r\n","import { IconButton, Tooltip } from \"@material-ui/core\";\r\nimport React from \"react\";\r\nimport EventLabel2 from \"../../../../components/EventLabel2/EventLabel2\";\r\nimport { eventLabelGroupsConstants } from \"../../../constants/eventLabelGroups.contansts\";\r\nimport SendIcon from \"@material-ui/icons/Send\";\r\nimport ThumbUpIcon from \"@material-ui/icons/ThumbUp\";\r\nimport { ChatEmojiPicker } from \"./ChatEmojiPicker\";\r\nimport VideocamRoundedIcon from \"@material-ui/icons/VideocamRounded\";\r\n\r\nexport function MessageTools(props) {\r\n /* const [click, setClick] = React.useState(false);\r\n if (click) throw new Error(\"TEST\"); */\r\n const { text, sendButtonColor, sendMessage, primaryColor, preview, allowChatVideoCall = true, currentChat } = props;\r\n return (\r\n \r\n sendMessage()}>\r\n \r\n {\r\n sendMessage(\"THUMB_UP\");\r\n }}\r\n >\r\n {\r\n sendMessage(\"VIDEO_CALL_INVITATION\");\r\n }}\r\n >\r\n
\r\n );\r\n}\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { combineProps } from \"../../../../helpers/objectHelper\";\r\nimport { ChatBlock } from \"./ChatBlock\";\r\nimport { MessageInput } from \"./MessageInput\";\r\nimport { MessageTools } from \"./MessageTools\";\r\n\r\nexport function ChatFooter(props) {\r\n const { chatTemplate, chatBlock, settings, currentChat, clientKey, connected, hubConnection, eventId } = props;\r\n const { footer, primaryColor, sendButtonColor } = chatTemplate;\r\n\r\n\r\n const [text, setText] = useState(\"\");\r\n const onTyping = (t, emoji = false) => {\r\n setText(emoji ? (text ? text + t : t) : t);\r\n };\r\n\r\n useEffect(() => {\r\n document.addEventListener(\"keyup\", onEnterKeyPressed);\r\n return () => {\r\n document.removeEventListener(\"keyup\", onEnterKeyPressed);\r\n };\r\n }, [text]);\r\n\r\n const onEnterKeyPressed = (e) => {\r\n var e = e || window.event; // for IE to cover IEs window event-object\r\n if (e.which == 13 && text) {\r\n sendMessage();\r\n }\r\n };\r\n const sendMessage = (message) => {\r\n if (!connected || !hubConnection || hubConnection.connectionState != 1) return;\r\n const { currentChat, chatAdmin, chatAlias } = props;\r\n\r\n let target = currentChat == \"ALL\" ? null : currentChat;\r\n let room = props.channel;\r\n let isValid = text && text.length <= 500;\r\n if (hubConnection && (isValid || message)) {\r\n hubConnection.invoke(\r\n \"sendChatMessage\",\r\n parseInt(eventId),\r\n clientKey,\r\n target,\r\n message ? (message == \"VIDEO_CALL_INVITATION\" ? \"VIDEO_CALL_INVITATION\" : \"👍\") : text,\r\n room,\r\n chatAlias || null,\r\n chatAdmin || false,\r\n target === 'ALL' || !target ? settings?.hideMessages ?? false : false\r\n );\r\n setText(\"\");\r\n }\r\n };\r\n\r\n return (\r\n \r\n \r\n {/* 
*/}\r\n
\r\n \r\n );\r\n};\r\n","import { Divider, IconButton, List, ListItem, ListItemAvatar, ListItemSecondaryAction, ListItemText, Badge, Popover, Tooltip } from \"@material-ui/core\";\r\nimport React, { useState, useMemo } from \"react\";\r\nimport EventLabel2 from \"../../../../components/EventLabel2/EventLabel2\";\r\nimport { combineProps } from \"../../../../helpers/objectHelper\";\r\nimport { eventLabelGroupsConstants } from \"../../../constants/eventLabelGroups.contansts\";\r\nimport { ScrollWrapper } from \"../../../helpers/module.helper\";\r\nimport { ChatAvatar } from \"./ChatAvatar\";\r\nimport { ChatSearchbar } from \"./ChatSearchbar\";\r\nimport PersonRoundedIcon from \"@material-ui/icons/PersonRounded\";\r\nimport AddRoundedIcon from \"@material-ui/icons/AddRounded\";\r\nimport { NoResultState } from \"./shared/NoResultState\";\r\nimport { clientTypeConstants } from \"../../../../interaction/constants/clientType.constants\";\r\nimport { PersonInformationPopover } from \"./shared/PersonInformationPopover\";\r\nimport ReactEternalList from \"../../../../components/ReactEternalList/ReactEternalList\";\r\n\r\nexport function PeopleListPopover(props) {\r\n const [anchorEl, setAnchorEl] = useState(null);\r\n\r\n const { icon, tooltipText, chatTemplate, preview, children } = props;\r\n const { primaryColor } = chatTemplate;\r\n const handleClick = (event) => {\r\n setAnchorEl(event.currentTarget);\r\n };\r\n\r\n const handleClose = () => {\r\n setAnchorEl(null);\r\n };\r\n const open = Boolean(anchorEl);\r\n const id = open ? \"people-popover\" : undefined;\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport function PeopleList(props) {\r\n const [filter, setFilter] = useState(\"\");\r\n const { connectionList, orderList, channel, clientKey, settings, eventId } = props;\r\n const { showAllConnections } = settings;\r\n const clientList = useMemo(() => {\r\n if(showAllConnections) return connectionList.filter((cl) => cl.type == clientTypeConstants.INTERACTION_MEETING);\r\n return connectionList.filter((cl) => cl.type == clientTypeConstants.INTERACTION_MEETING && cl.eventId == eventId && cl.channel == channel);\r\n }, [channel, connectionList]);\r\n const activePeople = useMemo(() => {\r\n return orderList\r\n .filter((ia) => ia.badgeNo != clientKey && ia.orderId != 1 && ia.orderId != 2)\r\n .filter((ia) => {\r\n if (ia.anonymous == true) {\r\n return false;\r\n }\r\n if (!clientList.find((c) => c.clientKey == ia.badgeNo)) {\r\n return false;\r\n }\r\n if (ia.name.toLowerCase().includes(filter.toLowerCase())) {\r\n return true;\r\n }\r\n if (ia.company && ia.company.toLowerCase().includes(filter.toLowerCase())) {\r\n return true;\r\n }\r\n if (ia.title && ia.title.toLowerCase().includes(filter.toLowerCase())) {\r\n return true;\r\n }\r\n return false;\r\n })\r\n .sort((a, b) => {\r\n var nameA = a.name.toUpperCase(); // ignore upper and lowercase\r\n var nameB = b.name.toUpperCase(); // ignore upper and lowercase\r\n if (nameA < nameB) {\r\n return -1;\r\n }\r\n if (nameA > nameB) {\r\n return 1;\r\n }\r\n return 0;\r\n })\r\n .map((ia) => {\r\n let inSameRoom = clientList.some((c) => c.clientKey == ia.badgeNo && c.eventId == eventId);\r\n return { ...ia, inSameRoom };\r\n });\r\n }, [filter, orderList, clientList]);\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n - \r\n {activePeople.length > 0 ? (\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n}\r\nconst BadgeWrapper = (props) => {\r\n const { badgeValue, children, chatTemplate } = props;\r\n const { badgePillColor, secondaryColor } = chatTemplate;\r\n if (!badgeValue) return children;\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n - \r\n {conversations.length > 0 ? (\r\n conversations.map((c, i) => {\r\n const person = orderList.find((o) => o.badgeNo == c.target);\r\n return (\r\n
\r\n
\r\n );\r\n })\r\n ) : (\r\n - \r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n ) : null}\r\n \r\n\r\n \r\n {this.state.isLoading ? \r\n 
\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n","import React, { useCallback, useEffect } from \"react\";\r\nimport { fade, makeStyles, withStyles } from \"@material-ui/core/styles\";\r\nimport List from \"@material-ui/core/List\";\r\nimport SearchIcon from \"@material-ui/icons/Search\";\r\nimport ListItem from \"@material-ui/core/ListItem\";\r\nimport ListItemAvatar from \"@material-ui/core/ListItemAvatar\";\r\nimport ListItemText from \"@material-ui/core/ListItemText\";\r\nimport Avatar from \"@material-ui/core/Avatar\";\r\nimport Badge from \"@material-ui/core/Badge\";\r\nimport Card from \"@material-ui/core/Card\";\r\nimport InputBase from \"@material-ui/core/InputBase\";\r\nimport RecordVoiceOverIcon from \"@material-ui/icons/RecordVoiceOver\";\r\nimport Tooltip from \"@material-ui/core/Tooltip\";\r\nimport ClearIcon from \"@material-ui/icons/Clear\";\r\nimport { ListItemSecondaryAction, IconButton } from \"@material-ui/core\";\r\nimport Axios from \"axios\";\r\nimport InsertCommentIcon from \"@material-ui/icons/InsertComment\";\r\nimport AccountCircleIcon from \"@material-ui/icons/AccountCircle\";\r\nimport { templateHelper } from \"../../../cms/areas/template/helpers/templateHelper\";\r\nimport { connect } from \"react-redux\";\r\nimport PersonRoundedIcon from \"@material-ui/icons/PersonRounded\";\r\nimport { OnlineBadge } from \"../../components/shared/OnlineBadge\";\r\nimport EventLabel2, { init } from \"../../../components/EventLabel2/EventLabel2\";\r\nimport { combineProps } from \"../../../helpers/objectHelper\";\r\nimport UserDetailsEditDialog from \"./components/UserDetailsEditDialog\";\r\n\r\nfunction UserCardModule(props) {\r\n const {\r\n clientName,\r\n companyName,\r\n settings,\r\n template,\r\n preview = false,\r\n profileImage,\r\n eventId,\r\n lang,\r\n orderId\r\n } = props;\r\n useEffect(() => {\r\n init(eventId, \"DigitalMeeting.UserCard\", lang);\r\n }, []);\r\n const getStyle = () => {\r\n const obj = template.interaction.userCard;\r\n\r\n if (obj) {\r\n const frame = obj.frame;\r\n const avatar = obj.avatar;\r\n const name = obj.name;\r\n const company = obj.company;\r\n return {\r\n frame: {\r\n background: frame.background != \"unset\" ? frame.background : \"#fff\",\r\n borderColor:\r\n frame.borderColor != \"unset\" ? frame.borderColor : \"unset\",\r\n borderWidth: frame.borderWidth != \"unset\" ? frame.borderWidth : \"0px\",\r\n borderRadius:\r\n frame.borderRadius != \"unset\" ? frame.borderRadius : \"0px\",\r\n boxShadow: \"none\",\r\n borderStyle: \"solid\",\r\n },\r\n avatar: {\r\n background: avatar.background != \"unset\" ? avatar.background : \"#red\",\r\n color: avatar.color != \"unset\" ? avatar.color : \"#fff\",\r\n borderRadius:\r\n avatar.borderRadius != \"unset\" ? avatar.borderRadius : \"50%\",\r\n },\r\n\r\n name: {\r\n fontSize: name.fontSize != \"unset\" ? name.fontSize : \"15px\",\r\n color: name.color != \"unset\" ? name.color : \"#222\",\r\n fontWeight: name.fontWeight != \"unset\" ? name.fontWeight : \"normal\",\r\n fontFamily:\r\n name.fontFamily != \"unset\" ? name.fontFamily : \"Open Sans\",\r\n },\r\n company: {\r\n fontSize: company.fontSize != \"unset\" ? company.fontSize : \"15px\",\r\n color: company.color != \"unset\" ? company.color : \"#222\",\r\n fontWeight:\r\n company.fontWeight != \"unset\" ? company.fontWeight : \"normal\",\r\n fontFamily:\r\n company.fontFamily != \"unset\" ? company.fontFamily : \"Open Sans\",\r\n },\r\n };\r\n } else {\r\n }\r\n };\r\n const setStyle = useCallback(() => getStyle(), [template]);\r\n const style = setStyle();\r\n const { allowProfileEdit } = settings;\r\n\r\n return (\r\n expoNavigation()}>\r\n {img && showText != true ? (\r\n
\r\n \r\n );\r\n}\r\n\r\nfunction arrayCompare(_arr1, _arr2) {\r\n if (!Array.isArray(_arr1) || !Array.isArray(_arr2) || _arr1.length !== _arr2.length) {\r\n return false;\r\n }\r\n\r\n // .concat() to not mutate arguments\r\n const arr1 = _arr1.concat().sort();\r\n const arr2 = _arr2.concat().sort();\r\n\r\n for (let i = 0; i < arr1.length; i++) {\r\n if (arr1[i] == arr2[i]) {\r\n return true;\r\n }\r\n }\r\n\r\n return false;\r\n}\r\n\r\nconst Carousel = ({ items, exhibitorId, clientKey, lang, settings, filterByGroup, logo,mobileLayout }) => {\r\n const [activeIndex, setActiveIndex] = useState(0);\r\n const [animating, setAnimating] = useState(false);\r\n const { colsPerRow, oneRow } = settings;\r\n const cols = parseInt(colsPerRow);\r\n const { background, borderRadius } = logo;\r\n\r\n useEffect(() => {\r\n setTimeout(() => next(), 2500);\r\n }, []);\r\n\r\n const expoNavigation = (expo) => {\r\n if (/* preview || */mobileLayout) return;\r\n if (!expo) return;\r\n if (expo.externalLink) window.open(expo.externalLink, \"_blank\");\r\n else {\r\n window.open(`${!window.location.href.includes(\"localhost\") ? \"/interaction\" : \"\"}/booth/${expo.exhibitorId.toString(36)}?clientKey=${clientKey}&lang=${lang}`);\r\n }\r\n };\r\n\r\n const slides = useMemo(() => {\r\n let tempArr = [];\r\n\r\n const pc = 100 / cols;\r\n const slidesCount = Math.ceil(items.length / cols);\r\n for (let index = 0; index < slidesCount; index++) {\r\n let startIndex = index == 0 ? 0 : index * cols;\r\n let endIndex = /* startIndex > items.length ? items.length : */ startIndex + cols;\r\n tempArr.push(\r\n {name}
\r\n )}\r\n\r\n {items.slice(startIndex, endIndex).map((im, i) => {\r\n return (\r\n expoNavigation(im)}\r\n style={{\r\n cursor: \"pointer\",\r\n maxHeight: \"100%\",\r\n width: \"100%\",\r\n maxWidth: `calc(${pc + \"%\"} - 10px)`,\r\n maxHeight: \"calc(100% - 50px)\",\r\n display: \"flex\",\r\n background: background,\r\n borderRadius: borderRadius || \"15px\",\r\n padding: \"8px 0px\",\r\n margin: \"0px 5px\",\r\n }}\r\n >\r\n ![]()
expoNavigation(im)} style={{ cursor: \"pointer\", maxWidth: \"90%\", /* width: \"100%\", */ maxHeight: \"100%\", height: \"auto\", margin: \"auto\" }} src={im.img} />\r\n
\r\n );\r\n })}\r\n \r\n \r\n
\r\n \r\n {\r\n e.stopPropagation();\r\n return !b.disabled && b.link && b.allowed && b.eventId != eventId\r\n ? (window.location.href = (!window.location.toString().includes(\"localhost\") ? \"/interaction\" : \"\") + \"/\" + linkConverter(b.link) + \"&lang=\" + lang)\r\n : null;\r\n }}\r\n >\r\n {showAvatar ? (\r\n \r\n \r\n \r\n ) : null}\r\n {b.eventId === 1171 || b.eventId === 2153 || b.eventId === 2154 || b.eventId == 2155 ?\r\n {\"BACK TO MAIN STAGE\"}
} />\r\n :\r\n \r\n ) : null\r\n ) : null}\r\n \r\n );\r\n })}\r\n \r\n
\r\n \r\n {connections}\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n {message.toString() == \"THUMB_UP\" ? (\r\n
\r\n ) : (\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nconst parseMessage = (message, fromYou, sender, receiver, chatTemplate) => {\r\n if (message.includes(\"VIDEO_CALL_INVITATION\")) {\r\n return \r\n
\r\n ); */\r\n if (message.includes(\"https://\")) return \r\n
\r\n );\r\n}\r\n\r\n//Avatar med chatt icon ... text under\r\n\r\n// */\r\n","import React, { memo, useCallback, useEffect, useMemo } from \"react\";\r\nimport { combineProps, deepClone } from \"../../../../helpers/objectHelper\";\r\nimport { ScrollWrapper } from \"../../../helpers/module.helper\";\r\nimport { ChatAvatar } from \"./ChatAvatar\";\r\nimport { MessageBubble } from \"./MessageBubble\";\r\nimport { NoMessagePlaceholder } from \"./NoMessagePlaceholder\";\r\nimport { ScrollToBottomButton } from \"./ScrollToBottomButton\";\r\nimport PersonRoundedIcon from \"@material-ui/icons/PersonRounded\";\r\nimport { formatTime, isTheSameMinute } from \"../../../../helpers/time.helper\";\r\nimport AccessTimeIcon from \"@material-ui/icons/AccessTime\";\r\nimport { TimeStamp } from \"./shared/TimeStamp\";\r\n\r\nconst MOCK_MESSAGES = [\r\n {\r\n interactionChatId: 1,\r\n eventId: 1,\r\n sender: \"123123\",\r\n receiver: \"ALL\",\r\n message: \"Hej!\",\r\n inserted: \"2021-01-22T14:57:09.2580406\",\r\n senderOrderId: 100000,\r\n senderFirstName: \"Pelle\",\r\n senderLastName: \"Persson\",\r\n senderCompanyName: \"Pelles bolag\",\r\n receiverOrderId: null,\r\n receiverFirstName: null,\r\n receiverLastName: null,\r\n receiverCompanyName: null,\r\n receiverExhibitorId: null,\r\n senderExhibitorId: null,\r\n likes: null,\r\n seen: true,\r\n room: null,\r\n fromYou: true,\r\n },\r\n {\r\n interactionChatId: 2,\r\n eventId: 1,\r\n sender: \"123123\",\r\n receiver: \"ALL\",\r\n message: \"Hej Kent! Kul att se ditt namn här!\",\r\n inserted: \"2021-01-22T14:57:09.2580406\",\r\n senderOrderId: 100000,\r\n senderFirstName: \"Pelle\",\r\n senderLastName: \"Persson\",\r\n senderCompanyName: \"Bolaget BA\",\r\n receiverOrderId: null,\r\n receiverFirstName: null,\r\n receiverLastName: null,\r\n receiverCompanyName: null,\r\n receiverExhibitorId: null,\r\n senderExhibitorId: null,\r\n likes: null,\r\n seen: true,\r\n room: null,\r\n fromYou: false,\r\n },\r\n];\r\n\r\n//Messagelist should only update if new messages is recivied or connectionList has changed\r\nconst areEqual = (prevProps, nextProps) => {\r\n let equal = true;\r\n if (prevProps.connectionList !== nextProps.connectionList) {\r\n equal = false;\r\n }\r\n if (prevProps.chats !== nextProps.chats) {\r\n equal = false;\r\n }\r\n if (prevProps.currentChat !== nextProps.currentChat) {\r\n equal = false;\r\n }\r\n if (\r\n nextProps.chatTemplate &&\r\n prevProps.chatTemplate &&\r\n (prevProps.chatTemplate.primaryColor !== nextProps.chatTemplate.primaryColor ||\r\n prevProps.chatTemplate.secondaryColor !== nextProps.chatTemplate.secondaryColor ||\r\n prevProps.chatTemplate.messages !== nextProps.chatTemplate.messages)\r\n ) {\r\n equal = false;\r\n }\r\n if (nextProps.initalScrollPos !== prevProps.initalScrollPos) {\r\n equal = false;\r\n }\r\n\r\n return equal;\r\n};\r\n\r\nexport const MessageList = memo((props) => {\r\n const {\r\n onScroll,\r\n chatTemplate,\r\n chats,\r\n clientKey,\r\n currentChat,\r\n backstage,\r\n template,\r\n scrollRef,\r\n likeMessage = () => null,\r\n connectionList,\r\n lang,\r\n messagesToShow,\r\n lastMessageRef,\r\n settings,\r\n orderList,\r\n preview,\r\n tickCode\r\n } = props;\r\n const { messages } = chatTemplate;\r\n\r\n const getMessages = useCallback(() => {\r\n if (preview) return MOCK_MESSAGES;\r\n const requestedChat = chats.find((c) => c.target == currentChat);\r\n if (!currentChat || !requestedChat) return [];\r\n return requestedChat.messages; /* .slice(messagesToShow * -1); */\r\n }, [chats, currentChat, messagesToShow]);\r\n\r\n const chatMessages = getMessages()?.filter((m) => {\r\n if(settings.hideMessages){\r\n return m.message.hidden != true;\r\n }\r\n return true;\r\n });\r\n const { showUserProfileImage } = settings;\r\n\r\n\r\n const scrollWrapperProps = {\r\n template,\r\n backstage,\r\n };\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n {i != 0 && !isTheSameMinute(m.inserted, chatMessages[i - 1].inserted) ? (\r\n \r\n {showUserProfileImage ? (\r\n
\r\n \r\n );\r\n })\r\n ) : (\r\n \r\n \r\n
\r\n ) : null}\r\n \r\n {list.map((a, i) => {\r\n return
\r\n}\r\n\r\nexport const FloatingGenericList = ({ list, onCheck }) => {\r\n return onCheck(a.address)} key={i}>{a.address}
\r\n })}\r\n \r\n {list.map((a, i) => {\r\n return onCheck(a.id)} key={i}>\r\n
\r\n })}\r\n
\r\n}","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport Axios from \"axios\";\r\nimport { sourceTypes } from \"../../constants/cms/sourceType\";\r\nimport Dialog from \"@material-ui/core/Dialog\";\r\nimport DialogActions from \"@material-ui/core/DialogActions\";\r\nimport DialogContent from \"@material-ui/core/DialogContent\";\r\nimport DialogContentText from \"@material-ui/core/DialogContentText\";\r\nimport DialogTitle from \"@material-ui/core/DialogTitle\";\r\nimport { Row, Label, Col, Input, FormGroup } from \"reactstrap\";\r\nimport { InputBase, Paper, Button, Tooltip } from \"@material-ui/core\";\r\nimport JirangoSwitch from \"../JirangoSwitch/JirangoSwitch\";\r\nimport SystemLabel from \"../../system/SystemLabel/SystemLabel\";\r\nimport LinkIcon from \"@material-ui/icons/Link\";\r\nimport ViewListIcon from \"@material-ui/icons/ViewList\";\r\nimport { FloatingGenericList } from \"../FloatingChecklist/FloatingChecklist\";\r\nimport { cmsActions } from \"../../store/actions/cms/cms.action\";\r\n\r\nclass LinkManager extends React.Component {\r\n state = {\r\n showSettings: false,\r\n internalPaths: [],\r\n searchKey: \"\",\r\n currentLink: this.props.url || \"\",\r\n domain: \"\",\r\n target: \"_blank\",\r\n appendBadgeNo: false,\r\n showList: false,\r\n };\r\n componentDidMount() {\r\n const { selectedLink } = this.props;\r\n if (selectedLink && typeof selectedLink == {}) {\r\n const { target, link, name } = selectedLink;\r\n this.setState({ target, currentLink: link, displayText: name });\r\n }\r\n this.getInternalPaths();\r\n }\r\n componentDidUpdate(prevProps) {\r\n const { selectedLink } = this.props;\r\n if ((selectedLink && !prevProps.selectedLink) || (selectedLink && prevProps.selectedLink != selectedLink)) {\r\n const { target, link, name } = selectedLink;\r\n this.setState({ target, currentLink: link, displayText: name });\r\n }\r\n if (this.props.isOpen && !prevProps.isOpen) {\r\n this.props.dispatch(cmsActions.blockDeselect(true));\r\n }\r\n }\r\n\r\n editLink = (e) => this.setState({ currentLink: e });\r\n search = (str) => this.setState({ searchKey: str, showList: false });\r\n toggleAlt = () => this.setState({ target: this.state.target == \"_blank\" ? \"_self\" : \"_blank\" });\r\n handleClose = () => {\r\n this.props.toggle();\r\n setTimeout(() => this.props.dispatch(cmsActions.blockDeselect(false)), 2000);\r\n };\r\n setLink = () => {\r\n const { displayText, target, domain, currentLink } = this.state;\r\n this.props.setLink(\r\n currentLink /* {\r\n currentLink,\r\n displayText,\r\n target,\r\n } */\r\n );\r\n this.props.toggle();\r\n };\r\n getInternalPaths = () => {\r\n const { eventId } = this.props;\r\n if (!eventId) return;\r\n Axios.get(`./api/link/${eventId}`).then((res) => {\r\n const { data } = res;\r\n if (data) {\r\n const { pathsObj } = data;\r\n this.setState({\r\n internalPaths: pathsObj.paths,\r\n domain: pathsObj.domain,\r\n });\r\n }\r\n });\r\n };\r\n convertInternalLink = (type, id) => {\r\n const { domain } = this.state;\r\n switch (type) {\r\n case \"AnonymousSurvey\":\r\n if (typeof id === \"string\" && !isNaN(id)) id = parseInt(id);\r\n return domain + \"/cms/survey/\" + id.toString(36);\r\n case \"Form\":\r\n if (typeof id === \"string\" && !isNaN(id)) id = parseInt(id);\r\n\r\n return domain + \"/cms/register/\" + id.toString(36) + \"?badgeNo=[clientKey]\";\r\n case \"Breakout\":\r\n return domain + \"/interaction/digitalarena/\" + id + \"?clientKey=[clientKey]\";\r\n case \"Page\":\r\n if (typeof id === \"string\" && !isNaN(id)) id = parseInt(id);\r\n return domain + \"/cms/p/\" + id.toString(36) + \"?badgeNo=[clientKey]\";\r\n case \"DigitalArena\":\r\n return domain + \"/interaction/digitalarena/\" + id + \"?clientKey=[clientKey]\";\r\n case \"Cms2FORM\":\r\n case \"Cms2PAGE\":\r\n case \"Cms2SURVEY\":\r\n return domain + (!window.location.href.includes(\"localhost\") ? \"/cms\" : \"\") + \"/web/\" + id + \"?badgeNo=[clientKey]\";\r\n default:\r\n return \"\";\r\n }\r\n };\r\n selectFromList = (id) => {\r\n const { internalPaths } = this.state;\r\n const internalPath = internalPaths.find((p) => p.id == id);\r\n if (internalPath) {\r\n this.setState({\r\n currentLink: this.convertInternalLink(internalPath.type, id),\r\n displayText: internalPath.name,\r\n searchKey: false,\r\n /* showList: false, */\r\n });\r\n }\r\n };\r\n\r\n toggleMailTo = () => {\r\n if (this.state.currentLink && this.state.currentLink.includes(\"mailto:\")) {\r\n this.setState({ currentLink: this.state.currentLink ? this.state.currentLink.replace(\"mailto:\", \"\") : \"\" });\r\n } else {\r\n this.setState({ currentLink: \"mailto:\" + this.state.currentLink });\r\n }\r\n };\r\n\r\n render() {\r\n const { isOpen } = this.props;\r\n const { searchKey, internalPaths, showList, displayText, currentLink } = this.state;\r\n return (\r\n \r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n const { enviroment } = state.cms;\r\n let eventId = null;\r\n if (enviroment === sourceTypes.FORM) {\r\n eventId = state.form.eventId;\r\n }\r\n if (enviroment === sourceTypes.PAGE) {\r\n eventId = state.page.eventId;\r\n }\r\n if (enviroment === sourceTypes.TEMPLATE) {\r\n eventId = state.template.eventId;\r\n }\r\n\r\n if (enviroment === sourceTypes.EMAIL) {\r\n eventId = state.email.eventId;\r\n }\r\n return {\r\n template: state.template.template,\r\n cms: state.cms,\r\n /* eventId, */\r\n };\r\n}\r\nexport default connect(mapStateToProps)(LinkManager);\r\n","import { cmsConstants } from '../../../constants/cms/cms.constants';\r\nimport { authHeader } from '../../../helpers/authHeader';\r\nimport { handleResponse } from '../../../helpers/handleresponse';\r\n\r\nexport const cmsActions = {\r\n setSourceLocation,\r\n setEnviroment,\r\n containerToUpdate,\r\n containerUpdated,\r\n containerAdded,\r\n loadClientFonts,\r\n getClientFonts,\r\n getFonts,\r\n removeFont,\r\n addFont,\r\n alertNewModifications,\r\n globalSavingLoader,\r\n toggleInheritageInfo,\r\n inheritageAffected,\r\n blockDeselect\r\n}\r\n\r\n\r\nfunction globalSavingLoader(isLoading) {\r\n return dispatch => {\r\n dispatch(success(isLoading));\r\n };\r\n function success(model) {\r\n return { type: cmsConstants.GLOBAL_SAVING_LOADER, isLoading};\r\n }\r\n}\r\nfunction blockDeselect(isBlocked) {\r\n return dispatch => {\r\n dispatch(success(isBlocked));\r\n };\r\n function success(model) {\r\n return { type: cmsConstants.BLOCK_DESELECT, isBlocked};\r\n }\r\n}\r\n\r\nfunction alertNewModifications(isModified, source, callback) {\r\n\r\n return dispatch => {\r\n dispatch(success(isModified, source, callback));\r\n };\r\n function success(model) {\r\n return { type: cmsConstants.ALERT_NEW_MODIFICATIONS, isModified, source, callback };\r\n }\r\n}\r\n\r\nfunction loadClientFonts(fonts) {\r\n return dispatch => {\r\n dispatch(success(fonts));\r\n };\r\n function success(fonts) {\r\n return { type: cmsConstants.LOAD_CLIENT_FONTS, fonts };\r\n }\r\n}\r\nfunction removeFont(font) {\r\n return dispatch => {\r\n dispatch(success(font));\r\n };\r\n function success(font) {\r\n return { type: cmsConstants.REMOVE_CLIENT_FONT, font };\r\n }\r\n}\r\nfunction addFont(font) {\r\n return dispatch => {\r\n dispatch(success(font));\r\n };\r\n function success(font) {\r\n return { type: cmsConstants.ADD_CLIENT_FONT, font };\r\n }\r\n}\r\n\r\n\r\nfunction inheritageAffected(isAffected){\r\n return dispatch => {\r\n dispatch(success(isAffected));\r\n };\r\n function success(isAffected) {\r\n return { type: cmsConstants.INHERITAGE_AFFECTED, isAffected };\r\n }\r\n}\r\nfunction toggleInheritageInfo(on){\r\n return dispatch => {\r\n dispatch(success(on));\r\n };\r\n function success(on) {\r\n return { type: cmsConstants.TOGGLE_INHERITAGE_INFO, on };\r\n }\r\n}\r\nfunction getClientFonts(eventId) {\r\n return dispatch => {\r\n const requestOptions = {\r\n method: \"GET\",\r\n headers: authHeader({ \"Content-Type\": \"application/json\" }),\r\n };\r\n fetch(`./api/files/fonts/${eventId}`, requestOptions)\r\n .then(handleResponse)\r\n .then(data => {\r\n if (data.files !== undefined) {\r\n let clientFonts = [];\r\n data.files.map(f => {\r\n\r\n clientFonts.push({\r\n name: f.name.substring(f.name.lastIndexOf('/') + 1, f.name.lastIndexOf('.') + 1).toString()\r\n .replace(')', '')\r\n .replace('(', '').replace('.', '').replace('1', '').replace('', ''), url: f.url\r\n });\r\n });\r\n dispatch(success(clientFonts));\r\n }\r\n\r\n })\r\n };\r\n function success(fonts) {\r\n return { type: cmsConstants.LOAD_CLIENT_FONTS, fonts };\r\n }\r\n}\r\nfunction getFonts(eventId) {\r\n\r\n return dispatch => {\r\n const requestOptions = {\r\n method: \"GET\",\r\n headers: authHeader({ \"Content-Type\": \"application/json\" }),\r\n };\r\n fetch(`./api/files/?format=font`, requestOptions)\r\n .then(handleResponse)\r\n .then(data => {\r\n let clientFonts = [];\r\n if (data.files === undefined) { return; }\r\n data.files.map(f => {\r\n\r\n /* fonts.push(this.convertFont(f.name)); */\r\n clientFonts.push({\r\n name: f.name.substring(f.name.lastIndexOf('/') + 1, f.name.lastIndexOf('.') + 1).toString()\r\n .replace(')', '')\r\n .replace('(', '').replace('.', '').replace('1', '').replace('', ''), url: f.url\r\n });\r\n });\r\n dispatch(success(clientFonts));\r\n\r\n })\r\n };\r\n\r\n /* function success(font) {\r\n return { type: cmsConstants.ADD_CLIENT_FONT, font };\r\n } */\r\n function success(fonts) {\r\n return { type: cmsConstants.LOAD_CLIENT_FONTS, fonts };\r\n }\r\n\r\n}\r\n\r\n\r\n//Remove these?\r\nfunction containerToUpdate(container) {\r\n return dispatch => {\r\n dispatch(success(container));\r\n };\r\n function success(container) {\r\n return { type: cmsConstants.CONTAINER_TO_UPDATE, container };\r\n }\r\n}\r\nfunction containerUpdated() {\r\n return dispatch => {\r\n dispatch(success());\r\n };\r\n function success() {\r\n return { type: cmsConstants.CONTAINER_UPDATED };\r\n }\r\n}\r\nfunction containerAdded(container) {\r\n return dispatch => {\r\n dispatch(success(container));\r\n };\r\n function success(container) {\r\n return { type: cmsConstants.CONTAINER_ADDED, container };\r\n }\r\n}\r\n\r\n\r\nfunction setEnviroment(env, editMode = false, eventId) {\r\n return dispatch => {\r\n dispatch(success(env, editMode));\r\n };\r\n function success(env) {\r\n return { type: cmsConstants.SET_ENVIROMENT, env, editMode, eventId };\r\n }\r\n}\r\n\r\nfunction setSourceLocation(sourceLoc, env) {\r\n return dispatch => {\r\n dispatch(success(sourceLoc, env));\r\n };\r\n function success(sourceLoc, env) {\r\n return { type: cmsConstants.SET_SOURCE_LOCATION, sourceLoc, env };\r\n }\r\n}\r\n","export const questionConstants = {\r\n\r\n GET_QUESTION_BY_EVENT_REQUEST: 'GET_QUESTION_BY_EVENT_REQUEST',\r\n GET_QUESTION_BY_EVENT_SUCCESS: 'GET_QUESTION_BY_EVENT_SUCCESS',\r\n GET_QUESTION_BY_EVENT_FAILURE: 'GET_QUESTION_BY_EVENT_FAILURE',\r\n\r\n UPDATE_QUESTION_REQUEST:\"UPDATE_QUESTION_REQUEST\",\r\n UPDATE_QUESTION_SUCCESS:\"UPDATE_QUESTION_SUCCESS\",\r\n UPDATE_QUESTION_FAILURE:\"UPDATE_QUESTION_FAILURE\",\r\n\r\n UPDATE_QUESTIONS_REQUEST:\"UPDATE_QUESTIONS_REQUEST\",\r\n UPDATE_QUESTIONS_SUCCESS:\"UPDATE_QUESTIONS_SUCCESS\",\r\n UPDATE_QUESTIONS_FAILURE:\"UPDATE_QUESTIONS_FAILURE\",\r\n\r\n CREATE_QUESTION_REQUEST:\"CREATE_QUESTION_REQUEST\",\r\n CREATE_QUESTION_SUCCESS:\"CREATE_QUESTION_SUCCESS\",\r\n CREATE_QUESTION_FAILURE:\"CREATE_QUESTION_FAILURE\",\r\n \r\n DELETE_QUESTIONS_REQUEST:\"DELETE_QUESTIONS_REQUEST\",\r\n DELETE_QUESTIONS_FAILURE:\"DELETE_QUESTIONS_FAILURE\",\r\n DELETE_QUESTIONS_SUCCESS: 'DELETE_QUESTIONS_SUCCESS'\r\n};","export const userConstants = {\r\n LOGIN_REQUEST: 'USERS_LOGIN_REQUEST',\r\n LOGIN_SUCCESS: 'USERS_LOGIN_SUCCESS',\r\n LOGIN_FAILURE: 'USERS_LOGIN_FAILURE',\r\n\r\n REGISTER_REQUEST: 'USERS_REGISTER_REQUEST',\r\n REGISTER_SUCCESS: 'USERS_REGISTER_SUCCESS',\r\n REGISTER_FAILURE: 'USERS_REGISTER_FAILURE',\r\n\r\n LOGOUT: 'USERS_LOGOUT',\r\n\r\n SET_DEFAULT_EVENT_REQUEST:'SET_DEFAULT_EVENT_REQUEST',\r\n SET_DEFAULT_EVENT_SUCCESS:'SET_DEFAULT_EVENT_SUCCESS',\r\n SET_DEFAULT_EVENT_FAILURE:'SET_DEFAULT_EVENT_FAILURE',\r\n\r\n GETALL_REQUEST: 'USERS_GETALL_REQUEST',\r\n GETALL_SUCCESS: 'USERS_GETALL_SUCCESS',\r\n GETALL_FAILURE: 'USERS_GETALL_FAILURE',\r\n\r\n GET_ACCOUNT_DETAILS_REQUEST: 'GET_ACCOUNT_DETAILS_REQUEST',\r\n GET_ACCOUNT_DETAILS_SUCCESS: 'GET_ACCOUNT_DETAILS_SUCCESS',\r\n GET_ACCOUNT_DETAILS_FAILURE: 'GET_ACCOUNT_DETAILS_FAILURE',\r\n\r\n UPDATE_REQUEST: 'USERS_UPDATE_REQUEST',\r\n UPDATE_SUCCESS: 'USERS_UPDATE_SUCCESS',\r\n UPDATE_FAILURE: 'USERS_UPDATE_FAILURE',\r\n TOGGLE_ADMIN_REQUEST:'TOGGLE_ADMIN_REQUEST',\r\n TOGGLE_ADMIN_SUCCESS:'TOGGLE_ADMIN_SUCCESS',\r\n TOGGLE_ADMIN_FAILURE:'TOGGLE_ADMIN_FAILURE',\r\n\r\n \r\n SENDRESETPASSWORDTOKEN_REQUEST: 'SENDRESETPASSWORDTOKEN_REQUEST',\r\n SENDRESETPASSWORDTOKEN_SUCCESS: 'SENDRESETPASSWORDTOKEN_SUCCESS',\r\n SENDRESETPASSWORDTOKEN_FAILURE: 'SENDRESETPASSWORDTOKEN_FAILURE',\r\n\r\n \r\n RESETPASSWORD_REQUEST: 'RESETPASSWORD_UPDATE_REQUEST',\r\n RESETPASSWORD_SUCCESS: 'RESETPASSWORD_UPDATE_SUCCESS',\r\n RESETPASSWORD_FAILURE: 'RESETPASSWORD_UPDATE_FAILURE'\r\n};","export const cmsConstants = {\r\n EDIT_MODE_ON: \"EDIT_MODE_ON\",\r\n EDIT_MODE_OFF: \"EDIT_MODE_OFF\",\r\n SET_ENVIROMENT: \"SET_ENVIROMENT\",\r\n CONTAINER_UPDATED: \"CONTAINER_UPDATED\",\r\n CONTAINER_TO_UPDATE: \"CONTAINER_TO_UPDATE\",\r\n CONTAINER_ADDED: \"CONTAINER_ADDED\",\r\n SET_SOURCE_LOCATION: \"SET_SOURCE_LOCATION\",\r\n LOAD_CLIENT_FONTS: \"LOAD_CLIENT_FONTS\",\r\n REMOVE_CLIENT_FONT: \"REMOVE_CLIENT_FONT\",\r\n ADD_CLIENT_FONT: \"ADD_CLIENT_FONT\",\r\n\r\n ALERT_NEW_MODIFICATIONS: \"ALERT_NEW_MODIFICATIONS\",\r\n GLOBAL_SAVING_LOADER: \"IS_LOADING\",\r\n TOGGLE_INHERITAGE_INFO: 'TOGGLE_INHERITAGE_INFO',\r\n INHERITAGE_AFFECTED: 'INHERITAGE_AFFECTED',\r\n GLOBAL_SAVING_LOADER: \"IS_LOADING\",\r\n BLOCK_DESELECT: 'BLOCK_DESELECT'\r\n};\r\n","import React from 'react';\r\nimport { fade, makeStyles, withStyles } from '@material-ui/core/styles';\r\nimport Badge from '@material-ui/core/Badge';\r\n\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n grow: {\r\n flexGrow: 1,\r\n },\r\n menuButton: {\r\n marginRight: theme.spacing(2),\r\n },\r\n title: {\r\n display: 'none',\r\n [theme.breakpoints.up('sm')]: {\r\n display: 'block',\r\n },\r\n },\r\n root: {\r\n padding: '2px 4px',\r\n display: 'flex',\r\n alignItems: 'center',\r\n width: '100%',\r\n borderBottom: '1px solid gainsboro'\r\n },\r\n input: {\r\n marginLeft: theme.spacing(1),\r\n flex: 1,\r\n },\r\n iconButton: {\r\n padding: 10,\r\n },\r\n divider: {\r\n height: 28,\r\n margin: 4,\r\n },\r\n sectionDesktop: {\r\n display: 'none',\r\n [theme.breakpoints.up('md')]: {\r\n display: 'flex',\r\n },\r\n },\r\n sectionMobile: {\r\n display: 'flex',\r\n [theme.breakpoints.up('md')]: {\r\n display: 'none',\r\n },\r\n },\r\n online: {\r\n background: '#44b700'\r\n },\r\n offline: {\r\n background: 'orangered'\r\n },\r\n}));\r\n\r\nexport const OnlineBadge = withStyles((theme) => ({\r\n badge: {\r\n backgroundColor: '#44b700',\r\n color: '#44b700',\r\n boxShadow: `0 0 0 2px ${theme.palette.background.paper}`,\r\n '&::after': {\r\n position: 'absolute',\r\n top: 0,\r\n left: 0,\r\n width: '100%',\r\n height: '100%',\r\n borderRadius: '50%',\r\n animation: '$ripple 1.2s infinite ease-in-out',\r\n border: '1px solid currentColor',\r\n content: '\"\"',\r\n },\r\n },\r\n '@keyframes ripple': {\r\n '0%': {\r\n transform: 'scale(.8)',\r\n opacity: 1,\r\n },\r\n '100%': {\r\n transform: 'scale(2.4)',\r\n opacity: 0,\r\n },\r\n },\r\n}))(Badge);\r\n","import React, { useEffect } from \"react\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport Snackbar from \"@material-ui/core/Snackbar\";\r\nimport IconButton from \"@material-ui/core/IconButton\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport SystemLabel from \"../../../../system/SystemLabel/SystemLabel\";\r\nimport MailOutlineIcon from \"@material-ui/icons/MailOutline\";\r\n\r\nexport const UndreadMessageSnackbar = ({ position, undreadMessages, ...rest }) => {\r\n const [open, setOpen] = React.useState(undreadMessages > 0);\r\n\r\n /* useEffect(() => {\r\n\r\n }, []); */\r\n\r\n useEffect(() => {\r\n if (undreadMessages > 0 && open == false) {\r\n setOpen(true);\r\n } else {\r\n setOpen(false);\r\n }\r\n }, [undreadMessages]);\r\n\r\n const handleClick = () => {\r\n setOpen(true);\r\n };\r\n\r\n const handleClose = (event, reason) => {\r\n if (reason === \"clickaway\") {\r\n return;\r\n }\r\n\r\n setOpen(false);\r\n };\r\n\r\n const { vertical, horizontal } = position;\r\n return (\r\n \r\n \r\n
\r\n }\r\n action={\r\n {error}
;\r\n }\r\n}\r\n\r\nconst backstageScrollStyle = `\r\n.jir-scroll::-webkit-scrollbar {\r\n width: 9px !important;\r\n\r\n}\r\n.jir-scroll::-webkit-scrollbar-track {\r\n background: transparent !important;\r\n}\r\n.jir-scroll::-webkit-scrollbar-thumb {\r\n background-color: #4b4b4b !important;\r\n border-radius: 5px !important;\r\n \r\n}\r\n.jir-scroll::-webkit-scrollbar-thumb:hover {\r\n background-color: #4b4b4b !important;\r\n} `;\r\n\r\nexport function ScrollWrapper({ template, children, flexBasis = \"100%\", noStyleWrap = false, backstage = false, height }) {\r\n return (\r\n\r\n {template ? : null}\r\n {backstage ? : null}\r\n {children}\r\n
\r\n );\r\n}\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { connect } from \"react-redux\";\r\n\r\nimport { Editor } from \"@tinymce/tinymce-react\";\r\nimport { classicSettings3, expoSettings, inlineSettings3 } from \"./tinyconfig\";\r\nimport { TinyMCE } from \"tinymce\";\r\nconst getGlobal = function () { return (typeof window !== 'undefined' ? window : global); };\r\nconst setTinymce = function () {\r\n var global = getGlobal();\r\n if(global && !global.tinymce)\r\n global.tinymce = TinyMCE;\r\n};\r\n\r\nconst ExhibitorEditor = (props) => {\r\n const [editor, setEditor] = useState({});\r\n const [cycleEditor, setCycleEditor] = useState(false);\r\n const [archiveOpen, setArchiveOpen] = useState(false);\r\n const [linkHelperOpen, setLinkHelperOpen] = useState(false);\r\n setTinymce();\r\n useEffect(() => {\r\n if (cycleEditor) setCycleEditor(false);\r\n }, [cycleEditor]);\r\n\r\n const onInit = (editor) => setEditor(editor);\r\n const handleKeyUp = () => {\r\n const { value, globalFormat, onChange, path, slimFormat } = props;\r\n var content = editor.getContent();\r\n\r\n if (content !== value) {\r\n if (globalFormat === true) {\r\n onChange(null, content, path);\r\n } else if (slimFormat === true) {\r\n onChange(content, path);\r\n } else {\r\n onChange(content);\r\n }\r\n }\r\n };\r\n const formatImage = () => {\r\n const content = editor.getContent();\r\n props.onChange(content);\r\n };\r\n const onArchiveUseSelect = (url) => {\r\n var image = new Image();\r\n image.crossOrigin = \"anonymous\"; /* THIS WILL MAKE THE IMAGE CROSS-ORIGIN */\r\n image.src = url;\r\n let content = editor.insertContent(`\r\n \r\n onUpload(e)} />\r\n\r\n {selectedFile && (selectedFile.type.toString().includes(\"image/\") || selectedFile.type.toString().includes(\"font/\")) ? (\r\n } className=\"editor-full-btn primary-text\" onClick={() => onSelectFile()}>\r\n \r\n \r\n
\r\n );\r\n}\r\n","import React from \"react\";\r\nimport { ListGroup, ListGroupItem, Badge } from \"reactstrap\";\r\n/* import UnsplashLogo from \"../../assets/icons/unsplash_logo.svg\"; */\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport List from \"@material-ui/core/List\";\r\nimport unsplashLogo from \"../../../assets/icons/unsplash_logo.svg\";\r\nimport ListItem from \"@material-ui/core/ListItem\";\r\nimport ListItemIcon from \"@material-ui/core/ListItemIcon\";\r\nimport ListItemSecondaryAction from \"@material-ui/core/ListItemSecondaryAction\";\r\nimport ListItemText from \"@material-ui/core/ListItemText\";\r\nimport InsertDriveFileOutlinedIcon from \"@material-ui/icons/InsertDriveFileOutlined\";\r\nimport PhotoLibraryOutlinedIcon from \"@material-ui/icons/PhotoLibraryOutlined\";\r\nimport { archiveConstants } from \"../contstants/archive.contstants\";\r\nimport SystemLabel from \"../../../system/SystemLabel/SystemLabel\";\r\nimport FontDownloadOutlinedIcon from \"@material-ui/icons/FontDownloadOutlined\";\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n width: \"100%\",\r\n maxWidth: 360,\r\n backgroundColor: theme.palette.background.paper,\r\n },\r\n}));\r\n\r\nexport function FileStorageList(props) {\r\n const classes = useStyles();\r\n const { files, navigate, display } = props;\r\n return (\r\n 
\r\n \r\n filterFiles(e.target.value)}\r\n classes={{\r\n root: classes.inputRoot,\r\n input: classes.inputInput,\r\n }}\r\n inputProps={{ \"aria-label\": \"search\" }}\r\n />\r\n
\r\n );\r\n}\r\n","import React, { useState } from \"react\";\r\nimport { Row, Col } from \"reactstrap\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport { GridList, GridListTile, GridListTileBar } from \"@material-ui/core\";\r\nimport { FileStorageSearchbar } from \"./FileStorageSearchbar\";\r\nimport PictureDisplay from \"../../PictureDisplay\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n display: \"flex\",\r\n flexWrap: \"wrap\",\r\n justifyContent: \"space-around\",\r\n overflow: \"hidden\",\r\n backgroundColor: theme.palette.background.paper,\r\n },\r\n gridList: {\r\n width: \"100%\",\r\n height: \"100%\",\r\n maxHeight: \"calc(100vh - 130px)\",\r\n overflowY: \"auto\",\r\n padding: 10,\r\n marginTop: 10,\r\n },\r\n icon: {\r\n color: \"rgba(255, 255, 255, 0.54)\",\r\n },\r\n}));\r\n\r\nexport function FileStorageGrid(props) {\r\n const classes = useStyles();\r\n const [filter, setFilter] = useState(\"\");\r\n const { files = [], selectedFile, onSelect, type, filterType } = props;\r\n return (\r\n \r\n
\r\n \r\n
\r\n ) : null}\r\n \r\n \r\n \r\n \r\n
\r\n )}\r\n \r\n );\r\n })}\r\n \r\n \r\n );\r\n}\r\n\r\n{\r\n /* \r\n \r\n {convertFont(name)}\r\n \r\n \r\n {convertFont(name)}\r\n \r\n \r\n {convertFont(name)}\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nconst convertFont = (f) => {\r\n return f\r\n .substring(f.lastIndexOf(\"/\") + 1, f.lastIndexOf(\".\") + 1)\r\n .toString()\r\n .replace(\")\", \"\")\r\n .replace(\"(\", \"\")\r\n .replace(\".\", \"\")\r\n .replace(\"1\", \"\")\r\n .replace(\"\", \"\");\r\n};\r\n","import { GridList, GridListTile, GridListTileBar } from \"@material-ui/core\";\r\nimport React, { useState, useEffect } from \"react\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport GetAppOutlinedIcon from \"@material-ui/icons/GetAppOutlined\";\r\nimport { FileStorageSearchbar } from \"./FileStorageSearchbar\";\r\nimport IconButton from \"@material-ui/core/IconButton\";\r\n/* import \"../style/DownloadFileOverlay.css\";\r\nimport \"../style/Unsplash.css\"; */\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n display: \"flex\",\r\n flexWrap: \"wrap\",\r\n justifyContent: \"space-around\",\r\n overflow: \"hidden\",\r\n backgroundColor: theme.palette.background.paper,\r\n },\r\n gridList: {\r\n width: 500,\r\n height: 450,\r\n },\r\n icon: {\r\n color: \"rgba(255, 255, 255, 0.54)\",\r\n },\r\n}));\r\n\r\nconst MY_ACCESS_KEY =\r\n \"2481e8fefcab0eb5996904a74156419cac77f5eb9d5647c2e943a6b71f9e74e5\";\r\n\r\nexport function UnsplashGallery(props) {\r\n const [files, setFiles] = useState([]);\r\n const classes = useStyles();\r\n useEffect(() => {\r\n downloadUnsplash();\r\n }, []);\r\n\r\n const downloadUnsplash = () => {\r\n fetch(\r\n \"https://api.unsplash.com/photos/?query=event&page=10&per_page=100&client_id=\" +\r\n MY_ACCESS_KEY\r\n )\r\n .then((res) => res.json())\r\n .then((data) => {\r\n setFiles(data);\r\n })\r\n .catch((err) => {\r\n console.error(\"Error happened during fetching!\", err);\r\n });\r\n };\r\n\r\n const filter = (str) => {\r\n if (str !== \"\" && str.length >= 3) {\r\n fetch(\r\n `https://api.unsplash.com/search/photos/?query=${str}&page=10&per_page=100&client_id=${MY_ACCESS_KEY}`\r\n )\r\n .then((res) => res.json())\r\n .then((data) => {\r\n setFiles(data.results);\r\n })\r\n .catch((err) => {\r\n console.error(\"Error happened during fetching!\", err);\r\n });\r\n } else {\r\n downloadUnsplash();\r\n }\r\n };\r\n const { unsplashFile, onSelect, onUnsplashDownload } = props;\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n","export const securityHelper = {\r\n createGuid,\r\n};\r\n\r\nfunction createGuid() {\r\n return (\r\n Math.random().toString(36).substring(2) + new Date().getTime().toString(36)\r\n );\r\n}\r\n\r\nexport function uuidv4() {\r\n return \"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx\".replace(/[xy]/g, function (c) {\r\n var r = (Math.random() * 16) | 0,\r\n v = c == \"x\" ? r : (r & 0x3) | 0x8;\r\n return v.toString(16);\r\n });\r\n}\r\n"],"sourceRoot":""}\r\n
\r\n \r\n \r\n
\r\n