{this.props.children}
\n Switch to
\n\n handleAivaRedirect(getGroupID())} className='aiva-item' alt=\"\" />\n
Light Theme
\nDark Theme
\nSwitch to
\n\n handleAivaRedirect(getGroupID())} className='aiva-item' alt=\"\" />\n
Failed to load media
\n![](\"/assets/img/bmb-final-logo-04.png\"){kind=logo}
\n \n \n
\nYour request is in progress
\n\n User requested to chat with the agent. Please click\n accept to connect to conversation or click cancel to\n close the request{' '}\n
\n\n
\n
{value}
\n{order.title}
\n\n {order.description}\n
\n| \n | \n \n \n {log.label}\n \n | \n\n {log.time}\n | \n
{ticket.title}
\n\n {ticket.detail}\n
\n{props.value}
\n },\n {\n Header: \"Sales\",\n accessor: \"sales\",\n Cell: props =>{props.value}
\n },\n {\n Header: \"Stock\",\n accessor: \"stock\",\n Cell: props =>{props.value}
\n },\n {\n Header: \"Category\",\n accessor: \"category\",\n Cell: props =>{props.value}
\n }\n ];\n return (\n\n {s.title}\n \n {s.status}/{s.total}\n \n
\n \n\n
\n
{title}
\n{detail}
\n\n {this.state.currentValue}\n
\n{this.state.currentLabel}
\n({rateCount})
\n\n {this.state.currentValue}\n
\n{this.state.currentLabel}
\n\n
\n {bookingEngineSearchData.nights}\n {/* {isBookingEngineConnect === true ?\n bookingEngineSearchData.nights : \"\" + booknow + \"+\"} Nights */}\n
\n\n
\n {bookingEngineSearchData.nights !== \"\" && (\n
\n
\n
\n
\n {per.value + \" Conversations (\" + per.percentage + \"%)\"}\n
\n\n
{per.value}
\n
\n {per.value + \" Conversations (\" + per.percentage + \"%)\"}\n
\n\n
{bookingEngine}
\n
{per.value}
\n
\n {per.value > 180 ? CalculateHours(parseInt(per.value)) + \" Hours\" : per.value + \" Minutes\"}\n
\n\n
{per.value} {per.type === \"totalTickets\" ?\n
\n
{data}
{parseInt(data[per] / 60)} hours
) : ({data[per]} minutes
)}\n{moment(item.time).format(\"DD/MM/YYYY h:mm a\")}
\n\n {item.text}\n
\n{element1.text}
\n\n { {sender.name} /}\n
\n\n
{item.leaveFeedback}
\n\n {' '}\n Chatbot will stop responding to the user messages, and you\n will need to respond from the Facebook Messenger app. You\n can anytime give control back to the chatbot for this\n Facebook user.{' '}\n
\n\n {' '}\n Chatbot will start responding to this user messages. You can\n anytime take control back from the chatbot for this Facebook\n user.\n
\nClicks
\n\n {clicks !== undefined ? clicks : 0}\n
\nViews
\n\n {statsData.views !== undefined ? statsData.views : 0}\n
\nSold
\n\n {statsData.sold !== undefined ? statsData.sold : 0}\n
\nRevenue
\n\n {revenue !== undefined ? (numberFormat(revenue).replace(/[A-Za-z]/g, '')).substring(0, numberFormat(revenue).indexOf('.') - 2) : 0}\n
\n{props.value}
,\n },\n {\n Header: 'Email',\n accessor: 'email',\n Cell: (props) =>{props.value}
,\n },\n {\n Header: 'Phone',\n accessor: 'phone',\n Cell: (props) =>{props.value}
,\n },\n {\n Header: 'Zip Code',\n accessor: 'zipCode',\n Cell: (props) =>{props.value}
,\n },\n {\n Header: 'Marketing Consent',\n accessor: 'consent',\n Cell: (props) =>{props.value}
,\n },\n {\n Header: 'Date',\n accessor: 'consentDate',\n Cell: (props) => (\n\n {props.value !== '' ? moment(props.value).format('lll') : ''}\n
\n ),\n },\n];\n\nconst dataTableRecommenderColumns = [\n {\n Header: 'Name',\n accessor: 'name',\n Cell: (props) =>{props.value}
,\n },\n {\n Header: 'Button',\n accessor: 'button',\n Cell: (props) =>{props.value}
,\n },\n {\n Header: 'Visits',\n accessor: 'visits',\n Cell: (props) =>{props.value}
,\n },\n];\n\nconst dataTableMessengerColumns = [\n {\n Header: 'Title',\n accessor: 'title',\n Cell: (props) =>{props.value}
,\n },\n {\n Header: 'Clicks',\n accessor: 'clicks',\n Cell: (props) =>{props.value}
,\n },\n];\nconst countryDataTableColumns = [\n {\n Header: 'Country',\n accessor: 'country',\n Cell: (props) =>{props.value}
,\n },\n {\n Header: 'Web Visitors',\n accessor: 'visitors',\n Cell: (props) =>{props.value}
,\n },\n // {\n // Header: 'Avatar Clicks',\n // accessor: 'messengerClicks',\n // Cell: (props) =>{props.value}
,\n // },\n {\n Header: 'Avatar Clicks',\n accessor: 'botClicks',\n Cell: (props) =>{props.value}
,\n },\n {\n Header: 'Conversations',\n accessor: 'conversations',\n Cell: (props) =>{props.value}
,\n },\n];\nconst voucherEngineVisits = [\n {\n Header: 'Country',\n accessor: 'country',\n Cell: (props) =>{props.value}
,\n },\n {\n Header: 'Clicks',\n accessor: 'clicks',\n Cell: (props) => (\n\n {props.value}\n
\n ),\n },\n {\n Header: 'Visitors',\n accessor: 'visitors',\n Cell: (props) => (\n\n {props.value}\n
\n ),\n },\n];\nconst poupularVoucherDataTablescolumn = [\n {\n Header: 'Name',\n accessor: 'voucherName',\n Cell: (props) =>{props.value}
,\n },\n {\n Header: 'Views',\n accessor: 'views',\n Cell: (props) => (\n\n {props.value}\n
\n ),\n },\n {\n Header: 'Added to Cart',\n accessor: 'cart',\n Cell: (props) => (\n\n {props.value}\n
\n ),\n },\n {\n Header: 'Payments',\n accessor: 'payments',\n Cell: (props) => (\n\n {props.value}\n
\n ),\n },\n {\n Header: 'Purchases',\n accessor: 'purchases',\n Cell: (props) => (\n\n {props.value}\n
\n ),\n },\n];\nexport default function ChartCard({\n propertyId,\n isVoucherEngine,\n timeZone,\n domains,\n currency,\n history,\n integrationIdList\n}) {\n moment.tz.setDefault(timeZone);\n const [buttonText, setButtonText] = useState(\n{props.value}
,\n },\n {\n Header: 'Email',\n accessor: 'email',\n Cell: (props) => (\n\n {isMasked !== 'true' ? maskEmail(props.value) : props.value}\n
\n {isMasked !== 'true' ? maskMobile(props.value, 4) : props.value}\n
{props.value}
,\n },\n {\n Header: 'Marketing Consent',\n accessor: 'consent',\n Cell: (props) =>{props.value}
,\n },\n {\n Header: 'Date',\n accessor: 'consentDate',\n Cell: (props) => (\n\n {props.value !== '' ? moment(props.value).format('lll') : ''}\n
\n ),\n },\n ];\n const handleMaskClick = () => {\n if (isMasked === 'true') {\n sessionStorage.setItem('lock', 'false');\n setIsMasked(sessionStorage.getItem('lock'));\n } else {\n sessionStorage.setItem('lock', 'true');\n setIsMasked(sessionStorage.getItem('lock'));\n }\n };\n const handlenavbooking = (value) => {\n history.push({\n pathname: '/app/pages/conversations/archives',\n state: { tagName: value },\n });\n };\n const dataTableColumns = [\n {\n Header: 'Topic',\n accessor: 'topic',\n Cell: (props) => (\n\n {topic.filter((e) => e.topic === props.value).length > 0 ? (\n
{props.value}
,\n },\n {\n Header: 'Messages',\n accessor: 'messages',\n Cell: (props) =>{props.value}
,\n },\n ];\n\n\n useEffect(() => {\n if (propertyId !== '' && propertyId !== undefined) {\n selectLast7Days();\n let body = {\n channels: ['BookingEngineUrl', 'HelpCenter', 'HelpCenterGroup']\n };\n AxiosAPI({\n method: 'post',\n url: `${API_Ingetration}?group_id=${getGroupID()}`,\n data: body\n }).then((res) => {\n var getBookingEngine = res.data.filter((i) => i.channel === \"BookingEngineUrl\" && i.disabled !== true);\n if (getBookingEngine.length > 0) {\n var channel = getBookingEngine[0].channelDetails.filter((i) => i.propertyId === propertyId && i.urlDisabled !== true);\n if (channel.length > 0) {\n setIsBookingEngineConnect(true);\n }\n }\n var helpcenter = res.data.filter((i) => i.channel === \"HelpCenter\" && i.disabled !== true);\n if (helpcenter.length > 0) {\n if (helpcenter.filter((i) => i.properties.includes(propertyId)).length > 0) {\n setIsMessengerConnect(true);\n }\n }\n var helpcentergroup = res.data.filter((i) => i.channel === \"HelpCenterGroup\" && i.disabled !== true);\n if (helpcentergroup.length > 0) {\n setIsMessengerConnect(true);\n }\n });\n }\n }, [propertyId]);\n\n const today = () => {\n return moment(moment().subtract(1, 'days').format('YYYY-MM-DD') + ' 23:59:59')\n .utc()\n .format('YYYY-MM-DD HH:mm:ss');\n };\n\n const daysAgo7 = () => {\n return moment(moment().subtract(7, 'days').format('YYYY-MM-DD HH:mm:ss'))\n .utc()\n .format('YYYY-MM-DD 00:00:00');\n };\n\n const daysAgo30 = () => {\n return moment(moment().subtract(30, 'days').format('YYYY-MM-DD HH:mm:ss'))\n .utc()\n .format('YYYY-MM-DD 00:00:00');\n };\n\n const daysAgo60 = () => {\n return moment(moment().subtract(60, 'days').format('YYYY-MM-DD HH:mm:ss'))\n .utc()\n .format('YYYY-MM-DD 00:00:00');\n };\n\n const daysAgo90 = () => {\n return moment(moment().subtract(90, 'days').format('YYYY-MM-DD HH:mm:ss'))\n .utc()\n .format('YYYY-MM-DD 00:00:00');\n };\n\n const startOfWeek = () => {\n const today = moment();\n return moment(moment(today).isoWeekday(1).format('YYYY-MM-DD HH:mm:ss'))\n .utc()\n .format('YYYY-MM-DD 00:00:00');\n };\n\n const endOfWeek = () => {\n const today = moment();\n return moment(\n moment(today).isoWeekday(7).format('YYYY-MM-DD') + ' 23:59:59'\n )\n .utc()\n .format('YYYY-MM-DD HH:mm:ss');\n };\n\n const startOfMonth = () => {\n return moment(moment().startOf('month').format('YYYY-MM-DD HH:mm:ss'))\n .utc()\n .format('YYYY-MM-DD 00:00:00');\n };\n\n const startOfPreviousMonth = () => {\n return moment(\n moment().subtract(1, 'months').startOf('month').format('YYYY-MM-DD') +\n ' 00:00:00'\n )\n .utc()\n .format('YYYY-MM-DD HH:mm:ss');\n };\n\n const startOfThisYear = () => {\n return moment(new Date().getFullYear() + '-01-01' + ' 00:00:00').format(\n 'YYYY-MM-DD HH:mm:ss'\n );\n };\n\n const startOfLastYear = () => {\n return moment(new Date().getFullYear() - 1 + '-01-01' + ' 00:00:00').format(\n 'YYYY-MM-DD HH:mm:ss'\n );\n };\n const endOfLastYear = () => {\n return moment(new Date().getFullYear() - 1 + '-12-31' + ' 00:00:00').format(\n 'YYYY-MM-DD HH:mm:ss'\n );\n };\n\n const endOfPreviousMonth = () => {\n return moment(\n moment().subtract(1, 'months').endOf('month').format('YYYY-MM-DD') +\n ' 23:59:59'\n )\n .utc()\n .format('YYYY-MM-DD HH:mm:ss');\n };\n const loadMore = () => {\n const currentPage = visitorQuestionsPageNumber + 1;\n setvisitorQuestionsNumber(currentPage);\n AxiosAPI({\n method: 'get',\n url: `${gAPI_Conversations_VisitorQuestions}`,\n params: {\n groupId: getGroupID(),\n dateFrom: fromDate,\n dateTo: toDate,\n pageNumber: currentPage,\n pageSize: visitorQuestionsPageSize,\n propertyId: propertyId,\n },\n }).then((res) => {\n setLoading(true);\n const data = [...visitorQuestionsData, ...res.data];\n setvisitorQuestions(data);\n });\n };\n\n const endOfMonth = () => {\n return moment(moment().endOf('month').format('YYYY-MM-DD') + ' 23:59:59')\n .utc()\n .format('YYYY-MM-DD HH:mm:ss');\n };\n\n const handleStartDate = (date) => {\n setStartDate(date)\n };\n\n const handleEndDate = (date) => {\n setEndDate(date)\n };\n\n const selectLast7Days = () => {\n setFilterDate(false);\n setButtonText(Temporarily Unavailable
\n )}\n \n {!isVoucherEngine || domains.length > 1 ? (\nTemporarily Unavailable
\n )}\n \n ) : (\n ''\n )}\n {!isVoucherEngine || domains.length > 1 ? (\n{message}
\n\n
{totalClick}
{props.value}
,\n },\n {\n Header: 'Clicks',\n accessor: 'clicks',\n Cell: (props) =>{props.value}
,\n },\n];\nconst avatarlabel = [\n {\n Header: 'URL',\n accessor: 'url',\n Cell: (props) =>{props.value}
,\n },\n {\n Header: 'Timestamp',\n accessor: 'dateTime',\n Cell: (props) =>{moment(props.value).format('dddd, DD MMMM YYYY')} at {moment(props.value).format('h:mm a')}
,\n },\n {\n Header: 'Room',\n accessor: 'room',\n Cell: (props) =>{props.value}
,\n },\n {\n Header: 'Stage',\n accessor: 'stage',\n Cell: (props) =>{props.value}
,\n },\n {\n Header: 'Source',\n accessor: 'source',\n Cell: (props) =>{props.value}
,\n },\n {\n Header: 'Membership',\n accessor: 'member',\n Cell: (props) =>{props.value}
,\n },\n];\n\nexport default function CompendiumCard({\n propertyId,\n isVoucherEngine,\n timeZone,\n domains,\n currency,\n history,\n integrationIdList\n}) {\n moment.tz.setDefault(timeZone);\n const [buttonText, setButtonText] = useState(\nTemporarily Unavailable
\n )}\n \nTemporarily Unavailable
\n )}\n \n{message}
\nTemporarily Unavailable
\n )}\n\n\n {moment(item.startedUtc).format('DD/MM/YYYY h:mm a')} (\n {item.visitorMessageCount}){' '}\n
\n {/*{(item.title)}
*/}\n{item.detail}
\n{chat.detail}
\n\n {isMasked !== \"true\" ?\n
\n {isMasked !== \"true\" ?\n
\n {' '}\n Chatbot will stop responding to the user messages, and you\n will need to respond from the Facebook Messenger app. You\n can anytime give control back to the chatbot for this\n Facebook user.{' '}\n
\n\n {' '}\n Chatbot will start responding to this user messages. You can\n anytime take control back from the chatbot for this Facebook\n user.\n
\nNo data found. Please select a different date range from Show Filters
\n\n \n
\n\n {item.visitor.contactId !== undefined &&\n item.visitor.contactId !== '' ? (\n
\n \n
\n\n \n
\nNear {item.visitor.location}
\n ) : null}\n {item.visitor.ipAddress !== '' ? (\n\n This location is approximate and determined by IP\n address ({item.visitor.ipAddress})\n
\n ) : null}\n\n \n
\n{item.visitor.name}
\n\n \n
\n\n {isMasked !== 'true' ? (\n
\n \n
\n\n {isMasked !== 'true' ? (\n
\n \n
\n{item.visitor.zipCode}
\n\n \n
\n\n Marketing Consent:\n {item.visitor.consentGiven === 'Yes' ? (\n \n {item.visitor.consentGiven}\n \n ) : (\n \n {item.visitor.consentGiven}\n \n )}{' '}\n (\n {moment(item.visitor.consentGivenDateTime).format(\n 'dddd, DD MMMM YYYY'\n )}{' '}\n {moment(item.visitor.consentGivenDateTime).format(\n 'h:mm a'\n )}\n )\n
\n\n \n
\n\n Chat started on this page\n
\n{item.visitor.url}
\n\n \n
\n\n User referred to your page by this website\n
\n{item.visitor.referralUrl}
\n\n \n
\nTimestamp:
\n\n {item.visitor.contactId !== undefined &&\n item.visitor.contactId !== '' ? (\n
\n \n
\n\n
Topics:
\n \n\n \n
\n
Calling Party:
\n \n{item.visitor.nmsAni}
\n\n \n
\n\n
Calling Party User:
\n \n{item.visitor.accountUser}
\n\n \n
\n
Account Domain:
\n \n{item.visitor.accountDomain}
\n\n \n
\n
Called Party:
\n \n{item.visitor.nmsDnis}
\n\n \n
\n\n
Called Party User:
\n \n{item.visitor.toUser}
\n\n \n
\n
Called Party Domain:
\n \n{item.visitor.toDomain}
\n\n
Last Dial:
\n \n{item.visitor.accountLastDial}
\n\n \n
\n{item.visitor.deviceType}
\n\n {' '}\n \n
\n{item.visitor.browser} browser
\n\n \n
\n{item.visitor.userAgent}
\n\n \n
\n\n Facebook Sender Id\n
\n{item.visitor.facebookSenderId}
\n\n {' '}\n \n
\n{item.visitor.facebookSenderName}
\n\n \n
\n\n
\n {' '}\n \n
\n{item.visitor.googleSenderName}
\n\n \n
\nUnique Chat ID
\n{item.conversationId}
\n\n \n
Myma.ai Unique Chat ID
\n{item.visitor.origCallID}
\n\n \n
\nPhone System Termination Call ID
\n{item.botConversationId}
\n\n \n
Myma.ai Unique Conversation ID
\n{item.visitor.termCallID}
\n\n {item.name}\n
\n{isTyping && 'User is typing...'}
*/}\n\n {chat.detail}\n
\n {chat.phoneNumber != '' && (\n\n {isMasked !== 'true' ? (\n
\n {isMasked !== 'true' ? (\n
\n {chat.detail}\n
\n {chat.phoneNumber != '' && (\n\n {isMasked !== 'true' ? (\n
\n {isMasked !== 'true' ? (\n
\n {chat.detail}\n
\n {chat.phoneNumber != '' && (\n\n {isMasked !== 'true' ? (\n
\n {isMasked !== 'true' ? (\n
\n {' '}\n Chatbot will stop responding to the user messages, and you\n will need to respond from the Facebook Messenger app. You\n can anytime give control back to the chatbot for this\n Facebook user.{' '}\n
\n\n {' '}\n Chatbot will start responding to this user messages. You can\n anytime take control back from the chatbot for this Facebook\n user.\n
\n\n User requested to chat with the agent. Please click\n accept to connect to conversation or click cancel to\n close the request{' '}\n
\n\n
{moment(chat.creationTime).utc().format(\"DD/MM/YYYY h:mm a\")}
\n\n //\n // Requester:{\" \"}\n // {chat.requesterEmail}\n //
\n // {chat.status}, {chat.source}\n //
\n {chat.requesterName === ''\n ? chat.requesterEmail\n : chat.requesterName}\n
\n\n {isMasked !== \"true\" ?\n
\n {isMasked !== \"true\" ?\n
No tickets found matching the selection criteria
\n\n Ticket ID:\n
\n {item.ticketId}\n\n Created:\n
\n {moment(item.creationTime).format('dddd, DD MMMM YYYY')} at{' '}\n {moment(item.creationTime).format('h:mm a')}\n\n Title:\n
\n {item.title}\n\n {isMissingUrl ? \"Notes:\" : \"Messages:\"}\n
\n\n {item.split(\":\").includes(\"Email\") &&\n
{item.split(\":\")[0]}: {isMasked !== \"true\" ?
{item.split(\":\")[0]}: {isMasked !== \"true\" ?
{ReactHtmlParser(item)}
}\n\n
\n {moment(note.createdDate).format('dddd, DD MMMM YYYY')} at{' '}\n {moment(note.createdDate).format('h:mm a')}\n
\n{ReactHtmlParser(note.text)}
\n \n\n Digital Signature:\n
\n\n \n
\n Source:\n
\n{item.source === \"BobDashboard\" ? \"Dashboard\" : item.source.toLowerCase()}
\n\n Status:\n
\n{JSON.stringify(serviceData, null, 2)} */}\n \n \n {item.name}\n
\n\n {item.message}\n
\n{JSON.stringify(updateEyeCatcherNudgesData, null, 2)} */}\n \n {nudge.eyeCatcher\n ? nudge.eyeCatcher.response.messages[0]\n : null}\n
\nDesktop
\n\n {nudge.delayInMilliseconds\n ? nudge.delayInMilliseconds / 1000\n : null}\n
\n Enabled\n {!nudge.disabledInDesktop\n ? \"Yes\"\n : \"No\"}\n
\nMobile
\n\n {nudge.delayInMillisecondsInMobile ? nudge.delayInMillisecondsInMobile / 1000 : null}\n
\n Enabled\n {!nudge.disabledInMobile\n ? \"Yes\"\n : \"No\"}\n
\nButtons
\n\n {nudge.greeting ? nudge.greeting.response.messages[0] : null}\n
\n Eye Catcher\n\n {nudge.eyeCatcher\n ? nudge.eyeCatcher.response.messages[0]\n : null}\n
\nDesktop
\n\n {nudge.delayInMilliseconds\n ? nudge.delayInMilliseconds / 1000\n : null}\n
\n Enabled\n {!nudge.disabledInDesktop\n ? \"Yes\"\n : \"No\"}\n
\nMobile
\n\n {nudge.delayInMillisecondsInMobile ? nudge.delayInMillisecondsInMobile / 1000 : null}\n
\n Enabled\n {!nudge.disabledInMobile\n ? \"Yes\"\n : \"No\"}\n
\n{JSON.stringify(updateEyeCatcherNudgesData, null, 2)} */}\n {visitorData !== null && visitorData.enabled !== null && visitorData.enabled ? 'Yes' : 'No'}
\n Title\n{visitorData !== null && visitorData.title ? visitorData.title : null}
\n Sub Title\n{visitorData !== null && visitorData.subTitle ? ReactHtmlParser(visitorData.subTitle) : null}
\n Button Text\n{visitorData !== null && visitorData.buttonText ? visitorData.buttonText : null}
\n Checkbox Text\n\n {visitorData !== null ? ReactHtmlParser(visitorData.checkboxText) : null}\n
\n Fields\n\n\n {visitorData !== null && visitorData.fields\n ? visitorData.fields.map((elem, index) => {\n\n if (visitorData.fields.length > index + 1) {\n return elem.field + \",\";\n }\n return elem.field;\n })\n : null}\n
\n{JSON.stringify(updateEyeCatcherNudgesData, null, 2)} */}\n {popUpData !== null && popUpData.enabled !== null && popUpData.enabled ? 'Yes' : 'No'}
\n Message\n{popUpData !== null && popUpData.message ? popUpData.message : null}
\n Seconds\n{popUpData !== null && popUpData.seconds ? popUpData.seconds : null}
\n Title\n{popUpData !== null && popUpData.title ? popUpData.title : null}
\n Sub Title\n{popUpData !== null && popUpData.subTitle ? ReactHtmlParser(popUpData.subTitle) : null}
\n Button Text\n{popUpData !== null && popUpData.buttonText ? popUpData.buttonText : null}
\n Checkbox Text\n\n {popUpData !== null ? popUpData.checkboxText : null}\n
\n Fields\n\n\n {popUpData !== null && popUpData.fields\n ? popUpData.fields.map((elem, index) => {\n\n if (popUpData.fields.length > index + 1) {\n return elem.field + \",\";\n }\n return elem.field;\n })\n : null}\n
\n{lang.name}
\n{lang.languageCode}
\nNo Urls Available
}\nWhen enabled, the language will be auto detected based on the first two messages guest sends. Rest of the conversation will be in that language.
\n :\n\n \n
\n\n Your developer teammate will receive an e-mail containing the code\n and necessary instructions to implement it.\n
\n\n
\n Select properties\n
\n\n Select the properties that are visible through this\n integration\n
\n\n Appearance\n
\n\n Choose your digital assistant's name, avatar and\n setup your colours\n
\n\n Nudges\n
\n\n Setup proactive messages to engage the website\n visitors\n
\n\n Position\n
\n\n Control the position of chat widget on your website\n
\n\n Language\n
\n\n Select the languages for the chat widget\n
\n\n Publish your digital assistant\n
\n\n Copy the code snippet to install your digital\n assistant\n
\n{moment(props.value).format('LLL')}
,\n style: { 'whiteSpace': 'unset' }\n },\n {\n Header: 'Reference Number',\n accessor: 'bookingNumber',\n Cell: props =>{props.value}
,\n style: { 'whiteSpace': 'unset' }\n },\n {\n Header: 'Check In Date',\n accessor: 'checkInDate',\n Cell: props =>{moment(props.value).format('LL')}
,\n width: 100,\n style: { 'whiteSpace': 'unset' }\n },\n {\n Header: 'Check Out',\n accessor: 'checkOutDate',\n Cell: props =>{moment(props.value).format('LL')}
,\n width: 100,\n style: { 'whiteSpace': 'unset' }\n },\n {\n Header: 'Adults',\n accessor: 'adults',\n Cell: props =>{props.value}
,\n width: 50\n },\n {\n Header: 'Childrens',\n accessor: 'childrens',\n Cell: props =>{props.value}
,\n width: 50\n },\n {\n Header: 'Rooms',\n accessor: 'roomsUnits',\n Cell: props =>{props.value}
,\n width: 50\n },\n {\n Header: 'Total',\n accessor: 'amountIncTax',\n Cell: props =>{props.row._original.currency} {props.value}
,\n style: { 'whiteSpace': 'unset' }\n },\n {\n Header: 'Name',\n accessor: 'guestName',\n Cell: props =>{props.value}
,\n style: { 'whiteSpace': 'unset' }\n },\n {\n Header: 'Email',\n accessor: 'guestEmail',\n Cell: props =>{props.value}
,\n style: { 'whiteSpace': 'unset' }\n },\n {\n Header: 'Mobile Number',\n accessor: 'guestMobile',\n Cell: props =>{props.value}
,\n style: { 'whiteSpace': 'unset' }\n },\n {\n Header: 'Booking Status',\n accessor: 'bookingStatus',\n Cell: props =>{props.value}
,\n },\n {\n Header: 'Payment',\n accessor: 'paymentStatus',\n Cell: props =>{props.value}
,\n },\n {\n Header: '',\n accessor: 'bookingId',\n Cell: props =>\n {booking.bookingNumber}\n
\n\n {moment(booking.checkInDate).format('DD/MM/YYYY')}\n
\n\n {moment(booking.checkOutDate).format('DD/MM/YYYY')}\n
\n{messageInput}
\n ) : (\nThis is an example {example}
\n )}\n{JSON.stringify(postData, null, 2)} */}\n {JSON.stringify(postData, null, 2)} */}\n {JSON.stringify(postData, null, 2)} */}\n {example}
}\n{elem.query.detailedExplanation}
\n\n \n
\n{photo.caption}
\n{photo.caption}
\n{JSON.stringify(serviceData, null, 2)} */}\n \n\n \n aiva is an automated, direct sell voucher system\n allowing you to offer fully branded vouchers on your\n website.{' '}\n
\n\n Currently, you do not have an account for aiva. It's\n quick, inexpensive, simple and smart. Ten minutes is all it\n takes to sign-up and upload your first voucher.\n
\n\n to\n
\n\n aiva is an automated, direct sell voucher system\n allowing you to offer fully branded vouchers on your\n website.{' '}\n
\n\n Currently, you do not have an account for aiva. It's\n quick, inexpensive, simple and smart. Ten minutes is all it\n takes to sign-up and upload your first voucher.\n
\n\n This item will be visible across all the properties in your group.\n Any changes will reflect across all the properties where you are showing this item.\n
\n You can change the status to “Inactive” at property level,\n if you don’t want to show for a particular property.\n
{errorModel.msg}
\n\n {item.title}\n
\n\n {GetTypes(item.type)}\n
\n\n {ReactHtmlParser(item.displayText.length > 50 ? item.displayText.substring(0, 50) + \" ...\" : item.displayText)}\n
\n\n {item.categoryId !== undefined && item.categoryId !== null &&\n item.categoryId.length > 0 && item.categoryId.map((cat) => (\n
\n {item.priceRangeEnd > 0\n ?
\n {item.status}\n
\n\n {service.title}\n
\n\n {service.type}\n
\n\n {/*\n {service.displayText}\n
\n\n {service.conditions}\n
*/}\n\n {service.currency} {service.priceRangeStart} - {service.currency} {service.priceRangeEnd}\n
\n\n {service.categories.map((cat, index) => {\n return (\n
These will be added with inactive status, you can edit and make them active when you ready
\n \n \n\n {item.title}\n
\n\n {CategoryLayouts.filter((p) => p.value === item.layout).map(k => k.label)}\n
\n{JSON.stringify(serviceData, null, 2)} */}\n \n \n {item.name}\n
\n\n {item.city}\n
\n\n {item.address}\n
\n\n {item.openingHours}\n
\n\n {item.websiteLink}\n
\n\n {item.status}\n
\n{JSON.stringify(postData, null, 2)} */}\n\n {JSON.stringify(postData, null, 2)} */}\n\n First question you will ask to help people filter the most relevant products & promotions for them
\n\nBuild a series of questions to help people filter the most relevant products & promotions for them
\n\n{JSON.stringify(buisnessData, null, 2)} */}\n \n \n {item.title != null ? item.title[0].statement : ''}\n
\n\n {item.type}\n
\n\n {item.shortDescription != null ? item.shortDescription[0].statement : ''}\n
\n\n {item.categories.map((tag, index) => {\n return (\n
\n {item.tags.map((tag, index) => {\n return (\n
\n {item.status}\n
\nSend a message
\n\n {con.text === \"guest_upcoming_booking\" && \"days before check-in\"}\n {con.text === \"guest_checked_in\" && \"minutes after check-in\"}\n {con.text === \"guest_checked_out\" && \"after check-out\"}\n
\n\n Send a message {con.daysMinutes.text} {\" \"}\n {con.daysMinutes.type === \"0\" ? \"\" : con.daysMinutes.type} {\" \"}\n {con.text === \"guest_upcoming_booking\" && \"before check-in\"} {\" \"}\n {con.text === \"guest_checked_in\" && \"after check-in\"} {\" \"}\n {con.text === \"guest_checked_out\" && \"after check-out\"} {\" \"}\n
\n )}\n {con.tags && con.tags.length > 0 && (\n\n ({con.tags.map((tag, index) => (\n
\n ({con.country.map((i, index) => (\n
{con.stayLength}
\n )}\nTRIGGER ACTIONS
\n\n {act.type === \"WhatsApp\" && \"Whatsapp Message\"}\n {act.type === \"Email\" && \"Email Message\"}
\n\n This item will be visible across all the properties in your group.\n Any changes will reflect across all the properties where you are showing this item.\n
\n You can change the status to “Inactive” at property level,\n if you don’t want to show for a particular property.\n
\n {item.name}
({item.id})\n
\n {FormsType.filter(i => i.value.includes(item.formType)).map(p => p.label)}\n
\n\n
\n
{JSON.stringify(messengerData, null, 2)} */}\n \n\n \n aiva is an automated, direct sell voucher system\n allowing you to offer fully branded vouchers on your\n website.{' '}\n
\n\n Currently, you do not have an account for aiva. It's\n quick, inexpensive, simple and smart. Ten minutes is all it\n takes to sign-up and upload your first voucher.\n
\n\n to\n
\n\n This item will be visible across all the properties in your group.\n Any changes will reflect across all the properties where you are showing this item.\n
\n You can change the status to “Inactive” at property level,\n if you don’t want to show for a particular property.\n
{errorModel.msg}
\n\n {item.title}\n
\n\n {GetTypes(item.type)}\n
\n\n {item.categoryId !== undefined && item.categoryId !== null &&\n item.categoryId.length > 0 && item.categoryId.map((cat) => (\n
\n {item.priceRangeEnd > 0\n ?
\n {item.status}\n
\n\n {service.title}\n
\n\n {service.type}\n
\n\n {/*\n {service.displayText}\n
\n\n {service.conditions}\n
*/}\n\n {service.currency} {service.priceRangeStart} - {service.currency} {service.priceRangeEnd}\n
\n\n {service.categories.map((cat, index) => {\n return (\n
These will be added with inactive status, you can edit and make them active when you ready
\n \n \nTo have a Digital Assistant working at its full potential, you will need the following:
\nSave time by letting Myma’s Copilot build these for you. You can later change or customize every aspect you like.
\nYou can give it links to your website(s), and it will bring images from the web pages into the Gallery, saving you enormous time manually importing the images.
\nYou can then use the images to showcase your property features to the guests.
\nAll images from the website and subpages will be displayed, you can choose which ones to import
\nYou can give it links to your website(s), and it will pre-fill about 250 sections of the Knowledge Hub with the information from your web pages.
\nYou can then review and make updates where needed.
\n\n \nFetching subpages will show the list of all the subpages. In the next step, you can choose the subpages you want to use for Copilot.
\n \n \nImporting will start a background job, and in about 15 minutes the Knowledge Hub will be ready with the information from your web pages.
\n \n{JSON.stringify(ratePlansData, null, 2)} */}\n code: {JSON.stringify(input, null, 2)} */}\n \n {ratePlan.name}\n
\n\n {ratePlan.discribtion}\n
\n{JSON.stringify(inputFields, null, 2)} */}\n {JSON.stringify(addOnsData, null, 2)} */}\n \n {addon.name}\n
\n\n {addon.displayText}\n
\n\n {addon.displayFreeText}\n
\n\n {addon.conditions}\n
\n\n {addon.tariffs.map((tariff, index) => {\n return (\n
These will be added with draft status, you can edit and make them active when you ready
\n \n \n\n {addOns.name}\n
\n\n {addOns.displayText}\n
\n\n {addOns.displayFreeText}\n
\n\n {addOns.conditions}\n
\n\n {addOns.status}\n
\n{JSON.stringify(inputFields, null, 2)} */}\n {JSON.stringify(promosData, null, 2)} */}\n \n {promo.name}\n
\n\n {type}\n
\n\n {details}\n
\n\n {promo.displayText}\n
\n\n {promo.displayFreeText}\n
\n\n {promo.conditions}\n
\nThese will be added with draft status, you can edit and make them active when you ready
\n \n \n\n {promo.name}\n
\n\n {promo.displayText}\n
\n\n {promo.displayFreeText}\n
\n\n {promo.conditions}\n
\n\n {promo.status}\n
\n{JSON.stringify(guestData, null, 2)} */}\n \n \n {item.firstName} {item.lastName}\n
\n\n {item.roomNumber}\n
\n\n {item.dates}\n
\n\n Adults: {item.adults} Children: {item.children}\n
\n{props.value}
,\n style: { 'whiteSpace': 'unset' }\n },\n {\n Header: 'Voucher Number',\n accessor: 'voucherNumber',\n Cell: props =>{props.value}
,\n style: { 'whiteSpace': 'unset' }\n },\n {\n Header: 'Voucher Name',\n accessor: 'name',\n Cell: props =>{props.value}
,\n style: { 'whiteSpace': 'unset' }\n },\n {\n Header: 'Discount',\n accessor: 'discount',\n Cell: props =>{props.value + ' %'}
,\n style: { 'whiteSpace': 'unset' }\n },\n {\n Header: 'Status',\n accessor: 'status',\n Cell: props =>{props.value}
,\n style: { 'whiteSpace': 'unset' }\n },\n\n {\n Header: 'Order Email',\n accessor: 'email',\n Cell: props =>{props.value}
,\n style: { 'whiteSpace': 'unset' }\n },\n {\n Header: 'Amount',\n accessor: 'discountedPrice',\n Cell: props =>{props.row._original.currency.toUpperCase()} {props.value}
,\n style: { 'whiteSpace': 'unset' }\n },\n {\n Header: 'Created Date',\n accessor: 'createdDate',\n Cell: props =>{moment(props.value).format(\"DD-MM-YYYY hh:mm:ss A\")}
,\n style: { 'whiteSpace': 'unset' }\n }\n ];\n const handleClick = (id, data) => {\n setSearchOrder(\"\");\n handleViewOrderClick(id, data);\n };\n const handleSearchfilterDate = date => {\n setStartDate(date);\n onstartDateChange(date);\n };\n const handleSearchfilterEndDate = date => {\n setEndDate(date);\n onEndDateChange(date);\n };\n\n return (\n{props.value}
,\n style: { 'whiteSpace': 'unset', \"width\": \"100px\" }\n },\n {\n Header: 'Voucher Number',\n accessor: 'voucherNumber',\n Cell: props =>{props.value}
,\n style: { 'whiteSpace': 'unset', \"width\": \"100px\" }\n },\n {\n Header: 'Order Item Id',\n accessor: 'orderItemId',\n Cell: props =>{props.value}
\n },\n {\n Header: 'Quantity',\n accessor: 'quantity',\n Cell: props =>{props.value}
,\n style: { 'whiteSpace': 'unset', \"width\": \"100px\" }\n },\n {\n Header: 'Customer Email',\n accessor: 'email',\n Cell: props =>{props.value}
,\n style: { 'whiteSpace': 'unset', \"width\": \"100px\" }\n },\n {\n Header: 'Price',\n accessor: 'amount',\n Cell: props =>${props.value}
,\n style: { 'whiteSpace': 'unset', \"width\": \"100px\" }\n },\n {\n Header: 'Discount',\n accessor: 'discount',\n Cell: props =>{props.value}%
,\n style: { 'whiteSpace': 'unset', \"width\": \"100px\" }\n },\n {\n Header: 'Discounted Price',\n accessor: 'discountedPrice',\n Cell: props =>${props.value}
,\n style: { 'whiteSpace': 'unset', \"width\": \"100px\" }\n },\n {\n Header: 'Created Date',\n accessor: 'createdDate',\n Cell: props =>{moment(props.value).format(\"DD-MM-YYYY hh:mm:ss A\")}
,\n style: { 'whiteSpace': 'unset', \"width\": \"100px\" }\n }\n ];\n return (\n{props.value}
,\n },\n {\n Header: 'Clicks',\n accessor: 'clicks',\n Cell: (props) => (\n\n {props.value}\n
\n ),\n },\n {\n Header: 'Visitors',\n accessor: 'visitors',\n Cell: (props) => (\n\n {props.value}\n
\n ),\n },\n];\nconst poupularVoucherDataTablescolumn = [\n {\n Header: 'Name',\n accessor: 'voucherName',\n Cell: (props) =>{props.value}
,\n },\n {\n Header: 'Views',\n accessor: 'views',\n Cell: (props) => (\n\n {props.value}\n
\n ),\n },\n {\n Header: 'Added to Cart',\n accessor: 'cart',\n Cell: (props) => (\n\n {props.value}\n
\n ),\n },\n {\n Header: 'Payments',\n accessor: 'payments',\n Cell: (props) => (\n\n {props.value}\n
\n ),\n },\n {\n Header: 'Purchases',\n accessor: 'purchases',\n Cell: (props) => (\n\n {props.value}\n
\n ),\n },\n];\nfunction Insights({\n propertyId,\n isVoucherEngine,\n timeZone,\n locale,\n domains,\n currency,\n}) {\n moment.tz.setDefault(timeZone);\n const [buttonText, setButtonText] = useState(\n{props.value}
,\n },\n {\n Header: 'Email',\n accessor: 'email',\n Cell: (props) => (\n\n {isMasked !== 'true' ? maskEmail(props.value) : props.value}\n
\n {isMasked !== 'true' ? maskMobile(props.value, 4) : props.value}\n
{props.value}
,\n },\n {\n Header: 'Marketing Consent',\n accessor: 'consent',\n Cell: (props) =>{props.value}
,\n },\n {\n Header: 'Date',\n accessor: 'consentDate',\n Cell: (props) => (\n\n {props.value !== '' ? moment(props.value).format('lll') : ''}\n
\n ),\n },\n ];\n const handleMaskClick = () => {\n if (isMasked === 'true') {\n sessionStorage.setItem('lock', 'false');\n setIsMasked(sessionStorage.getItem('lock'));\n } else {\n sessionStorage.setItem('lock', 'true');\n setIsMasked(sessionStorage.getItem('lock'));\n }\n };\n useEffect(() => {\n if (propertyId !== '' && propertyId !== undefined) {\n selectLast7Days();\n }\n }, [propertyId]);\n\n const today = () => {\n return moment(moment().format('YYYY-MM-DD') + ' 23:59:59')\n .utc()\n .format('YYYY-MM-DD HH:mm:ss');\n };\n\n const daysAgo7 = () => {\n return moment(\n moment().subtract(6, 'days').format('YYYY-MM-DD') + ' 00:00:00'\n )\n .utc()\n .format('YYYY-MM-DD HH:mm:ss');\n };\n\n const daysAgo30 = () => {\n return moment(\n moment().subtract(29, 'days').format('YYYY-MM-DD') + ' 00:00:00'\n )\n .utc()\n .format('YYYY-MM-DD HH:mm:ss');\n };\n\n const daysAgo90 = () => {\n return moment(\n moment().subtract(89, 'days').format('YYYY-MM-DD') + ' 00:00:00'\n )\n .utc()\n .format('YYYY-MM-DD HH:mm:ss');\n };\n\n const startOfWeek = () => {\n const today = moment();\n return moment(\n moment(today).isoWeekday(1).format('YYYY-MM-DD') + ' 00:00:00'\n )\n .utc()\n .format('YYYY-MM-DD HH:mm:ss');\n };\n\n const endOfWeek = () => {\n const today = moment();\n return moment(\n moment(today).isoWeekday(7).format('YYYY-MM-DD') + ' 23:59:59'\n )\n .utc()\n .format('YYYY-MM-DD HH:mm:ss');\n };\n\n const startOfMonth = () => {\n return moment(moment().startOf('month').format('YYYY-MM-DD') + ' 00:00:00')\n .utc()\n .format('YYYY-MM-DD HH:mm:ss');\n };\n\n const startOfPreviousMonth = () => {\n return moment(\n moment().subtract(1, 'months').startOf('month').format('YYYY-MM-DD') +\n ' 00:00:00'\n )\n .utc()\n .format('YYYY-MM-DD HH:mm:ss');\n };\n\n const startOfThisYear = () => {\n return moment(new Date().getFullYear() + '-01-01' + ' 00:00:00').format(\n 'YYYY-MM-DD HH:mm:ss'\n );\n };\n\n const startOfLastYear = () => {\n return moment(new Date().getFullYear() - 1 + '-01-01' + ' 00:00:00').format(\n 'YYYY-MM-DD HH:mm:ss'\n );\n };\n const endOfLastYear = () => {\n return moment(new Date().getFullYear() - 1 + '-12-31' + ' 00:00:00').format(\n 'YYYY-MM-DD HH:mm:ss'\n );\n };\n\n const endOfPreviousMonth = () => {\n return moment(\n moment().subtract(1, 'months').endOf('month').format('YYYY-MM-DD') +\n ' 23:59:59'\n )\n .utc()\n .format('YYYY-MM-DD HH:mm:ss');\n };\n\n const endOfMonth = () => {\n return moment(moment().endOf('month').format('YYYY-MM-DD') + ' 23:59:59')\n .utc()\n .format('YYYY-MM-DD HH:mm:ss');\n };\n\n const selectLast7Days = () => {\n setButtonText(Temporarily Unavailable
\n )}\n \n ) : (\n ''\n )}\n {isVoucherEngine || domains.length == 1 ? (\nTemporarily Unavailable
\n )}\n \n ) : (\n ''\n )}\n\n {isVoucherEngine || domains.length == 1 ? (\nTemporarily Unavailable
\n )}\n \n ) : (\n ''\n )}\n {isVoucherEngine || domains.length == 1 ? (\nTemporarily Unavailable
\n }\n \n ) : (\n ''\n )}\n\n {isVoucherEngine || domains.length == 1 ? (\n{JSON.stringify(usersData, null, 2)} */}\n {usersData.firstName !== undefined ? (\n {props.value}
,\n },\n {\n Header: 'Email',\n accessor: 'email',\n Cell: (props) =>{props.value}
,\n },\n {\n Header: 'Status',\n accessor: 'status',\n Cell: (props) =>{props.value}
,\n },\n {\n Header: 'Role',\n accessor: 'roles',\n Cell: (props) => (\n\n {props.value.map((role, index) => {\n return (\n
}\n
\n {props.row.status !== 'Pending' ? (\n
\n {props.row.status === 'Pending' ? (\n
\n {props.row.status === 'Pending' ? (\n
{menu.title}
\nPlease ensure that Live Chat is enabled
\n \n\n It's quick,inexpensive,simple and smart, Ten minutes is all
\n it takes to sign-up and upload your first voucher.\n
\n ({con.recommenderOptions.map((tag, index) => (\n
\n ({con.tags.map((tag, index) => (\n
ACTIONS
\n{act.nudge}
\nNo rules found
\nWhen enabled, user will see predictive suggestions as they type the message
\nWhen enabled, guests will be shown the Add-on and upsell options available
\nWhen enabled, the language will be auto detected based on the first two messages guest sends. Rest of the conversation will be in that language.
\n{JSON.stringify(postData, null, 2)} */}\n \n Select properties\n
\n\n Select the properties that are visible through this\n integration\n
\n\n Features\n
\n\n Select the features you want enabled on the website chat widget\n
\n\n Appearance\n
\n\n Choose your digital assistant's name, avatar and\n setup your colours\n
\n\n Nudges (Obsolete)\n
\n\n Setup proactive messages to engage the website\n visitors\n
\n\n Welcome Message\n
\n\n This is the very first message that shows up when customer starts a chat.\n
\n\n Position (Obsolete)\n
\n\n Control the position of chat widget on your website\n
\n\n Pre & Post Chat form\n
\n\n Collect website visitor details, before they can\n start the chat\n
\n\n Persistent Menu (Obsolete)\n
\n\n Setup your persistent menu\n
\n\n Language\n
\n\n Select the languages for the chat widget\n
\n\n Live Chat\n
\n\n Select the settings for the live chat\n
\n\n Engagement Rules\n
\n\n Engage customers with conditional targeting\n
\n\n Publish your digital assistant\n
\n\n Copy the code snippet to install your digital\n assistant\n
\nName
\n {integration.name}\nBusiness Name
\n {formatedProperties} \n {moreProperties}\n\n Your developer teammate will receive an e-mail containing the code\n and necessary instructions to implement it.\n
\n\n
\n \n
\n
\n \n Font file is not valid. Try again after some time.\n
\n\n Select Properties\n
\n\n Select the properties that are visible through this\n integration\n
\n\n Select Space Standalone Layout\n
\n\n Select the layout that are visible through this\n integration\n
\n\n Booking Confirmation Settings\n
\n\n Control the workflows your way\n
\n\n Appearance\n
\n\n Choose your space widget name, avatar and\n setup your colours\n
\n\n Custom Emails\n
\n\n Create a custom emails for the space widget\n
\n\n Custom Fonts\n
\n\n Control the fonts of space widget on your website\n
\n\n Copy Url\n
\n\n Copy the url to view or share your space\n widget\n
\nWhen enabled, the AI part of the voice call will be recorded
\nWhen enabled, the recording is transcribed using a Speech to Text (STT) Service
\nWhen enabled, the language will be auto detected based on the first two messages guest sends. Rest of the conversation will be in that language.
\n| \n Voice Name\n | \n\n Accent\n | \n\n Gender\n | \n\n Custom Text\n | \n\n\n | \n
|---|---|---|---|---|
| \n {voiceActors.filter((f) => f.values === features.voiceActor)[0].voice}\n | \n\n {voiceActors.filter((f) => f.values === features.voiceActor)[0].accent}\n | \n\n {voiceActors.filter((f) => f.values === features.voiceActor)[0].gender}\n | \n\n | \n \n | \n
| \n f.values === features.voiceActor)[0].customText}\n onChange={(e) => handleCustomText(e)}>\n \n\n | \n\n {(customTextChange === false && customAudioUrl !== '') ?\n | \n
Intercepts and injects live audio for real-time audio processing, allowing for AI-driven live dashboards on contact centre performance and analysis.
\n\n Hint: Try adding three dots “ … ” to create a longer pause. The filler words “um” and “uh” are also supported. Shorter sentences might improve pronunciation.\n
\n \n\n Hint: Add a line that’s appended to every customer query before sending it to the GPT models. This provides guidance to the model.\n
\n\n Hint: Add a line that’s appended to every customer query before sending it to the GPT models. This provides guidance to the model.\n
\nChoose from a library of pre-build voice AI call flows. Each call flow might need its own settings based on the functionality.
\n\n {(callFlow !== undefined && callFlow.length > 0) && callFlow.map(m =>\nType Number With Country Code
\nWhen enabled, you can send messages to customers one at a time
\nWhen enabled, the response to a message will be pulled into the dashoard
\nComing Soon
\n\n Select Business\n
\n\n Select the business name for this\n integration\n
\n\n ConnectWare Settings\n
\n\n Configure the ConnectWare parameters to integrate telephony\n
\n\n Configure AI Voice Assistant Behavior\n
\n\n Select the flows, the call behavior, and the prompts\n
\n\n Features\n
\n\n Select the capabilities and features you want to enable\n
\n\n SMS\n
\n\n Choose the SMS capabilities\n
\n\n Language\n
\n\n Select the languages you want to support\n
\n\n Keep Your AI Voice Assistant Secure\n
\n\n Accept incoming calls only from known numbers\n
\n\n Publish your AI Voice Assistant\n
\n\n Setup the forwarding rules in ConnectWare\n
\n\n Select Business\n
\n\n Select the business name for this\n integration\n
\n\n Requests\n
\n\n Integrate to any external API to post or get the data\n
\n\n Input Params\n
\n\n List of value to be used when calling the API requests\n
\n\n Manage Menu\n
\n\n Choose the menu items you want to display\n
\n\n Manage Forms\n
\n\n Select the request you want to perform\n
\n\n Publish your AI Voice Assistant\n
\n\n Setup the forwarding rules in ConnectWare\n
\n\n {item.name}\n
\n\n\n
\nWhen enabled, user will see predictive suggestions as they type the message
\nWhen enabled, guests will be shown the Add-on and upsell options available
\nWhen enabled, the language will be auto detected based on the first two messages guest sends. Rest of the conversation will be in that language.
\n\n Select properties\n
\n\n Select the properties that are visible through this\n integration\n
\n\n Features\n
\n\n Select the features you want enabled on the website chat widget\n
\n\n Persistent Menu\n
\n\n Setup your persistent menu\n
\n\n Language\n
\n\n Select the languages for the chat widget\n
\n\n Live Chat\n
\n\n Select the settings for the live chat\n
\n\n Select properties\n
\n\n Select the properties that are visible through this\n integration\n
\n\n Features\n
\n\n Select the features you want enabled on the website chat widget\n
\n\n Live Chat\n
\n\n Select the settings for the live chat\n
\n\n Select properties\n
\n\n Select the properties that are visible through this\n integration\n
\n\n Features\n
\n\n Select the features you want enabled on the website chat widget\n
\n\n Live Chat\n
\n\n Select the settings for the live chat\n
\n\n Service Endpoint Url\n
\n\n Copy your Service Endpoint Url\n
\n\n Font file is not valid. Try again after some time.\n
\n{process.env.REACT_APP_SERVICE_URL}{\"/info/\"}{settings.ownUrl}
\n{settings.metaDescription}
\nPass source param to track where the QR Codes scans or URL clicks are happening from. Any value can be passed e.g. lobby, restaurant, room.
\n\n Define SEO settings and create your unique URL\n
\n{lang.name}
\n\n Choose the menu items you want to display\n
\n\n Use CSS to customize your Digital Compendium\n
\n\n Select properties\n
\n\n Select the properties that are visible through this\n integration\n
\n\n Select Services & Add-on’s (Retired)\n
\n\n Select what services & Add-on’s that will be visible in this page\n
\n\n Select layout\n
\n\n Select the layout that are visible through this\n integration\n
\n\n Appearance\n
\n\n Choose your page layout, colors, and fonts\n
\n\n Manage Menu\n
\n\n Choose the menu items you want to display\n
\n\n Custom Fonts\n
\n\n Upload any custom fonts you might want to use for the page\n
\n\n Custom CSS\n
\n\n Use CSS to customize your Digital Compendium\n
\n\n Location\n
\n\n Add your embed location url\n
\n\n External Links\n
\n\n Add your links\n
\n\n SEO Settings\n
\n\n Boost your voucher store’s SEO with Meta description\n
\n\n Language\n
\n\n Select the languages for the chat widget\n
\n\n Chatbot / Contact\n
\n\n Enable your digital\n assistant\n
\n\n Publish your Digital Compendium\n
\n\n Define SEO settings and create your unique URL\n
\n\n Font file is not valid. Try again after some time.\n
\n\n Your developer teammate will receive an e-mail containing the code\n and necessary instructions to implement it.\n
\n\n
\n Select properties\n
\n\n Select the properties that are visible through this\n integration\n
\n\n Select layout\n
\n\n Select the layout that are visible through this\n integration\n
\n\n Appearance\n
\n\n Choose your page layout, colors, and fonts\n
\n\n Custom Fonts\n
\n\n Upload any custom fonts you might want to use for the page\n
\n\n Publish your Embed page\n
\n\n Copy the code snippet to install your digital\n assistant\n
\n\n Font file is not valid. Try again after some time.\n
\n\n Your developer teammate will receive an e-mail containing the code\n and necessary instructions to implement it.\n
\n\n
\n Select properties\n
\n\n Select the properties that are visible through this\n integration\n
\n\n Select layout\n
\n\n Select the layout that are visible through this\n integration\n
\n\n Appearance\n
\n\n Choose your page layout, colors, and fonts\n
\n\n Custom Fonts\n
\n\n Upload any custom fonts you might want to use for the page\n
\n\n Publish your Guest Services page\n
\n\n Copy your unique URL, and generate QR code\n
\n\n Font file is not valid. Try again after some time.\n
\n\n Your developer teammate will receive an e-mail containing the code\n and necessary instructions to implement it.\n
\n\n
{JSON.stringify(updateEyeCatcherNudgesData, null, 2)} */}\n\n \n {nudge.eyeCatcher && nudge.eyeCatcher.response\n ? nudge.eyeCatcher.response.messages[0]\n : null}\n
\nDesktop
\n\n {nudge.delayInMilliseconds\n ? nudge.delayInMilliseconds / 1000\n : null}\n
\n Enabled\n {!nudge.disabledInDesktop\n ? \"Yes\"\n : \"No\"}\n
\nMobile
\n\n {nudge.delayInMillisecondsInMobile ? nudge.delayInMillisecondsInMobile / 1000 : null}\n
\n Enabled\n {!nudge.disabledInMobile\n ? \"Yes\"\n : \"No\"}\n
\nButtons
\nTo mark specific pages to show the Chatbot on list your trusted page,separated by commas.
\n\n Use CSS to customize your Digital Compendium\n
\n\n Select properties\n
\n\n Select the properties that are visible through this\n integration\n
\n\n Select Services & Add-on’s\n
\n\n Select what services & Add-on’s that will be visible in this page\n
\n\n Appearance\n
\n\n Choose your digital assistant's name, avatar and\n setup your colours\n
\n\n Nudges\n
\n\n Setup proactive messages to engage the website\n visitors\n
\n\n Position\n
\n\n Control the position of chat widget on your website\n
\n\n Custom Fonts\n
\n\n Upload any custom fonts you might want to use for the page\n
\n\n Custom CSS\n
\n\n Use CSS to customize your Digital Compendium\n
\n\n Location\n
\n\n Add your embed location url\n
\n\n External Links\n
\n\n Add your links\n
\n\n Language\n
\n\n Select the languages for the chat widget\n
\n\n Chatbot / Contact\n
\n\n Enable your digital\n assistant\n
\n\n Keep your Messenger Secure\n
\n\n List your trusted pages to show Chatbot\n
\n\n Publish your digital assistant\n
\n\n Copy the code snippet to install your digital\n assistant\n
\n\n Font file is not valid. Try again after some time.\n
\n\n Your developer teammate will receive an e-mail containing the code\n and necessary instructions to implement it.\n
\n\n
{JSON.stringify(updateEyeCatcherNudgesData, null, 2)} */}\n\n \n {nudge.eyeCatcher && nudge.eyeCatcher.response\n ? nudge.eyeCatcher.response.messages[0]\n : null}\n
\nDesktop
\n\n {nudge.delayInMilliseconds\n ? nudge.delayInMilliseconds / 1000\n : null}\n
\n Enabled\n {!nudge.disabledInDesktop\n ? \"Yes\"\n : \"No\"}\n
\nMobile
\n\n {nudge.delayInMillisecondsInMobile ? nudge.delayInMillisecondsInMobile / 1000 : null}\n
\n Enabled\n {!nudge.disabledInMobile\n ? \"Yes\"\n : \"No\"}\n
\nButtons
\nTo mark specific pages to show the Chatbot on list your trusted page,separated by commas.
\nSpecify web URL’s for each property
\n\n Use CSS to customize your Digital Compendium\n
\n\n Select Properties\n
\n\n Select the properties that are visible through this\n integration\n
\n\n Select Services & Add-on’s\n
\n\n Select what services & Add-on’s that will be visible in this page\n
\n\n Appearance\n
\n\n Choose your digital assistant's name, avatar and\n setup your colours\n
\n\n Nudges\n
\n\n Setup proactive messages to engage the website\n visitors\n
\n\n Position\n
\n\n Control the position of chat widget on your website\n
\n\n Custom Fonts\n
\n\n Upload any custom fonts you might want to use for the page\n
\n\n Custom CSS\n
\n\n Use CSS to customize your Digital Compendium\n
\n\n Location\n
\n\n Add your embed location url\n
\n\n External Links\n
\n\n Add your links\n
\n\n Language\n
\n\n Select the languages for the chat widget\n
\n\n Chatbot / Choose Property\n
\n\n Enable your digital\n assistant or let guests select property\n
\n\n Keep your Messenger Secure\n
\n\n List your trusted pages to show Chatbot\n
\n\n Property Pages\n
\n\n Specify web URL’s for each property\n
\n\n Publish your digital assistant\n
\n\n Copy the code snippet to install your digital\n assistant\n
\nAI-POWERED DIGITAL ASSISTANT FOR HOSPITALITY
\n\n Please enter the new password.\n
\n\n {item.description}\n
\n {item.imageUrl !== '' && (\n\n
\n {item.currency}\n {item.price}\n
\n ) : (\n\n
{feature.name}
\n\n
\n {selectedProduct.currency}\n {selectedProduct.price}\n
\n ) : (\n\n
{feature.name}
\n\n Please subscribe to subscription first.\n
)}\n{JSON.stringify(postData, null, 2)} */}\n {messageInput}
\n{JSON.stringify(postData, null, 2)} */}\n {apiCodeText}
\n{JSON.stringify(postData, null, 2)} */}\n {suggestionText}
\n{JSON.stringify(postData, null, 2)} */}\n {messageInput}
\n{JSON.stringify(postData, null, 2)} */}\n \n Title: {message.title}{' '}\n
\n )}\n {message.subtitle && (\n\n Subtitle: {message.subtitle}{' '}\n
\n )}\n {message.imageURL && (\n\n
\n {' '}\n
\n {' '}\n {trigger.complexPriority && (\n
\n
\n {' '}\n
\n
\n
{JSON.stringify(postData, null, 2)} */}\n {JSON.stringify(postData, null, 2)} */}\n \n Target: \n {messageInput.target}\n
\n {messageInput.compA && (\n\n Compare A: \n {messageInput.compA}\n
\n )}\n {messageInput.comp && (\n\n Equation: \n {messageInput.comp}\n
\n )}\n {messageInput.compB && (\n\n Compare B: \n {messageInput.compB}\n
\n )}\n{JSON.stringify(postData, null, 2)} */}\n \n Question: \n {messageInput.question}\n
\n {messageInput.slot && (\n\n Save to Slot: \n {messageInput.slot}\n
\n )}\n {messageInput.after && (\n\n Say After: \n {messageInput.after}\n
\n )}\n {messageInput.alwaysask !== undefined && (\n\n Always Ask: \n {messageInput.alwaysask.toString()}\n
\n )}\n {messageInput.showButtons !== undefined && (\n\n Show Buttons: \n {messageInput.showButtons.toString()}\n
\n )}\n{m.propertyName}
\n\n
\n{room.location}
*/}\n{room.discount}%DISCOUNT
{room.discount}%DISCOUNT
{room.sellingOptions.filter((f) => f.status === \"Active\")[0].discount}%DISCOUNT
{b.discount}%DISCOUNT
You Save {propertyData.currency}{room.price - room.discountedPrice}
\nYou Save {propertyData.currency}{room.price - room.discountedPrice}
\nYou Save {propertyData.currency}{room.sellingOptions.filter((f) => f.status === \"Active\")[0].price - room.sellingOptions.filter((f) => f.status === \"Active\")[0].discountedPrice}
\nYou Save {propertyData.currency}{b.price - b.discountedPrice}
\n\n \n
\nNight Stay
\n\n \n\n
\nBreakfast
\n
\nBike Hire
\n \n
\nDrinks
\n
\nPool
\n\n
Shopping
\n
\nHigh Tea
\n
\nGolf
\n \n
\nRestaurant
\n
\nRoom
\n
\nBeach Access
\n
\nCamping Site
\n
\nSki
\n
\nParking
\n
\nPets Allowed
\n
\nSauna/Hot Tub
{propertyData.currency}{room.discountedPrice}
\n{propertyData.currency}{room.discountedPrice}
\n{propertyData.currency}{room.sellingOptions.filter((f) => f.status === \"Active\")[0].discountedPrice}
\n{propertyData.currency}{b.discountedPrice}
\n{room.taxIncluded === 'true' ? 'Including' : 'Excluding'} all taxes & service charges
\n{ toggle(); SendInviation(); }}>\n \n \n
\n
\n Sign up and you will get an email within 24 hrs with your\n account information\n
*/}\n\nYou’ve decided to tap into the aiva network by inviting like-minded businesses to sell your vouchers on their website—smart move! You’ll have a bigger reach and more exposure and sales—eternal happiness is not far off now. In return they get commission and value add to their experience.\n
\nRemember you are in total control of your vouchers—you can select which businesses you invite, the vouchers you would like them to sell and the commission amount.
\n \n\n Select the vouchers you want your new tourism partner to sell.\n
\n\n\n It’s time to select the commission rate (as a percentage) that you’ll offer your new aiva partner. This will apply to each voucher selected. Commission can be adjusted at any time.\n
\n\n Aiva’s processing fee is standard and includes the Stripe and merchant/credit card processing fees.\n
\n\n Hint: If you want to offer different commission rates for different vouchers, you can either send separate requests to your new aiva partner, or adjust each voucher at a later time.\n
\n\n You are nearly there! We just need to know who to send your invite to.
\n\nWow, you’ve done it, you’ve reached out to a like-minded tourism business.
\nWe’ll let you know once its approved and it will then feature on their website—OMG you will be one step closer to eternal happiness!\n
\n{JSON.stringify(voucherData, null, 2)} */}\n \n \"The Voucher has been saved as draft as some of the mandatory information is missing.\n Please complete and make the Voucher Active when ready\"\n
\n\n {item.option}\n
\n\n {item.status}\n
\n\n {currency} {item.price}\n
\n\n {item.discount}%\n
\n {/*\n \n
\n\n \n
*/}\n\n {currency}\n {item.discountedPrice}\n
\n\n\n you will share a {invitation.processingFee} % commision with {invitation.propertyName} for every sale\n
\n{invitation.propertyName} invitation to sell your voucher
\n :{invitation.propertyName} invitation to sell their voucher
\n )}\n\n {item.name}\n\n
\n\n {item.thirdPartyVoucher && item.approvalStatus === '1' ?\n Waiting for approval\n : {item.status}}\n
\n\n {currency} {item.price}\n
\n\n {item.discount}%\n
\n\n \n
\n\n \n
\n\n {currency}\n {item.discountedPrice}\n
\n\n {/* {!item.thirdPartyVoucher ? (handlePreview()}>\n Preview\n
\nhandlePreview()}>\n Preview\n
\n{props.value}
,\n style: { 'whiteSpace': 'unset', \"width\": \"100px\" }\n },\n {\n Header: 'Voucher',\n accessor: 'name',\n Cell: props =>{props.value}
,\n style: { 'whiteSpace': 'unset' }\n },\n {\n Header: 'Voucher#',\n accessor: 'voucherNumber',\n Cell: props =>{props.value}
,\n style: { 'whiteSpace': 'unset' }\n },\n {\n Header: 'Order#',\n accessor: 'orderNumber',\n Cell: props =>{props.value}
,\n style: { 'whiteSpace': 'unset' }\n },\n {\n Header: 'Status',\n accessor: 'status',\n Cell: props =>{props.value}
,\n style: { 'whiteSpace': 'unset', \"width\": \"100px\" }\n },\n {\n Header: 'Retail Price',\n accessor: 'price',\n Cell: props =>{props.row._original.currency.toUpperCase()} {props.value}
,\n style: { 'whiteSpace': 'unset', \"width\": \"100px\" }\n },\n {\n Header: 'Chosen Option',\n accessor: 'optionName',\n Cell: props =>{props.value}
,\n style: { 'whiteSpace': 'unset' }\n },\n {\n Header: 'Discount',\n accessor: 'discount',\n Cell: props =>{props.value}%
,\n style: { 'whiteSpace': 'unset' }\n },\n {\n Header: 'Discounted Price',\n accessor: 'discountedPrice',\n Cell: props =>{props.row._original.currency.toUpperCase()} {props.value}
,\n style: { 'whiteSpace': 'unset' }\n },\n {\n Header: 'aiva Fee',\n accessor: 'processingFee',\n Cell: props =>$ {(parseFloat(props.row._original.processingFee))}
,\n style: { 'whiteSpace': 'unset' }\n }\n , {\n Header: 'Gifted',\n accessor: 'gifted',\n Cell: props =>{props.row._original.gifted ? \"Yes\" : \"No\"}
,\n style: { 'whiteSpace': 'unset', }\n },\n ];\n if (!showRedeem) {\n dataTableColumns.push({\n Header: '',\n accessor: 'redeem',\n Cell: props => !props.value ?{moment(props.value).format(\"DD-MM-YYYY hh:mm:ss A\")}
,\n style: { 'whiteSpace': 'unset', \"width\": \"100px\" }\n });\n }\n const handleClick = (data) => {\n setSearchVoucher(\"\");\n setShowConfirmModal(true);\n setVoucherData(data);\n\n };\n const handleChangeDate = date => {\n setStartDate(date);\n onstartDateChange(date);\n };\n const handleChangeEndDate = date => {\n setEndDate(date);\n onEndDateChange(date);\n };\n\n return (\n{props.value}
,\n style: { 'whiteSpace': 'unset' }\n },\n {\n Header: 'processingFee',\n accessor: 'processingFee',\n Cell: props =>{props.value} %
,\n style: { 'whiteSpace': 'unset' }\n },\n {\n Header: 'Status',\n accessor: 'status',\n Cell: props =>{props.value}
,\n style: { 'whiteSpace': 'unset' }\n }\n ];\n return (\n{props.value}
,\n style: { 'whiteSpace': 'unset' }\n },\n {\n Header: 'Invitee Name',\n accessor: 'inviteeName',\n Cell: props =>{props.value}
,\n style: { 'whiteSpace': 'unset' }\n },\n {\n Header: 'Invitee Email',\n accessor: 'inviteeEmail',\n Cell: props =>{props.value}
,\n style: { 'whiteSpace': 'unset' }\n },\n {\n Header: 'Status',\n accessor: 'status',\n Cell: props =>{props.value}
,\n style: { 'whiteSpace': 'unset' }\n },\n {\n Header: 'Created Date',\n accessor: 'date',\n Cell: props =>{moment(props.value).format(\"DD-MM-YYYY hh:mm:ss A\")}
,\n style: { 'whiteSpace': 'unset' }\n },\n ];\n return (\n{props.value}
,\n style: { 'whiteSpace': 'unset' }\n },\n {\n Header: 'Sender Email',\n accessor: 'senderEmail',\n Cell: props =>{props.value}
,\n style: { 'whiteSpace': 'unset' }\n },\n {\n Header: 'Invitee Name',\n accessor: 'inviteeName',\n Cell: props =>{props.value}
,\n style: { 'whiteSpace': 'unset' }\n },\n\n {\n Header: 'Invitee Email',\n accessor: 'inviteeEmail',\n Cell: props =>{props.value}
,\n style: { 'whiteSpace': 'unset' }\n },\n {\n Header: 'Processing Fee',\n accessor: 'processingFee',\n Cell: props =>{props.value} %
,\n style: { 'whiteSpace': 'unset' }\n },\n // {\n // Header: 'Sell Future Vouchers',\n // accessor: 'sellFutureVouchers',\n // Cell: props =>{props.value ? \"True\" : \"False\"}
,\n // style: { 'whiteSpace': 'unset' }\n // },\n {\n Header: 'Created Date',\n accessor: 'createdDate',\n Cell: props =>{moment(props.value).format(\"DD-MM-YYYY hh:mm:ss A\")}
,\n style: { 'whiteSpace': 'unset' }\n },\n {\n Header: '',\n accessor: 'invitationId',\n Cell: props =>,\n\n style: { 'whiteSpace': 'unset' }\n },\n {\n Header: '',\n accessor: 'invitationId',\n Cell: props =>
,\n style: { 'whiteSpace': 'unset' }\n },\n\n ];\n const handleVoucher = (id) => {\n invitationData.map((m) => {\n if (m.invitationId === id) {\n setData(m.connectedVoucher);\n }\n });\n setShowVoucher(true);\n };\n const handleHistory = (id) => {\n invitationData.map((m) => {\n if (m.invitationId === id) {\n setData(m.invitationHistory);\n }\n });\n setShowPopup(true);\n }\n return (\n
{JSON.stringify(addOnsData, null, 2)} */}\n Loading Data...
\n\n {group.name}\n
\n\n {group.groupId}\n
\n\n {group.status}\n
\n\n {group.country}\n
\n\n {group.name}\n
\n\n {group.groupId}\n
\n\n {group.status}\n
\n\n {group.country}\n
\n{JSON.stringify(inputFields, null, 2)} */}\n {JSON.stringify(inputFields, null, 2)} */}\n {JSON.stringify(propertyData, null, 2)} */}\n \n {property.name}\n
\n\n {property.type}\n
\n\n {property.id}\n
\n\n {property.inventoryProvider}\n
\n\n {item.fromName}\n
\n\n {item.from}\n
\n\n {item.senderAddress}\n
\n\n {item.senderCity}\n
\n\n {item.senderZip}\n
\n{JSON.stringify(roomData, null, 2)} */}\n \n {getLocalStatement(item.itemName)}\n
\n\n {CategoryList.filter(l => l.value === item.category).map(k => k.label)}\n
\n\n {item.spaceApplicability !== undefined && item.spaceApplicability !== null &&\n item.spaceApplicability.length > 0 && item.spaceApplicability.map((l) => (\n
{console.log(props.value)}
{props.value}
,\n style: { 'whiteSpace': 'unset' }\n },\n\n {\n Header: 'Minimum Pax',\n accessor: 'minimumPax',\n Cell: props =>{props.value}
,\n style: { 'whiteSpace': 'unset' }\n },\n {\n Header: 'Maximum Pax',\n accessor: 'maximumPax',\n Cell: props =>{props.value}
,\n style: { 'whiteSpace': 'unset' }\n },\n {\n Header: 'Availability',\n accessor: 'availabilityCount',\n Cell: props =>{props.value}
,\n style: { 'whiteSpace': 'unset' }\n },\n {\n Header: 'Buffer Time',\n accessor: 'bufferTime',\n Cell: props =>{props.value} mins
,\n style: { 'whiteSpace': 'unset' }\n },\n {\n Header: 'Status',\n accessor: 'status',\n Cell: props =>{props.value}
,\n style: { 'whiteSpace': 'unset' }\n },\n {\n Header: 'Price',\n accessor: 'priceStart',\n Cell: props =>\n
,\n style: { 'whiteSpace': 'unset' }\n },\n ];\n useEffect(() => {\n Load();\n AxiosAPI({\n methhod: 'get',\n url: `${gAPI_Internal_Property_By_Id}/${propertyId}?group_id=${getGroupID()}`,\n })\n .then((res) => {\n setPropertyData(res.data);\n })\n }, [propertyId]);\n\n const Load = () => {\n setId('');\n AxiosAPI({\n method: 'get',\n url: `${API_MEETING_ROOMS}/all/${propertyId}`,\n }).then((result) => {\n console.log(result.data);\n setLst(result.data);\n });\n };\n\n // const changeOrderBy = (column) => {\n // setOrderBy(orderOptions.find((x) => x.column === column));\n // };\n\n // const onSearchKey = (e) => {\n // if (e.key === 'Enter') {\n // setSearch(e.target.value.toLowerCase());\n // }\n // };\n const reorder = (list, startIndex, endIndex) => {\n const result = Array.from(list);\n const [removed] = result.splice(startIndex, 1);\n result.splice(endIndex, 0, removed);\n return result;\n };\n\n const onDragEnd = (fromIndex, toIndex, type, index) => {\n if (toIndex < 0) return;\n if (type === \"LIST-ITEM\") {\n const categories = reorder(lst, fromIndex, toIndex);\n var data = [];\n categories.map((item, i) => {\n data.push({\n id: item.id,\n displayOrder: i\n })\n });\n AxiosAPI({\n method: 'post',\n url: `${API_MEETING_ROOMS}/display-order`,\n data: { data: data },\n }).then((res) => {\n return setLst(categories);\n }).catch((err) => {\n console.log('err', err);\n });\n } else return new Error(\"NOT A VALID LIST\");\n };\n return (\n\n {item.name}\n
\n\n (Minimum Pax)
\n
\n (Maximum Pax)
\n
\n (Availability)
\n
\n (Buffer Time)
\n
\n (Price)
\n
\n {item.status}\n
\n{moment(props.value).format('LL')}
,\n style: { 'whiteSpace': 'unset' }\n },\n {\n Header: 'Reference Number',\n accessor: 'bookingNumber',\n Cell: props =>{props.value}
,\n style: { 'whiteSpace': 'unset' }\n },\n {\n Header: 'Space Name',\n accessor: 'spaceName',\n Cell: props =>{(props.value)}
,\n width: 100,\n style: { 'whiteSpace': 'unset' }\n },\n\n {\n Header: 'Email',\n accessor: 'guestEmail',\n Cell: props =>{props.value}
,\n style: { 'whiteSpace': 'unset' }\n },\n {\n Header: 'Booking Status',\n accessor: 'bookingStatus',\n Cell: props =>{bookingStatus.filter(k => k.value === props.value).map(k => k.label)}
,\n },\n {\n Header: 'Booking Date',\n accessor: 'bookingDateTime',\n Cell: props =>{moment(props.value).format('LL')}
,\n style: { 'whiteSpace': 'unset' }\n },\n {\n Header: 'Time Slot',\n accessor: 'timeSlot',\n Cell: props =>{props.value}
,\n },\n {\n Header: '',\n accessor: 'bookingId',\n Cell: props =>\n {booking.bookingNumber}\n
\n\n {moment(booking.checkInDate).format('DD/MM/YYYY')}\n
\n\n {moment(booking.checkOutDate).format('DD/MM/YYYY')}\n
\n\n Select Properties\n
\n\n Select the properties that are visible through this\n integration\n
\n\n Select Space Standalone Layout\n
\n\n Select the layout that are visible through this\n integration\n
\n\n Appearance\n
\n\n Choose your space widget name, avatar and\n setup your colours\n
\n\n Custom Emails\n
\n\n Create a custom emails for the space widget\n
\n\n Booking Confirmation Settings\n
\n\n Control the workflows your way\n
\n\n Custom Fonts\n
\n\n Control the fonts of space widget on your website\n
\n\n Copy Url\n
\n\n Copy the url to view or share your space\n widget\n
\n\n Business Profile\n
\n\n Business information like name, address, and logo\n
\n\n Voucher Info\n
\n\n Information to print on vouchers and eGift Cards\n
\n\n Business Data Policies\n
\n\n Define your data retention policies\n
\n\n {item.title}\n
\n\n {item.status !== 'Active' ? Inactive :\n Active}\n
\n {/*\n {moment(item.date).format('MMM DD, YYYY hh:mm')}\n
*/}\n\n \n
\n\n (.doc or .txt files are allowed)\n
\n\n \n
\n\n {item.title}\n
({item.id})
\n \n\n\n {/* {FormsType.filter(i => i.value.includes(item.formType)).map(p => p.label)} */}\n {item.tags.length > 0 && item.tags.map((m, i) =>\n
\n {item.creator}\n
\n\n {moment(item.date).format('MMM DD, YYYY hh:mm')}\n
\n\n\n
Active an minute ago
;\n } else {\n returnActive {minDiff} minutes ago
;\n }\n }\n if (hoursDiff <= 1) {\n returnCalled an hour ago
;\n }\n else if (hoursDiff <= 24) {\n returnCalled {hoursDiff} hours ago
;\n } else {\n return \"\";\n }\n } else {\n if (hoursDiff === 0) {\n if (minDiff <= 0) {\n returnActive an minute ago
;\n } else {\n returnActive {minDiff} minutes ago
;\n }\n }\n if (hoursDiff <= 1) {\n returnOnline an hour ago
;\n }\n else if (hoursDiff <= 24) {\n returnOnline {hoursDiff} hours ago
;\n } else {\n return \"\";\n }\n }\n }\n }\n }\n\n // twilioMakingConnection = (\n // botConversationId,\n // location,\n // ipAddress,\n // botCoversationMessages\n // ) => {\n // this.setState({ twilioLoaded: false });\n // AxiosAPI({\n // method: 'get',\n // url: `${gAPI_Users_By_Id}/${getUserID()}?gid=${getGroupID()}`,\n // }).then((userData) => {\n // let requestBody = {\n // conversationId: botConversationId,\n // bmbUser: getUserID(),\n // location: location,\n // ipAddress: ipAddress,\n // welcomeMessage: `Agent ${userData.data.fullName} has joined`,\n // };\n // //console.log(\"botConversationId\", botConversationId)\n\n // AxiosPublicAPI({\n // method: 'post',\n // url: `${\n // channel === 'WebsiteDirectLine' ? TWILIO_URL : TWILIOCHANNEL_URL\n // }`,\n // data: requestBody,\n // }).then(\n // (res) => {\n // if (res.data.twilioConversationId !== undefined) {\n // AxiosAPI({\n // method: 'put',\n // url: `${putAPI_ConversationsTwilioStart}/${this.state.selectedChat.conversationId}`,\n // data: {\n // groupId: getGroupID(),\n // twilioChatId: res.data.twilioConversationId,\n // },\n // }).then((d) => {});\n // this.setState({ newTwilioChatId: res.data.twilioConversationId });\n // this.setTwilioChat();\n // //this.twilioStartChat();\n // }\n // },\n // (error) => {\n // this.setState({ twilioLoaded: true });\n // console.log(error);\n // }\n // );\n // });\n // };\n\n twilioConnectionToUserChat = (\n botConversationId,\n location,\n ipAddress,\n conversationId,\n channel\n ) => {\n this.setState({ twilioLoaded: false });\n AxiosAPI({\n method: 'get',\n url: `${gAPI_Users_By_Id}/${getUserID()}?gid=${getGroupID()}`,\n }).then((userData) => {\n let requestBody = {\n conversationId: botConversationId,\n bmbUser: getUserID(),\n location: location,\n ipAddress: ipAddress,\n welcomeMessage: `Agent ${userData.data.fullName} has joined`,\n channel: channel,\n };\n //console.log(\"botConversationId\", botConversationId)\n AxiosPublicAPI({\n method: 'post',\n url: `${channel === 'WebsiteDirectLine' ? TWILIO_URL : TWILIOCHANNEL_URL\n }`,\n data: requestBody,\n }).then(\n (res) => {\n if (res.data.twilioConversationId !== undefined) {\n AxiosAPI({\n method: 'put',\n url: `${putAPI_ConversationsTwilioStart}/${conversationId}`,\n data: {\n groupId: getGroupID(),\n twilioChatId: res.data.twilioConversationId,\n },\n }).then((d) => { });\n this.setState({ newTwilioChatId: res.data.twilioConversationId });\n this.setTwilioChat();\n //this.twilioStartChat();\n }\n },\n (error) => {\n this.setState({ twilioLoaded: true });\n console.log(error);\n }\n );\n });\n\n AxiosAPI({\n method: 'put',\n url: `${putAPI_UpdateAgentStatus_By_Id}/${conversationId}`,\n data: {\n groupId: getGroupID(),\n userId: getUserID(),\n status: 'Accepted',\n },\n }).then(() => {\n //console.log('Accepted');\n const checkConversations = this.state.chatBotConversations.filter(\n (m) => m.conversationId === conversationId\n );\n if (checkConversations.length === 0) {\n AxiosAPI({\n methhod: 'get',\n url: `${gAPI_Conversations_By_Id}/${conversationId}/conversation?gid=${getGroupID()}`,\n }).then(\n (res) => {\n //this.setState((state) => ({\n //console.log(res.data);\n //const newIndex = this.state.activeIndex + 1;\n //}));\n this.setState({\n agentConversations: [res.data, ...this.state.agentConversations],\n activeChat: res.data.conversationId,\n });\n //if (newIndex === 0) {\n this.props.getChat(res.data.conversationId);\n //}\n this.audio.play();\n },\n (error) => {\n this.setState({ loading: false, error, isLoading: false });\n }\n );\n } else {\n this.setState({\n agentConversations: [\n checkConversations[0],\n ...this.state.agentConversations,\n ],\n activeChat: checkConversations[0].conversationId,\n });\n this.props.getChat(checkConversations[0].conversationId);\n var array = [...this.state.chatBotConversations]; // make a separate copy of the array\n // console.log(\n // 'this.state.chatBotConversations',\n // this.state.chatBotConversations\n // );\n\n var index = array.findIndex((a) => a.conversationId === conversationId);\n //console.log(index);\n if (index !== -1) {\n array.splice(index, 1);\n //console.log('array', array);\n this.setState({ chatBotConversations: array });\n }\n }\n });\n };\n\n stopBlink = () => {\n this.props.BotBlink(false);\n this.props.AgentBlink(false);\n };\n\n TransferBotToMessanger = () => {\n return (\n\n {' '}\n Chatbot will stop responding to the user messages, and you\n will need to respond from the Facebook Messenger app. You\n can anytime give control back to the chatbot for this\n Facebook user.{' '}\n
\n\n {' '}\n Chatbot will start responding to this user messages. You can\n anytime take control back from the chatbot for this Facebook\n user.\n
\n\n User requested to chat with the agent. Please click\n accept to connect to conversation or click cancel to\n close the request{' '}\n
\n\n