[{"data":1,"prerenderedAt":1902},["ShallowReactive",2],{"docs.navigation":3,"docs.content.widget-customisation":317,"docs.section.bots":1885,"docs.prevnext.widget-customisation":1899},[4,46,100,137,171,232,239,258,275,292],{"id":5,"title":6,"position":7,"children":8},32,"Introduction",0,[9,13,17,22,27,32,36,41],{"id":10,"title":6,"slug":11,"position":7,"directory":12},34,"getting-started","introduction",{"id":14,"title":15,"slug":16,"position":7,"directory":12},35,"Quickstart guide","quickstart-guide",{"id":18,"title":19,"slug":20,"position":21,"directory":12},37,"What is a bot?","what-is-a-bot",3,{"id":23,"title":24,"slug":25,"position":26,"directory":12},39,"What is a data source?","what-is-a-data-source",4,{"id":28,"title":29,"slug":30,"position":31,"directory":12},38,"What is a channel?","what-is-a-channel",6,{"id":33,"title":34,"slug":35,"position":31,"directory":12},40,"What is a power-up?","what-is-a-power-up",{"id":37,"title":38,"slug":39,"position":40,"directory":12},33,"FAQ","faq",7,{"id":42,"title":43,"slug":44,"position":45,"directory":12},36,"Troubleshooting","troubleshooting",8,{"id":7,"title":47,"position":48,"children":49},"Bots",1,[50,54,58,62,66,70,74,77,81,84,87,92,96],{"id":21,"title":51,"slug":52,"position":7,"directory":53},"Bot advanced settings","bot-advanced-settings","bots",{"id":55,"title":56,"slug":57,"position":48,"directory":53},10,"Prompt engineering tips","prompt-engineering-tips",{"id":59,"title":60,"slug":61,"position":59,"directory":53},2,"Available models","available-models",{"id":63,"title":64,"slug":65,"position":21,"directory":53},13,"Widget customisation","widget-customisation",{"id":67,"title":68,"slug":69,"position":26,"directory":53},12,"Webhooks","webhooks",{"id":71,"title":72,"slug":73,"position":71,"directory":53},5,"Custom domains","custom-domains",{"id":26,"title":75,"slug":76,"position":31,"directory":53},"Bot testing","bot-testing",{"id":78,"title":79,"slug":80,"position":31,"directory":53},11,"SDK","sdk",{"id":40,"title":82,"slug":83,"position":40,"directory":53},"Human takeover","human-takeover",{"id":31,"title":85,"slug":86,"position":55,"directory":53},"Duplicating bots","duplicating-bots",{"id":88,"title":89,"slug":90,"position":91,"directory":53},9,"My Chats","my-chats",15,{"id":48,"title":93,"slug":94,"position":95,"directory":53},"Analytics","analytics",16,{"id":45,"title":97,"slug":98,"position":99,"directory":53},"Lead capture","lead-capture",20,{"id":101,"title":102,"position":59,"children":103},23,"Data sources",[104,109,113,117,121,125,129,133],{"id":105,"title":106,"slug":107,"position":7,"directory":108},25,"File","file-data-source","data-sources",{"id":110,"title":111,"slug":112,"position":7,"directory":108},28,"Notion","notion-data-source",{"id":114,"title":115,"slug":116,"position":59,"directory":108},30,"Website","website-data-source",{"id":118,"title":119,"slug":120,"position":21,"directory":108},31,"YouTube","youtube-data-source",{"id":122,"title":123,"slug":124,"position":26,"directory":108},29,"RSS","rss-data-source",{"id":126,"title":127,"slug":128,"position":71,"directory":108},27,"Manual","manual-data-source",{"id":130,"title":131,"slug":132,"position":88,"directory":108},24,"Data source best practices","data-source-best-practices",{"id":134,"title":135,"slug":136,"position":55,"directory":108},26,"Keeping your bot up to date","keeping-your-bot-up-to-date",{"id":138,"title":139,"position":26,"children":140},14,"Channels",[141,146,150,154,157,160,164,167],{"id":142,"title":143,"slug":144,"position":7,"directory":145},21,"Web","web-channel","channels",{"id":147,"title":148,"slug":149,"position":48,"directory":145},18,"Slack","slack-bot-channel",{"id":151,"title":152,"slug":153,"position":48,"directory":145},19,"Slack (V1 Deprecated)","slack-channel",{"id":95,"title":155,"slug":156,"position":59,"directory":145},"Discord","discord-channel",{"id":99,"title":158,"slug":159,"position":21,"directory":145},"Telegram","telegram-channel",{"id":161,"title":162,"slug":163,"position":26,"directory":145},22,"WhatsApp","whatsapp-channel",{"id":91,"title":165,"slug":166,"position":71,"directory":145},"API","api-channel",{"id":168,"title":169,"slug":170,"position":45,"directory":145},17,"Email","email-channel",{"id":172,"title":173,"position":26,"children":174},47,"Power-ups",[175,180,184,188,192,196,200,204,208,212,216,220,224,228],{"id":176,"title":177,"slug":178,"position":7,"directory":179},49,"Browse Webpage Power-up","browse-webpage-power-up","power-ups",{"id":181,"title":182,"slug":183,"position":7,"directory":179},53,"Google Search Power-up","google-search-power-up",{"id":185,"title":186,"slug":187,"position":7,"directory":179},55,"Power-up basics","power-up-basics",{"id":189,"title":190,"slug":191,"position":7,"directory":179},60,"Use API Power-up","use-api-power-up",{"id":193,"title":194,"slug":195,"position":48,"directory":179},61,"Zapier Power-up","zapier-power-up",{"id":197,"title":198,"slug":199,"position":59,"directory":179},54,"Notion Power-ups","notion-power-ups",{"id":201,"title":202,"slug":203,"position":21,"directory":179},59,"Talk to a Human Power-up","talk-to-a-human",{"id":205,"title":206,"slug":207,"position":26,"directory":179},52,"Email Power-ups","email-power-up",{"id":209,"title":210,"slug":211,"position":71,"directory":179},57,"Send an email","send-email-power-up",{"id":213,"title":214,"slug":215,"position":55,"directory":179},58,"Slack Power-ups","slack-power-ups",{"id":217,"title":218,"slug":219,"position":78,"directory":179},50,"Discord Power-ups","discord-power-ups",{"id":221,"title":222,"slug":223,"position":67,"directory":179},48,"Bot-to-bot power-up","bot-to-bot-power-up",{"id":225,"title":226,"slug":227,"position":63,"directory":179},51,"Display power-ups","display-power-ups",{"id":229,"title":230,"slug":231,"position":138,"directory":179},56,"Power-up display modes","power-up-display-modes",{"id":233,"title":234,"position":71,"children":235},62,"Tasks",[236],{"id":237,"title":234,"slug":238,"position":7,"directory":238},63,"tasks",{"id":240,"title":241,"position":31,"children":242},64,"Teams",[243,246,250,254],{"id":244,"title":241,"slug":245,"position":7,"directory":245},65,"teams",{"id":247,"title":248,"slug":249,"position":48,"directory":245},66,"Inviting team members","teams-inviting",{"id":251,"title":252,"slug":253,"position":59,"directory":245},67,"Managing team members","teams-member-roles",{"id":255,"title":256,"slug":257,"position":21,"directory":245},68,"Transferring bots","teams-transferring-bots",{"id":259,"title":260,"position":31,"children":261},73,"Use cases",[262,267,271],{"id":263,"title":264,"slug":265,"position":7,"directory":266},76,"Build a support bot for your website","support-bot","use-cases",{"id":268,"title":269,"slug":270,"position":48,"directory":266},74,"Build an internal knowledge bot for your team","internal-knowledge-bot",{"id":272,"title":273,"slug":274,"position":59,"directory":266},75,"Build a lead capture bot for your website","lead-capture-bot",{"id":276,"title":277,"position":40,"children":278},69,"Usage and billing",[279,284,288],{"id":280,"title":281,"slug":282,"position":7,"directory":283},70,"How does billing work?","how-does-billing-work","usage-and-billing",{"id":285,"title":286,"slug":287,"position":7,"directory":283},72,"What are storage tokens?","what-are-storage-tokens",{"id":289,"title":290,"slug":291,"position":21,"directory":283},71,"What are message tokens?","what-are-message-tokens",{"id":293,"title":294,"position":45,"children":295},41,"Plans",[296,301,305,309,313],{"id":297,"title":298,"slug":299,"position":7,"directory":300},44,"Free","free-plan","plans",{"id":302,"title":303,"slug":304,"position":48,"directory":300},42,"Basic","basic-plan",{"id":306,"title":307,"slug":308,"position":59,"directory":300},46,"Standard","standard-plan",{"id":310,"title":311,"slug":312,"position":21,"directory":300},45,"Pro","pro-plan",{"id":314,"title":315,"slug":316,"position":26,"directory":300},43,"Enterprise","enterprise-plan",{"id":318,"title":64,"body":319,"description":1877,"extension":1878,"longTitle":1879,"meta":1880,"navigation":1438,"path":1881,"position":21,"seo":1882,"stem":1883,"__hash__":1884},"docs\u002Fdocs\u002Fbots\u002Fwidget-customisation.md",{"type":320,"value":321,"toc":1863},"minimark",[322,326,331,334,339,411,415,422,464,468,471,499,503,506,543,547,583,587,701,705,708,712,1363,1367,1375,1859],[323,324,325],"p",{},"Customise how the chat widget looks and behaves on your website.",[327,328,330],"h2",{"id":329},"quick-presets","Quick presets",[323,332,333],{},"Copy these configurations for common styles:",[335,336,338],"h3",{"id":337},"minimal-light-theme","Minimal light theme",[340,341,346],"pre",{"className":342,"code":343,"language":344,"meta":345,"style":345},"language-javascript shiki shiki-themes monokai","window.chatThingConfig = {\n  theme: \"light\",\n  colour: {\n    widgetColour: \"#ffffff\",\n    primaryColour: \"#3b82f6\",\n  },\n};\n","javascript","",[347,348,349,364,376,381,391,401,406],"code",{"__ignoreMap":345},[350,351,353,357,361],"span",{"class":352,"line":48},"line",[350,354,356],{"class":355},"sCdxs","window.chatThingConfig ",[350,358,360],{"class":359},"s8I7P","=",[350,362,363],{"class":355}," {\n",[350,365,366,369,373],{"class":352,"line":59},[350,367,368],{"class":355},"  theme: ",[350,370,372],{"class":371},"s_Ekj","\"light\"",[350,374,375],{"class":355},",\n",[350,377,378],{"class":352,"line":21},[350,379,380],{"class":355},"  colour: {\n",[350,382,383,386,389],{"class":352,"line":26},[350,384,385],{"class":355},"    widgetColour: ",[350,387,388],{"class":371},"\"#ffffff\"",[350,390,375],{"class":355},[350,392,393,396,399],{"class":352,"line":71},[350,394,395],{"class":355},"    primaryColour: ",[350,397,398],{"class":371},"\"#3b82f6\"",[350,400,375],{"class":355},[350,402,403],{"class":352,"line":31},[350,404,405],{"class":355},"  },\n",[350,407,408],{"class":352,"line":40},[350,409,410],{"class":355},"};\n",[335,412,414],{"id":413},"branded-colour","Branded colour",[323,416,417,418,421],{},"Replace ",[347,419,420],{},"#YOUR_COLOUR"," with your brand colour:",[340,423,425],{"className":342,"code":424,"language":344,"meta":345,"style":345},"window.chatThingConfig = {\n  colour: {\n    widgetColour: \"#YOUR_COLOUR\",\n    primaryColour: \"#YOUR_COLOUR\",\n  },\n};\n",[347,426,427,435,439,448,456,460],{"__ignoreMap":345},[350,428,429,431,433],{"class":352,"line":48},[350,430,356],{"class":355},[350,432,360],{"class":359},[350,434,363],{"class":355},[350,436,437],{"class":352,"line":59},[350,438,380],{"class":355},[350,440,441,443,446],{"class":352,"line":21},[350,442,385],{"class":355},[350,444,445],{"class":371},"\"#YOUR_COLOUR\"",[350,447,375],{"class":355},[350,449,450,452,454],{"class":352,"line":26},[350,451,395],{"class":355},[350,453,445],{"class":371},[350,455,375],{"class":355},[350,457,458],{"class":352,"line":71},[350,459,405],{"class":355},[350,461,462],{"class":352,"line":31},[350,463,410],{"class":355},[335,465,467],{"id":466},"auto-open-after-delay","Auto-open after delay",[323,469,470],{},"Open the chat automatically after 5 seconds:",[340,472,474],{"className":342,"code":473,"language":344,"meta":345,"style":345},"window.chatThingConfig = {\n  autoOpenDelay: 5000,\n};\n",[347,475,476,484,495],{"__ignoreMap":345},[350,477,478,480,482],{"class":352,"line":48},[350,479,356],{"class":355},[350,481,360],{"class":359},[350,483,363],{"class":355},[350,485,486,489,493],{"class":352,"line":59},[350,487,488],{"class":355},"  autoOpenDelay: ",[350,490,492],{"class":491},"s7s5_","5000",[350,494,375],{"class":355},[350,496,497],{"class":352,"line":21},[350,498,410],{"class":355},[335,500,502],{"id":501},"welcome-message-bubble","Welcome message bubble",[323,504,505],{},"Show a message above the widget button:",[340,507,509],{"className":342,"code":508,"language":344,"meta":345,"style":345},"window.chatThingConfig = {\n  firstMessage: \"👋 Need help? Ask me anything!\",\n  messagePreviewDelay: 3,\n};\n",[347,510,511,519,529,539],{"__ignoreMap":345},[350,512,513,515,517],{"class":352,"line":48},[350,514,356],{"class":355},[350,516,360],{"class":359},[350,518,363],{"class":355},[350,520,521,524,527],{"class":352,"line":59},[350,522,523],{"class":355},"  firstMessage: ",[350,525,526],{"class":371},"\"👋 Need help? Ask me anything!\"",[350,528,375],{"class":355},[350,530,531,534,537],{"class":352,"line":21},[350,532,533],{"class":355},"  messagePreviewDelay: ",[350,535,536],{"class":491},"3",[350,538,375],{"class":355},[350,540,541],{"class":352,"line":26},[350,542,410],{"class":355},[335,544,546],{"id":545},"custom-widget-icon","Custom widget icon",[340,548,550],{"className":342,"code":549,"language":344,"meta":345,"style":345},"window.chatThingConfig = {\n  icon: {\n    widgetIcon: \"https:\u002F\u002Fyour-site.com\u002Fchat-icon.png\",\n  },\n};\n",[347,551,552,560,565,575,579],{"__ignoreMap":345},[350,553,554,556,558],{"class":352,"line":48},[350,555,356],{"class":355},[350,557,360],{"class":359},[350,559,363],{"class":355},[350,561,562],{"class":352,"line":59},[350,563,564],{"class":355},"  icon: {\n",[350,566,567,570,573],{"class":352,"line":21},[350,568,569],{"class":355},"    widgetIcon: ",[350,571,572],{"class":371},"\"https:\u002F\u002Fyour-site.com\u002Fchat-icon.png\"",[350,574,375],{"class":355},[350,576,577],{"class":352,"line":26},[350,578,405],{"class":355},[350,580,581],{"class":352,"line":71},[350,582,410],{"class":355},[327,584,586],{"id":585},"available-options","Available options",[588,589,590,606],"table",{},[591,592,593],"thead",{},[594,595,596,600,603],"tr",{},[597,598,599],"th",{},"Option",[597,601,602],{},"Type",[597,604,605],{},"Description",[607,608,609,628,651,663,676,689],"tbody",{},[594,610,611,617,625],{},[612,613,614],"td",{},[347,615,616],{},"theme",[612,618,619,622,623],{},[347,620,621],{},"\"dark\""," or ",[347,624,372],{},[612,626,627],{},"Chat interface theme",[594,629,630,635,648],{},[612,631,632],{},[347,633,634],{},"locale",[612,636,637,640,641,640,644,647],{},[347,638,639],{},"\"de\"",", ",[347,642,643],{},"\"es\"",[347,645,646],{},"\"fr\"",", etc.",[612,649,650],{},"Interface language",[594,652,653,658,661],{},[612,654,655],{},[347,656,657],{},"autoOpenDelay",[612,659,660],{},"number (ms)",[612,662,467],{},[594,664,665,670,673],{},[612,666,667],{},[347,668,669],{},"firstMessage",[612,671,672],{},"string",[612,674,675],{},"Welcome bubble text",[594,677,678,683,686],{},[612,679,680],{},[347,681,682],{},"messagePreviewDelay",[612,684,685],{},"number (seconds)",[612,687,688],{},"Delay before showing bubble",[594,690,691,696,698],{},[612,692,693],{},[347,694,695],{},"initialQuestion",[612,697,672],{},[612,699,700],{},"Send this question when opened",[327,702,704],{"id":703},"full-css-control","Full CSS control",[323,706,707],{},"Defining the following global configuration structure before the chat widget script is loaded will allow you to override all of the CSS we add into interface elements within your website. Feel free to take the following CSS rules and adapt them as you see fit.",[335,709,711],{"id":710},"css-overrides","CSS overrides",[340,713,715],{"className":342,"code":714,"language":344,"meta":345,"style":345},"\u003Cscript>\nwindow.chatThingConfig = {\n  css: {\n    \u002F* css applied to the widget trigger button *\u002F\n    widget: `position: fixed;\nz-index: 999;\nheight: 60px;\nwidth: 60px;\nborder-radius: 100%;\nbottom: 20px;\nright: 20px;\nbackground: rgb(17 24 39);\ncolor: rgb(255, 255, 255);\nbox-shadow: 0px 4px 19px rgba(0,0,0,0.2);\nborder: none;\ndisplay: flex;\nalign-items: center;\njustify-content: center;\ncursor: pointer;\noverflow: hidden;\npadding: 0px;`,\n    \u002F* css applied to the chat window *\u002F\n    window: `position: fixed;\nz-index: 999;\nbottom: 100px;\nright: 20px;\nwidth: calc(100vw - 40px);\nheight: calc(100vh - 120px);\nmax-width: 400px;\nmax-height: 600px;\nbackground: white;\nborder-radius: 8px;\nbackground: rgb(17 24 39);\nbox-shadow: 0px 4px 19px rgba(0,0,0,0.2);\nborder: 1px solid rgba(255,255,255,0.1);\ndisplay: none;\noverflow: hidden;`,\n    \u002F* css applied to the iframe within the chat window *\u002F\n    iframe: `height: 100%;\nwidth: 100%;\nborder: 0;`,\n    \u002F* css applied to the message preview container, this positions the preview message if configured *\u002F\n    messagePreviewContainer: `position: fixed;\nz-index: 999;\nbottom: 100px;\nright: 20px;\ntransform: translateX(350px);\nmax-width: 300px;\ndisplay: flex;\nflex-direction: column;\nalign-items: end;\ngap: 10px;\nmargin-left: 20px;\ntransition: transform 0.2s ease-in-out;`,\n    \u002F* css applied to the message preview popover *\u002F\n    messagePreviewBox: `border-radius: 8px;\nbackground: #1f2937;\ncolor: #d1d5dc;\nbox-shadow: 0px 4px 19px rgba(0,0,0,0.2);\npadding: 15px;\ndisplay: flex;\ngap: 15px;\ncursor: pointer;`,\n    \u002F* css applied to the text in the message preview popover *\u002F\n    messagePreviewText: `margin: 2.5px 0;\nfont-family: Outfit, sans-serif;`,\n    \u002F* css applied to the message preview close button *\u002F\n    messagePreviewCloseButton: `background: #b0acac;\npadding: 0;\nmargin: 0;\nborder: unset;\nline-height: 0;\nborder-radius: 100%;\npadding: 3px;\ncursor: pointer;\nopacity: 0;\nvisibility: hidden;\ntransition: visibility 0.1s linear, opacity 0.1s linear;`,\n    \u002F* css applied to the message preview close button icon *\u002F\n    messagePreviewCloseIcon: `width: 15px;\naspect-ratio: 1;\ncolor: white;`,\n    \u002F* css applied message preview assistant icon wrapper *\u002F\n    messagePreviewIconWrapper: `background: rgb(17 24 39);\nborder-radius: 100%;\noverflow: hidden;\nheight: 25px;\naspect-ratio: 1;`,\n    \u002F* css applied to the message preview icon image *\u002F\n    messagePreviewIconImg: `color: white;\npadding: 5px;`,\n    \u002F* css applied to the widget assistant icon image *\u002F\n    customAssistantIcon: `width:60px;\nheight:60px;`,\n    \u002F* css applied to the widget assistant icon image *\u002F\n    bubbleCustomAssistantIcon: `width:25px;\nheight:25px;`,\n  },\n  svg: {\n    \u002F* svg icon for the widget button *\u002F\n    widget: `\u003Csvg xmlns=\"http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" style=\"height: 40px; color: white;\">\u003Cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8.625 12a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H8.25m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H12m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0h-.375M21 12c0 4.556-4.03 8.25-9 8.25a9.764 9.764 0 01-2.555-.337A5.972 5.972 0 015.41 20.97a5.969 5.969 0 01-.474-.065 4.48 4.48 0 00.978-2.025c.09-.457-.133-.901-.467-1.226C3.93 16.178 3 14.189 3 12c0-4.556 4.03-8.25 9-8.25s9 3.694 9 8.25z\" \u002F>\u003C\u002Fsvg>`,\n    close: `\u003Csvg xmlns=\"http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" style=\"height: 30px; color: white;\">\u003Cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\">\u003C\u002Fpath>\u003C\u002Fsvg>`\n  },\n  icon: {\n    \u002F* path to a remote image for the widget button, takes precedence over the svg.widget property *\u002F\n    widgetIcon: \"https:\u002F\u002Fcdn.example.com\u002Fwidget-icon.png\",\n  }\n};\n\u003C\u002Fscript>\n",[347,716,717,728,736,741,747,755,760,765,770,775,780,785,790,795,800,805,810,815,820,825,830,837,842,849,853,858,862,867,872,877,882,887,892,896,900,905,910,917,922,930,935,942,947,954,958,962,966,971,976,980,985,990,995,1000,1007,1012,1020,1025,1030,1034,1039,1043,1048,1055,1060,1068,1075,1080,1088,1093,1098,1103,1108,1112,1117,1121,1126,1132,1140,1146,1155,1161,1169,1175,1184,1189,1194,1200,1208,1214,1223,1231,1237,1246,1254,1259,1268,1276,1281,1287,1293,1303,1312,1317,1322,1328,1338,1344,1353],{"__ignoreMap":345},[350,718,719,722,725],{"class":352,"line":48},[350,720,721],{"class":355},"\u003C",[350,723,724],{"class":359},"script",[350,726,727],{"class":355},">\n",[350,729,730,733],{"class":352,"line":59},[350,731,732],{"class":355},"window.chatThingConfig = ",[350,734,735],{"class":359},"{\n",[350,737,738],{"class":352,"line":21},[350,739,740],{"class":355},"  css: {\n",[350,742,743],{"class":352,"line":26},[350,744,746],{"class":745},"snpHw","    \u002F* css applied to the widget trigger button *\u002F\n",[350,748,749,752],{"class":352,"line":71},[350,750,751],{"class":355},"    widget: ",[350,753,754],{"class":371},"`position: fixed;\n",[350,756,757],{"class":352,"line":31},[350,758,759],{"class":371},"z-index: 999;\n",[350,761,762],{"class":352,"line":40},[350,763,764],{"class":371},"height: 60px;\n",[350,766,767],{"class":352,"line":45},[350,768,769],{"class":371},"width: 60px;\n",[350,771,772],{"class":352,"line":88},[350,773,774],{"class":371},"border-radius: 100%;\n",[350,776,777],{"class":352,"line":55},[350,778,779],{"class":371},"bottom: 20px;\n",[350,781,782],{"class":352,"line":78},[350,783,784],{"class":371},"right: 20px;\n",[350,786,787],{"class":352,"line":67},[350,788,789],{"class":371},"background: rgb(17 24 39);\n",[350,791,792],{"class":352,"line":63},[350,793,794],{"class":371},"color: rgb(255, 255, 255);\n",[350,796,797],{"class":352,"line":138},[350,798,799],{"class":371},"box-shadow: 0px 4px 19px rgba(0,0,0,0.2);\n",[350,801,802],{"class":352,"line":91},[350,803,804],{"class":371},"border: none;\n",[350,806,807],{"class":352,"line":95},[350,808,809],{"class":371},"display: flex;\n",[350,811,812],{"class":352,"line":168},[350,813,814],{"class":371},"align-items: center;\n",[350,816,817],{"class":352,"line":147},[350,818,819],{"class":371},"justify-content: center;\n",[350,821,822],{"class":352,"line":151},[350,823,824],{"class":371},"cursor: pointer;\n",[350,826,827],{"class":352,"line":99},[350,828,829],{"class":371},"overflow: hidden;\n",[350,831,832,835],{"class":352,"line":142},[350,833,834],{"class":371},"padding: 0px;`",[350,836,375],{"class":355},[350,838,839],{"class":352,"line":161},[350,840,841],{"class":745},"    \u002F* css applied to the chat window *\u002F\n",[350,843,844,847],{"class":352,"line":101},[350,845,846],{"class":355},"    window: ",[350,848,754],{"class":371},[350,850,851],{"class":352,"line":130},[350,852,759],{"class":371},[350,854,855],{"class":352,"line":105},[350,856,857],{"class":371},"bottom: 100px;\n",[350,859,860],{"class":352,"line":134},[350,861,784],{"class":371},[350,863,864],{"class":352,"line":126},[350,865,866],{"class":371},"width: calc(100vw - 40px);\n",[350,868,869],{"class":352,"line":110},[350,870,871],{"class":371},"height: calc(100vh - 120px);\n",[350,873,874],{"class":352,"line":122},[350,875,876],{"class":371},"max-width: 400px;\n",[350,878,879],{"class":352,"line":114},[350,880,881],{"class":371},"max-height: 600px;\n",[350,883,884],{"class":352,"line":118},[350,885,886],{"class":371},"background: white;\n",[350,888,889],{"class":352,"line":5},[350,890,891],{"class":371},"border-radius: 8px;\n",[350,893,894],{"class":352,"line":37},[350,895,789],{"class":371},[350,897,898],{"class":352,"line":10},[350,899,799],{"class":371},[350,901,902],{"class":352,"line":14},[350,903,904],{"class":371},"border: 1px solid rgba(255,255,255,0.1);\n",[350,906,907],{"class":352,"line":42},[350,908,909],{"class":371},"display: none;\n",[350,911,912,915],{"class":352,"line":18},[350,913,914],{"class":371},"overflow: hidden;`",[350,916,375],{"class":355},[350,918,919],{"class":352,"line":28},[350,920,921],{"class":745},"    \u002F* css applied to the iframe within the chat window *\u002F\n",[350,923,924,927],{"class":352,"line":23},[350,925,926],{"class":355},"    iframe: ",[350,928,929],{"class":371},"`height: 100%;\n",[350,931,932],{"class":352,"line":33},[350,933,934],{"class":371},"width: 100%;\n",[350,936,937,940],{"class":352,"line":293},[350,938,939],{"class":371},"border: 0;`",[350,941,375],{"class":355},[350,943,944],{"class":352,"line":302},[350,945,946],{"class":745},"    \u002F* css applied to the message preview container, this positions the preview message if configured *\u002F\n",[350,948,949,952],{"class":352,"line":314},[350,950,951],{"class":355},"    messagePreviewContainer: ",[350,953,754],{"class":371},[350,955,956],{"class":352,"line":297},[350,957,759],{"class":371},[350,959,960],{"class":352,"line":310},[350,961,857],{"class":371},[350,963,964],{"class":352,"line":306},[350,965,784],{"class":371},[350,967,968],{"class":352,"line":172},[350,969,970],{"class":371},"transform: translateX(350px);\n",[350,972,973],{"class":352,"line":221},[350,974,975],{"class":371},"max-width: 300px;\n",[350,977,978],{"class":352,"line":176},[350,979,809],{"class":371},[350,981,982],{"class":352,"line":217},[350,983,984],{"class":371},"flex-direction: column;\n",[350,986,987],{"class":352,"line":225},[350,988,989],{"class":371},"align-items: end;\n",[350,991,992],{"class":352,"line":205},[350,993,994],{"class":371},"gap: 10px;\n",[350,996,997],{"class":352,"line":181},[350,998,999],{"class":371},"margin-left: 20px;\n",[350,1001,1002,1005],{"class":352,"line":197},[350,1003,1004],{"class":371},"transition: transform 0.2s ease-in-out;`",[350,1006,375],{"class":355},[350,1008,1009],{"class":352,"line":185},[350,1010,1011],{"class":745},"    \u002F* css applied to the message preview popover *\u002F\n",[350,1013,1014,1017],{"class":352,"line":229},[350,1015,1016],{"class":355},"    messagePreviewBox: ",[350,1018,1019],{"class":371},"`border-radius: 8px;\n",[350,1021,1022],{"class":352,"line":209},[350,1023,1024],{"class":371},"background: #1f2937;\n",[350,1026,1027],{"class":352,"line":213},[350,1028,1029],{"class":371},"color: #d1d5dc;\n",[350,1031,1032],{"class":352,"line":201},[350,1033,799],{"class":371},[350,1035,1036],{"class":352,"line":189},[350,1037,1038],{"class":371},"padding: 15px;\n",[350,1040,1041],{"class":352,"line":193},[350,1042,809],{"class":371},[350,1044,1045],{"class":352,"line":233},[350,1046,1047],{"class":371},"gap: 15px;\n",[350,1049,1050,1053],{"class":352,"line":237},[350,1051,1052],{"class":371},"cursor: pointer;`",[350,1054,375],{"class":355},[350,1056,1057],{"class":352,"line":240},[350,1058,1059],{"class":745},"    \u002F* css applied to the text in the message preview popover *\u002F\n",[350,1061,1062,1065],{"class":352,"line":244},[350,1063,1064],{"class":355},"    messagePreviewText: ",[350,1066,1067],{"class":371},"`margin: 2.5px 0;\n",[350,1069,1070,1073],{"class":352,"line":247},[350,1071,1072],{"class":371},"font-family: Outfit, sans-serif;`",[350,1074,375],{"class":355},[350,1076,1077],{"class":352,"line":251},[350,1078,1079],{"class":745},"    \u002F* css applied to the message preview close button *\u002F\n",[350,1081,1082,1085],{"class":352,"line":255},[350,1083,1084],{"class":355},"    messagePreviewCloseButton: ",[350,1086,1087],{"class":371},"`background: #b0acac;\n",[350,1089,1090],{"class":352,"line":276},[350,1091,1092],{"class":371},"padding: 0;\n",[350,1094,1095],{"class":352,"line":280},[350,1096,1097],{"class":371},"margin: 0;\n",[350,1099,1100],{"class":352,"line":289},[350,1101,1102],{"class":371},"border: unset;\n",[350,1104,1105],{"class":352,"line":285},[350,1106,1107],{"class":371},"line-height: 0;\n",[350,1109,1110],{"class":352,"line":259},[350,1111,774],{"class":371},[350,1113,1114],{"class":352,"line":268},[350,1115,1116],{"class":371},"padding: 3px;\n",[350,1118,1119],{"class":352,"line":272},[350,1120,824],{"class":371},[350,1122,1123],{"class":352,"line":263},[350,1124,1125],{"class":371},"opacity: 0;\n",[350,1127,1129],{"class":352,"line":1128},77,[350,1130,1131],{"class":371},"visibility: hidden;\n",[350,1133,1135,1138],{"class":352,"line":1134},78,[350,1136,1137],{"class":371},"transition: visibility 0.1s linear, opacity 0.1s linear;`",[350,1139,375],{"class":355},[350,1141,1143],{"class":352,"line":1142},79,[350,1144,1145],{"class":745},"    \u002F* css applied to the message preview close button icon *\u002F\n",[350,1147,1149,1152],{"class":352,"line":1148},80,[350,1150,1151],{"class":355},"    messagePreviewCloseIcon: ",[350,1153,1154],{"class":371},"`width: 15px;\n",[350,1156,1158],{"class":352,"line":1157},81,[350,1159,1160],{"class":371},"aspect-ratio: 1;\n",[350,1162,1164,1167],{"class":352,"line":1163},82,[350,1165,1166],{"class":371},"color: white;`",[350,1168,375],{"class":355},[350,1170,1172],{"class":352,"line":1171},83,[350,1173,1174],{"class":745},"    \u002F* css applied message preview assistant icon wrapper *\u002F\n",[350,1176,1178,1181],{"class":352,"line":1177},84,[350,1179,1180],{"class":355},"    messagePreviewIconWrapper: ",[350,1182,1183],{"class":371},"`background: rgb(17 24 39);\n",[350,1185,1187],{"class":352,"line":1186},85,[350,1188,774],{"class":371},[350,1190,1192],{"class":352,"line":1191},86,[350,1193,829],{"class":371},[350,1195,1197],{"class":352,"line":1196},87,[350,1198,1199],{"class":371},"height: 25px;\n",[350,1201,1203,1206],{"class":352,"line":1202},88,[350,1204,1205],{"class":371},"aspect-ratio: 1;`",[350,1207,375],{"class":355},[350,1209,1211],{"class":352,"line":1210},89,[350,1212,1213],{"class":745},"    \u002F* css applied to the message preview icon image *\u002F\n",[350,1215,1217,1220],{"class":352,"line":1216},90,[350,1218,1219],{"class":355},"    messagePreviewIconImg: ",[350,1221,1222],{"class":371},"`color: white;\n",[350,1224,1226,1229],{"class":352,"line":1225},91,[350,1227,1228],{"class":371},"padding: 5px;`",[350,1230,375],{"class":355},[350,1232,1234],{"class":352,"line":1233},92,[350,1235,1236],{"class":745},"    \u002F* css applied to the widget assistant icon image *\u002F\n",[350,1238,1240,1243],{"class":352,"line":1239},93,[350,1241,1242],{"class":355},"    customAssistantIcon: ",[350,1244,1245],{"class":371},"`width:60px;\n",[350,1247,1249,1252],{"class":352,"line":1248},94,[350,1250,1251],{"class":371},"height:60px;`",[350,1253,375],{"class":355},[350,1255,1257],{"class":352,"line":1256},95,[350,1258,1236],{"class":745},[350,1260,1262,1265],{"class":352,"line":1261},96,[350,1263,1264],{"class":355},"    bubbleCustomAssistantIcon: ",[350,1266,1267],{"class":371},"`width:25px;\n",[350,1269,1271,1274],{"class":352,"line":1270},97,[350,1272,1273],{"class":371},"height:25px;`",[350,1275,375],{"class":355},[350,1277,1279],{"class":352,"line":1278},98,[350,1280,405],{"class":355},[350,1282,1284],{"class":352,"line":1283},99,[350,1285,1286],{"class":355},"  svg: {\n",[350,1288,1290],{"class":352,"line":1289},100,[350,1291,1292],{"class":745},"    \u002F* svg icon for the widget button *\u002F\n",[350,1294,1296,1298,1301],{"class":352,"line":1295},101,[350,1297,751],{"class":355},[350,1299,1300],{"class":371},"`\u003Csvg xmlns=\"http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" style=\"height: 40px; color: white;\">\u003Cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8.625 12a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H8.25m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H12m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0h-.375M21 12c0 4.556-4.03 8.25-9 8.25a9.764 9.764 0 01-2.555-.337A5.972 5.972 0 015.41 20.97a5.969 5.969 0 01-.474-.065 4.48 4.48 0 00.978-2.025c.09-.457-.133-.901-.467-1.226C3.93 16.178 3 14.189 3 12c0-4.556 4.03-8.25 9-8.25s9 3.694 9 8.25z\" \u002F>\u003C\u002Fsvg>`",[350,1302,375],{"class":355},[350,1304,1306,1309],{"class":352,"line":1305},102,[350,1307,1308],{"class":355},"    close: ",[350,1310,1311],{"class":371},"`\u003Csvg xmlns=\"http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" style=\"height: 30px; color: white;\">\u003Cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\">\u003C\u002Fpath>\u003C\u002Fsvg>`\n",[350,1313,1315],{"class":352,"line":1314},103,[350,1316,405],{"class":355},[350,1318,1320],{"class":352,"line":1319},104,[350,1321,564],{"class":355},[350,1323,1325],{"class":352,"line":1324},105,[350,1326,1327],{"class":745},"    \u002F* path to a remote image for the widget button, takes precedence over the svg.widget property *\u002F\n",[350,1329,1331,1333,1336],{"class":352,"line":1330},106,[350,1332,569],{"class":355},[350,1334,1335],{"class":371},"\"https:\u002F\u002Fcdn.example.com\u002Fwidget-icon.png\"",[350,1337,375],{"class":355},[350,1339,1341],{"class":352,"line":1340},107,[350,1342,1343],{"class":355},"  }\n",[350,1345,1347,1350],{"class":352,"line":1346},108,[350,1348,1349],{"class":359},"}",[350,1351,1352],{"class":355},";\n",[350,1354,1356,1359,1361],{"class":352,"line":1355},109,[350,1357,1358],{"class":355},"\u003C\u002F",[350,1360,724],{"class":359},[350,1362,727],{"class":355},[327,1364,1366],{"id":1365},"other-settings","Other settings",[323,1368,1369,1370,1374],{},"In addition to overriding the default configuration shown above, you can also configure other settings via our ",[1371,1372,1373],"strong",{},"window.chatThingConfig"," global.",[340,1376,1380],{"className":1377,"code":1378,"language":1379,"meta":345,"style":345},"language-typescript shiki shiki-themes monokai","export type TLocale = \"de\" | \"es\" | \"fr\" | \"it\" | \"jp\" | \"cn\" | \"el\";\n\nexport interface IChatThingConfig {\n  \u002F** locale for the chat interface, we currently support English, Spanish, French, German, Japanese, Chinese & Greek *\u002F\n  locale?: TLocale;\n  \u002F** an alternative to setting the **id** attribute on the chat widget script tag *\u002F\n  botId?: string;\n  \u002F** an initial question which will be sent to your bot when the chat widget is opened *\u002F\n  initialQuestion?: string;\n  \u002F** will cause the chat window to automatically show after N ms (1000ms = 1second) *\u002F\n  autoOpenDelay?: number;\n  \u002F** css overrides for all the interface elements we add to your site, see above for our defaults *\u002F\n  css?: {\n    widget?: string;\n    window?: string;\n    iframe?: string;\n    messagePreviewContainer?: string;\n    messagePreviewBox?: string;\n    messagePreviewText?: string;\n    messagePreviewCloseButton?: string;\n    messagePreviewCloseIcon?: string;\n    messagePreviewIconWrapper?: string;\n    messagePreviewIconImg?: string;\n    customAssistantIcon?: string;\n    bubbleCustomAssistantIcon?: string;\n  };\n  \u002F** override our default icons, these should be provided as inline svg content *\u002F\n  svg?: {\n    widget?: string;\n    close?: string;\n  };\n  \u002F** css colour values for interface elements, your css overrides will take precedence over these *\u002F\n  colour?: {\n    primaryColour?: string;\n    widgetColour?: string;\n    widgetColourInverted?: string;\n  };\n  \u002F** provide a path to an asset for the widget button, this takes precedence over the svg icon *\u002F\n  icon?: {\n    widgetIcon?: string;\n  };\n  \u002F** the message shown in a chat bubble above the widget button *\u002F\n  firstMessage?: string;\n  \u002F** the time in seconds to wait before showing the first message in a chat bubble *\u002F\n  messagePreviewDelay?: number;\n  \u002F** theme applied to the chat interface, this isn't always relevant if you choose override our default css *\u002F\n  theme?: \"dark\" | \"light\";\n  url?: string;\n}\n","typescript",[347,1381,1382,1434,1440,1452,1457,1469,1474,1486,1491,1502,1507,1519,1524,1533,1544,1555,1566,1577,1588,1599,1610,1621,1632,1643,1654,1665,1670,1675,1684,1694,1705,1709,1714,1723,1734,1745,1756,1760,1765,1774,1785,1789,1794,1805,1810,1821,1826,1843,1854],{"__ignoreMap":345},[350,1383,1384,1387,1391,1395,1398,1401,1404,1407,1409,1412,1414,1417,1419,1422,1424,1427,1429,1432],{"class":352,"line":48},[350,1385,1386],{"class":359},"export",[350,1388,1390],{"class":1389},"sOx1s"," type",[350,1392,1394],{"class":1393},"soZtE"," TLocale",[350,1396,1397],{"class":359}," =",[350,1399,1400],{"class":371}," \"de\"",[350,1402,1403],{"class":359}," |",[350,1405,1406],{"class":371}," \"es\"",[350,1408,1403],{"class":359},[350,1410,1411],{"class":371}," \"fr\"",[350,1413,1403],{"class":359},[350,1415,1416],{"class":371}," \"it\"",[350,1418,1403],{"class":359},[350,1420,1421],{"class":371}," \"jp\"",[350,1423,1403],{"class":359},[350,1425,1426],{"class":371}," \"cn\"",[350,1428,1403],{"class":359},[350,1430,1431],{"class":371}," \"el\"",[350,1433,1352],{"class":355},[350,1435,1436],{"class":352,"line":59},[350,1437,1439],{"emptyLinePlaceholder":1438},true,"\n",[350,1441,1442,1444,1447,1450],{"class":352,"line":21},[350,1443,1386],{"class":359},[350,1445,1446],{"class":1389}," interface",[350,1448,1449],{"class":1393}," IChatThingConfig",[350,1451,363],{"class":355},[350,1453,1454],{"class":352,"line":26},[350,1455,1456],{"class":745},"  \u002F** locale for the chat interface, we currently support English, Spanish, French, German, Japanese, Chinese & Greek *\u002F\n",[350,1458,1459,1462,1465,1467],{"class":352,"line":71},[350,1460,1461],{"class":355},"  locale",[350,1463,1464],{"class":359},"?:",[350,1466,1394],{"class":1393},[350,1468,1352],{"class":355},[350,1470,1471],{"class":352,"line":31},[350,1472,1473],{"class":745},"  \u002F** an alternative to setting the **id** attribute on the chat widget script tag *\u002F\n",[350,1475,1476,1479,1481,1484],{"class":352,"line":40},[350,1477,1478],{"class":355},"  botId",[350,1480,1464],{"class":359},[350,1482,1483],{"class":1389}," string",[350,1485,1352],{"class":355},[350,1487,1488],{"class":352,"line":45},[350,1489,1490],{"class":745},"  \u002F** an initial question which will be sent to your bot when the chat widget is opened *\u002F\n",[350,1492,1493,1496,1498,1500],{"class":352,"line":88},[350,1494,1495],{"class":355},"  initialQuestion",[350,1497,1464],{"class":359},[350,1499,1483],{"class":1389},[350,1501,1352],{"class":355},[350,1503,1504],{"class":352,"line":55},[350,1505,1506],{"class":745},"  \u002F** will cause the chat window to automatically show after N ms (1000ms = 1second) *\u002F\n",[350,1508,1509,1512,1514,1517],{"class":352,"line":78},[350,1510,1511],{"class":355},"  autoOpenDelay",[350,1513,1464],{"class":359},[350,1515,1516],{"class":1389}," number",[350,1518,1352],{"class":355},[350,1520,1521],{"class":352,"line":67},[350,1522,1523],{"class":745},"  \u002F** css overrides for all the interface elements we add to your site, see above for our defaults *\u002F\n",[350,1525,1526,1529,1531],{"class":352,"line":63},[350,1527,1528],{"class":355},"  css",[350,1530,1464],{"class":359},[350,1532,363],{"class":355},[350,1534,1535,1538,1540,1542],{"class":352,"line":138},[350,1536,1537],{"class":355},"    widget",[350,1539,1464],{"class":359},[350,1541,1483],{"class":1389},[350,1543,1352],{"class":355},[350,1545,1546,1549,1551,1553],{"class":352,"line":91},[350,1547,1548],{"class":355},"    window",[350,1550,1464],{"class":359},[350,1552,1483],{"class":1389},[350,1554,1352],{"class":355},[350,1556,1557,1560,1562,1564],{"class":352,"line":95},[350,1558,1559],{"class":355},"    iframe",[350,1561,1464],{"class":359},[350,1563,1483],{"class":1389},[350,1565,1352],{"class":355},[350,1567,1568,1571,1573,1575],{"class":352,"line":168},[350,1569,1570],{"class":355},"    messagePreviewContainer",[350,1572,1464],{"class":359},[350,1574,1483],{"class":1389},[350,1576,1352],{"class":355},[350,1578,1579,1582,1584,1586],{"class":352,"line":147},[350,1580,1581],{"class":355},"    messagePreviewBox",[350,1583,1464],{"class":359},[350,1585,1483],{"class":1389},[350,1587,1352],{"class":355},[350,1589,1590,1593,1595,1597],{"class":352,"line":151},[350,1591,1592],{"class":355},"    messagePreviewText",[350,1594,1464],{"class":359},[350,1596,1483],{"class":1389},[350,1598,1352],{"class":355},[350,1600,1601,1604,1606,1608],{"class":352,"line":99},[350,1602,1603],{"class":355},"    messagePreviewCloseButton",[350,1605,1464],{"class":359},[350,1607,1483],{"class":1389},[350,1609,1352],{"class":355},[350,1611,1612,1615,1617,1619],{"class":352,"line":142},[350,1613,1614],{"class":355},"    messagePreviewCloseIcon",[350,1616,1464],{"class":359},[350,1618,1483],{"class":1389},[350,1620,1352],{"class":355},[350,1622,1623,1626,1628,1630],{"class":352,"line":161},[350,1624,1625],{"class":355},"    messagePreviewIconWrapper",[350,1627,1464],{"class":359},[350,1629,1483],{"class":1389},[350,1631,1352],{"class":355},[350,1633,1634,1637,1639,1641],{"class":352,"line":101},[350,1635,1636],{"class":355},"    messagePreviewIconImg",[350,1638,1464],{"class":359},[350,1640,1483],{"class":1389},[350,1642,1352],{"class":355},[350,1644,1645,1648,1650,1652],{"class":352,"line":130},[350,1646,1647],{"class":355},"    customAssistantIcon",[350,1649,1464],{"class":359},[350,1651,1483],{"class":1389},[350,1653,1352],{"class":355},[350,1655,1656,1659,1661,1663],{"class":352,"line":105},[350,1657,1658],{"class":355},"    bubbleCustomAssistantIcon",[350,1660,1464],{"class":359},[350,1662,1483],{"class":1389},[350,1664,1352],{"class":355},[350,1666,1667],{"class":352,"line":134},[350,1668,1669],{"class":355},"  };\n",[350,1671,1672],{"class":352,"line":126},[350,1673,1674],{"class":745},"  \u002F** override our default icons, these should be provided as inline svg content *\u002F\n",[350,1676,1677,1680,1682],{"class":352,"line":110},[350,1678,1679],{"class":355},"  svg",[350,1681,1464],{"class":359},[350,1683,363],{"class":355},[350,1685,1686,1688,1690,1692],{"class":352,"line":122},[350,1687,1537],{"class":355},[350,1689,1464],{"class":359},[350,1691,1483],{"class":1389},[350,1693,1352],{"class":355},[350,1695,1696,1699,1701,1703],{"class":352,"line":114},[350,1697,1698],{"class":355},"    close",[350,1700,1464],{"class":359},[350,1702,1483],{"class":1389},[350,1704,1352],{"class":355},[350,1706,1707],{"class":352,"line":118},[350,1708,1669],{"class":355},[350,1710,1711],{"class":352,"line":5},[350,1712,1713],{"class":745},"  \u002F** css colour values for interface elements, your css overrides will take precedence over these *\u002F\n",[350,1715,1716,1719,1721],{"class":352,"line":37},[350,1717,1718],{"class":355},"  colour",[350,1720,1464],{"class":359},[350,1722,363],{"class":355},[350,1724,1725,1728,1730,1732],{"class":352,"line":10},[350,1726,1727],{"class":355},"    primaryColour",[350,1729,1464],{"class":359},[350,1731,1483],{"class":1389},[350,1733,1352],{"class":355},[350,1735,1736,1739,1741,1743],{"class":352,"line":14},[350,1737,1738],{"class":355},"    widgetColour",[350,1740,1464],{"class":359},[350,1742,1483],{"class":1389},[350,1744,1352],{"class":355},[350,1746,1747,1750,1752,1754],{"class":352,"line":42},[350,1748,1749],{"class":355},"    widgetColourInverted",[350,1751,1464],{"class":359},[350,1753,1483],{"class":1389},[350,1755,1352],{"class":355},[350,1757,1758],{"class":352,"line":18},[350,1759,1669],{"class":355},[350,1761,1762],{"class":352,"line":28},[350,1763,1764],{"class":745},"  \u002F** provide a path to an asset for the widget button, this takes precedence over the svg icon *\u002F\n",[350,1766,1767,1770,1772],{"class":352,"line":23},[350,1768,1769],{"class":355},"  icon",[350,1771,1464],{"class":359},[350,1773,363],{"class":355},[350,1775,1776,1779,1781,1783],{"class":352,"line":33},[350,1777,1778],{"class":355},"    widgetIcon",[350,1780,1464],{"class":359},[350,1782,1483],{"class":1389},[350,1784,1352],{"class":355},[350,1786,1787],{"class":352,"line":293},[350,1788,1669],{"class":355},[350,1790,1791],{"class":352,"line":302},[350,1792,1793],{"class":745},"  \u002F** the message shown in a chat bubble above the widget button *\u002F\n",[350,1795,1796,1799,1801,1803],{"class":352,"line":314},[350,1797,1798],{"class":355},"  firstMessage",[350,1800,1464],{"class":359},[350,1802,1483],{"class":1389},[350,1804,1352],{"class":355},[350,1806,1807],{"class":352,"line":297},[350,1808,1809],{"class":745},"  \u002F** the time in seconds to wait before showing the first message in a chat bubble *\u002F\n",[350,1811,1812,1815,1817,1819],{"class":352,"line":310},[350,1813,1814],{"class":355},"  messagePreviewDelay",[350,1816,1464],{"class":359},[350,1818,1516],{"class":1389},[350,1820,1352],{"class":355},[350,1822,1823],{"class":352,"line":306},[350,1824,1825],{"class":745},"  \u002F** theme applied to the chat interface, this isn't always relevant if you choose override our default css *\u002F\n",[350,1827,1828,1831,1833,1836,1838,1841],{"class":352,"line":172},[350,1829,1830],{"class":355},"  theme",[350,1832,1464],{"class":359},[350,1834,1835],{"class":371}," \"dark\"",[350,1837,1403],{"class":359},[350,1839,1840],{"class":371}," \"light\"",[350,1842,1352],{"class":355},[350,1844,1845,1848,1850,1852],{"class":352,"line":221},[350,1846,1847],{"class":355},"  url",[350,1849,1464],{"class":359},[350,1851,1483],{"class":1389},[350,1853,1352],{"class":355},[350,1855,1856],{"class":352,"line":176},[350,1857,1858],{"class":355},"}\n",[1860,1861,1862],"style",{},"html pre.shiki code .sCdxs, html code.shiki .sCdxs{--shiki-default:#F8F8F2}html pre.shiki code .s8I7P, html code.shiki .s8I7P{--shiki-default:#F92672}html pre.shiki code .s_Ekj, html code.shiki .s_Ekj{--shiki-default:#E6DB74}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html pre.shiki code .s7s5_, html code.shiki .s7s5_{--shiki-default:#AE81FF}html pre.shiki code .snpHw, html code.shiki .snpHw{--shiki-default:#88846F}html pre.shiki code .sOx1s, html code.shiki .sOx1s{--shiki-default:#66D9EF;--shiki-default-font-style:italic}html pre.shiki code .soZtE, html code.shiki .soZtE{--shiki-default:#A6E22E;--shiki-default-text-decoration:underline}",{"title":345,"searchDepth":59,"depth":59,"links":1864},[1865,1872,1873,1876],{"id":329,"depth":59,"text":330,"children":1866},[1867,1868,1869,1870,1871],{"id":337,"depth":21,"text":338},{"id":413,"depth":21,"text":414},{"id":466,"depth":21,"text":467},{"id":501,"depth":21,"text":502},{"id":545,"depth":21,"text":546},{"id":585,"depth":59,"text":586},{"id":703,"depth":59,"text":704,"children":1874},[1875],{"id":710,"depth":21,"text":711},{"id":1365,"depth":59,"text":1366},"Customise the chat widget's appearance to fit in with your website's design.","md",null,{"prevPage":61,"nextPage":69},"\u002Fdocs\u002Fbots\u002Fwidget-customisation",{"title":64,"description":1877},"docs\u002Fbots\u002Fwidget-customisation","FHCtj_HC6BUKpugSwkIRYpmFG9D68sp5L378IHgYT_s",{"id":1886,"title":47,"body":1887,"description":345,"extension":1878,"longTitle":1879,"meta":1894,"navigation":1438,"path":1895,"position":48,"seo":1896,"stem":1897,"__hash__":1898},"docs\u002Fdocs\u002Fbots\u002F_index.md",{"type":320,"value":1888,"toc":1892},[1889],[1890,1891,47],"h1",{"id":53},{"title":345,"searchDepth":59,"depth":59,"links":1893},[],{},"\u002Fdocs\u002Fbots\u002F_index",{"title":47,"description":345},"docs\u002Fbots\u002F_index","LInSds9dB2V3BPa4s2Zj6NtChX_0uTxLY942NyFy688",{"prev":1900,"next":1901},{"title":60,"slug":61,"position":59,"directory":53},{"title":68,"slug":69,"position":26,"directory":53},1780738924887]