pager-widget 0.2.5 → 0.2.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/App.jsx +1 -3
- package/dist/lib.js +2 -2
- package/package.json +1 -1
package/App.jsx
CHANGED
|
@@ -3432,9 +3432,7 @@ const Footer = ({
|
|
|
3432
3432
|
<div className="widget_input_message_box">
|
|
3433
3433
|
<textarea
|
|
3434
3434
|
// type="text"
|
|
3435
|
-
placeholder="Write a message"
|
|
3436
|
-
// disabled=
|
|
3437
|
-
disabled={true}
|
|
3435
|
+
placeholder="Write a message"
|
|
3438
3436
|
value={typedMessage}
|
|
3439
3437
|
onChange={(e) => setTypedMessage(e.target.value)}
|
|
3440
3438
|
onKeyDown={(e) => {
|
package/dist/lib.js
CHANGED
|
@@ -264,11 +264,11 @@ var i;!function(e,o){"use strict";var a="model",r="name",n="type",t="vendor",s="
|
|
|
264
264
|
},{"react":"HdMw","ua-parser-js/dist/ua-parser.min":"ROBn"}],"yhSM":[function(require,module,exports) {
|
|
265
265
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=l(require("react")),t=require("react-device-detect"),o=i(require("axios")),n=l(require("./md/assistant_md")),r=require("./useEndpoint");function i(e){return e&&e.__esModule?e:{default:e}}function a(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,o=new WeakMap;return(a=function(e){return e?o:t})(e)}function l(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var o=a(t);if(o&&o.has(e))return o.get(e);var n={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var l=r?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(n,i,l):n[i]=e[i]}return n.default=e,o&&o.set(e,n),n}function c(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),o.push.apply(o,n)}return o}function d(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?c(Object(o),!0).forEach(function(t){u(e,t,o[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):c(Object(o)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))})}return e}function u(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function s(e,t){return y(e)||b(e,t)||p(e,t)||f()}function f(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function p(e,t){if(e){if("string"==typeof e)return g(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);return"Object"===o&&e.constructor&&(o=e.constructor.name),"Map"===o||"Set"===o?Array.from(e):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?g(e,t):void 0}}function g(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=new Array(t);o<t;o++)n[o]=e[o];return n}function b(e,t){var o=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=o){var n,r,i=[],a=!0,l=!1;try{for(o=o.call(e);!(a=(n=o.next()).done)&&(i.push(n.value),!t||i.length!==t);a=!0);}catch(c){l=!0,r=c}finally{try{a||null==o.return||o.return()}finally{if(l)throw r}}return i}}function y(e){if(Array.isArray(e))return e}var m=function(i){var a=i.formData,l=i.conversationId,c=i.widget,u=(i.enableConsent,i.setEnableConsent),f=i.isVisible,p=i.setIsVisible,g=i.setSourceState,b=(i.userDetails,s((0,e.useState)(""),2)),y=b[0],m=b[1],w=(0,e.useContext)(r.EndPointContext);console.log("ConsentPopup Endpoint:",w),console.log("consent widget",null==c?void 0:c.accent_color);(0,e.useEffect)(function(){navigator.geolocation?navigator.geolocation.getCurrentPosition(function(e){m({lat:e.coords.latitude,long:e.coords.longitude}),o.default.get("https://nominatim.openstreetmap.org/reverse?format=json&lat=".concat(e.coords.latitude,"&lon=").concat(e.coords.longitude)).then(function(e){var t;m(null===(t=e.data.address)||void 0===t?void 0:t.country)}).catch(function(e){m("")})}):(m(""),console.error("Geolocation is not supported by this browser."))},[]);return console.log("url location",window.location.origin),e.default.createElement("div",{style:{display:"flex",flexDirection:"column",justifyContent:"end",height:"100%",width:"100%"}},e.default.createElement("div",{style:{display:"flex",alignItems:"start",paddingBottom:"16px",gap:"8px"}},e.default.createElement("input",{type:"checkbox",id:"consentCheckbox",checked:f,onChange:function(e){p(e.target.checked)}}),console.log("output struct 2",c.consent_data),e.default.createElement("div",{style:{fontSize:"16px",fontWeight:"400",lineHeight:"24px",fontFamily:"Inter, Open Sans"}},e.default.createElement(n.default,{mdText:null==c?void 0:c.consent_data}))),e.default.createElement("div",{style:{width:"100%",paddingTop:"16px",borderTop:"1px solid lightgrey",display:"flex",justifyContent:"center"}},e.default.createElement("button",{disabled:0==f,style:d(d({},v.button),{},{width:"90%",background:!1===f?"#E2E8F0":null==c?void 0:c.accent_color}),onClick:function(){var e=Intl.DateTimeFormat().resolvedOptions().timeZone,n=navigator.language;console.log("url location",window.location);var r=[{field_id:"SYS_browser",value:t.browserName},{field_id:"SYS_browser_os",value:t.osName},{field_id:"SYS_browser_language",value:n},{field_id:"SYS_screen_resolution",value:"".concat(window.screen.width," x ").concat(window.screen.height)},{field_id:"SYS_time_zone",value:e},{field_id:"SYS_device_type",value:t.deviceType},{field_id:"SYS_location",value:"".concat(y)},{field_id:"SYS_From_Page",value:window.location.origin}],i={form_id:"No forms attached to this widget"==a?"":a.form_data.form_id,conversation_id:l,lead_data:{name:"No forms attached to this widget"==a?"":a.form_data.name,fields:r,ws:"No forms attached to this widget"==a?c.workspace:a.form_data.ws,user_consent:c.user_consent},type:"browser"};o.default.post("".concat(w,"/").concat(c.workspace,"/").concat(c.id,"/lead"),i,{withCredentials:!0}).then(function(e){g(e.data.source_id),u(!0)})}},"Submit")))},v={overlay:{position:"fixed",top:0,left:0,width:"100%",height:"100%",backgroundColor:"rgba(0, 0, 0, 0.5)",display:"flex",justifyContent:"center",alignItems:"center",zIndex:1e3},popup:{background:"white",padding:"20px",borderRadius:"8px",textAlign:"center",boxShadow:"0 4px 8px rgba(0, 0, 0, 0.2)",width:"300px"},title:{marginBottom:"20px",fontSize:"18px",color:"#333"},buttonContainer:{display:"flex",justifyContent:"space-around"},button:{padding:"10px 20px",fontSize:"16px",border:"none",borderRadius:"4px",cursor:"pointer",backgroundColor:"#007bff",color:"white",width:"90%"}},w=m;exports.default=w;
|
|
266
266
|
},{"react":"HdMw","react-device-detect":"aopE","axios":"O4Aa","./md/assistant_md":"gHGY","./useEndpoint":"N386"}],"DPRK":[function(require,module,exports) {
|
|
267
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Button=void 0;var n,t,e,i,p,r,a,x,o,d,s,l,u,m,c,f,h,g,w,z,b,_,v,y,E=A(require("./md/assistant_md")),k=A(require("react")),S=require("./useScale"),C=D(require("autosize")),N=require("./md/md_format_converter"),O=require("./lib"),F=D(require("styled-components")),M=D(require("./useWidgetService")),j=D(require("./InputConverter")),T=D(require("./ConsentPopup")),I=D(require("axios")),P=require("./useEndpoint");function D(n){return n&&n.__esModule?n:{default:n}}function L(n){if("function"!=typeof WeakMap)return null;var t=new WeakMap,e=new WeakMap;return(L=function(n){return n?e:t})(n)}function A(n,t){if(!t&&n&&n.__esModule)return n;if(null===n||"object"!=typeof n&&"function"!=typeof n)return{default:n};var e=L(t);if(e&&e.has(n))return e.get(n);var i={},p=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in n)if("default"!==r&&Object.prototype.hasOwnProperty.call(n,r)){var a=p?Object.getOwnPropertyDescriptor(n,r):null;a&&(a.get||a.set)?Object.defineProperty(i,r,a):i[r]=n[r]}return i.default=n,e&&e.set(n,i),i}function R(n){return B(n)||q(n)||$(n)||W()}function W(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function q(n){if("undefined"!=typeof Symbol&&null!=n[Symbol.iterator]||null!=n["@@iterator"])return Array.from(n)}function B(n){if(Array.isArray(n))return Q(n)}function H(n,t){if(null==n)return{};var e,i,p=V(n,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);for(i=0;i<r.length;i++)e=r[i],t.indexOf(e)>=0||Object.prototype.propertyIsEnumerable.call(n,e)&&(p[e]=n[e])}return p}function V(n,t){if(null==n)return{};var e,i,p={},r=Object.keys(n);for(i=0;i<r.length;i++)e=r[i],t.indexOf(e)>=0||(p[e]=n[e]);return p}function G(){return(G=Object.assign||function(n){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&(n[i]=e[i])}return n}).apply(this,arguments)}function U(n,t){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);t&&(i=i.filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable})),e.push.apply(e,i)}return e}function Z(n){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?U(Object(e),!0).forEach(function(t){J(n,t,e[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):U(Object(e)).forEach(function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(e,t))})}return n}function J(n,t,e){return t in n?Object.defineProperty(n,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[t]=e,n}function Y(n,t){return nn(n)||X(n,t)||$(n,t)||K()}function K(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function $(n,t){if(n){if("string"==typeof n)return Q(n,t);var e=Object.prototype.toString.call(n).slice(8,-1);return"Object"===e&&n.constructor&&(e=n.constructor.name),"Map"===e||"Set"===e?Array.from(n):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?Q(n,t):void 0}}function Q(n,t){(null==t||t>n.length)&&(t=n.length);for(var e=0,i=new Array(t);e<t;e++)i[e]=n[e];return i}function X(n,t){var e=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=e){var i,p,r=[],a=!0,x=!1;try{for(e=e.call(n);!(a=(i=e.next()).done)&&(r.push(i.value),!t||r.length!==t);a=!0);}catch(o){x=!0,p=o}finally{try{a||null==e.return||e.return()}finally{if(x)throw p}}return r}}function nn(n){if(Array.isArray(n))return n}function tn(n,t){return t||(t=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(t)}}))}var en=function(n,t,e,i){switch(n){case"small":return t;case"medium":return e;case"large":return i;default:return t}},pn=F.default.div(n||(n=tn(["\n\n@media (min-width: 2160px) {\n width: ",";\n right: 4.5rem;\n bottom: 4.5rem;\n}\n@media (min-width: 2560px) {\n width ",";\n right: 5.5rem;\n bottom: 6.5rem;\n}\n@media (min-width: 3840px) {\n width ",";\n right: 6.5rem;\n bottom: 7.5rem;\n}\n\n@media (max-width: 1920px) {\n width: ",";\n}\n@media (max-width: 1680px) {\n width: ",";\n}\n@media (max-width: 1280px) {\n width: ",';\n right: 3rem;\n bottom: 3rem;\n}\n width: 680px;\n height: auto;\n float: left;\n position: fixed;\n right: 3.5rem;\n bottom: 3.5rem;\n background: #f6f8fa 0% 0% no-repeat padding-box;\n box-shadow: 0px 15px 30px #00000040;\n border-radius: 16px;\n box-sizing: border-box;\n font-family: "Open Sans", sans-serif;\n'])),function(n){return en(n.size,"480px","540px","680px")},function(n){return en(n.size,"720px","840px","920px")},function(n){return en(n.size,"1080px","1200px","1360px")},function(n){return en(n.size,"540px","600px","680px")},function(n){return en(n.size,"460px","540px","560px")},function(n){return en(n.size,"360px","400px","440px")}),rn=F.default.div(t||(t=tn(['\n display: flex;\n align-items: center;\n width: 100%;\n float: left;\n font-family: "Inter", "Open Sans";\n font-size: ',";\n color: #000;\n margin-right: 12px;\n margin-bottom: 0px;\n justify-content: space-between;\n max-width: none;\n\n @media (min-width: 2160px) {\n font-size: ",";\n margin-bottom: 3px;\n }\n @media (min-width: 2560px) {\n font-size: ",";\n }\n @media (min-width: 3840px) {\n font-size: ",";\n }\n\n @media (max-width: 1920px) {\n font-size: ",";\n }\n @media (max-width: 1680px) {\n font-size: ",";\n }\n @media (max-width: 1280px) {\n font-size: ",";\n }\n\n .target.customTip {\n width: 12px;\n top: 1px;\n margin-left: 5px;\n }\n\n .target.customTip svg {\n color: #999;\n }\n\n .show_hide._auto_switch {\n position: absolute;\n right: 0;\n }\n"])),function(n){return en(n.size,"15px","20px","24px")},function(n){return en(n.size,"16px","18px","20px")},function(n){return en(n.size,"20px","24px","30px")},function(n){return en(n.size,"36px","40px","44px")},function(n){return en(n.size,"18px","20px","22px")},function(n){return en(n.size,"15px","18px","18px")},function(n){return en(n.size,"10px","12px","15px")}),an=F.default.div(e||(e=tn(['\n box-sizing: border-box;\n\n .widget_footer{\n display: flex;\n position: relative;\n width: 100%;\n align-items: center;\n justify-content: center;\n padding: 4px 0 2px 0;\n box-sizing: border-box;\n height: 46px;\n\n p{\n font-family: "Inter", "Open Sans";\n font-size: 12px;\n color: #000;\n margin: 0;\n align-items: center;\n display: flex;\n gap: 0 2.5px;\n }\n\n span{\n color: #353CED; \n }\n\n svg{\n width: 14px;\n height: 12px;\n }\n }\n }\n\n .tryit_bot_typing{\n position: relative;\n font-size: 14px;\n color: #555;\n width: 100%;\n padding-left: 16px;\n display: flex;\n align-items: center;\n top: 6px;\n\n @media (min-width: 2160px) {\n font-size: 26px;\n }\n @media (min-width: 2560px) {\n font-size: 30px;\n }\n @media (min-width: 3840px) {\n font-size: 34px;\n padding-left: 20px;\n margin: 16px 0;\n }\n\n span{\n position:relative;\n top: 2px;\n margin-left:10px;\n .snippet{\n width: 100%;\n display: flex;\n justify-content: center;\n }\n .dot-flashing {\n position: relative;\n width: 4px;\n height: 4px;\n border-radius: 5px;\n background-color: #000;\n color: #333;\n animation: dotFlashing 1s infinite linear alternate;\n animation-delay: .3s;\n left:5px;\n }\n \n .dot-flashing::before, .dot-flashing::after {\n content: \'\';\n display: inline-block;\n position: absolute;\n top: 0;\n }\n \n .dot-flashing::before {\n left: -7px;\n width: 4px;\n height: 4px;\n border-radius: 5px;\n background-color: #000;\n color: #333;\n animation: dotFlashing 1s infinite alternate;\n animation-delay: 0s;\n }\n \n .dot-flashing::after {\n left: 7px;\n width: 4px;\n height: 4px;\n border-radius: 5px;\n background-color: #000;\n color: #333;\n animation: dotFlashing 1s infinite alternate;\n animation-delay: 1s;\n }\n \n @keyframes dotFlashing {\n 0% {\n background-color: #333;\n }\n 50%,\n 100% {\n background-color: #999;\n }\n }\n }\n }\n \n']))),xn=F.default.div(i||(i=tn(["\n\n @media (min-width: 2160px) {\n height: ",";\n }\n @media (min-width: 2560px) {\n height: ",";\n }\n @media (min-width: 3840px) {\n height: ",";\n }\n\n @media (max-width: 1920px) {\n height: ",";\n }\n @media (max-width: 1680px) {\n height: ",";\n }\n @media (max-width: 1440px) {\n height: ",";\n }\n @media (max-width: 1280px) {\n height: ",';\n }\n height: calc(100vh - 28vh);\n width: 100%;\n float: left;\n padding: 12px 20px 20px 15px;\n display: block;\n overflow-y: scroll;\n background: #FFFFFF;\n overflow-x: hidden;\n box-sizing: border-box;\n // background-position: center;\n // background-size: contain;\n // background-image: url("https://workativ-asssistant-widget-images.s3.amazonaws.com/widget_bg.svg");\n // background-repeat: no-repeat;\n }\n'])),function(n){return en(n.size,"calc(100vh - 60vh)","calc(100vh - 56vh)","calc(100vh - 44vh)")},function(n){return en(n.size,"calc(100vh - 47.4vh)","calc(100vh - 41.6vh)","calc(100vh - 33.9vh)")},function(n){return en(n.size,"calc(100vh - 48vh)","calc(100vh - 43vh)","calc(100vh - 38vh)")},function(n){return en(n.size,"calc(100vh - 44.8vh)","calc(100vh - 37.4vh)","calc(100vh - 28vh)")},function(n){return en(n.size,"calc(100vh - 45vh)","calc(100vh - 37.4vh)","calc(100vh - 31.5vh)")},function(n){return en(n.size,"calc(100vh - 44.8vh)","calc(100vh - 37.4vh)","calc(100vh - 40vh)")},function(n){return en(n.size,"calc(100vh - 53.3vh)","calc(100vh - 48vh)","calc(100vh - 42vh)")}),on=F.default.div(p||(p=tn(["\n width: 100%;\n float: left;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n flex-direction: column;\n position: relative;\n margin-bottom: 12px;\n\n @media (min-width: 2160px) {\n }\n @media (min-width: 2560px) {\n }\n @media (min-width: 3840px) {\n margin-bottom: 30px;\n }\n\n // .tryit_cards_top_right {\n // position: relative;\n // width: 78%;\n // float: left;\n // padding-left: 0;\n // height: 100%;\n // display: flex;\n // flex-wrap: wrap;\n // align-items: center;\n // padding: 0 4px;\n // min-height: 54px;\n // }\n // .timestamp {\n // color: #888;\n // font-size: 10px;\n // font-family: \"Inter\", \"Open Sans\";\n // }\n\n // .tryit_cards h4 {\n // font-size: 13px;\n // margin-top: 10px;\n // margin-bottom: 0px;\n // font-family: \"Inter\", \"Open Sans\";\n // width: 100%;\n // color: #fff;\n\n // @media (max-width: 1280px) {\n // font-size: 11px;\n // }\n // }\n // .tryit_cards .tryit_cards_top_right p {\n // font-size: 12px;\n // color: #fff;\n // max-width: 100%;\n // font-family: 'Gordita-Regular', 'Open Sans', sans-serif;\n // margin: 0 0 8px 0;\n\n // @media (max-width: 1280px) {\n // font-size: 10px;\n // }\n // }\n // .tryit_ticket_details_wrapper button {\n // min-height: 28px;\n // }\n // .tryit_wrapper_card {\n // width: 90%;\n // margin-left: 12px;\n // margin-top: 12px;\n // border: none !important;\n\n // .adaptive_tail_icon {\n // position: absolute;\n // }\n // .adaptive_tail_icon svg {\n // width: 6px;\n // height: 6px;\n // top: 0px;\n // margin-left: -5px;\n // position: absolute;\n // }\n\n // .tryit_cards {\n // margin-top: 0px;\n // width: 98.2%;\n // min-height : 200px;\n // background: #FFFFFF 0% 0% no-repeat padding-box ;\n // box-shadow: 0px 3px 6px #00000029 !important;\n // border-radius: 10px;\n // padding: 12px 30px 12px 0px;\n // float: left;\n\n // .widget_title {\n // padding-left : 22px;\n // }\n\n // .tryit_ticket_wrapper{\n // padding: 16px 0px 0 16px;\n // box-shadow: none;\n // width: 95.5%;\n // max-height: 164px;\n // overflow-y: scroll;\n // background: #fff;\n // border-radius: 0px 10px 10px 10px;\n // float: left;\n\n // .tryit_ticket_details_wrapper{\n // grid-template-columns: auto;\n\n // .tryit_ticket_details{\n // .tryit_ticket_colun{\n // width: auto;\n // }\n // }\n // }\n // div:nth-child(3) h6{\n // width: 35%;\n // }\n // .tryit_ticket_details span{\n // position: relative;\n // bottom: 0px;\n // }\n // }\n\n // .widget_title{\n // gap: 0 8px;\n // align-items: center;\n // margin-bottom: 2px;\n // display: flex;\n\n // h6{\n // font-size: 13px;\n // font-family: 'Gordita-Medium', 'Open Sans', sans-serif;\n // color: #333;\n // margin: 0;\n // }\n // }\n // }\n // .tryit_cards .tryit_cards_wrapper {\n // width: 99%;\n // float: left;\n // background: #fff;\n // border-top: none;\n // border-bottom-right-radius: 10px;\n // border-bottom-left-radius: 12px;\n // border: 1px solid #c8c8c8;\n // }\n\n // .tryit_ticket_wrapper.tryit_button_wrapper {\n // padding-top: 0px;\n // display: flex;\n // justify-content: flex-start;\n // flex-direction: row;\n // flex-wrap: wrap;\n // gap: 0 8px;\n // margin-bottom: 12px;\n // padding-bottom: 6px;\n // }\n\n // .tryit_button_wrapper .tryit_ticket_details_wrapper {\n // left: inherit;\n // width: max-content;\n // width: 100%;\n\n // button {\n // margin-top: 0px;\n // min-width: unset;\n // width: 100%;\n // max-width: 100%;\n // margin-right: 0px;\n // margin-bottom: 6px;\n // :hover {\n // box-shadow: 0px 3px 5px #00000029;\n // }\n // }\n // }\n // }\n\n // .tryit_ticket_details_wrapper .tryit_ticket_details {\n // // margin-bottom: 10px;\n // flex-direction: row;\n // gap: 0 8px;\n // align-items: baseline;\n // display: flex;\n // margin-bottom: 10px;\n // }\n // .tryit_ticket_wrapper h6 {\n // font-size: 12px;\n // width: 35%;\n // margin: 0;\n // font-family: 'Gordita-Medium', 'Open Sans', sans-serif;\n // }\n // .tryit_ticket_wrapper p{\n // font-size: 12px;\n // line-height: normal;\n // position: relative;\n // bottom: 1px;\n // width: 60%;\n // font-family: 'Gordita-Regular', 'Open Sans', sans-serif;\n // margin: 0;\n // word-break: break-word;\n // }\n\n // .tryit_ticket_wrapper p:first-child{\n // bottom: 3px;\n // }\n"]))),dn=F.default.div(r||(r=tn(["\n width: 40px;\n height: 40px;\n float: left;\n background: #fff;\n border-radius: 50px;\n padding: 2px;\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n\n img {\n width: 36px;\n height: 36px;\n border-radius: 50%;\n }\n\n svg {\n width: 48px;\n height: 48px;\n }\n"]))),sn=F.default.div(a||(a=tn(["\n width: 100%;\n height: 76px;\n display: flex;\n align-items: center;\n padding: 0 12px 0 22px;\n background: #ffd15c;\n border-top-left-radius: 10px;\n border-top-right-radius: 10px;\n background-position: right;\n background-size: contain;\n justify-content: space-between;\n box-sizing: border-box;\n\n @media (min-width: 2160px) {\n height: ",";\n }\n @media (min-width: 2560px) {\n height: ",";\n gap: 0px 10px;\n padding: 0 22px 0 26px;\n }\n @media (min-width: 3840px) {\n height: ",";\n padding: 0 24px 0 28px;\n border-top-left-radius: 20px;\n border-top-right-radius: 20px;\n }\n\n @media (max-width: 1920px) {\n height: ",";\n }\n @media (max-width: 1680px) {\n height: ",";\n }\n @media (max-width: 1280px) {\n height: ",";\n }\n\n "," {\n @media (min-width: 2160px) {\n width: ",";\n height: ",";\n }\n @media (min-width: 2560px) {\n width: ",";\n height: ",";\n }\n @media (min-width: 3840px) {\n width: ",";\n height: ",";\n }\n\n @media (max-width: 1920px) {\n width: ",";\n height: ",";\n }\n @media (max-width: 1680px) {\n width: ",";\n height: ",";\n }\n @media (max-width: 1280px) {\n width: ",";\n height: ",";\n }\n\n img {\n @media (min-width: 2160px) {\n width: ",";\n height: ",";\n }\n @media (min-width: 2560px) {\n width: ",";\n height: ",";\n }\n @media (min-width: 3840px) {\n width: ",";\n height: ",";\n }\n\n @media (max-width: 1920px) {\n width: ",";\n height: ",";\n }\n @media (max-width: 1680px) {\n width: ",";\n height: ",";\n }\n @media (max-width: 1280px) {\n width: ",";\n height: ",";\n }\n }\n }\n"])),function(n){return en(n.size,"86px","96px","110px")},function(n){return en(n.size,"120px","138px","152px")},function(n){return en(n.size,"180px","198px","224px")},function(n){return en(n.size,"90px","99px","112px")},function(n){return en(n.size,"76px","89px","92px")},function(n){return en(n.size,"60px","69px","76px")},dn,function(n){return en(n.size,"52px","56px","60px")},function(n){return en(n.size,"52px","58px","60px")},function(n){return en(n.size,"64px","72px","80px")},function(n){return en(n.size,"64px","72px","80px")},function(n){return en(n.size,"92px","104px","116px")},function(n){return en(n.size,"92px","104px","116px")},function(n){return en(n.size,"46px","52px","58px")},function(n){return en(n.size,"46px","52px","58px")},function(n){return en(n.size,"40px","46px","48px")},function(n){return en(n.size,"40px","46px","48px")},function(n){return en(n.size,"32px","36px","40px")},function(n){return en(n.size,"32px","36px","40px")},function(n){return en(n.size,"46px","52px","54px")},function(n){return en(n.size,"46px","52px","53px")},function(n){return en(n.size,"54px","60px","70px")},function(n){return en(n.size,"54px","60px","70px")},function(n){return en(n.size,"80px","92px","96px")},function(n){return en(n.size,"80px","92px","96px")},function(n){return en(n.size,"40px","46px","48px")},function(n){return en(n.size,"40px","46px","48px")},function(n){return en(n.size,"35px","40px","42px")},function(n){return en(n.size,"35px","40px","42px")},function(n){return en(n.size,"27px","30px","35px")},function(n){return en(n.size,"27px","30px","35px")}),ln=F.default.div(x||(x=tn(["\n width: 82%;\n display: flex;\n flex-direction: column;\n margin-top: 4px;\n"]))),un=F.default.div(o||(o=tn(["\n width: 15%;\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n span:first-child {\n margin-right: 6px;\n\n @media (min-width: 3840px) {\n margin-right: 12px;\n }\n @media (max-width: 1920px) {\n margin-right: 8px;\n }\n @media (max-width: 1280px) {\n margin-right: 12px;\n }\n }\n .restart,\n .close_section {\n @media (min-width: 2160px) {\n width: ",";\n height: ",";\n }\n @media (min-width: 2560px) {\n width: ",";\n height: ",";\n }\n @media (min-width: 3840px) {\n width: ",";\n height: ",";\n }\n\n @media (max-width: 1920px) {\n width: ",";\n height: ",";\n }\n @media (max-width: 1680px) {\n width: ",";\n height: ",";\n }\n @media (max-width: 1280px) {\n width: ",";\n height: ",";\n }\n\n svg {\n @media (min-width: 2160px) {\n width: ",";\n height: ",";\n }\n @media (min-width: 2560px) {\n width: ",";\n height: ",";\n }\n @media (min-width: 3840px) {\n width: ",";\n height: ",";\n }\n\n @media (max-width: 1920px) {\n width: ",";\n height: ",";\n }\n @media (max-width: 1680px) {\n width: ",";\n height: ",";\n }\n @media (max-width: 1280px) {\n width: ",";\n height: ",";\n }\n }\n }\n\n .close_section {\n label {\n right: -8px;\n min-width: 65px;\n }\n }\n"])),function(n){return en(n.size,"30px","32px","36px")},function(n){return en(n.size,"30px","32px","36px")},function(n){return en(n.size,"36px","40px","44px")},function(n){return en(n.size,"36px","40px","44px")},function(n){return en(n.size,"52px","58px","66px")},function(n){return en(n.size,"53px","58px","66px")},function(n){return en(n.size,"26px","29px","33px")},function(n){return en(n.size,"26px","29px","33px")},function(n){return en(n.size,"22px","26px","28px")},function(n){return en(n.size,"22px","26px","28px")},function(n){return en(n.size,"18px","20px","22px")},function(n){return en(n.size,"18px","20px","22px")},function(n){return en(n.size,"26px","30px","34px")},function(n){return en(n.size,"26px","30px","34px")},function(n){return en(n.size,"36px","40px","44px")},function(n){return en(n.size,"36px","40px","44px")},function(n){return en(n.size,"52px","58px","66px")},function(n){return en(n.size,"53px","58px","66px")},function(n){return en(n.size,"26px","29px","33px")},function(n){return en(n.size,"26px","29px","33px")},function(n){return en(n.size,"22px","26px","28px")},function(n){return en(n.size,"22px","26px","28px")},function(n){return en(n.size,"18px","20px","22px")},function(n){return en(n.size,"18px","20px","22px")}),mn=F.default.div(d||(d=tn(["\n width: 89%;\n display: flex;\n flex-direction: column;\n padding-left: 0px;\n position: relative;\n justify-content: space-between;\n flex-direction: row;\n\n @media (min-width: 2160px) {\n width: 88%;\n }\n @media (min-width: 2560px) {\n width: 91.5%;\n }\n @media (min-width: 3840px) {\n width: 89.5%;\n }\n\n span {\n position: relative;\n width: 20px;\n height: 20px;\n\n @media (min-width: 2160px) {\n width: 28px;\n height: 28px;\n }\n @media (min-width: 2560px) {\n width: 28px;\n height: 28px;\n }\n }\n\n svg {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"]))),cn=F.default.p(s||(s=tn(['\n font-family: "Inter", "Open Sans";\n margin: 0;\n width: 100%;\n color: #000;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n // font-size: 13px;\n\n @media (min-width: 2160px) {\n font-size: ',";\n }\n @media (min-width: 2560px) {\n font-size: ",";\n }\n @media (min-width: 3840px) {\n font-size: ",";\n }\n\n @media (max-width: 1920px) {\n font-size: ",";\n }\n @media (max-width: 1680px) {\n font-size: ",";\n }\n @media (max-width: 1280px) {\n font-size: ",";\n margin-left: 3px;\n }\n"])),function(n){return en(n.size,"15px","16px","18px")},function(n){return en(n.size,"18px","22px","26px")},function(n){return en(n.size,"30px","32px","36px")},function(n){return en(n.size,"15px","16px","18px")},function(n){return en(n.size,"13px","14px","15px")},function(n){return en(n.size,"9px","11px","13px")}),fn=F.default.div(l||(l=tn(['\n width: 85%;\n max-width: max-content;\n padding: 12px 10px 8px 16px !important;\n margin-left: 14px;\n margin-top: 14px;\n font-family: "Inter", "Open Sans";\n white-space: pre-wrap;\n box-sizing: border-box;\n word-break: break-word;\n border-radius: 0px 6px 6px 6px;\n color: #333;\n position: relative;\n background: #f2f4f7 0% 0% no-repeat padding-box;\n box-shadow: 0px 3px 5px #00000029;\n border-radius: 0px 10px 10px 10px;\n // font-size: 13px;\n\n @media (min-width: 2160px) {\n font-size: ',";\n padding: ",";\n margin-left: ",";\n margin-top: ",";\n }\n @media (min-width: 2560px) {\n font-size: ",";\n padding: ",";\n margin-left: ",";\n margin-top: ",";\n }\n @media (min-width: 3840px) {\n font-size: ",";\n padding: ",";\n margin-left: ",";\n margin-top: ",";\n }\n\n @media (max-width: 1920px) {\n font-size: ",";\n padding: ",";\n margin-left: ",";\n margin-top: ",";\n }\n @media (max-width: 1680px) {\n font-size: ",";\n padding: ",";\n margin-left: ",";\n margin-top: ",";\n }\n @media (max-width: 1280px) {\n font-size: ",";\n padding: ",";\n margin-left: ",";\n margin-top: ",';\n }\n\n svg {\n width: 6px;\n height: 6px;\n top: 0px;\n left: -6px;\n position: absolute;\n color: #fff;\n }\n @media (max-width: 1736px) {\n padding: 8px;\n }\n @media (max-width: 1600px) {\n padding: 5px 8px;\n }\n .timestamp {\n color: #888;\n // font-size: 10px;\n font-family: "Inter", "Open Sans";\n position: relative;\n bottom: 0px;\n text-transform: uppercase;\n\n @media (min-width: 2160px) {\n font-size: ',";\n }\n @media (min-width: 2560px) {\n font-size: ",";\n }\n @media (min-width: 3840px) {\n font-size: ",";\n }\n\n @media (max-width: 1920px) {\n font-size: ",";\n }\n @media (max-width: 1680px) {\n font-size: ",";\n }\n @media (max-width: 1280px) {\n font-size: ",';\n }\n }\n\n .widget_title {\n gap: 0 8px;\n align-items: center;\n margin-bottom: 2px;\n display: flex;\n margin-bottom: 4px;\n\n h6 {\n // font-size: 13px;\n font-family: "Inter", "Open Sans";\n color: #333;\n margin: 0;\n\n @media (min-width: 2160px) {\n font-size: ',";\n }\n @media (min-width: 2560px) {\n font-size: ",";\n }\n @media (min-width: 3840px) {\n font-size: ",";\n }\n\n @media (max-width: 1920px) {\n font-size: ",";\n }\n @media (max-width: 1680px) {\n font-size: ",";\n }\n @media (max-width: 1280px) {\n font-size: ",';\n }\n }\n }\n\n .chatAssistant_one {\n h6 {\n font-size: 16px;\n font-family: "Inter", "Open Sans";\n color: #555;\n margin: 16px 0 0;\n font-style: italic;\n }\n ol {\n margin: 0;\n padding: 4px 0 0 2px;\n list-style: none;\n li {\n color: #1d48eb;\n font-size: 16px;\n font-family: "Inter", "Open Sans";\n margin-bottom: 4px;\n a {\n text-decoration: none;\n cursor: pointer;\n :hover {\n text-decoration: underline;\n }\n }\n }\n }\n p {\n margin: 6px 0 0;\n }\n }\n\n .wid_message {\n font-size: 16px;\n font-family: "Inter", "Open Sans";\n }\n'])),function(n){return en(n.size,"17px","19px","22px")},function(n){return en(n.size,"12px 10px 8px 16px !important","12px 10px 8px 28px !important","12px 10px 8px 20px !important")},function(n){return en(n.size,"22px","22px","26px")},function(n){return en(n.size,"32px","34px","40px")},function(n){return en(n.size,"20px","22px","26px")},function(n){return en(n.size,"20px 28px 16px 16px !important","20px 28px 16px 26px !important","20px 28px 16px 26px !important")},function(n){return en(n.size,"22px","24px","30px")},function(n){return en(n.size,"30px","36px","45px")},function(n){return en(n.size,"30px","34px","36px")},function(n){return en(n.size,"24px 38px 16px 42px !important","24px 38px 16px 42px !important","24px 38px 16px 42px !important")},function(n){return en(n.size,"26px","30px","36px")},function(n){return en(n.size,"45px","50px","60px")},function(n){return en(n.size,"15px","17px","18px")},function(n){return en(n.size,"12px 10px 8px 28px !important","12px 10px 8px 28px !important","12px 10px 8px 20px !important")},function(n){return en(n.size,"22px","22px","22px")},function(n){return en(n.size,"32px","34px","34px")},function(n){return en(n.size,"13px","15px","15px")},function(n){return en(n.size,"12px 10px 8px 18px !important","12px 10px 8px 20px !important","12px 10px 8px 22px !important")},function(n){return en(n.size,"14px","16px","18px")},function(n){return en(n.size,"26px","26px","26px")},function(n){return en(n.size,"10px","11px","13px")},function(n){return en(n.size,"12px 10px 8px 16px !important","12px 10px 8px 16px !important","12px 10px 8px 16px !important")},function(n){return en(n.size,"16px","16px","16px")},function(n){return en(n.size,"22px","22px","22px")},function(n){return en(n.size,"16px","19px","21px")},function(n){return en(n.size,"14px","16px","20px")},function(n){return en(n.size,"24px","26px","30px")},function(n){return en(n.size,"12px","13px","15px")},function(n){return en(n.size,"10px","12px","13px")},function(n){return en(n.size,"7px","8px","10px")},function(n){return en(n.size,"16px","18px","22px")},function(n){return en(n.size,"16px","18px","24px")},function(n){return en(n.size,"28px","30px","32px")},function(n){return en(n.size,"14px","15px","16px")},function(n){return en(n.size,"12px","14px","14px")},function(n){return en(n.size,"8px","9px","12px")}),hn=F.default.div(u||(u=tn(['\n width: 100%;\n\n padding: 1px 10px 8px 10px !important;\n margin-left: 14px;\n margin-top: 20px;\n font-family: "Inter", "Open Sans";\n white-space: pre-wrap;\n box-sizing: border-box;\n word-break: break-word;\n border-radius: 0px 6px 6px 6px;\n color: #333;\n // position: relative;\n background: #f6f8fa 0% 0% no-repeat padding-box;\n box-shadow: 0px 3px 5px #00000029;\n border: 1px solid lightgrey;\n // border-radius: 0px 10px 10px 10px;\n']))),gn=F.default.div(m||(m=tn(["\n width: 100%;\n float: left;\n display: flex;\n\n "," {\n position: absolute;\n z-index: 1;\n // width: 20px;\n // height: 20px;\n border: 1px solid #cecece;\n\n @media (min-width: 2160px) {\n width: ",";\n height: ",";\n }\n @media (min-width: 2560px) {\n width: ",";\n height: ",";\n }\n @media (min-width: 3840px) {\n width: ",";\n height: ",";\n }\n\n @media (max-width: 1920px) {\n width: ",";\n height: ",";\n }\n @media (max-width: 1680px) {\n width: ",";\n height: ",";\n }\n @media (max-width: 1280px) {\n width: ",";\n height: ",";\n }\n\n img {\n // width: 24px;\n // height: 24px;\n\n @media (min-width: 2160px) {\n width: ",";\n height: ",";\n }\n @media (min-width: 2560px) {\n width: ",";\n height: ",";\n }\n @media (min-width: 3840px) {\n width: ",";\n height: ",";\n }\n\n @media (max-width: 1920px) {\n width: ",";\n height: ",";\n }\n @media (max-width: 1680px) {\n width: ",";\n height: ",";\n }\n @media (max-width: 1280px) {\n width: ",";\n height: ",";\n }\n }\n svg {\n width: 18px;\n height: 18px;\n }\n }\n\n .left_arrow {\n transform: rotate(180deg);\n }\n\n .arrows {\n display: flex;\n align-items: center;\n margin-top: 28px;\n img {\n width: 16px;\n height: 32px;\n cursor: pointer;\n\n @media (min-width: 2160px) {\n width: 22px;\n height: 44px;\n }\n @media (min-width: 2560px) {\n width: 27px;\n height: 54px;\n }\n @media (min-width: 3840px) {\n width: 32px;\n height: 64px;\n }\n }\n }\n\n .carousal_wrapper {\n display: flex;\n @media (max-width: 1920px) {\n position: relative;\n left: 10px;\n }\n @media (max-width: 1680px) {\n position: relative;\n left: 0px;\n }\n }\n\n .carousal_container {\n margin-left: auto;\n margin-right: auto;\n overflow: hidden;\n list-style: none;\n padding: 0;\n z-index: 1;\n\n .widget_arrows {\n display: flex;\n align-items: center;\n position: absolute;\n width: 458px;\n justify-content: space-between;\n float: left;\n left: -20px;\n top: 44%;\n\n div:first-child {\n transform: rotate(180deg);\n }\n div:last-child {\n position: relative;\n right: 0px;\n }\n\n img {\n width: 16px;\n height: 32px;\n }\n }\n }\n\n .carousal_slide_container {\n position: relative;\n width: 100%;\n height: 100%;\n z-index: 1;\n display: flex;\n transition-property: transform;\n box-sizing: content-box;\n transition-duration: 300ms;\n\n .tryit_cards {\n width: 97%;\n }\n\n .slide,\n .carousal_slide_container {\n transform: translate3d(0px, 0, 0);\n }\n\n .slide {\n border-radius: 10px;\n width: 100%;\n float: left;\n flex-shrink: 0;\n position: relative;\n transition-property: transform;\n transform: translateZ(0);\n backface-visibility: hidden;\n display: flex;\n flex-direction: column;\n margin-top: 5px;\n box-sizing: border-box;\n overflow: hidden;\n }\n }\n\n .carousal_box_section {\n position: relative;\n width: 100%;\n\n @media (min-width: 2160px) {\n width: ",";\n }\n @media (min-width: 2560px) {\n width: ",";\n }\n @media (min-width: 3840px) {\n width: ",";\n }\n\n @media (max-width: 1920px) {\n left: 3px;\n }\n @media (max-width: 1680px) {\n left: 1px;\n }\n @media (max-width: 1280px) {\n left: 0px;\n }\n }\n\n .adaptive_card_box {\n width: 99.7%;\n flex-direction: row-reverse;\n display: flex;\n background: transparent linear-gradient(180deg, #444444 0%, #222222 100%) 0%\n 0% no-repeat padding-box;\n justify-content: space-evenly;\n border-radius: 10px 11px 0 0;\n align-items: center;\n\n @media (min-width: 2160px) {\n gap: ",";\n height: ",";\n border-radius: ",";\n }\n @media (min-width: 2560px) {\n gap: ",";\n height: ",";\n border-radius: ",";\n }\n @media (min-width: 3840px) {\n gap: ",";\n height: ",";\n border-radius: ",';\n }\n\n .tryit_cards_top_left {\n width: 28px;\n height: 24px;\n margin-right: 0;\n position: relative;\n float: left;\n border: 1px solid rgb(225, 225, 225);\n display: flex;\n align-items: center;\n background: #fff;\n justify-content: center;\n border-radius: 50%;\n\n @media (min-width: 2160px) {\n width: 36px;\n height: 28px;\n }\n @media (min-width: 2560px) {\n width: 46px;\n height: 38px;\n }\n @media (min-width: 3840px) {\n width: 56px;\n height: 48px;\n }\n\n img {\n max-width: 100%;\n height: auto;\n border-radius: 50%;\n }\n }\n }\n\n .chat_adaptiveCard_section {\n margin: 10px 10px 10px 16px;\n width: 100%;\n float: left;\n position: relative;\n\n @media (max-width: 1280px) {\n margin: 4px 10px 10px 16px;\n }\n }\n\n .tryit_cards_top_right {\n position: relative;\n width: 78%;\n float: left;\n padding-left: 0;\n height: 100%;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n padding: 0 4px;\n min-height: 54px;\n\n @media (min-width: 2160px) {\n width: 74%;\n }\n }\n\n .timestamp {\n color: #888;\n font-size: 10px;\n font-family: "Inter", "Open Sans";\n\n @media (min-width: 2160px) {\n font-size: ',";\n }\n @media (min-width: 2560px) {\n font-size: ",";\n }\n @media (min-width: 3840px) {\n font-size: ",";\n }\n\n @media (max-width: 1920px) {\n font-size: ",";\n }\n @media (max-width: 1600px) {\n font-size: ",";\n }\n @media (max-width: 1280px) {\n font-size: ",';\n }\n }\n\n .tryit_cards h4 {\n font-size: 13px;\n margin-top: 10px;\n margin-bottom: 0px;\n font-family: "Inter", "Open Sans";\n width: 100%;\n color: #fff;\n\n @media (min-width: 2160px) {\n font-size: ',";\n }\n @media (min-width: 2560px) {\n font-size: ",";\n }\n @media (min-width: 3840px) {\n font-size: ",";\n margin-top: 16px;\n }\n\n @media (max-width: 1920px) {\n font-size: ",";\n }\n @media (max-width: 1600px) {\n font-size: ",";\n }\n @media (max-width: 1280px) {\n font-size: ",';\n }\n }\n\n .tryit_cards .tryit_cards_top_right p {\n font-size: 12px;\n color: #fff;\n max-width: 100%;\n font-family: "Inter", "Open Sans";\n margin: 0 0 8px 0;\n display: flex;\n\n @media (min-width: 2160px) {\n font-size: ',";\n }\n @media (min-width: 2560px) {\n font-size: ",";\n }\n @media (min-width: 3840px) {\n font-size: ",";\n }\n\n a {\n color: #fff;\n text-decoration: none;\n }\n }\n\n .tryit_ticket_details_wrapper button {\n min-height: 28px;\n }\n\n .tryit_wrapper_card {\n width: 90%;\n margin-left: 12px;\n margin-top: 12px;\n border: none !important;\n\n @media (min-width: 2160px) {\n margin-left: ",";\n margin-top: ",";\n }\n @media (min-width: 2560px) {\n margin-left: ",";\n margin-top: ",";\n }\n @media (min-width: 3840px) {\n margin-left: ",";\n margin-top: ",";\n }\n\n @media (max-width: 1920px) {\n margin-left: ",";\n margin-top: ",";\n }\n @media (max-width: 1680px) {\n margin-left: ",";\n margin-top: ",";\n }\n @media (max-width: 1280px) {\n margin-left: ",";\n margin-top: ",";\n }\n\n @media (max-width: 1280px) {\n margin-left: 16px;\n margin-top: 22px;\n }\n\n .adaptive_tail_icon {\n position: absolute;\n }\n .adaptive_tail_icon svg {\n width: 6px;\n height: 6px;\n top: 0px;\n margin-left: -5px;\n position: absolute;\n }\n\n .tryit_cards {\n margin-top: 0px;\n width: 98.2%;\n min-height: 200px;\n background: #ffffff 0% 0% no-repeat padding-box;\n box-shadow: 0px 3px 6px #00000029 !important;\n border-radius: 10px;\n padding: 12px 30px 12px 0px;\n float: left;\n\n @media (min-width: 2160px) {\n padding: ",";\n width: 99%;\n }\n @media (min-width: 2560px) {\n padding: ",";\n }\n @media (min-width: 3840px) {\n padding: ",";\n }\n\n .widget_title {\n padding-left: 22px;\n }\n\n .tryit_ticket_wrapper {\n padding: 16px 0px 0 16px;\n box-shadow: none;\n width: 95.5%;\n max-height: 164px;\n overflow-y: scroll;\n background: #fff;\n border-radius: 0px 10px 10px 10px;\n float: left;\n\n @media (min-width: 2160px) {\n max-height: ",";\n }\n @media (min-width: 2560px) {\n max-height: ",";\n }\n @media (min-width: 3840px) {\n max-height: ",';\n }\n\n .tryit_ticket_details_wrapper {\n grid-template-columns: auto;\n\n .tryit_ticket_details {\n .tryit_ticket_colun {\n width: auto;\n }\n }\n }\n div:nth-child(3) h6 {\n width: 35%;\n }\n .tryit_ticket_details span {\n position: relative;\n bottom: 0px;\n }\n }\n\n .widget_title {\n gap: 0 8px;\n align-items: center;\n margin-bottom: 2px;\n display: flex;\n\n h6 {\n font-size: 13px;\n font-family: "Inter", "Open Sans";\n color: #333;\n margin: 0;\n\n @media (min-width: 2160px) {\n font-size: ',";\n }\n @media (min-width: 2560px) {\n font-size: ",";\n }\n @media (min-width: 3840px) {\n font-size: ",";\n }\n\n @media (max-width: 1920px) {\n font-size: ",";\n }\n @media (max-width: 1600px) {\n font-size: ",";\n }\n @media (max-width: 1280px) {\n font-size: ",";\n }\n }\n }\n }\n .tryit_cards .tryit_cards_wrapper {\n width: 99%;\n float: left;\n background: #fff;\n border-top: none;\n border-bottom-right-radius: 10px;\n border-bottom-left-radius: 12px;\n border: 1px solid #c8c8c8;\n\n @media (min-width: 2160px) {\n font-size: ",";\n }\n @media (min-width: 2560px) {\n font-size: ",';\n width: 99.4%;\n }\n @media (min-width: 3840px) {\n width: 99.3%;\n }\n }\n\n .tryit_ticket_wrapper.tryit_button_wrapper {\n padding-top: 0px;\n display: flex;\n justify-content: flex-start;\n flex-direction: row;\n flex-wrap: wrap;\n gap: 0 8px;\n margin-bottom: 12px;\n padding-bottom: 6px;\n }\n\n .tryit_button_wrapper .tryit_ticket_details_wrapper {\n left: inherit;\n width: max-content;\n width: 100%;\n\n button {\n margin-top: 0px;\n min-width: unset;\n width: 100%;\n max-width: 100%;\n margin-right: 0px;\n margin-bottom: 6px;\n :hover {\n box-shadow: 0px 3px 5px #00000029;\n }\n }\n }\n }\n\n .tryit_ticket_details_wrapper .tryit_ticket_details {\n flex-direction: row;\n gap: 0 8px;\n align-items: baseline;\n display: flex;\n margin-bottom: 10px;\n }\n .tryit_ticket_wrapper h6 {\n font-size: 12px;\n width: 35%;\n margin: 0;\n font-family: "Inter", "Open Sans";\n\n @media (min-width: 2160px) {\n font-size: ',";\n }\n @media (min-width: 2560px) {\n font-size: ",";\n }\n @media (min-width: 3840px) {\n font-size: ",";\n }\n\n @media (max-width: 1920px) {\n font-size: ",";\n }\n @media (max-width: 1600px) {\n font-size: ",";\n }\n @media (max-width: 1280px) {\n font-size: ",';\n }\n }\n .tryit_ticket_wrapper p {\n font-size: 12px;\n line-height: normal;\n position: relative;\n bottom: 1px;\n width: 60%;\n font-family: "Inter", "Open Sans";\n margin: 0;\n word-break: break-word;\n\n @media (min-width: 2160px) {\n font-size: ',";\n }\n @media (min-width: 2560px) {\n font-size: ",";\n }\n @media (min-width: 3840px) {\n font-size: ",";\n }\n\n @media (max-width: 1920px) {\n font-size: ",";\n }\n @media (max-width: 1600px) {\n font-size: ",";\n }\n @media (max-width: 1280px) {\n font-size: ",";\n }\n }\n\n .tryit_ticket_wrapper p:first-child {\n bottom: 3px;\n }\n"])),dn,function(n){return en(n.size,"36px","42px","46px")},function(n){return en(n.size,"36px","42px","46px")},function(n){return en(n.size,"40px","48px","56px")},function(n){return en(n.size,"40px","48px","56px")},function(n){return en(n.size,"64px","72px","80px")},function(n){return en(n.size,"64px","72px","80px")},function(n){return en(n.size,"32px","36px","40px")},function(n){return en(n.size,"32px","36px","40px")},function(n){return en(n.size,"28px","32px","34px")},function(n){return en(n.size,"28px","32px","34px")},function(n){return en(n.size,"20px","24px","28px")},function(n){return en(n.size,"20px","24px","28px")},function(n){return en(n.size,"32px","40px","44px")},function(n){return en(n.size,"32px","40px","44px")},function(n){return en(n.size,"36px","44px","52px")},function(n){return en(n.size,"36px","44px","52px")},function(n){return en(n.size,"64px","68px","76px")},function(n){return en(n.size,"64px","68px","76px")},function(n){return en(n.size,"32px","34px","38px")},function(n){return en(n.size,"32px","34px","38px")},function(n){return en(n.size,"26px","30px","32px")},function(n){return en(n.size,"26px","30px","32px")},function(n){return en(n.size,"18px","22px","26px")},function(n){return en(n.size,"18px","22px","26px")},function(n){return en(n.size,"94.1%","96%","98.1%")},function(n){return en(n.size,"94.1%","96%","98%")},function(n){return en(n.size,"97%","100%","100%")},function(n){return en(n.size,"4%","6%","6%")},function(n){return en(n.size,"76px","84px","90px")},function(n){return en(n.size,"10px 12px 0 0;","12px 14px 0 0;","16px 18px 0 0;")},function(n){return en(n.size,"4%","6%","6%")},function(n){return en(n.size,"80px","100px","110px")},function(n){return en(n.size,"16px 18px 0 0;","20px 22px 0 0;","20px 22px 0 0;")},function(n){return en(n.size,"8%","10%","10%")},function(n){return en(n.size,"100px","116px","124px")},function(n){return en(n.size,"16px 18px 0 0;","20px 22px 0 0;","20px 22px 0 0;")},function(n){return en(n.size,"12px","12px","16px")},function(n){return en(n.size,"16px","16px","20px")},function(n){return en(n.size,"24px","26px","30px")},function(n){return en(n.size,"12px","13px","15px")},function(n){return en(n.size,"10px","12px","13px")},function(n){return en(n.size,"8px","8px","10px")},function(n){return en(n.size,"16px","16px","21px")},function(n){return en(n.size,"22px","22px","22px")},function(n){return en(n.size,"24px","26px","30px")},function(n){return en(n.size,"12px","13px","15px")},function(n){return en(n.size,"10px","12px","13px")},function(n){return en(n.size,"8px","8px","11px")},function(n){return en(n.size,"14px","16px","18px")},function(n){return en(n.size,"18px","20px","22px")},function(n){return en(n.size,"24px","24px","24px")},function(n){return en(n.size,"28px","28px","28px")},function(n){return en(n.size,"34px","34px","34px")},function(n){return en(n.size,"20px","25px","20px")},function(n){return en(n.size,"30px","45px","30px")},function(n){return en(n.size,"30px","44px","44px")},function(n){return en(n.size,"56px","56px","56px")},function(n){return en(n.size,"22px","22px","22px")},function(n){return en(n.size,"28px","28px","28px")},function(n){return en(n.size,"14px","18px","18px")},function(n){return en(n.size,"22px","28px","28px")},function(n){return en(n.size,"10px","10px","10px")},function(n){return en(n.size,"15px","15px","15px")},function(n){return en(n.size,"12px 30px 12px 0px","12px 30px 12px 0px","12px 36px 12px 2px")},function(n){return en(n.size,"12px 30px 12px 0px","12px 30px 12px 0px","24px 44px 24px 20px")},function(n){return en(n.size,"24px 50px 24px 25px","24px 50px 24px 25px","24px 50px 24px 25px")},function(n){return en(n.size,"186px","190px","230px")},function(n){return en(n.size,"186px","190px","230px")},function(n){return en(n.size,"280px","328px","328px")},function(n){return en(n.size,"16px","18px","22px")},function(n){return en(n.size,"18px","18px","24px")},function(n){return en(n.size,"28px","30px","32px")},function(n){return en(n.size,"14px","15px","16px")},function(n){return en(n.size,"12px","13px","14px")},function(n){return en(n.size,"9px","9px","12px")},function(n){return en(n.size,"20px","21px","22px")},function(n){return en(n.size,"18px","18px","24px")},function(n){return en(n.size,"16px","18px","20px")},function(n){return en(n.size,"18px","18px","24px")},function(n){return en(n.size,"28px","30px","32px")},function(n){return en(n.size,"14px","15px","16px")},function(n){return en(n.size,"12px","13px","14px")},function(n){return en(n.size,"9px","9px","12px")},function(n){return en(n.size,"16px","18px","20px")},function(n){return en(n.size,"18px","18px","24px")},function(n){return en(n.size,"28px","30px","32px")},function(n){return en(n.size,"14px","15px","16px")},function(n){return en(n.size,"12px","13px","14px")},function(n){return en(n.size,"9px","9px","12px")}),wn=F.default.div(c||(c=tn(["\n width: 100%;\n position: relative;\n display: flex;\n\n "," {\n position: absolute;\n z-index: 1;\n // width: 20px;\n // height: 20px;\n border: 1px solid #cecece;\n\n @media (min-width: 2160px) {\n width: ",";\n height: ",";\n }\n @media (min-width: 2560px) {\n width: ",";\n height: ",";\n }\n @media (min-width: 3840px) {\n width: ",";\n height: ",";\n }\n\n @media (max-width: 1920px) {\n width: ",";\n height: ",";\n }\n @media (max-width: 1680px) {\n width: ",";\n height: ",";\n }\n @media (max-width: 1280px) {\n width: ",";\n height: ",";\n }\n\n img {\n // width: 24px;\n // height: 24px;\n\n @media (min-width: 2160px) {\n width: ",";\n height: ",";\n }\n @media (min-width: 2560px) {\n width: ",";\n height: ",";\n }\n @media (min-width: 3840px) {\n width: ",";\n height: ",";\n }\n\n @media (max-width: 1920px) {\n width: ",";\n height: ",";\n }\n @media (max-width: 1680px) {\n width: ",";\n height: ",";\n }\n @media (max-width: 1280px) {\n width: ",";\n height: ",";\n }\n }\n svg {\n width: 18px;\n height: 18px;\n }\n }\n\n .left_arrow {\n transform: rotate(180deg);\n }\n\n .arrows {\n display: flex;\n align-items: center;\n margin-top: 28px;\n img {\n width: 16px;\n height: 32px;\n cursor: pointer;\n\n @media (min-width: 2160px) {\n width: 22px;\n height: 44px;\n }\n @media (min-width: 2560px) {\n width: 27px;\n height: 54px;\n }\n @media (min-width: 3840px) {\n width: 32px;\n height: 64px;\n }\n }\n }\n\n .carousal_wrapper {\n display: flex;\n @media (max-width: 1920px) {\n position: relative;\n left: 10px;\n }\n @media (max-width: 1680px) {\n position: relative;\n left: 0px;\n }\n }\n\n .carousal_container {\n margin-left: auto;\n margin-right: auto;\n overflow: hidden;\n list-style: none;\n padding: 0;\n z-index: 1;\n\n .widget_arrows {\n display: flex;\n align-items: center;\n position: absolute;\n width: 458px;\n justify-content: space-between;\n float: left;\n left: -20px;\n top: 44%;\n\n div:first-child {\n transform: rotate(180deg);\n }\n div:last-child {\n position: relative;\n right: 0px;\n }\n\n img {\n width: 16px;\n height: 32px;\n }\n }\n }\n\n .carousal_slide_container {\n position: relative;\n width: 100%;\n height: 100%;\n z-index: 1;\n display: flex;\n transition-property: transform;\n box-sizing: content-box;\n transition-duration: 300ms;\n\n .tryit_cards {\n width: 97%;\n }\n\n .slide,\n .carousal_slide_container {\n transform: translate3d(0px, 0, 0);\n }\n\n .slide {\n border-radius: 10px;\n width: 100%;\n float: left;\n flex-shrink: 0;\n position: relative;\n transition-property: transform;\n transform: translateZ(0);\n backface-visibility: hidden;\n display: flex;\n flex-direction: column;\n margin-top: 5px;\n box-sizing: border-box;\n overflow: hidden;\n }\n }\n\n .carousal_box_section {\n position: relative;\n width: 100%;\n\n @media (min-width: 2160px) {\n width: ",";\n }\n @media (min-width: 2560px) {\n width: ",";\n }\n @media (min-width: 3840px) {\n width: ",";\n }\n\n @media (max-width: 1920px) {\n left: 3px;\n }\n @media (max-width: 1680px) {\n left: 1px;\n }\n @media (max-width: 1280px) {\n left: 0px;\n }\n }\n\n .adaptive_card_box {\n width: 99.7%;\n flex-direction: row-reverse;\n display: flex;\n background: transparent linear-gradient(180deg, #444444 0%, #222222 100%) 0%\n 0% no-repeat padding-box;\n justify-content: space-evenly;\n border-radius: 10px 11px 0 0;\n align-items: center;\n\n @media (min-width: 2160px) {\n gap: ",";\n height: ",";\n border-radius: ",";\n }\n @media (min-width: 2560px) {\n gap: ",";\n height: ",";\n border-radius: ",";\n }\n @media (min-width: 3840px) {\n gap: ",";\n height: ",";\n border-radius: ",";\n }\n\n .tryit_cards_top_left {\n width: 28px;\n height: 24px;\n margin-right: 0;\n position: relative;\n float: left;\n border: 1px solid rgb(225, 225, 225);\n display: flex;\n align-items: center;\n background: #fff;\n justify-content: center;\n border-radius: 50%;\n\n @media (min-width: 2160px) {\n width: 36px;\n height: 28px;\n }\n @media (min-width: 2560px) {\n width: 46px;\n height: 38px;\n }\n @media (min-width: 3840px) {\n width: 56px;\n height: 48px;\n }\n\n img {\n max-width: 100%;\n height: auto;\n border-radius: 50%;\n }\n }\n }\n\n .chat_adaptiveCard_section {\n margin: 10px 10px 10px 16px;\n width: 100%;\n float: left;\n position: relative;\n\n @media (max-width: 1280px) {\n margin: 4px 10px 10px 16px;\n }\n }\n\n .tryit_cards_top_right {\n position: relative;\n width: 78%;\n float: left;\n padding-left: 0;\n height: 100%;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n padding: 0 4px;\n min-height: 54px;\n\n @media (min-width: 2160px) {\n width: 74%;\n }\n }\n\n .timestamp {\n color: #888;\n font-size: 10px;\n font-family: \"'Inter', 'Open Sans'\";\n\n @media (min-width: 2160px) {\n font-size: ",";\n }\n @media (min-width: 2560px) {\n font-size: ",";\n }\n @media (min-width: 3840px) {\n font-size: ",";\n }\n\n @media (max-width: 1920px) {\n font-size: ",";\n }\n @media (max-width: 1600px) {\n font-size: ",";\n }\n @media (max-width: 1280px) {\n font-size: ",";\n }\n }\n\n .tryit_cards h4 {\n font-size: 13px;\n margin-top: 10px;\n margin-bottom: 0px;\n font-family: \"'Inter', 'Open Sans'\";\n width: 100%;\n color: #fff;\n\n @media (min-width: 2160px) {\n font-size: ",";\n }\n @media (min-width: 2560px) {\n font-size: ",";\n }\n @media (min-width: 3840px) {\n font-size: ",";\n margin-top: 16px;\n }\n\n @media (max-width: 1920px) {\n font-size: ",";\n }\n @media (max-width: 1600px) {\n font-size: ",";\n }\n @media (max-width: 1280px) {\n font-size: ",";\n }\n }\n\n .tryit_cards .tryit_cards_top_right p {\n font-size: 12px;\n color: #fff;\n max-width: 100%;\n font-family: \"'Inter', 'Open Sans'\";\n margin: 0 0 8px 0;\n display: flex;\n\n @media (min-width: 2160px) {\n font-size: ",";\n }\n @media (min-width: 2560px) {\n font-size: ",";\n }\n @media (min-width: 3840px) {\n font-size: ",";\n }\n\n a {\n color: #fff;\n text-decoration: none;\n }\n }\n\n .tryit_ticket_details_wrapper button {\n min-height: 28px;\n }\n\n .tryit_wrapper_card {\n width: 90%;\n margin-left: 12px;\n margin-top: 12px;\n border: none !important;\n\n @media (min-width: 2160px) {\n margin-left: ",";\n margin-top: ",";\n }\n @media (min-width: 2560px) {\n margin-left: ",";\n margin-top: ",";\n }\n @media (min-width: 3840px) {\n margin-left: ",";\n margin-top: ",";\n }\n\n @media (max-width: 1920px) {\n margin-left: ",";\n margin-top: ",";\n }\n @media (max-width: 1680px) {\n margin-left: ",";\n margin-top: ",";\n }\n @media (max-width: 1280px) {\n margin-left: ",";\n margin-top: ",";\n }\n\n @media (max-width: 1280px) {\n margin-left: 16px;\n margin-top: 22px;\n }\n\n .adaptive_tail_icon {\n position: absolute;\n }\n .adaptive_tail_icon svg {\n width: 6px;\n height: 6px;\n top: 0px;\n margin-left: -5px;\n position: absolute;\n }\n\n .tryit_cards {\n margin-top: 0px;\n width: 98.2%;\n min-height: 200px;\n background: #ffffff 0% 0% no-repeat padding-box;\n box-shadow: 0px 3px 6px #00000029 !important;\n border-radius: 10px;\n padding: 12px 30px 12px 0px;\n float: left;\n\n @media (min-width: 2160px) {\n padding: ",";\n width: 99%;\n }\n @media (min-width: 2560px) {\n padding: ",";\n }\n @media (min-width: 3840px) {\n padding: ",";\n }\n\n .widget_title {\n padding-left: 22px;\n }\n\n .tryit_ticket_wrapper {\n padding: 16px 0px 0 16px;\n box-shadow: none;\n width: 95.5%;\n max-height: 164px;\n overflow-y: scroll;\n background: #fff;\n border-radius: 0px 10px 10px 10px;\n float: left;\n\n @media (min-width: 2160px) {\n max-height: ",";\n }\n @media (min-width: 2560px) {\n max-height: ",";\n }\n @media (min-width: 3840px) {\n max-height: ",";\n }\n\n .tryit_ticket_details_wrapper {\n grid-template-columns: auto;\n\n .tryit_ticket_details {\n .tryit_ticket_colun {\n width: auto;\n }\n }\n }\n div:nth-child(3) h6 {\n width: 35%;\n }\n .tryit_ticket_details span {\n position: relative;\n bottom: 0px;\n }\n }\n\n .widget_title {\n gap: 0 8px;\n align-items: center;\n margin-bottom: 2px;\n display: flex;\n\n h6 {\n font-size: 13px;\n font-family: \"'Inter', 'Open Sans'\";\n color: #333;\n margin: 0;\n\n @media (min-width: 2160px) {\n font-size: ",";\n }\n @media (min-width: 2560px) {\n font-size: ",";\n }\n @media (min-width: 3840px) {\n font-size: ",";\n }\n\n @media (max-width: 1920px) {\n font-size: ",";\n }\n @media (max-width: 1600px) {\n font-size: ",";\n }\n @media (max-width: 1280px) {\n font-size: ",";\n }\n }\n }\n }\n .tryit_cards .tryit_cards_wrapper {\n width: 99%;\n float: left;\n background: #fff;\n border-top: none;\n border-bottom-right-radius: 10px;\n border-bottom-left-radius: 12px;\n border: 1px solid #c8c8c8;\n\n @media (min-width: 2160px) {\n font-size: ",";\n }\n @media (min-width: 2560px) {\n font-size: ",";\n width: 99.4%;\n }\n @media (min-width: 3840px) {\n width: 99.3%;\n }\n }\n\n .tryit_ticket_wrapper.tryit_button_wrapper {\n padding-top: 0px;\n display: flex;\n justify-content: flex-start;\n flex-direction: row;\n flex-wrap: wrap;\n gap: 0 8px;\n margin-bottom: 12px;\n padding-bottom: 6px;\n }\n\n .tryit_button_wrapper .tryit_ticket_details_wrapper {\n left: inherit;\n width: max-content;\n width: 100%;\n\n button {\n margin-top: 0px;\n min-width: unset;\n width: 100%;\n max-width: 100%;\n margin-right: 0px;\n margin-bottom: 6px;\n :hover {\n box-shadow: 0px 3px 5px #00000029;\n }\n }\n }\n }\n\n .tryit_ticket_details_wrapper .tryit_ticket_details {\n flex-direction: row;\n gap: 0 8px;\n align-items: baseline;\n display: flex;\n margin-bottom: 10px;\n }\n .tryit_ticket_wrapper h6 {\n font-size: 12px;\n width: 35%;\n margin: 0;\n font-family: \"'Inter', 'Open Sans'\";\n\n @media (min-width: 2160px) {\n font-size: ",";\n }\n @media (min-width: 2560px) {\n font-size: ",";\n }\n @media (min-width: 3840px) {\n font-size: ",";\n }\n\n @media (max-width: 1920px) {\n font-size: ",";\n }\n @media (max-width: 1600px) {\n font-size: ",";\n }\n @media (max-width: 1280px) {\n font-size: ",";\n }\n }\n .tryit_ticket_wrapper p {\n font-size: 12px;\n line-height: normal;\n position: relative;\n bottom: 1px;\n width: 60%;\n font-family: \"'Inter', 'Open Sans'\";\n margin: 0;\n word-break: break-word;\n\n @media (min-width: 2160px) {\n font-size: ",";\n }\n @media (min-width: 2560px) {\n font-size: ",";\n }\n @media (min-width: 3840px) {\n font-size: ",";\n }\n\n @media (max-width: 1920px) {\n font-size: ",";\n }\n @media (max-width: 1600px) {\n font-size: ",";\n }\n @media (max-width: 1280px) {\n font-size: ",";\n }\n }\n\n .tryit_ticket_wrapper p:first-child {\n bottom: 3px;\n }\n"])),dn,function(n){return en(n.size,"36px","42px","46px")},function(n){return en(n.size,"36px","42px","46px")},function(n){return en(n.size,"40px","48px","56px")},function(n){return en(n.size,"40px","48px","56px")},function(n){return en(n.size,"64px","72px","80px")},function(n){return en(n.size,"64px","72px","80px")},function(n){return en(n.size,"32px","36px","40px")},function(n){return en(n.size,"32px","36px","40px")},function(n){return en(n.size,"28px","32px","34px")},function(n){return en(n.size,"28px","32px","34px")},function(n){return en(n.size,"20px","24px","28px")},function(n){return en(n.size,"20px","24px","28px")},function(n){return en(n.size,"32px","40px","44px")},function(n){return en(n.size,"32px","40px","44px")},function(n){return en(n.size,"36px","44px","52px")},function(n){return en(n.size,"36px","44px","52px")},function(n){return en(n.size,"64px","68px","76px")},function(n){return en(n.size,"64px","68px","76px")},function(n){return en(n.size,"32px","34px","38px")},function(n){return en(n.size,"32px","34px","38px")},function(n){return en(n.size,"26px","30px","32px")},function(n){return en(n.size,"26px","30px","32px")},function(n){return en(n.size,"18px","22px","26px")},function(n){return en(n.size,"18px","22px","26px")},function(n){return en(n.size,"94.1%","96%","98.1%")},function(n){return en(n.size,"94.1%","96%","98%")},function(n){return en(n.size,"97%","100%","100%")},function(n){return en(n.size,"4%","6%","6%")},function(n){return en(n.size,"76px","84px","90px")},function(n){return en(n.size,"10px 12px 0 0;","12px 14px 0 0;","16px 18px 0 0;")},function(n){return en(n.size,"4%","6%","6%")},function(n){return en(n.size,"80px","100px","110px")},function(n){return en(n.size,"16px 18px 0 0;","20px 22px 0 0;","20px 22px 0 0;")},function(n){return en(n.size,"8%","10%","10%")},function(n){return en(n.size,"100px","116px","124px")},function(n){return en(n.size,"16px 18px 0 0;","20px 22px 0 0;","20px 22px 0 0;")},function(n){return en(n.size,"12px","12px","16px")},function(n){return en(n.size,"16px","16px","20px")},function(n){return en(n.size,"24px","26px","30px")},function(n){return en(n.size,"12px","13px","15px")},function(n){return en(n.size,"10px","12px","13px")},function(n){return en(n.size,"8px","8px","10px")},function(n){return en(n.size,"16px","16px","21px")},function(n){return en(n.size,"22px","22px","22px")},function(n){return en(n.size,"24px","26px","30px")},function(n){return en(n.size,"12px","13px","15px")},function(n){return en(n.size,"10px","12px","13px")},function(n){return en(n.size,"8px","8px","11px")},function(n){return en(n.size,"14px","16px","18px")},function(n){return en(n.size,"18px","20px","22px")},function(n){return en(n.size,"24px","24px","24px")},function(n){return en(n.size,"28px","28px","28px")},function(n){return en(n.size,"34px","34px","34px")},function(n){return en(n.size,"20px","25px","20px")},function(n){return en(n.size,"30px","45px","30px")},function(n){return en(n.size,"30px","44px","44px")},function(n){return en(n.size,"56px","56px","56px")},function(n){return en(n.size,"22px","22px","22px")},function(n){return en(n.size,"28px","28px","28px")},function(n){return en(n.size,"14px","18px","18px")},function(n){return en(n.size,"22px","28px","28px")},function(n){return en(n.size,"10px","10px","10px")},function(n){return en(n.size,"15px","15px","15px")},function(n){return en(n.size,"12px 30px 12px 0px","12px 30px 12px 0px","12px 36px 12px 2px")},function(n){return en(n.size,"12px 30px 12px 0px","12px 30px 12px 0px","24px 44px 24px 20px")},function(n){return en(n.size,"24px 50px 24px 25px","24px 50px 24px 25px","24px 50px 24px 25px")},function(n){return en(n.size,"186px","190px","230px")},function(n){return en(n.size,"186px","190px","230px")},function(n){return en(n.size,"280px","328px","328px")},function(n){return en(n.size,"16px","18px","22px")},function(n){return en(n.size,"18px","18px","24px")},function(n){return en(n.size,"28px","30px","32px")},function(n){return en(n.size,"14px","15px","16px")},function(n){return en(n.size,"12px","13px","14px")},function(n){return en(n.size,"9px","9px","12px")},function(n){return en(n.size,"20px","21px","22px")},function(n){return en(n.size,"18px","18px","24px")},function(n){return en(n.size,"16px","18px","20px")},function(n){return en(n.size,"18px","18px","24px")},function(n){return en(n.size,"28px","30px","32px")},function(n){return en(n.size,"14px","15px","16px")},function(n){return en(n.size,"12px","13px","14px")},function(n){return en(n.size,"9px","9px","12px")},function(n){return en(n.size,"16px","18px","20px")},function(n){return en(n.size,"18px","18px","24px")},function(n){return en(n.size,"28px","30px","32px")},function(n){return en(n.size,"14px","15px","16px")},function(n){return en(n.size,"12px","13px","14px")},function(n){return en(n.size,"9px","9px","12px")}),zn=F.default.div(f||(f=tn(["\n width: 100%;\n float: left;\n display: flex;\n align-items: center;\n margin-bottom: 12px;\n place-self: flex-end;\n position: relative;\n\n svg {\n width: 6px;\n height: 6px;\n top: -1px;\n left: inherit;\n position: absolute;\n right: -7px;\n }\n :last-child {\n margin-bottom: 0px;\n }\n "," {\n @media (min-width: 2160px) {\n width: ",";\n height: ",";\n }\n @media (min-width: 2560px) {\n width: ",";\n height: ",";\n }\n @media (min-width: 3840px) {\n width: ",";\n height: ",";\n }\n\n @media (max-width: 1920px) {\n width: ",";\n height: ",";\n }\n @media (max-width: 1680px) {\n width: ",";\n height: ",";\n }\n @media (max-width: 1280px) {\n width: ",";\n height: ",";\n }\n svg {\n // width: 18px;\n // height: 18px;\n top: 0px;\n left: inherit;\n position: relative;\n right: 0px;\n fill: #617b98;\n\n @media (min-width: 2160px) {\n width: ",";\n height: ",";\n }\n @media (min-width: 2560px) {\n width: ",";\n height: ",";\n }\n @media (min-width: 3840px) {\n width: ",";\n height: ",";\n }\n\n @media (max-width: 1920px) {\n width: ",";\n height: ",";\n }\n @media (max-width: 1680px) {\n width: ",";\n height: ",";\n }\n @media (max-width: 1280px) {\n width: ",";\n height: ",";\n }\n }\n }\n "," {\n margin-left: 0px;\n margin-right: 14px;\n padding: 12px 18px 8px 12px !important;\n color: #000;\n background: #f0f7ff 0% 0% no-repeat padding-box;\n box-shadow: 0px 3px 6px #00000029;\n border-radius: 10px;\n\n @media (min-width: 2160px) {\n margin-right: ",";\n margin-top: ",";\n padding: ",";\n }\n @media (min-width: 2560px) {\n margin-right: ",";\n margin-top: ",";\n padding: ",";\n }\n @media (min-width: 3840px) {\n margin-right: ",";\n margin-top: ",";\n padding: ",";\n }\n\n @media (max-width: 1920px) {\n margin-right: ",";\n margin-top: ",";\n padding: ",";\n }\n @media (max-width: 1280px) {\n margin-right: ",";\n margin-top: ",";\n padding: ",";\n }\n\n .widget_title.user_chat {\n h6 {\n @media (min-width: 2160px) {\n font-size: ",";\n }\n @media (min-width: 2560px) {\n font-size: ",";\n }\n @media (min-width: 3840px) {\n font-size: ",";\n }\n\n @media (max-width: 1920px) {\n font-size: ",";\n }\n @media (max-width: 1600px) {\n font-size: ",";\n }\n @media (max-width: 1280px) {\n font-size: ",";\n }\n }\n\n .timestamp {\n @media (min-width: 2160px) {\n font-size: ",";\n }\n @media (min-width: 2560px) {\n font-size: ",";\n }\n @media (min-width: 3840px) {\n font-size: ",";\n }\n\n @media (max-width: 1920px) {\n font-size: ",";\n }\n @media (max-width: 1600px) {\n font-size: ",";\n }\n @media (max-width: 1280px) {\n font-size: ",";\n }\n }\n }\n }\n "," {\n justify-content: flex-end;\n }\n"])),dn,function(n){return en(n.size,"38px","42px","46px")},function(n){return en(n.size,"38px","42px","46px")},function(n){return en(n.size,"40px","48px","56px")},function(n){return en(n.size,"40px","48px","56px")},function(n){return en(n.size,"64px","72px","80px")},function(n){return en(n.size,"64px","72px","80px")},function(n){return en(n.size,"32px","36px","40px")},function(n){return en(n.size,"32px","36px","40px")},function(n){return en(n.size,"28px","32px","34px")},function(n){return en(n.size,"28px","32px","34px")},function(n){return en(n.size,"20px","24px","28px")},function(n){return en(n.size,"20px","24px","28px")},function(n){return en(n.size,"22px","24px","26px")},function(n){return en(n.size,"22px","24px","26px")},function(n){return en(n.size,"20px","24px","28px")},function(n){return en(n.size,"20px","24px","28px")},function(n){return en(n.size,"32px","36px","40px")},function(n){return en(n.size,"32px","36px","40px")},function(n){return en(n.size,"16px","18px","20px")},function(n){return en(n.size,"16px","18px","20px")},function(n){return en(n.size,"14px","16px","18px")},function(n){return en(n.size,"14px","16px","18px")},function(n){return en(n.size,"10px","12px","14px")},function(n){return en(n.size,"10px","12px","14px")},fn,function(n){return en(n.size,"16px","18px","24px")},function(n){return en(n.size,"20px","24px","36px")},function(n){return en(n.size,"12px 28px 8px 12px !important","12px 28px 8px 12px !important","12px 28px 8px 12px !important")},function(n){return en(n.size,"20px","24px","32px")},function(n){return en(n.size,"28px","36px","36px")},function(n){return en(n.size,"12px 22px 8px 16px !important","12px 24px 8px 18px !important","12px 26px 8px 20px !important")},function(n){return en(n.size,"30px","34px","40px")},function(n){return en(n.size,"46px","54px","60px")},function(n){return en(n.size,"12px 46px 8px 22px !important","12px 46px 8px 22px !important","12px 46px 8px 22px !important")},function(n){return en(n.size,"10px","12px","22px")},function(n){return en(n.size,"14px","18px","30px")},function(n){return en(n.size,"12px 28px 8px 12px !important","12px 28px 8px 12px !important","12px 28px 8px 12px !important")},function(n){return en(n.size,"10px","12px","16px")},function(n){return en(n.size,"14px","18px","18px")},function(n){return en(n.size,"12px 18px 8px 12px !important","12px 18px 8px 12px !important","12px 18px 8px 12px !important")},function(n){return en(n.size,"20px","21px","22px")},function(n){return en(n.size,"18px","18px","24px")},function(n){return en(n.size,"28px","30px","32px")},function(n){return en(n.size,"14px","15px","16px")},function(n){return en(n.size,"12px","13px","14px")},function(n){return en(n.size,"9px","9px","12px")},function(n){return en(n.size,"12px","14px","16x")},function(n){return en(n.size,"16px","16px","20px")},function(n){return en(n.size,"24px","26px","30px")},function(n){return en(n.size,"12px","13px","15px")},function(n){return en(n.size,"10px","12px","13px")},function(n){return en(n.size,"8px","8px","10px")},gn),bn=F.default.p(h||(h=tn(["\n color: #333;\n"]))),_n=F.default.h4(g||(g=tn(["\n color: #000;\n"]))),vn=F.default.div(w||(w=tn(['\n button {\n button {\n min-width: 65px;\n max-width: max-content;\n height: 36px;\n box-shadow: 0px 3px 6px #00000029;\n border: 1px solid #a0a0a0;\n border-radius: 8px;\n background: #ffffff;\n color: #000;\n outline: 0;\n cursor: pointer;\n margin-top: 12px;\n font-size: 14px;\n font-family: "Inter";\n display: flex;\n align-items: center;\n padding: 6px 12px;\n :hover {\n background: #f0f7ff;\n color: #000;\n border: 1px solid #f0f7ff;\n }\n :active {\n background: #f0f7ff;\n color: #000;\n border: 1px solid #f0f7ff;\n }\n\n span {\n width: 100%;\n justify-content: center;\n height: auto;\n }\n }\n }\n']))),yn=F.default.button(z||(z=tn(['\n min-width: 64px;\n max-width: 200px;\n height: 28px;\n box-shadow: 0px 3px 6px #00000029;\n border: 1px solid #a0a0a0;\n border-radius: 8px;\n background: #ffffff;\n color: #000;\n outline: 0;\n cursor: pointer;\n margin-top: 4px;\n font-family: "Inter";\n display: inline-flex;\n align-items: center;\n padding: 6px 12px;\n text-overflow: ellipsis;\n white-space: nowrap !important;\n overflow: hidden;\n // font-size: 12px;\n\n @media (min-width: 2160px) {\n font-size: ',";\n height: ",";\n }\n @media (min-width: 2560px) {\n font-size: ",";\n height: ",";\n }\n @media (min-width: 3840px) {\n font-size: ",";\n height: ",";\n border-radius: 16px;\n }\n\n @media (max-width: 1920px) {\n font-size: ",";\n height: ",";\n }\n @media (max-width: 1600px) {\n font-size: ",";\n height: ",";\n }\n @media (max-width: 1280px) {\n font-size: ",";\n height: ",";\n }\n\n :hover {\n background: #f0f7ff;\n color: #000;\n border: 1px solid #f0f7ff;\n }\n :active {\n background: #f0f7ff;\n color: #000;\n border: 1px solid #f0f7ff;\n }\n\n span {\n width: 100%;\n justify-content: center;\n height: auto;\n text-overflow: ellipsis;\n white-space: nowrap !important;\n overflow: hidden;\n width: 100%;\n padding-top: 2px;\n }\n\n span.slack_integration {\n justify-content: center;\n width: 100%;\n height: 100%;\n }\n label {\n margin-bottom: 0px;\n position: relative;\n top: 1px;\n cursor: pointer;\n color: ",";\n }\n\n span.intergration-delete-button-text {\n float: unset;\n display: unset;\n top: 1px;\n backgroud: #fff;\n }\n span.slack-content,\n span.slack-content-button {\n margin-left: 8px;\n }\n span .teams-intergration-button {\n background: rgb(255, 255, 255);\n border: 1px solid rgb(185, 185, 185);\n color: rgb(51, 51, 51);\n }\n\n .intergration-delete-button-text.delete_no_button {\n baground: #fff;\n border: 1px solid rgb(185, 185, 185);\n color: rgb(51, 51, 51);\n }\n"])),function(n){return en(n.size,"16px","18px","20px")},function(n){return en(n.size,"38px","41px","46px")},function(n){return en(n.size,"18px","20px","24px")},function(n){return en(n.size,"48px","52px","54px")},function(n){return en(n.size,"28px","32px","36px")},function(n){return en(n.size,"48px","58px","68px")},function(n){return en(n.size,"14px","16px","18px")},function(n){return en(n.size,"32px","35px","40px")},function(n){return en(n.size,"12px","13px","14px")},function(n){return en(n.size,"32px","35px","40px")},function(n){return en(n.size,"9px","10px","12px")},function(n){return en(n.size,"32px","35px","40px")},function(n){return n.primary?"#333":"#fff"});exports.Button=yn;var En=F.default.div(b||(b=tn(['\n flex-shrink: 0;\n max-width: 100%;\n background: #fff;\n padding: 8px 16px 4px 16px;\n border-top: 1px solid #e5e5e5;\n border-bottom: 1px solid #e5e5e5;\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n\n .widget_input_message_section {\n display: flex;\n width: 100%;\n align-items: center;\n justify-content: space-between;\n flex-wrap: nowrap;\n\n .widget_input_message_box {\n width: 85%;\n flex-basis: 100%;\n\n textarea {\n border-radius: 3px;\n min-height: 24px;\n max-height: 60px;\n overflow: hidden auto !important;\n overflow-x: hidden !important;\n overflow-y: auto !important;\n padding: 12px 6px 6px 6px;\n position: relative;\n width: 95%;\n word-break: break-word;\n cursor: text;\n border: none;\n background-color: transparent;\n outline: none;\n font-family: "Inter";\n // font-size: 14px !important;\n // margin-top: 5px;\n // line-height: 20px;\n\n @media (min-width: 2160px) {\n height: ',";\n margin-top: ",";\n line-height: ",";\n font-size: ",";\n }\n @media (min-width: 2560px) {\n height: ",";\n font-size: ",";\n margin-top: ",";\n min-height: ",";\n max-height: ",";\n line-height: ",";\n }\n @media (min-width: 3840px) {\n height: ",";\n min-height: ",";\n max-height: ",";\n margin-top: ",";\n line-height: ",";\n font-size: ",";\n }\n\n @media (max-width: 1920px) {\n height: ",";\n margin-top: ",";\n line-height: ",";\n font-size: ",";\n }\n @media (max-width: 1680px) {\n height: ",";\n margin-top: ",";\n font-size: ",";\n }\n @media (max-width: 1280px) {\n font-size: ",";\n margin-top: ",";\n }\n\n :empty {\n overflow-y: hidden;\n }\n\n :empty:after {\n display: block;\n content: attr(placeholder);\n position: relative;\n color: #333;\n background-color: transparent;\n cursor: text;\n user-select: none;\n line-height: 22px;\n height: 18px;\n font-size: 12px;\n }\n }\n }\n }\n\n .send_icon_box {\n position: relative;\n display: flex;\n gap: 0 8px;\n align-items: center;\n margin-top: 5px;\n\n @media (max-width: 1280px) {\n gap: 0 6px;\n }\n\n svg {\n width: 18px;\n height: 18px;\n cursor: pointer;\n fill: #666;\n\n @media (min-width: 2160px) {\n width: ",";\n height: ",";\n }\n @media (min-width: 2560px) {\n width: ",";\n height: ",";\n }\n @media (min-width: 3840px) {\n width: ",";\n height: ",";\n }\n\n @media (max-width: 1920px) {\n width: ",";\n height: ",";\n }\n @media (max-width: 1680px) {\n width: ",";\n height: ",";\n }\n @media (max-width: 1280px) {\n width: ",";\n height: ",";\n }\n }\n }\n"])),function(n){return en(n.size,"28px","40px","52px")},function(n){return en(n.size,"8px","12px","14px")},function(n){return en(n.size,"21px","22px","24px")},function(n){return en(n.size,"20px !important","21px !important","22px !important")},function(n){return en(n.size,"74px","90px","74px")},function(n){return en(n.size,"24px !important","24px !important","24px !important")},function(n){return en(n.size,"12px","6px","18px")},function(n){return en(n.size,"80px","90px","100px")},function(n){return en(n.size,"70px","80px","70px")},function(n){return en(n.size,"36px","54px","36px")},function(n){return en(n.size,"74px","90px","104px !important")},function(n){return en(n.size,"74px","90px","110px !important")},function(n){return en(n.size,"74px","80px","90px !important")},function(n){return en(n.size,"10px","12px","28px")},function(n){return en(n.size,"48px","54px","58px")},function(n){return en(n.size,"30px !important","34px !important","36px !important")},function(n){return en(n.size,"37px","40px","52px")},function(n){return en(n.size,"10px","12px","14px")},function(n){return en(n.size,"20px","22px","24px")},function(n){return en(n.size,"15px !important","17px !important","18px !important")},function(n){return en(n.size,"30px","34px","37px")},function(n){return en(n.size,"4px","6px","8px")},function(n){return en(n.size,"12px !important","15px !important","15px !important")},function(n){return en(n.size,"9px !important","10px !important","12px !important")},function(n){return en(n.size,"4px","6px","8px")},function(n){return en(n.size,"27px","30px","32px")},function(n){return en(n.size,"25px","28px","30px")},function(n){return en(n.size,"28px","32px","36px")},function(n){return en(n.size,"26px","30px","32px")},function(n){return en(n.size,"42px","48px","52px")},function(n){return en(n.size,"38px","44px","48px")},function(n){return en(n.size,"21px","24px","26px")},function(n){return en(n.size,"19px","22px","24px")},function(n){return en(n.size,"18px","21px","22px")},function(n){return en(n.size,"16px","19px","20px")},function(n){return en(n.size,"14px","16px","18px")},function(n){return en(n.size,"13px","15px","16px")}),kn=F.default.div(_||(_=tn(["\n position: fixed;\n bottom: 1rem;\n right: 1.5rem;\n box-sizing: border-box;\n border: 0 solid #e5e7eb;\n\n @media (min-width: 3840px) {\n bottom: 2rem;\n right: 2.5rem;\n }\n @media (max-width: 1920px) {\n bottom: 0.5rem;\n right: 0.8rem;\n }\n @media (max-width: 1680px) {\n bottom: 0.5rem;\n right: 0.8rem;\n }\n @media (max-width: 1280px) {\n bottom: 0.5rem;\n right: 0.8rem;\n }\n\n .close_button {\n @media (min-width: 2160px) {\n width: 54px !important;\n height: 54px !important;\n }\n\n @media (max-width: 1920px) {\n width: 48px !important;\n height: 48px !important;\n }\n @media (max-width: 1680px) {\n width: 40px !important;\n height: 40px !important;\n }\n @media (max-width: 1280px) {\n width: 32px !important;\n height: 32px !important;\n }\n\n border: transparent !important;\n\n svg {\n @media (max-width: 1920px) {\n width: 18px !important;\n height: 18px !important;\n }\n @media (max-width: 1680px) {\n width: 15px !important;\n height: 15px !important;\n }\n @media (max-width: 1280px) {\n width: 12px !important;\n height: 12px !important;\n }\n }\n }\n"]))),Sn=F.default.span(v||(v=tn(["\n width: 76px;\n height: 76px;\n float: left;\n border-radius: 50%;\n fill: #000;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n\n @media (min-width: 2160px) {\n width: 60px;\n height: 60px;\n }\n @media (min-width: 2560px) {\n width: 70px;\n height: 70px;\n }\n @media (min-width: 3480px) {\n width: 80px;\n height: 80px;\n }\n\n label {\n position: absolute;\n background: #fff;\n padding: 2px 4px;\n border-radius: 4px;\n top: -20px;\n display: none;\n font-size: 12px;\n color: #555;\n min-width: 80px;\n text-align: center;\n transition: 0.3s;\n }\n\n svg {\n width: 14px;\n height: 14px;\n cursor: pointer;\n\n @media (min-width: 2160px) {\n width: 24px;\n height: 24px;\n }\n @media (min-width: 2560px) {\n width: 32px;\n height: 32px;\n }\n @media (min-width: 3480px) {\n width: 38px;\n height: 38px;\n }\n }\n\n :hover label {\n display: block;\n transition: 0.3s;\n }\n"]))),Cn=F.default.div(y||(y=tn(['\n width: 100%;\n float: left;\n position: relative;\n left: 3.5%;\n display: flex;\n margin-top: 2px;\n flex-wrap: wrap;\n gap: 0 10px;\n\n button {\n min-width: 64px;\n max-width: 400px;\n height: 28px;\n box-shadow: 0px 3px 6px #00000029;\n border: 1px solid #A0A0A0;\n border-radius: 8px;\n background: #FFFFFF;\n color: #000;\n outline: 0;\n cursor: pointer;\n margin-top: 12px;\n font-size: 12px;\n font-family: "Inter";\n display: inline-flex;\n align-items: center;\n padding: 6px 12px;\n \n\n @media (max-width: 1280px) {\n min-width: auto;\n }\n\n text-overflow: ellipsis;\n white-space: nowrap !important;\n overflow: hidden;\n\n :hover {\n background: #F0F7FF;\n color: #000;\n border: 1px solid #F0F7FF;\n }\n :active {\n background: #F0F7FF;\n color: #000;\n border: 1px solid #F0F7FF;\n }\n \n span{\n width: 100%;\n justify-content: center;\n height: auto;\n text-overflow: ellipsis;\n white-space: nowrap !important;\n overflow: hidden;\n width: 100%;\n padding-top: 2px; \n }\n }\n }\n']))),Nn={maxHeight:"90px",minHeight:"38px",resize:"none",padding:"9px",boxSizing:"border-box",fontSize:"13px",width:"100%",border:"none",overflow:"hidden",overflowWrap:"break-word",textAlign:"start",height:"38px",fontFamily:"Inter"},On=function(n){var t,e,i,p=n.endpoint,r=n.widget_id,a=n.authToken,x=n.newToken,o=n.openByDefault,d=n.userDetails,s=n.widget_size,l=n.style,u=Y((0,k.useState)(null==N?void 0:N.source_id),2),m=u[0],c=u[1],f=Y((0,k.useState)(!1),2),h=f[0],g=f[1],w=Y((0,k.useState)(null==N?void 0:N.workspace),2),z=(w[0],w[1],Y((0,k.useState)(),2)),b=z[0],_=z[1],v=(0,M.default)({endpoint:p,widget_id:r,authToken:a,newToken:x,userDetails:d,sourceState:m}),y=(v.connected,v.messages),E=v.sendMessage,C=v.sendFeedback,N=v.widget,O=v.restart,F=v.exit,D=v.isTypingEnd,L=v.onFileUpload;console.log("widget",N);var A=null===(t=y[0])||void 0===t?void 0:null===(e=t.message)||void 0===e?void 0:null===(i=e.system)||void 0===i?void 0:i.conversationId,R=Y((0,k.useState)(o),2),W=R[0],q=R[1],B=Y((0,k.useState)(!1),2),H=B[0],V=B[1],G=Y((0,k.useState)(!1),2),U=G[0],Z=G[1],J=(0,k.useRef)(null);return(0,k.useEffect)(function(){void 0!==(null==N?void 0:N.source_id)&&c(null==N?void 0:N.source_id)},[N]),(0,k.useEffect)(function(){null!=N&&N.id&&I.default.get("".concat(p,"/public/").concat(null==N?void 0:N.workspace,"/").concat(N.id,"/form")).then(function(n){_(n.data)}).catch(function(n){console.error("Error fetching form:",n)})},[null==N?void 0:N.id,U]),(0,k.useEffect)(function(){J.current&&J.current.scroll(0,J.current.scrollHeight)}),N?k.default.createElement(S.ScaleSizeProvider,{widgetSize:s},k.default.createElement(pn,{size:s,className:"widget_preview"},W?k.default.createElement(an,{className:"widget_chat"},k.default.createElement(Hn,{widget:N,onClick:function(){return q(!W)},open:W,restart:O,exit:F,logoshape:l.logo_shape}),k.default.createElement(P.EndPointProvider,{endpoint:p},k.default.createElement(xn,{size:s,clsassName:"widget_chat_content",ref:J},k.default.createElement(Mn,{sourceState:m,messages:y,sendMessage:E,sendFeedback:C,widget:N,style:l}),"new_user"===m&&1==N.user_consent&&k.default.createElement(T.default,{formData:b,conversationId:A,widget:N,enableConsent:h,setEnableConsent:g,isVisible:H,setIsVisible:V,setSourceState:c,userDetails:d}),m&&"string"==typeof m&&m.includes("browser")&&b&&null!==(null==N?void 0:N.lead_form_id)||0==N.user_consent&&"new_user"==m&&null!==(null==N?void 0:N.lead_form_id)&&b?k.default.createElement(k.default.Fragment,null,k.default.createElement(wn,null,k.default.createElement(dn,{style:{borderRadius:"50%",top:"2px",height:"24.9px",width:"24px"}},k.default.createElement("img",{alt:"logo",src:N&&N.logo_url||"https://workativ-asssistant-widget-images.s3.amazonaws.com/chat_logo.png",style:{width:"26px",height:"26px"}})),k.default.createElement(hn,null,k.default.createElement(j.default,{formData:b,conversationId:A,widget:N,workspace:null==N?void 0:N.workspace,setFormSubmit:Z,setSourceState:c})))):null)),k.default.createElement(Fn,{sourceState:m,sendMessage:E,onFileUpload:L,widget:N,messages:y,isTypingEnd:D})):null,k.default.createElement(Xn,{onClick:function(){return q(!W)},widget:N,open:W,logoshape:l.logo_shape,logosize:l.logo_size.size,logoborder:l.logo_border,widget_size:s},k.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 28.4 28.4",xmlSpace:"preserve"},k.default.createElement("path",{d:"M1.2 28.4c-.7 0-1.2-.5-1.2-1.2 0-.3.1-.6.3-.8L26.4.3c.5-.5 1.2-.4 1.7 0 .4.5.4 1.2 0 1.6L2 28.1c-.2.2-.5.3-.8.3z"}),k.default.createElement("path",{d:"M27.3 28.4c-.3 0-.6-.1-.8-.3L.3 2C-.1 1.5-.1.8.4.3.9-.1 1.6-.1 2 .3l26.1 26.1c.5.5.5 1.2 0 1.7-.2.2-.5.3-.8.3z"}))))):null},Fn=function(n){var t=n.sourceState,e=n.sendMessage,i=n.widget,p=(n.messages,n.isTypingEnd),r=n.onFileUpload,a=Y((0,k.useState)(""),2),x=a[0],o=a[1],d=Y((0,k.useState)(!0),2),s=d[0],l=d[1],u=function(){x.trim()&&e(x),o("")};(0,k.useEffect)(function(){l(p)},[p]);var m=(0,k.useRef)(null),c=(0,k.useRef)(null);(0,k.useEffect)(function(){c.current&&(c.current.focus(),(0,C.default)(c.current))},[c.current]);var f=(0,S.useScaleContext)();return k.default.createElement(k.default.Fragment,null,s&&k.default.createElement("p",{className:"tryit_bot_typing font-sans"},i&&i.name," is typing",k.default.createElement("span",null,k.default.createElement("div",{className:"snippet","data-title":".dot-flashing"},k.default.createElement("div",{className:"stage"},k.default.createElement("div",{className:"dot-flashing"}))))),console.log("3420",i),console.log("source state footer",t),!1===(null==i?void 0:i.user_consent)||!0===(null==i?void 0:i.user_consent)&&"string"==typeof t&&t.includes("browser")&&null==(null==i?void 0:i.lead_form_id)||"string"==typeof t&&!t.includes("browser")&&"new_user"!==t&&!0===(null==i?void 0:i.user_consent)&&null!=(null==i?void 0:i.lead_form_id)?k.default.createElement(En,{size:f.widgetSize,className:"widget_input_message"},k.default.createElement("div",{className:"widget_input_message_section"},k.default.createElement("div",{className:"widget_input_message_box"},k.default.createElement("textarea",{placeholder:"Write a message",disabled:!0,value:x,onChange:function(n){return o(n.target.value)},onKeyDown:function(n){"Enter"===n.key&&(n.preventDefault(),u(),c.current&&(c.current.style.height="30px",c.current.style.overflow="hidden"))},style:Nn,ref:c,rows:1,id:"typemsg",wrap:"hard"})),k.default.createElement("div",{className:"send_icon_box"},k.default.createElement("span",{className:"attachment_icon",onClick:function(){m.current&&m.current.click()}},k.default.createElement("svg",{x:"0px",y:"0px",viewBox:"0 0 24 24",xmlSpace:"preserve"},k.default.createElement("path",{d:"M4.6 22.3c-1 0-2-.4-2.7-1.1-.8-.8-1.3-1.9-1.2-3 .1-1.2.6-2.3 1.7-3.3L13.8 3.4c1.1-1.1 2.5-1.6 4-1.6s2.9.6 4 1.6c2.2 2.2 2.2 5.7 0 7.9l-10 10c-.3.3-.7.3-1 0-.3-.3-.3-.7 0-1l10-10c1.6-1.6 1.6-4.3 0-5.9-.8-.8-1.8-1.2-3-1.2-1.1 0-2.2.4-3 1.2L3.3 15.8c-.8.8-1.2 1.6-1.2 2.4 0 .7.2 1.4.8 2 1.1 1.1 3 .9 4.3-.5l9.4-9.4c.3-.3.4-.6.4-.9 0-.3-.1-.7-.4-.9-.5-.5-1.3-.5-1.8 0l-8 8c-.3.3-.7.3-1 0-.3-.3-.3-.7 0-1l8-8c1.1-1.1 2.8-1.1 3.8 0 .5.5.8 1.2.8 1.9s-.3 1.4-.8 1.9l-9.4 9.4c-1 1-2.3 1.6-3.6 1.6z",fill:"fillcolor"}))),k.default.createElement("span",{onClick:function(){return u()}},k.default.createElement("input",{type:"file",hidden:!0,ref:m,onChange:r}),k.default.createElement("svg",{x:"0px",y:"0px",viewBox:"0 0 32 32",xmlSpace:"preserve"},k.default.createElement("path",{d:"M24 30c-.2 0-.3 0-.5-.1l-12-7c-.5-.3-.6-.9-.4-1.4.3-.5.9-.6 1.4-.4l10.8 6.3 6.1-24.6L3.2 16l5.6 3.1c.5.3.7.9.4 1.4-.3.5-.9.7-1.4.4l-7.3-4c-.3-.2-.5-.5-.5-.9s.2-.7.6-.9l30-15c.3-.2.8-.1 1.1.1.3.2.4.6.3 1l-7 28c-.1.3-.3.6-.6.7-.1.1-.3.1-.4.1z"}),k.default.createElement("path",{d:"M12 32h-.3c-.4-.1-.7-.5-.7-1v-9c0-.6.4-1 1-1s1 .4 1 1v5.7l2.2-3.3c.3-.5.9-.6 1.4-.3.5.3.6.9.3 1.4l-4 6c-.3.3-.6.5-.9.5z"}),k.default.createElement("path",{d:"M12 23c-.2 0-.5-.1-.7-.3-.4-.4-.4-1-.1-1.4l19-21c.4-.4 1-.4 1.4-.1.4.4.4 1 .1 1.4l-19 21c-.2.3-.4.4-.7.4z"})))))):null,k.default.createElement("div",{className:"widget_footer"},k.default.createElement("p",null,"Powered by ",k.default.createElement("span",null," PagerGPT"))))},Mn=function(n){var t=n.sourceState,e=n.messages,i=n.sendMessage,p=n.sendFeedback,r=n.widget,a=n.style;return k.default.createElement(k.default.Fragment,null,e.map(function(n,e){return k.default.createElement(k.default.Fragment,null,("new_user"==t&&0==r.user_consent||"new_user"!==t)&&k.default.createElement(jn,G({},Z({key:e},n),{sendMessage:i,sendFeedback:p,widget:r,timestamp:n.time,style:a,key:e})))}))},jn=function(n){var t=n.type,e=n.message,i=n.sendMessage,p=n.sendFeedback,r=n.widget,a=n.timestamp,x=n.style;switch(t){case"received":return k.default.createElement(Tn,{message:e,sendMessage:i,sendFeedback:p,widget:r,timestamp:a,style:x});case"sent":return k.default.createElement(In,{timestamp:a,message:e,widget:r,logoshape:x.logo_shape,logosize:x.logo_size.size,logoborder:x.logo_border})}},Tn=function(n){var t=n.message,e=n.sendMessage,i=n.sendFeedback,p=n.widget,r=n.timestamp,a=n.style;(0,S.useScaleContext)();return t.output.map(function(n,x){return k.default.createElement(on,{className:"widget_chat_logs_box",key:x},k.default.createElement(Gn,{key:x,output:n,sendMessage:e,sendFeedback:i,widget:p,timestamp:r,logoshape:a.logo_shape,logosize:a.logo_size.size,logoborder:a.logo_border,event_id:t.event_id}))})},In=function(n){return k.default.createElement(Qn,n)},Pn=function(n){var t=n.widget,e=n.timestamp,i=n.logoshape,p=(0,S.useScaleContext)();return k.default.createElement(gn,{size:p.widgetSize,className:"widget_chat_adaptiveCard"},k.default.createElement(dn,{style:{borderRadius:"box"==i?"5%":"50%"}},k.default.createElement("img",{alt:"logo",src:t&&t.logo_url||"https://workativ-asssistant-widget-images.s3.amazonaws.com/chat_logo.png"})),k.default.createElement("div",{className:"position-realtive tryit_wrapper_card"},k.default.createElement("div",{className:"tryit_cards"},k.default.createElement("div",{className:"flex widget_title single_card_message"},k.default.createElement("h6",null,t&&t.name),k.default.createElement("div",{className:"timestamp"},(0,O.formatTimeAMPM)(e))),k.default.createElement("div",{className:"chat_adaptiveCard_section"},k.default.createElement(Dn,n)))))},Dn=function(n){var t=n.adaptive_card,e=t.title,i=t.logo,p=t.description,r=t.fields,a=t.buttons,x=n.logoshape,o=(0,S.useScaleContext)();return k.default.createElement(k.default.Fragment,null,k.default.createElement("div",{className:"adaptive_card_box"},k.default.createElement("div",{className:"tryit_cards_top_left",style:{borderRadius:"box"==x?"5%":"50%"}},i&&k.default.createElement("img",{src:i,alt:"logo"})),k.default.createElement("div",{className:"tryit_cards_top_right"},k.default.createElement(_n,{className:"widget_chat_adaptiveHeader"},k.default.createElement(E.default,{mdText:(0,N.convertToMDText)(e)})),k.default.createElement(bn,{className:"widget_chat_adaptiverParagraph"},k.default.createElement(E.default,{mdText:(0,N.convertToMDText)(p)})))),k.default.createElement("div",{className:"tryit_cards_wrapper"},k.default.createElement("div",{className:"tryit_cards_left"},k.default.createElement("div",{className:"tryit_ticket_wrapper tryit_content_wrapper"},k.default.createElement("div",{className:"tryit_ticket_details_wrapper"},r.map(function(n,t){var e=n.title,i=n.value;return k.default.createElement("div",{className:"tryit_ticket_details flex",key:t},k.default.createElement("h6",null,k.default.createElement(E.default,{mdText:(0,N.convertToMDText)(e)})," "),k.default.createElement("p",{className:"tryit_ticket_colun"},":"),k.default.createElement("p",null,k.default.createElement(E.default,{mdText:(0,N.convertToMDText)(i)})))}))),k.default.createElement("div",{className:"tryit_ticket_wrapper tryit_button_wrapper"},a.map(function(n,t){var e=n.text,i=n.url;return k.default.createElement(vn,{key:t},k.default.createElement("a",{href:(0,E.evalNormalOrJoinText)((0,N.convertToMDText)(i)),target:"_blank"},k.default.createElement(yn,{type:"button",size:o.widgetSize},k.default.createElement(E.default,{className:"widget_btn_content",mdText:(0,N.convertToMDText)(e)}))))})))))},Ln=function(n){var t=n.adaptive_card,e=t.title,i=t.logo,p=t.description,r=t.fields,a=t.buttons,x=(n.widget,n.timestamp,n.currentSlideEls),o=n.index,d=n.logoshape,s=(0,S.useScaleContext)();return k.default.createElement("div",{className:"slide",ref:function(n){return x&&(x.current[o]=n)}},k.default.createElement("div",{className:"adaptive_card_box"},k.default.createElement("div",{className:"tryit_cards_top_left",style:{borderRadius:"box"==d?"5%":"50%"}},i&&k.default.createElement("img",{src:i,alt:"logo"})),k.default.createElement("div",{className:"tryit_cards_top_right"},k.default.createElement(_n,{className:"widget_chat_adaptiveHeader"},k.default.createElement(E.default,{mdText:(0,N.convertToMDText)(e)})),k.default.createElement(bn,{className:"widget_chat_adaptiverParagraph"},k.default.createElement(E.default,{mdText:(0,N.convertToMDText)(p)})))),k.default.createElement("div",{className:"tryit_cards_wrapper"},k.default.createElement("div",{className:"tryit_cards_left"},k.default.createElement("div",{className:"tryit_ticket_wrapper tryit_content_wrapper"},k.default.createElement("div",{className:"tryit_ticket_details_wrapper"},r.map(function(n,t){var e=n.title,i=n.value;return k.default.createElement("div",{className:"tryit_ticket_details flex",key:t},k.default.createElement("h6",null,k.default.createElement(E.default,{mdText:(0,N.convertToMDText)(e)})," "),k.default.createElement("p",{className:"tryit_ticket_colun"},":"),k.default.createElement("p",null,k.default.createElement(E.default,{mdText:(0,N.convertToMDText)(i)})))}))),k.default.createElement("div",{className:"tryit_ticket_wrapper tryit_button_wrapper"},a.map(function(n,t){var e=n.text,i=n.url;return k.default.createElement(vn,{key:t},k.default.createElement("a",{href:i.value,target:"_blank"},k.default.createElement(yn,{type:"button",size:s.widgetSize},k.default.createElement(E.default,{className:"widget_btn_content",mdText:(0,N.convertToMDText)(e)}))))})))))},An=function(n){return n+1},Rn=function(n,t){return n-t},Wn=function(n){return n-1},qn=function(n,t){return n+t},Bn=function(n){var t=n.widget,e=n.timestamp,i=n.logoshape,p=(n.widget_size,n.carousal.carousal_adaptive_card),r=Y((0,k.useState)({index:0,transformWidth:0}),2),a=r[0],x=r[1],o=(0,k.useRef)([]),d=function(n,t){return function(){var e=n(a.index);if(!(e>=o.current.length||e<0)){var i=o.current[e].offsetWidth;x({index:e,transformWidth:t(a.transformWidth,i)})}}},s=d(An,Rn),l=d(Wn,qn),u=(0,S.useScaleContext)();return k.default.createElement(gn,{size:u.widgetSize,className:"widget_chat_adaptiveCard slider"},k.default.createElement(dn,{style:{borderRadius:"box"==i?"5%":"50%"}},k.default.createElement("img",{alt:"bot_chat_logo",src:t&&t.logo_url||"https://workativ-asssistant-widget-images.s3.amazonaws.com/chat_logo.png"})),k.default.createElement("div",{className:"position-realtive tryit_wrapper_card"},k.default.createElement("div",{className:"tryit_cards"},k.default.createElement("div",{className:"flex widget_title slider_message"},k.default.createElement("h6",null,t&&t.name),k.default.createElement("div",{className:"timestamp"},(0,O.formatTimeAMPM)(e))),k.default.createElement("div",{className:"carousal_wrapper"},k.default.createElement("div",{onClick:l,className:"arrows left"},k.default.createElement("img",{alt:"left_arrow",className:"left_arrow",src:"https://workativ-asssistant-widget-images.s3.amazonaws.com/adaptive_card_arrow.svg",style:0==a.index?{visibility:"hidden"}:null})),k.default.createElement("div",{className:"carousal_box_section"},k.default.createElement("div",{className:"carousal_container"},k.default.createElement("div",{className:"carousal_slide_container",style:{transform:"translate3d(".concat(a.transformWidth,"px, 0px, 0px)")}},p.map(function(n,p){return k.default.createElement(Ln,{widget:t,timestamp:e,adaptive_card:n,logoshape:i,currentSlideEls:o,index:p,key:p})})))),k.default.createElement("div",{onClick:s,className:"arrows"},k.default.createElement("img",{alt:"right_arrow",src:"https://workativ-asssistant-widget-images.s3.amazonaws.com/adaptive_card_arrow.svg",style:a.index==o.current.length-1?{visibility:"hidden"}:null}))))))},Hn=function(n){var t=n.widget,e=(n.onClick,n.open,n.restart),i=n.exit,p=n.logoshape,r=(0,S.useScaleContext)();return k.default.createElement(sn,{className:"widget_chat_top",style:{backgroundColor:t?t.accent_color:"#FFD15C"},size:r.widgetSize},k.default.createElement(dn,{style:{right:6,position:"relative",borderRadius:"box"==p?"5%":"50%"}},k.default.createElement("img",{title:"logo",src:t&&t.logo_url||"https://workativ-asssistant-widget-images.s3.amazonaws.com/chat_logo.png"})),k.default.createElement(mn,null,k.default.createElement(ln,null,k.default.createElement(rn,{style:{color:t.primary_color},size:r.widgetSize},t&&t.name),k.default.createElement(cn,{style:{color:t.primary_color},size:r.widgetSize},t&&t.description)),k.default.createElement(un,{size:r.widgetSize},k.default.createElement("div",{style:{display:"flex",gap:"8px"}},k.default.createElement("button",{onClick:e,style:{color:"".concat(t.primary_color),background:"".concat(t.accent_color),border:"1px solid white",padding:"6px 12px",borderRadius:"8px",height:"28px"}},"Restart"),k.default.createElement("button",{onClick:i,style:{color:"".concat(t.primary_color),background:"".concat(t.accent_color),border:"1px solid white",padding:"6px 12px",borderRadius:"8px",height:"28px"}},"Exit")))))},Vn=function(n){var t=n.output,e=n.sendFeedback,i=n.logoshape,p=n.widget,r=n.timestamp,a=n.event_id,x=n.sendMessage,o=(0,S.useScaleContext)();return k.default.createElement(k.default.Fragment,null,k.default.createElement(gn,{size:o.widgetSize,className:"widget_chat_logs"},k.default.createElement(dn,{style:{borderRadius:"box"==i?"5%":"50%"}},k.default.createElement("img",{alt:"logo",src:p&&p.logo_url||"https://workativ-asssistant-widget-images.s3.amazonaws.com/chat_logo.png"})),k.default.createElement(fn,{size:o.widgetSize},k.default.createElement("div",{className:"flex widget_title chat_assisitant"},k.default.createElement("h6",null,p&&p.name),k.default.createElement("div",{className:"timestamp"},(0,O.formatTimeAMPM)(r))),k.default.createElement("div",null,console.log("output text",t.text),k.default.createElement(E.default,{mdText:t.text})))),k.default.createElement(Jn,{options:t.buttons,sendFeedback:e,sendMessage:x,event_id:a}))},Gn=function(n){var t=n.output,e=t.type,i=H(t,["type"]),p=n.sendMessage,r=n.sendFeedback,a=n.widget,x=n.timestamp,o=n.logoshape,d=(n.logosize,n.logoborder,n.event_id),s=(0,S.useScaleContext)();return console.log("chat assistant",a),"ai_response"===i.response_type?k.default.createElement(Vn,{output:i,sendMessage:p,timestamp:x,widget:a,logoshape:o,sendFeedback:r,event_id:d}):k.default.createElement(k.default.Fragment,null,k.default.createElement(gn,{size:s.widgetSize,className:"widget_chat_logs"},k.default.createElement(dn,{style:{borderRadius:"box"==o?"5%":"50%",width:"24.9px",height:"24px",top:"12px"}},k.default.createElement("img",{alt:"logo",src:a&&a.logo_url||"https://workativ-asssistant-widget-images.s3.amazonaws.com/chat_logo.png"})),k.default.createElement(fn,{size:s.widgetSize},k.default.createElement("div",{className:"flex widget_title chat_assisitant"},k.default.createElement("h6",{style:{fontWeight:"500",fontSize:"12px",fontStyle:"normal",lineHeight:"18px"}},a&&a.name),k.default.createElement("div",{className:"timestamp"},(0,O.formatTimeAMPM)(x))),"text_with_btns"===e?k.default.createElement("div",null,k.default.createElement(E.default,{mdText:i.text})):k.default.createElement("div",null,console.log("output struct",i.value),k.default.createElement(E.default,{mdText:i.value})))),"text_with_btns"===e&&k.default.createElement(Yn,{options:i.buttons,sendMessage:p,widget:a}))},Un=function(n){var t=n.sendMessage,e=(n.widget,n.label),i=n.value,p=(0,S.useScaleContext)();return k.default.createElement(vn,null,k.default.createElement(yn,{type:"button",onClick:function(){t((0,E.evalNormalOrJoinText)(i))},className:"widget_btn",size:p.widgetSize},k.default.createElement(E.default,{mdText:e})))},Zn=function(n){var t=n.label,e=n.action,i=n.sendFeedback,p=n.sendMessage,r=n.event_id,a=(0,S.useScaleContext)();return console.log("labelll",t),k.default.createElement(vn,null,k.default.createElement(yn,{style:{display:"flex",justifyContent:"center",width:"32px",height:"32px",padding:"6px",borderRadius:"9999px",border:"none",marginTop:"8px"},type:"button",onClick:function(){e.contract_action?i("send_satisfied_feedback"===e.contract_action.action?"satisfied":"not_satisfied",r):e.send_rly&&p(e.send_rly)},className:"widget_btn",size:a.widgetSize},console.log("label",t),"Satisfied"===t?k.default.createElement("svg",{xmlns:" http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",width:"24px",height:"24px"},k.default.createElement("path",{d:"M15.1615 7.17025L15.2093 7.04661C15.2927 6.83088 15.3344 6.72298 15.3656 6.62109C15.6691 5.6323 15.4418 4.55693 14.7642 3.7755C14.6943 3.69498 14.6126 3.6132 14.449 3.44965C14.3543 3.35494 14.3069 3.30758 14.265 3.27382C13.8463 2.93673 13.236 2.99095 12.8833 3.39658C12.848 3.4372 12.8097 3.49217 12.7332 3.60209L9.72134 7.92817C9.08193 8.8466 8.76223 9.30581 8.53555 9.8057C8.33438 10.2494 8.18798 10.7159 8.09959 11.1949C8 11.7347 8 12.2942 8 13.4133V15.2006C8 16.8808 8 17.7209 8.32698 18.3626C8.6146 18.9271 9.07354 19.386 9.63803 19.6737C10.2798 20.0006 11.1198 20.0006 12.8 20.0006H16.309C17.7762 20.0006 18.5097 20.0006 19.1014 19.7317C19.6228 19.4946 20.0655 19.1132 20.3771 18.6326C20.7306 18.0872 20.8392 17.3617 21.0562 15.9107L21.5879 12.3557C21.73 11.4061 21.801 10.9312 21.6589 10.562C21.5342 10.2379 21.3009 9.96707 20.9988 9.79578C20.6546 9.60064 20.1745 9.60064 19.2143 9.60064H16.8278C16.4565 9.60064 16.2708 9.60064 16.1339 9.575C15.3205 9.42264 14.7842 8.64037 14.9353 7.82676C14.9607 7.68983 15.0276 7.51663 15.1615 7.17025Z",stroke:"#1EC959",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),k.default.createElement("path",{d:"M3 11.5006C3 10.1199 4.11929 9.00064 5.5 9.00064C6.88071 9.00064 8 10.1199 8 11.5006V17.5006C8 18.8814 6.88071 20.0006 5.5 20.0006C4.11929 20.0006 3 18.8814 3 17.5006V11.5006Z",stroke:"#1EC959",strokeWidth:"1.7",strokeLinecap:"round",strokeLinejoin:"round"})):null,"Not Satisfied"===t?k.default.createElement("svg",{xmlns:" http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",width:"24px",height:"24px"},k.default.createElement("path",{d:"M16 11.0638V12.5C16 13.8807 17.1193 15 18.5 15C19.8807 15 21 13.8807 21 12.5V6.5C21 5.11929 19.8807 4 18.5 4C17.1193 4 16 5.11929 16 6.5V8.26803M16 11.0638C15.9981 11.8772 15.9848 12.3486 15.9004 12.8057C15.812 13.2848 15.6657 13.7513 15.4645 14.1949C15.2378 14.6948 14.9181 15.154 14.2787 16.0725L11.2669 20.3986C11.1903 20.5085 11.1521 20.5634 11.1167 20.6041C10.764 21.0097 10.1537 21.0639 9.73502 20.7268C9.69309 20.6931 9.64573 20.6457 9.55102 20.551C9.38747 20.3874 9.30569 20.3057 9.23586 20.2251C8.55824 19.4437 8.33094 18.3683 8.63439 17.3796C8.66566 17.2777 8.70737 17.1698 8.79074 16.954L8.83852 16.8304C8.97239 16.484 9.03932 16.3108 9.06475 16.1739C9.21585 15.3603 8.67951 14.578 7.86615 14.4256C7.72925 14.4 7.54357 14.4 7.17222 14.4H4.7857C3.82553 14.4 3.34542 14.4 3.00125 14.2049C2.69915 14.0336 2.46584 13.7628 2.34113 13.4387C2.19905 13.0694 2.27007 12.5946 2.4121 11.645L2.94384 8.08995C3.16087 6.63894 3.26938 5.91343 3.62294 5.36807C3.93452 4.88744 4.3772 4.50605 4.89864 4.26899C5.4903 4 6.22388 4 7.69103 4H11.2C12.8802 4 13.7203 4 14.362 4.32698C14.9265 4.6146 15.3854 5.07354 15.673 5.63803C15.9635 6.20815 15.9964 6.93482 16 8.26803M16 11.0638V8.26803",stroke:"#ED3535",strokeWidth:"1.7",strokeLinecap:"round",strokeLinejoin:"round"})):null,"Hand over to Live agent"===t?k.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",color:"blue",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-hand-coins text-brand-primary w-4 h-4"},k.default.createElement("path",{d:"M11 15h2a2 2 0 1 0 0-4h-3c-.6 0-1.1.2-1.4.6L3 17"}),k.default.createElement("path",{d:"m7 21 1.6-1.4c.3-.4.8-.6 1.4-.6h4c1.1 0 2.1-.4 2.8-1.2l4.6-4.4a2 2 0 0 0-2.75-2.91l-4.2 3.9"}),k.default.createElement("path",{d:"m2 16 6 6"}),k.default.createElement("circle",{cx:"16",cy:"9",r:"2.9"}),k.default.createElement("circle",{cx:"6",cy:"5",r:"3"})):null))},Jn=function(n){var t=n.options,e=n.sendFeedback,i=n.sendMessage,p=n.event_id;return k.default.createElement(Cn,null,t.map(function(n,t){var r=n.label,a=n.action;return k.default.createElement(Zn,{label:r,action:a,key:t,sendFeedback:e,sendMessage:i,event_id:p})}))},Yn=function(n){var t=n.options,e=n.sendMessage,i=n.widget;return k.default.createElement(Cn,null,t.map(function(n,t){var p=n.label,r=n.action;return k.default.createElement(Un,{label:p,value:r.send_rly,key:t,sendMessage:e,widget:i})}))},Kn=function(n){var t=n.text.split("\n"),e=t[t.length-1],i=t.slice(0,t.length-1);return console.log("DEBUG",t,e,i.reduce(function(n,t){return[].concat(R(n),[t,k.default.createElement("br",{key:n.length})])},[])),k.default.createElement(k.default.Fragment,null,i.reduce(function(n,t){return[].concat(R(n),[t,k.default.createElement("br",{key:n.length})])},[]),e)},$n=function(n){var t=n.text;return(0,E.parseUrlAndString)(t).map(function(n,t){var e=n.type,i=n.value;return"url"===e?k.default.createElement("a",{href:i,target:"_blank",key:t},i):k.default.createElement(Kn,{text:i,key:t})})},Qn=function(n){var t=n.message,e=t.input,i=t.context,p=i.SYS_UPLOADED_FILE,r=i.SYS_FirstName,a=n.widget,x=n.timestamp,o=n.logoshape,d=(n.logosize,n.logoborder,(0,S.useScaleContext)());return k.default.createElement(zn,{size:d.widgetSize},k.default.createElement(gn,{size:d.widgetSize},k.default.createElement(fn,{size:d.widgetSize,style:{background:a?a.secondary_color:"#fff"}},k.default.createElement("div",{className:"flex widget_title user_chat",style:{color:"#000"}},k.default.createElement("h6",{style:{color:"".concat(a.user_message_text_color),fontSize:"12px",fontStyle:"normal",fontWeight:"500",lineHeight:"18px"}},r),k.default.createElement("div",{className:"timestamp",style:{color:"#fff",gap:0}},(0,O.formatTimeAMPM)(x))),k.default.createElement("div",{style:{color:"".concat(a.user_message_text_color)}},p?"File uploaded":k.default.createElement($n,{text:e.value}))),k.default.createElement(dn,{size:d.widgetSize,style:{borderRadius:"box"==o?"5%":"50%"}},k.default.createElement("svg",{id:"Layer_1",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 58 58",xmlSpace:"preserve"},k.default.createElement("style",null,".st0{fill:currentColor}"),k.default.createElement("g",{id:"Group_7717",transform:"translate(-423 -4549.422)"},k.default.createElement("ellipse",{id:"Ellipse_238",cx:452,cy:4561.2,rx:11.8,ry:11.3}),k.default.createElement("path",{id:"Path_4117",d:"M427.9 4592.4c3.2-8.9 10.7-15.3 24.1-15.3s20.8 6 24.1 15.3v1.2s-8.5 13.5-24.1 13.3-24.1-14.5-24.1-14.5z"}))))))},Xn=function(n){var t=n.widget,e=n.onClick,i=n.open,p=n.logoshape,r=n.logosize,a=n.logoborder,x=(n.widget_size,(0,S.useScaleContext)()),o={backgroundColor:t?t.accent_color:"#FFD15C",borderRadius:"box"==p?"0%":"50%",border:"1px solid ".concat(a.color),height:12*r+62,width:12*r+62,transform:"scale(".concat(x.scale,")"),fill:t.primary_color};return k.default.createElement(kn,{className:"widget_cancel_button"},i?k.default.createElement(Sn,{className:"close_button",style:o,onClick:e},k.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 28.4 28.4",xmlSpace:"preserve"},k.default.createElement("path",{d:"M1.2 28.4c-.7 0-1.2-.5-1.2-1.2 0-.3.1-.6.3-.8L26.4.3c.5-.5 1.2-.4 1.7 0 .4.5.4 1.2 0 1.6L2 28.1c-.2.2-.5.3-.8.3z"}),k.default.createElement("path",{d:"M27.3 28.4c-.3 0-.6-.1-.8-.3L.3 2C-.1 1.5-.1.8.4.3.9-.1 1.6-.1 2 .3l26.1 26.1c.5.5.5 1.2 0 1.7-.2.2-.5.3-.8.3z"}))):k.default.createElement(Sn,{style:o,onClick:e},k.default.createElement("img",{src:t&&t.logo_url||"https://ac-image.s3.amazonaws.com/8/8/7/3/4/1/home/admin/images_for_product/logo.png?r=1663289093",style:"box"==p?{width:"100%",height:"100%",boxShadow:"none"}:{width:"86px",height:"86px"}})))},nt=On;exports.default=nt;
|
|
267
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Button=void 0;var n,t,e,i,p,r,a,x,o,d,s,l,u,m,c,f,h,g,w,z,b,_,v,y,E=A(require("./md/assistant_md")),k=A(require("react")),S=require("./useScale"),C=D(require("autosize")),N=require("./md/md_format_converter"),O=require("./lib"),F=D(require("styled-components")),M=D(require("./useWidgetService")),j=D(require("./InputConverter")),T=D(require("./ConsentPopup")),I=D(require("axios")),P=require("./useEndpoint");function D(n){return n&&n.__esModule?n:{default:n}}function L(n){if("function"!=typeof WeakMap)return null;var t=new WeakMap,e=new WeakMap;return(L=function(n){return n?e:t})(n)}function A(n,t){if(!t&&n&&n.__esModule)return n;if(null===n||"object"!=typeof n&&"function"!=typeof n)return{default:n};var e=L(t);if(e&&e.has(n))return e.get(n);var i={},p=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in n)if("default"!==r&&Object.prototype.hasOwnProperty.call(n,r)){var a=p?Object.getOwnPropertyDescriptor(n,r):null;a&&(a.get||a.set)?Object.defineProperty(i,r,a):i[r]=n[r]}return i.default=n,e&&e.set(n,i),i}function R(n){return B(n)||q(n)||$(n)||W()}function W(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function q(n){if("undefined"!=typeof Symbol&&null!=n[Symbol.iterator]||null!=n["@@iterator"])return Array.from(n)}function B(n){if(Array.isArray(n))return Q(n)}function H(n,t){if(null==n)return{};var e,i,p=V(n,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);for(i=0;i<r.length;i++)e=r[i],t.indexOf(e)>=0||Object.prototype.propertyIsEnumerable.call(n,e)&&(p[e]=n[e])}return p}function V(n,t){if(null==n)return{};var e,i,p={},r=Object.keys(n);for(i=0;i<r.length;i++)e=r[i],t.indexOf(e)>=0||(p[e]=n[e]);return p}function G(){return(G=Object.assign||function(n){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&(n[i]=e[i])}return n}).apply(this,arguments)}function U(n,t){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);t&&(i=i.filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable})),e.push.apply(e,i)}return e}function Z(n){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?U(Object(e),!0).forEach(function(t){J(n,t,e[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):U(Object(e)).forEach(function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(e,t))})}return n}function J(n,t,e){return t in n?Object.defineProperty(n,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[t]=e,n}function Y(n,t){return nn(n)||X(n,t)||$(n,t)||K()}function K(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function $(n,t){if(n){if("string"==typeof n)return Q(n,t);var e=Object.prototype.toString.call(n).slice(8,-1);return"Object"===e&&n.constructor&&(e=n.constructor.name),"Map"===e||"Set"===e?Array.from(n):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?Q(n,t):void 0}}function Q(n,t){(null==t||t>n.length)&&(t=n.length);for(var e=0,i=new Array(t);e<t;e++)i[e]=n[e];return i}function X(n,t){var e=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=e){var i,p,r=[],a=!0,x=!1;try{for(e=e.call(n);!(a=(i=e.next()).done)&&(r.push(i.value),!t||r.length!==t);a=!0);}catch(o){x=!0,p=o}finally{try{a||null==e.return||e.return()}finally{if(x)throw p}}return r}}function nn(n){if(Array.isArray(n))return n}function tn(n,t){return t||(t=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(t)}}))}var en=function(n,t,e,i){switch(n){case"small":return t;case"medium":return e;case"large":return i;default:return t}},pn=F.default.div(n||(n=tn(["\n\n@media (min-width: 2160px) {\n width: ",";\n right: 4.5rem;\n bottom: 4.5rem;\n}\n@media (min-width: 2560px) {\n width ",";\n right: 5.5rem;\n bottom: 6.5rem;\n}\n@media (min-width: 3840px) {\n width ",";\n right: 6.5rem;\n bottom: 7.5rem;\n}\n\n@media (max-width: 1920px) {\n width: ",";\n}\n@media (max-width: 1680px) {\n width: ",";\n}\n@media (max-width: 1280px) {\n width: ",';\n right: 3rem;\n bottom: 3rem;\n}\n width: 680px;\n height: auto;\n float: left;\n position: fixed;\n right: 3.5rem;\n bottom: 3.5rem;\n background: #f6f8fa 0% 0% no-repeat padding-box;\n box-shadow: 0px 15px 30px #00000040;\n border-radius: 16px;\n box-sizing: border-box;\n font-family: "Open Sans", sans-serif;\n'])),function(n){return en(n.size,"480px","540px","680px")},function(n){return en(n.size,"720px","840px","920px")},function(n){return en(n.size,"1080px","1200px","1360px")},function(n){return en(n.size,"540px","600px","680px")},function(n){return en(n.size,"460px","540px","560px")},function(n){return en(n.size,"360px","400px","440px")}),rn=F.default.div(t||(t=tn(['\n display: flex;\n align-items: center;\n width: 100%;\n float: left;\n font-family: "Inter", "Open Sans";\n font-size: ',";\n color: #000;\n margin-right: 12px;\n margin-bottom: 0px;\n justify-content: space-between;\n max-width: none;\n\n @media (min-width: 2160px) {\n font-size: ",";\n margin-bottom: 3px;\n }\n @media (min-width: 2560px) {\n font-size: ",";\n }\n @media (min-width: 3840px) {\n font-size: ",";\n }\n\n @media (max-width: 1920px) {\n font-size: ",";\n }\n @media (max-width: 1680px) {\n font-size: ",";\n }\n @media (max-width: 1280px) {\n font-size: ",";\n }\n\n .target.customTip {\n width: 12px;\n top: 1px;\n margin-left: 5px;\n }\n\n .target.customTip svg {\n color: #999;\n }\n\n .show_hide._auto_switch {\n position: absolute;\n right: 0;\n }\n"])),function(n){return en(n.size,"15px","20px","24px")},function(n){return en(n.size,"16px","18px","20px")},function(n){return en(n.size,"20px","24px","30px")},function(n){return en(n.size,"36px","40px","44px")},function(n){return en(n.size,"18px","20px","22px")},function(n){return en(n.size,"15px","18px","18px")},function(n){return en(n.size,"10px","12px","15px")}),an=F.default.div(e||(e=tn(['\n box-sizing: border-box;\n\n .widget_footer{\n display: flex;\n position: relative;\n width: 100%;\n align-items: center;\n justify-content: center;\n padding: 4px 0 2px 0;\n box-sizing: border-box;\n height: 46px;\n\n p{\n font-family: "Inter", "Open Sans";\n font-size: 12px;\n color: #000;\n margin: 0;\n align-items: center;\n display: flex;\n gap: 0 2.5px;\n }\n\n span{\n color: #353CED; \n }\n\n svg{\n width: 14px;\n height: 12px;\n }\n }\n }\n\n .tryit_bot_typing{\n position: relative;\n font-size: 14px;\n color: #555;\n width: 100%;\n padding-left: 16px;\n display: flex;\n align-items: center;\n top: 6px;\n\n @media (min-width: 2160px) {\n font-size: 26px;\n }\n @media (min-width: 2560px) {\n font-size: 30px;\n }\n @media (min-width: 3840px) {\n font-size: 34px;\n padding-left: 20px;\n margin: 16px 0;\n }\n\n span{\n position:relative;\n top: 2px;\n margin-left:10px;\n .snippet{\n width: 100%;\n display: flex;\n justify-content: center;\n }\n .dot-flashing {\n position: relative;\n width: 4px;\n height: 4px;\n border-radius: 5px;\n background-color: #000;\n color: #333;\n animation: dotFlashing 1s infinite linear alternate;\n animation-delay: .3s;\n left:5px;\n }\n \n .dot-flashing::before, .dot-flashing::after {\n content: \'\';\n display: inline-block;\n position: absolute;\n top: 0;\n }\n \n .dot-flashing::before {\n left: -7px;\n width: 4px;\n height: 4px;\n border-radius: 5px;\n background-color: #000;\n color: #333;\n animation: dotFlashing 1s infinite alternate;\n animation-delay: 0s;\n }\n \n .dot-flashing::after {\n left: 7px;\n width: 4px;\n height: 4px;\n border-radius: 5px;\n background-color: #000;\n color: #333;\n animation: dotFlashing 1s infinite alternate;\n animation-delay: 1s;\n }\n \n @keyframes dotFlashing {\n 0% {\n background-color: #333;\n }\n 50%,\n 100% {\n background-color: #999;\n }\n }\n }\n }\n \n']))),xn=F.default.div(i||(i=tn(["\n\n @media (min-width: 2160px) {\n height: ",";\n }\n @media (min-width: 2560px) {\n height: ",";\n }\n @media (min-width: 3840px) {\n height: ",";\n }\n\n @media (max-width: 1920px) {\n height: ",";\n }\n @media (max-width: 1680px) {\n height: ",";\n }\n @media (max-width: 1440px) {\n height: ",";\n }\n @media (max-width: 1280px) {\n height: ",';\n }\n height: calc(100vh - 28vh);\n width: 100%;\n float: left;\n padding: 12px 20px 20px 15px;\n display: block;\n overflow-y: scroll;\n background: #FFFFFF;\n overflow-x: hidden;\n box-sizing: border-box;\n // background-position: center;\n // background-size: contain;\n // background-image: url("https://workativ-asssistant-widget-images.s3.amazonaws.com/widget_bg.svg");\n // background-repeat: no-repeat;\n }\n'])),function(n){return en(n.size,"calc(100vh - 60vh)","calc(100vh - 56vh)","calc(100vh - 44vh)")},function(n){return en(n.size,"calc(100vh - 47.4vh)","calc(100vh - 41.6vh)","calc(100vh - 33.9vh)")},function(n){return en(n.size,"calc(100vh - 48vh)","calc(100vh - 43vh)","calc(100vh - 38vh)")},function(n){return en(n.size,"calc(100vh - 44.8vh)","calc(100vh - 37.4vh)","calc(100vh - 28vh)")},function(n){return en(n.size,"calc(100vh - 45vh)","calc(100vh - 37.4vh)","calc(100vh - 31.5vh)")},function(n){return en(n.size,"calc(100vh - 44.8vh)","calc(100vh - 37.4vh)","calc(100vh - 40vh)")},function(n){return en(n.size,"calc(100vh - 53.3vh)","calc(100vh - 48vh)","calc(100vh - 42vh)")}),on=F.default.div(p||(p=tn(["\n width: 100%;\n float: left;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n flex-direction: column;\n position: relative;\n margin-bottom: 12px;\n\n @media (min-width: 2160px) {\n }\n @media (min-width: 2560px) {\n }\n @media (min-width: 3840px) {\n margin-bottom: 30px;\n }\n\n // .tryit_cards_top_right {\n // position: relative;\n // width: 78%;\n // float: left;\n // padding-left: 0;\n // height: 100%;\n // display: flex;\n // flex-wrap: wrap;\n // align-items: center;\n // padding: 0 4px;\n // min-height: 54px;\n // }\n // .timestamp {\n // color: #888;\n // font-size: 10px;\n // font-family: \"Inter\", \"Open Sans\";\n // }\n\n // .tryit_cards h4 {\n // font-size: 13px;\n // margin-top: 10px;\n // margin-bottom: 0px;\n // font-family: \"Inter\", \"Open Sans\";\n // width: 100%;\n // color: #fff;\n\n // @media (max-width: 1280px) {\n // font-size: 11px;\n // }\n // }\n // .tryit_cards .tryit_cards_top_right p {\n // font-size: 12px;\n // color: #fff;\n // max-width: 100%;\n // font-family: 'Gordita-Regular', 'Open Sans', sans-serif;\n // margin: 0 0 8px 0;\n\n // @media (max-width: 1280px) {\n // font-size: 10px;\n // }\n // }\n // .tryit_ticket_details_wrapper button {\n // min-height: 28px;\n // }\n // .tryit_wrapper_card {\n // width: 90%;\n // margin-left: 12px;\n // margin-top: 12px;\n // border: none !important;\n\n // .adaptive_tail_icon {\n // position: absolute;\n // }\n // .adaptive_tail_icon svg {\n // width: 6px;\n // height: 6px;\n // top: 0px;\n // margin-left: -5px;\n // position: absolute;\n // }\n\n // .tryit_cards {\n // margin-top: 0px;\n // width: 98.2%;\n // min-height : 200px;\n // background: #FFFFFF 0% 0% no-repeat padding-box ;\n // box-shadow: 0px 3px 6px #00000029 !important;\n // border-radius: 10px;\n // padding: 12px 30px 12px 0px;\n // float: left;\n\n // .widget_title {\n // padding-left : 22px;\n // }\n\n // .tryit_ticket_wrapper{\n // padding: 16px 0px 0 16px;\n // box-shadow: none;\n // width: 95.5%;\n // max-height: 164px;\n // overflow-y: scroll;\n // background: #fff;\n // border-radius: 0px 10px 10px 10px;\n // float: left;\n\n // .tryit_ticket_details_wrapper{\n // grid-template-columns: auto;\n\n // .tryit_ticket_details{\n // .tryit_ticket_colun{\n // width: auto;\n // }\n // }\n // }\n // div:nth-child(3) h6{\n // width: 35%;\n // }\n // .tryit_ticket_details span{\n // position: relative;\n // bottom: 0px;\n // }\n // }\n\n // .widget_title{\n // gap: 0 8px;\n // align-items: center;\n // margin-bottom: 2px;\n // display: flex;\n\n // h6{\n // font-size: 13px;\n // font-family: 'Gordita-Medium', 'Open Sans', sans-serif;\n // color: #333;\n // margin: 0;\n // }\n // }\n // }\n // .tryit_cards .tryit_cards_wrapper {\n // width: 99%;\n // float: left;\n // background: #fff;\n // border-top: none;\n // border-bottom-right-radius: 10px;\n // border-bottom-left-radius: 12px;\n // border: 1px solid #c8c8c8;\n // }\n\n // .tryit_ticket_wrapper.tryit_button_wrapper {\n // padding-top: 0px;\n // display: flex;\n // justify-content: flex-start;\n // flex-direction: row;\n // flex-wrap: wrap;\n // gap: 0 8px;\n // margin-bottom: 12px;\n // padding-bottom: 6px;\n // }\n\n // .tryit_button_wrapper .tryit_ticket_details_wrapper {\n // left: inherit;\n // width: max-content;\n // width: 100%;\n\n // button {\n // margin-top: 0px;\n // min-width: unset;\n // width: 100%;\n // max-width: 100%;\n // margin-right: 0px;\n // margin-bottom: 6px;\n // :hover {\n // box-shadow: 0px 3px 5px #00000029;\n // }\n // }\n // }\n // }\n\n // .tryit_ticket_details_wrapper .tryit_ticket_details {\n // // margin-bottom: 10px;\n // flex-direction: row;\n // gap: 0 8px;\n // align-items: baseline;\n // display: flex;\n // margin-bottom: 10px;\n // }\n // .tryit_ticket_wrapper h6 {\n // font-size: 12px;\n // width: 35%;\n // margin: 0;\n // font-family: 'Gordita-Medium', 'Open Sans', sans-serif;\n // }\n // .tryit_ticket_wrapper p{\n // font-size: 12px;\n // line-height: normal;\n // position: relative;\n // bottom: 1px;\n // width: 60%;\n // font-family: 'Gordita-Regular', 'Open Sans', sans-serif;\n // margin: 0;\n // word-break: break-word;\n // }\n\n // .tryit_ticket_wrapper p:first-child{\n // bottom: 3px;\n // }\n"]))),dn=F.default.div(r||(r=tn(["\n width: 40px;\n height: 40px;\n float: left;\n background: #fff;\n border-radius: 50px;\n padding: 2px;\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n\n img {\n width: 36px;\n height: 36px;\n border-radius: 50%;\n }\n\n svg {\n width: 48px;\n height: 48px;\n }\n"]))),sn=F.default.div(a||(a=tn(["\n width: 100%;\n height: 76px;\n display: flex;\n align-items: center;\n padding: 0 12px 0 22px;\n background: #ffd15c;\n border-top-left-radius: 10px;\n border-top-right-radius: 10px;\n background-position: right;\n background-size: contain;\n justify-content: space-between;\n box-sizing: border-box;\n\n @media (min-width: 2160px) {\n height: ",";\n }\n @media (min-width: 2560px) {\n height: ",";\n gap: 0px 10px;\n padding: 0 22px 0 26px;\n }\n @media (min-width: 3840px) {\n height: ",";\n padding: 0 24px 0 28px;\n border-top-left-radius: 20px;\n border-top-right-radius: 20px;\n }\n\n @media (max-width: 1920px) {\n height: ",";\n }\n @media (max-width: 1680px) {\n height: ",";\n }\n @media (max-width: 1280px) {\n height: ",";\n }\n\n "," {\n @media (min-width: 2160px) {\n width: ",";\n height: ",";\n }\n @media (min-width: 2560px) {\n width: ",";\n height: ",";\n }\n @media (min-width: 3840px) {\n width: ",";\n height: ",";\n }\n\n @media (max-width: 1920px) {\n width: ",";\n height: ",";\n }\n @media (max-width: 1680px) {\n width: ",";\n height: ",";\n }\n @media (max-width: 1280px) {\n width: ",";\n height: ",";\n }\n\n img {\n @media (min-width: 2160px) {\n width: ",";\n height: ",";\n }\n @media (min-width: 2560px) {\n width: ",";\n height: ",";\n }\n @media (min-width: 3840px) {\n width: ",";\n height: ",";\n }\n\n @media (max-width: 1920px) {\n width: ",";\n height: ",";\n }\n @media (max-width: 1680px) {\n width: ",";\n height: ",";\n }\n @media (max-width: 1280px) {\n width: ",";\n height: ",";\n }\n }\n }\n"])),function(n){return en(n.size,"86px","96px","110px")},function(n){return en(n.size,"120px","138px","152px")},function(n){return en(n.size,"180px","198px","224px")},function(n){return en(n.size,"90px","99px","112px")},function(n){return en(n.size,"76px","89px","92px")},function(n){return en(n.size,"60px","69px","76px")},dn,function(n){return en(n.size,"52px","56px","60px")},function(n){return en(n.size,"52px","58px","60px")},function(n){return en(n.size,"64px","72px","80px")},function(n){return en(n.size,"64px","72px","80px")},function(n){return en(n.size,"92px","104px","116px")},function(n){return en(n.size,"92px","104px","116px")},function(n){return en(n.size,"46px","52px","58px")},function(n){return en(n.size,"46px","52px","58px")},function(n){return en(n.size,"40px","46px","48px")},function(n){return en(n.size,"40px","46px","48px")},function(n){return en(n.size,"32px","36px","40px")},function(n){return en(n.size,"32px","36px","40px")},function(n){return en(n.size,"46px","52px","54px")},function(n){return en(n.size,"46px","52px","53px")},function(n){return en(n.size,"54px","60px","70px")},function(n){return en(n.size,"54px","60px","70px")},function(n){return en(n.size,"80px","92px","96px")},function(n){return en(n.size,"80px","92px","96px")},function(n){return en(n.size,"40px","46px","48px")},function(n){return en(n.size,"40px","46px","48px")},function(n){return en(n.size,"35px","40px","42px")},function(n){return en(n.size,"35px","40px","42px")},function(n){return en(n.size,"27px","30px","35px")},function(n){return en(n.size,"27px","30px","35px")}),ln=F.default.div(x||(x=tn(["\n width: 82%;\n display: flex;\n flex-direction: column;\n margin-top: 4px;\n"]))),un=F.default.div(o||(o=tn(["\n width: 15%;\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n span:first-child {\n margin-right: 6px;\n\n @media (min-width: 3840px) {\n margin-right: 12px;\n }\n @media (max-width: 1920px) {\n margin-right: 8px;\n }\n @media (max-width: 1280px) {\n margin-right: 12px;\n }\n }\n .restart,\n .close_section {\n @media (min-width: 2160px) {\n width: ",";\n height: ",";\n }\n @media (min-width: 2560px) {\n width: ",";\n height: ",";\n }\n @media (min-width: 3840px) {\n width: ",";\n height: ",";\n }\n\n @media (max-width: 1920px) {\n width: ",";\n height: ",";\n }\n @media (max-width: 1680px) {\n width: ",";\n height: ",";\n }\n @media (max-width: 1280px) {\n width: ",";\n height: ",";\n }\n\n svg {\n @media (min-width: 2160px) {\n width: ",";\n height: ",";\n }\n @media (min-width: 2560px) {\n width: ",";\n height: ",";\n }\n @media (min-width: 3840px) {\n width: ",";\n height: ",";\n }\n\n @media (max-width: 1920px) {\n width: ",";\n height: ",";\n }\n @media (max-width: 1680px) {\n width: ",";\n height: ",";\n }\n @media (max-width: 1280px) {\n width: ",";\n height: ",";\n }\n }\n }\n\n .close_section {\n label {\n right: -8px;\n min-width: 65px;\n }\n }\n"])),function(n){return en(n.size,"30px","32px","36px")},function(n){return en(n.size,"30px","32px","36px")},function(n){return en(n.size,"36px","40px","44px")},function(n){return en(n.size,"36px","40px","44px")},function(n){return en(n.size,"52px","58px","66px")},function(n){return en(n.size,"53px","58px","66px")},function(n){return en(n.size,"26px","29px","33px")},function(n){return en(n.size,"26px","29px","33px")},function(n){return en(n.size,"22px","26px","28px")},function(n){return en(n.size,"22px","26px","28px")},function(n){return en(n.size,"18px","20px","22px")},function(n){return en(n.size,"18px","20px","22px")},function(n){return en(n.size,"26px","30px","34px")},function(n){return en(n.size,"26px","30px","34px")},function(n){return en(n.size,"36px","40px","44px")},function(n){return en(n.size,"36px","40px","44px")},function(n){return en(n.size,"52px","58px","66px")},function(n){return en(n.size,"53px","58px","66px")},function(n){return en(n.size,"26px","29px","33px")},function(n){return en(n.size,"26px","29px","33px")},function(n){return en(n.size,"22px","26px","28px")},function(n){return en(n.size,"22px","26px","28px")},function(n){return en(n.size,"18px","20px","22px")},function(n){return en(n.size,"18px","20px","22px")}),mn=F.default.div(d||(d=tn(["\n width: 89%;\n display: flex;\n flex-direction: column;\n padding-left: 0px;\n position: relative;\n justify-content: space-between;\n flex-direction: row;\n\n @media (min-width: 2160px) {\n width: 88%;\n }\n @media (min-width: 2560px) {\n width: 91.5%;\n }\n @media (min-width: 3840px) {\n width: 89.5%;\n }\n\n span {\n position: relative;\n width: 20px;\n height: 20px;\n\n @media (min-width: 2160px) {\n width: 28px;\n height: 28px;\n }\n @media (min-width: 2560px) {\n width: 28px;\n height: 28px;\n }\n }\n\n svg {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"]))),cn=F.default.p(s||(s=tn(['\n font-family: "Inter", "Open Sans";\n margin: 0;\n width: 100%;\n color: #000;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n // font-size: 13px;\n\n @media (min-width: 2160px) {\n font-size: ',";\n }\n @media (min-width: 2560px) {\n font-size: ",";\n }\n @media (min-width: 3840px) {\n font-size: ",";\n }\n\n @media (max-width: 1920px) {\n font-size: ",";\n }\n @media (max-width: 1680px) {\n font-size: ",";\n }\n @media (max-width: 1280px) {\n font-size: ",";\n margin-left: 3px;\n }\n"])),function(n){return en(n.size,"15px","16px","18px")},function(n){return en(n.size,"18px","22px","26px")},function(n){return en(n.size,"30px","32px","36px")},function(n){return en(n.size,"15px","16px","18px")},function(n){return en(n.size,"13px","14px","15px")},function(n){return en(n.size,"9px","11px","13px")}),fn=F.default.div(l||(l=tn(['\n width: 85%;\n max-width: max-content;\n padding: 12px 10px 8px 16px !important;\n margin-left: 14px;\n margin-top: 14px;\n font-family: "Inter", "Open Sans";\n white-space: pre-wrap;\n box-sizing: border-box;\n word-break: break-word;\n border-radius: 0px 6px 6px 6px;\n color: #333;\n position: relative;\n background: #f2f4f7 0% 0% no-repeat padding-box;\n box-shadow: 0px 3px 5px #00000029;\n border-radius: 0px 10px 10px 10px;\n // font-size: 13px;\n\n @media (min-width: 2160px) {\n font-size: ',";\n padding: ",";\n margin-left: ",";\n margin-top: ",";\n }\n @media (min-width: 2560px) {\n font-size: ",";\n padding: ",";\n margin-left: ",";\n margin-top: ",";\n }\n @media (min-width: 3840px) {\n font-size: ",";\n padding: ",";\n margin-left: ",";\n margin-top: ",";\n }\n\n @media (max-width: 1920px) {\n font-size: ",";\n padding: ",";\n margin-left: ",";\n margin-top: ",";\n }\n @media (max-width: 1680px) {\n font-size: ",";\n padding: ",";\n margin-left: ",";\n margin-top: ",";\n }\n @media (max-width: 1280px) {\n font-size: ",";\n padding: ",";\n margin-left: ",";\n margin-top: ",';\n }\n\n svg {\n width: 6px;\n height: 6px;\n top: 0px;\n left: -6px;\n position: absolute;\n color: #fff;\n }\n @media (max-width: 1736px) {\n padding: 8px;\n }\n @media (max-width: 1600px) {\n padding: 5px 8px;\n }\n .timestamp {\n color: #888;\n // font-size: 10px;\n font-family: "Inter", "Open Sans";\n position: relative;\n bottom: 0px;\n text-transform: uppercase;\n\n @media (min-width: 2160px) {\n font-size: ',";\n }\n @media (min-width: 2560px) {\n font-size: ",";\n }\n @media (min-width: 3840px) {\n font-size: ",";\n }\n\n @media (max-width: 1920px) {\n font-size: ",";\n }\n @media (max-width: 1680px) {\n font-size: ",";\n }\n @media (max-width: 1280px) {\n font-size: ",';\n }\n }\n\n .widget_title {\n gap: 0 8px;\n align-items: center;\n margin-bottom: 2px;\n display: flex;\n margin-bottom: 4px;\n\n h6 {\n // font-size: 13px;\n font-family: "Inter", "Open Sans";\n color: #333;\n margin: 0;\n\n @media (min-width: 2160px) {\n font-size: ',";\n }\n @media (min-width: 2560px) {\n font-size: ",";\n }\n @media (min-width: 3840px) {\n font-size: ",";\n }\n\n @media (max-width: 1920px) {\n font-size: ",";\n }\n @media (max-width: 1680px) {\n font-size: ",";\n }\n @media (max-width: 1280px) {\n font-size: ",';\n }\n }\n }\n\n .chatAssistant_one {\n h6 {\n font-size: 16px;\n font-family: "Inter", "Open Sans";\n color: #555;\n margin: 16px 0 0;\n font-style: italic;\n }\n ol {\n margin: 0;\n padding: 4px 0 0 2px;\n list-style: none;\n li {\n color: #1d48eb;\n font-size: 16px;\n font-family: "Inter", "Open Sans";\n margin-bottom: 4px;\n a {\n text-decoration: none;\n cursor: pointer;\n :hover {\n text-decoration: underline;\n }\n }\n }\n }\n p {\n margin: 6px 0 0;\n }\n }\n\n .wid_message {\n font-size: 16px;\n font-family: "Inter", "Open Sans";\n }\n'])),function(n){return en(n.size,"17px","19px","22px")},function(n){return en(n.size,"12px 10px 8px 16px !important","12px 10px 8px 28px !important","12px 10px 8px 20px !important")},function(n){return en(n.size,"22px","22px","26px")},function(n){return en(n.size,"32px","34px","40px")},function(n){return en(n.size,"20px","22px","26px")},function(n){return en(n.size,"20px 28px 16px 16px !important","20px 28px 16px 26px !important","20px 28px 16px 26px !important")},function(n){return en(n.size,"22px","24px","30px")},function(n){return en(n.size,"30px","36px","45px")},function(n){return en(n.size,"30px","34px","36px")},function(n){return en(n.size,"24px 38px 16px 42px !important","24px 38px 16px 42px !important","24px 38px 16px 42px !important")},function(n){return en(n.size,"26px","30px","36px")},function(n){return en(n.size,"45px","50px","60px")},function(n){return en(n.size,"15px","17px","18px")},function(n){return en(n.size,"12px 10px 8px 28px !important","12px 10px 8px 28px !important","12px 10px 8px 20px !important")},function(n){return en(n.size,"22px","22px","22px")},function(n){return en(n.size,"32px","34px","34px")},function(n){return en(n.size,"13px","15px","15px")},function(n){return en(n.size,"12px 10px 8px 18px !important","12px 10px 8px 20px !important","12px 10px 8px 22px !important")},function(n){return en(n.size,"14px","16px","18px")},function(n){return en(n.size,"26px","26px","26px")},function(n){return en(n.size,"10px","11px","13px")},function(n){return en(n.size,"12px 10px 8px 16px !important","12px 10px 8px 16px !important","12px 10px 8px 16px !important")},function(n){return en(n.size,"16px","16px","16px")},function(n){return en(n.size,"22px","22px","22px")},function(n){return en(n.size,"16px","19px","21px")},function(n){return en(n.size,"14px","16px","20px")},function(n){return en(n.size,"24px","26px","30px")},function(n){return en(n.size,"12px","13px","15px")},function(n){return en(n.size,"10px","12px","13px")},function(n){return en(n.size,"7px","8px","10px")},function(n){return en(n.size,"16px","18px","22px")},function(n){return en(n.size,"16px","18px","24px")},function(n){return en(n.size,"28px","30px","32px")},function(n){return en(n.size,"14px","15px","16px")},function(n){return en(n.size,"12px","14px","14px")},function(n){return en(n.size,"8px","9px","12px")}),hn=F.default.div(u||(u=tn(['\n width: 100%;\n\n padding: 1px 10px 8px 10px !important;\n margin-left: 14px;\n margin-top: 20px;\n font-family: "Inter", "Open Sans";\n white-space: pre-wrap;\n box-sizing: border-box;\n word-break: break-word;\n border-radius: 0px 6px 6px 6px;\n color: #333;\n // position: relative;\n background: #f6f8fa 0% 0% no-repeat padding-box;\n box-shadow: 0px 3px 5px #00000029;\n border: 1px solid lightgrey;\n // border-radius: 0px 10px 10px 10px;\n']))),gn=F.default.div(m||(m=tn(["\n width: 100%;\n float: left;\n display: flex;\n\n "," {\n position: absolute;\n z-index: 1;\n // width: 20px;\n // height: 20px;\n border: 1px solid #cecece;\n\n @media (min-width: 2160px) {\n width: ",";\n height: ",";\n }\n @media (min-width: 2560px) {\n width: ",";\n height: ",";\n }\n @media (min-width: 3840px) {\n width: ",";\n height: ",";\n }\n\n @media (max-width: 1920px) {\n width: ",";\n height: ",";\n }\n @media (max-width: 1680px) {\n width: ",";\n height: ",";\n }\n @media (max-width: 1280px) {\n width: ",";\n height: ",";\n }\n\n img {\n // width: 24px;\n // height: 24px;\n\n @media (min-width: 2160px) {\n width: ",";\n height: ",";\n }\n @media (min-width: 2560px) {\n width: ",";\n height: ",";\n }\n @media (min-width: 3840px) {\n width: ",";\n height: ",";\n }\n\n @media (max-width: 1920px) {\n width: ",";\n height: ",";\n }\n @media (max-width: 1680px) {\n width: ",";\n height: ",";\n }\n @media (max-width: 1280px) {\n width: ",";\n height: ",";\n }\n }\n svg {\n width: 18px;\n height: 18px;\n }\n }\n\n .left_arrow {\n transform: rotate(180deg);\n }\n\n .arrows {\n display: flex;\n align-items: center;\n margin-top: 28px;\n img {\n width: 16px;\n height: 32px;\n cursor: pointer;\n\n @media (min-width: 2160px) {\n width: 22px;\n height: 44px;\n }\n @media (min-width: 2560px) {\n width: 27px;\n height: 54px;\n }\n @media (min-width: 3840px) {\n width: 32px;\n height: 64px;\n }\n }\n }\n\n .carousal_wrapper {\n display: flex;\n @media (max-width: 1920px) {\n position: relative;\n left: 10px;\n }\n @media (max-width: 1680px) {\n position: relative;\n left: 0px;\n }\n }\n\n .carousal_container {\n margin-left: auto;\n margin-right: auto;\n overflow: hidden;\n list-style: none;\n padding: 0;\n z-index: 1;\n\n .widget_arrows {\n display: flex;\n align-items: center;\n position: absolute;\n width: 458px;\n justify-content: space-between;\n float: left;\n left: -20px;\n top: 44%;\n\n div:first-child {\n transform: rotate(180deg);\n }\n div:last-child {\n position: relative;\n right: 0px;\n }\n\n img {\n width: 16px;\n height: 32px;\n }\n }\n }\n\n .carousal_slide_container {\n position: relative;\n width: 100%;\n height: 100%;\n z-index: 1;\n display: flex;\n transition-property: transform;\n box-sizing: content-box;\n transition-duration: 300ms;\n\n .tryit_cards {\n width: 97%;\n }\n\n .slide,\n .carousal_slide_container {\n transform: translate3d(0px, 0, 0);\n }\n\n .slide {\n border-radius: 10px;\n width: 100%;\n float: left;\n flex-shrink: 0;\n position: relative;\n transition-property: transform;\n transform: translateZ(0);\n backface-visibility: hidden;\n display: flex;\n flex-direction: column;\n margin-top: 5px;\n box-sizing: border-box;\n overflow: hidden;\n }\n }\n\n .carousal_box_section {\n position: relative;\n width: 100%;\n\n @media (min-width: 2160px) {\n width: ",";\n }\n @media (min-width: 2560px) {\n width: ",";\n }\n @media (min-width: 3840px) {\n width: ",";\n }\n\n @media (max-width: 1920px) {\n left: 3px;\n }\n @media (max-width: 1680px) {\n left: 1px;\n }\n @media (max-width: 1280px) {\n left: 0px;\n }\n }\n\n .adaptive_card_box {\n width: 99.7%;\n flex-direction: row-reverse;\n display: flex;\n background: transparent linear-gradient(180deg, #444444 0%, #222222 100%) 0%\n 0% no-repeat padding-box;\n justify-content: space-evenly;\n border-radius: 10px 11px 0 0;\n align-items: center;\n\n @media (min-width: 2160px) {\n gap: ",";\n height: ",";\n border-radius: ",";\n }\n @media (min-width: 2560px) {\n gap: ",";\n height: ",";\n border-radius: ",";\n }\n @media (min-width: 3840px) {\n gap: ",";\n height: ",";\n border-radius: ",';\n }\n\n .tryit_cards_top_left {\n width: 28px;\n height: 24px;\n margin-right: 0;\n position: relative;\n float: left;\n border: 1px solid rgb(225, 225, 225);\n display: flex;\n align-items: center;\n background: #fff;\n justify-content: center;\n border-radius: 50%;\n\n @media (min-width: 2160px) {\n width: 36px;\n height: 28px;\n }\n @media (min-width: 2560px) {\n width: 46px;\n height: 38px;\n }\n @media (min-width: 3840px) {\n width: 56px;\n height: 48px;\n }\n\n img {\n max-width: 100%;\n height: auto;\n border-radius: 50%;\n }\n }\n }\n\n .chat_adaptiveCard_section {\n margin: 10px 10px 10px 16px;\n width: 100%;\n float: left;\n position: relative;\n\n @media (max-width: 1280px) {\n margin: 4px 10px 10px 16px;\n }\n }\n\n .tryit_cards_top_right {\n position: relative;\n width: 78%;\n float: left;\n padding-left: 0;\n height: 100%;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n padding: 0 4px;\n min-height: 54px;\n\n @media (min-width: 2160px) {\n width: 74%;\n }\n }\n\n .timestamp {\n color: #888;\n font-size: 10px;\n font-family: "Inter", "Open Sans";\n\n @media (min-width: 2160px) {\n font-size: ',";\n }\n @media (min-width: 2560px) {\n font-size: ",";\n }\n @media (min-width: 3840px) {\n font-size: ",";\n }\n\n @media (max-width: 1920px) {\n font-size: ",";\n }\n @media (max-width: 1600px) {\n font-size: ",";\n }\n @media (max-width: 1280px) {\n font-size: ",';\n }\n }\n\n .tryit_cards h4 {\n font-size: 13px;\n margin-top: 10px;\n margin-bottom: 0px;\n font-family: "Inter", "Open Sans";\n width: 100%;\n color: #fff;\n\n @media (min-width: 2160px) {\n font-size: ',";\n }\n @media (min-width: 2560px) {\n font-size: ",";\n }\n @media (min-width: 3840px) {\n font-size: ",";\n margin-top: 16px;\n }\n\n @media (max-width: 1920px) {\n font-size: ",";\n }\n @media (max-width: 1600px) {\n font-size: ",";\n }\n @media (max-width: 1280px) {\n font-size: ",';\n }\n }\n\n .tryit_cards .tryit_cards_top_right p {\n font-size: 12px;\n color: #fff;\n max-width: 100%;\n font-family: "Inter", "Open Sans";\n margin: 0 0 8px 0;\n display: flex;\n\n @media (min-width: 2160px) {\n font-size: ',";\n }\n @media (min-width: 2560px) {\n font-size: ",";\n }\n @media (min-width: 3840px) {\n font-size: ",";\n }\n\n a {\n color: #fff;\n text-decoration: none;\n }\n }\n\n .tryit_ticket_details_wrapper button {\n min-height: 28px;\n }\n\n .tryit_wrapper_card {\n width: 90%;\n margin-left: 12px;\n margin-top: 12px;\n border: none !important;\n\n @media (min-width: 2160px) {\n margin-left: ",";\n margin-top: ",";\n }\n @media (min-width: 2560px) {\n margin-left: ",";\n margin-top: ",";\n }\n @media (min-width: 3840px) {\n margin-left: ",";\n margin-top: ",";\n }\n\n @media (max-width: 1920px) {\n margin-left: ",";\n margin-top: ",";\n }\n @media (max-width: 1680px) {\n margin-left: ",";\n margin-top: ",";\n }\n @media (max-width: 1280px) {\n margin-left: ",";\n margin-top: ",";\n }\n\n @media (max-width: 1280px) {\n margin-left: 16px;\n margin-top: 22px;\n }\n\n .adaptive_tail_icon {\n position: absolute;\n }\n .adaptive_tail_icon svg {\n width: 6px;\n height: 6px;\n top: 0px;\n margin-left: -5px;\n position: absolute;\n }\n\n .tryit_cards {\n margin-top: 0px;\n width: 98.2%;\n min-height: 200px;\n background: #ffffff 0% 0% no-repeat padding-box;\n box-shadow: 0px 3px 6px #00000029 !important;\n border-radius: 10px;\n padding: 12px 30px 12px 0px;\n float: left;\n\n @media (min-width: 2160px) {\n padding: ",";\n width: 99%;\n }\n @media (min-width: 2560px) {\n padding: ",";\n }\n @media (min-width: 3840px) {\n padding: ",";\n }\n\n .widget_title {\n padding-left: 22px;\n }\n\n .tryit_ticket_wrapper {\n padding: 16px 0px 0 16px;\n box-shadow: none;\n width: 95.5%;\n max-height: 164px;\n overflow-y: scroll;\n background: #fff;\n border-radius: 0px 10px 10px 10px;\n float: left;\n\n @media (min-width: 2160px) {\n max-height: ",";\n }\n @media (min-width: 2560px) {\n max-height: ",";\n }\n @media (min-width: 3840px) {\n max-height: ",';\n }\n\n .tryit_ticket_details_wrapper {\n grid-template-columns: auto;\n\n .tryit_ticket_details {\n .tryit_ticket_colun {\n width: auto;\n }\n }\n }\n div:nth-child(3) h6 {\n width: 35%;\n }\n .tryit_ticket_details span {\n position: relative;\n bottom: 0px;\n }\n }\n\n .widget_title {\n gap: 0 8px;\n align-items: center;\n margin-bottom: 2px;\n display: flex;\n\n h6 {\n font-size: 13px;\n font-family: "Inter", "Open Sans";\n color: #333;\n margin: 0;\n\n @media (min-width: 2160px) {\n font-size: ',";\n }\n @media (min-width: 2560px) {\n font-size: ",";\n }\n @media (min-width: 3840px) {\n font-size: ",";\n }\n\n @media (max-width: 1920px) {\n font-size: ",";\n }\n @media (max-width: 1600px) {\n font-size: ",";\n }\n @media (max-width: 1280px) {\n font-size: ",";\n }\n }\n }\n }\n .tryit_cards .tryit_cards_wrapper {\n width: 99%;\n float: left;\n background: #fff;\n border-top: none;\n border-bottom-right-radius: 10px;\n border-bottom-left-radius: 12px;\n border: 1px solid #c8c8c8;\n\n @media (min-width: 2160px) {\n font-size: ",";\n }\n @media (min-width: 2560px) {\n font-size: ",';\n width: 99.4%;\n }\n @media (min-width: 3840px) {\n width: 99.3%;\n }\n }\n\n .tryit_ticket_wrapper.tryit_button_wrapper {\n padding-top: 0px;\n display: flex;\n justify-content: flex-start;\n flex-direction: row;\n flex-wrap: wrap;\n gap: 0 8px;\n margin-bottom: 12px;\n padding-bottom: 6px;\n }\n\n .tryit_button_wrapper .tryit_ticket_details_wrapper {\n left: inherit;\n width: max-content;\n width: 100%;\n\n button {\n margin-top: 0px;\n min-width: unset;\n width: 100%;\n max-width: 100%;\n margin-right: 0px;\n margin-bottom: 6px;\n :hover {\n box-shadow: 0px 3px 5px #00000029;\n }\n }\n }\n }\n\n .tryit_ticket_details_wrapper .tryit_ticket_details {\n flex-direction: row;\n gap: 0 8px;\n align-items: baseline;\n display: flex;\n margin-bottom: 10px;\n }\n .tryit_ticket_wrapper h6 {\n font-size: 12px;\n width: 35%;\n margin: 0;\n font-family: "Inter", "Open Sans";\n\n @media (min-width: 2160px) {\n font-size: ',";\n }\n @media (min-width: 2560px) {\n font-size: ",";\n }\n @media (min-width: 3840px) {\n font-size: ",";\n }\n\n @media (max-width: 1920px) {\n font-size: ",";\n }\n @media (max-width: 1600px) {\n font-size: ",";\n }\n @media (max-width: 1280px) {\n font-size: ",';\n }\n }\n .tryit_ticket_wrapper p {\n font-size: 12px;\n line-height: normal;\n position: relative;\n bottom: 1px;\n width: 60%;\n font-family: "Inter", "Open Sans";\n margin: 0;\n word-break: break-word;\n\n @media (min-width: 2160px) {\n font-size: ',";\n }\n @media (min-width: 2560px) {\n font-size: ",";\n }\n @media (min-width: 3840px) {\n font-size: ",";\n }\n\n @media (max-width: 1920px) {\n font-size: ",";\n }\n @media (max-width: 1600px) {\n font-size: ",";\n }\n @media (max-width: 1280px) {\n font-size: ",";\n }\n }\n\n .tryit_ticket_wrapper p:first-child {\n bottom: 3px;\n }\n"])),dn,function(n){return en(n.size,"36px","42px","46px")},function(n){return en(n.size,"36px","42px","46px")},function(n){return en(n.size,"40px","48px","56px")},function(n){return en(n.size,"40px","48px","56px")},function(n){return en(n.size,"64px","72px","80px")},function(n){return en(n.size,"64px","72px","80px")},function(n){return en(n.size,"32px","36px","40px")},function(n){return en(n.size,"32px","36px","40px")},function(n){return en(n.size,"28px","32px","34px")},function(n){return en(n.size,"28px","32px","34px")},function(n){return en(n.size,"20px","24px","28px")},function(n){return en(n.size,"20px","24px","28px")},function(n){return en(n.size,"32px","40px","44px")},function(n){return en(n.size,"32px","40px","44px")},function(n){return en(n.size,"36px","44px","52px")},function(n){return en(n.size,"36px","44px","52px")},function(n){return en(n.size,"64px","68px","76px")},function(n){return en(n.size,"64px","68px","76px")},function(n){return en(n.size,"32px","34px","38px")},function(n){return en(n.size,"32px","34px","38px")},function(n){return en(n.size,"26px","30px","32px")},function(n){return en(n.size,"26px","30px","32px")},function(n){return en(n.size,"18px","22px","26px")},function(n){return en(n.size,"18px","22px","26px")},function(n){return en(n.size,"94.1%","96%","98.1%")},function(n){return en(n.size,"94.1%","96%","98%")},function(n){return en(n.size,"97%","100%","100%")},function(n){return en(n.size,"4%","6%","6%")},function(n){return en(n.size,"76px","84px","90px")},function(n){return en(n.size,"10px 12px 0 0;","12px 14px 0 0;","16px 18px 0 0;")},function(n){return en(n.size,"4%","6%","6%")},function(n){return en(n.size,"80px","100px","110px")},function(n){return en(n.size,"16px 18px 0 0;","20px 22px 0 0;","20px 22px 0 0;")},function(n){return en(n.size,"8%","10%","10%")},function(n){return en(n.size,"100px","116px","124px")},function(n){return en(n.size,"16px 18px 0 0;","20px 22px 0 0;","20px 22px 0 0;")},function(n){return en(n.size,"12px","12px","16px")},function(n){return en(n.size,"16px","16px","20px")},function(n){return en(n.size,"24px","26px","30px")},function(n){return en(n.size,"12px","13px","15px")},function(n){return en(n.size,"10px","12px","13px")},function(n){return en(n.size,"8px","8px","10px")},function(n){return en(n.size,"16px","16px","21px")},function(n){return en(n.size,"22px","22px","22px")},function(n){return en(n.size,"24px","26px","30px")},function(n){return en(n.size,"12px","13px","15px")},function(n){return en(n.size,"10px","12px","13px")},function(n){return en(n.size,"8px","8px","11px")},function(n){return en(n.size,"14px","16px","18px")},function(n){return en(n.size,"18px","20px","22px")},function(n){return en(n.size,"24px","24px","24px")},function(n){return en(n.size,"28px","28px","28px")},function(n){return en(n.size,"34px","34px","34px")},function(n){return en(n.size,"20px","25px","20px")},function(n){return en(n.size,"30px","45px","30px")},function(n){return en(n.size,"30px","44px","44px")},function(n){return en(n.size,"56px","56px","56px")},function(n){return en(n.size,"22px","22px","22px")},function(n){return en(n.size,"28px","28px","28px")},function(n){return en(n.size,"14px","18px","18px")},function(n){return en(n.size,"22px","28px","28px")},function(n){return en(n.size,"10px","10px","10px")},function(n){return en(n.size,"15px","15px","15px")},function(n){return en(n.size,"12px 30px 12px 0px","12px 30px 12px 0px","12px 36px 12px 2px")},function(n){return en(n.size,"12px 30px 12px 0px","12px 30px 12px 0px","24px 44px 24px 20px")},function(n){return en(n.size,"24px 50px 24px 25px","24px 50px 24px 25px","24px 50px 24px 25px")},function(n){return en(n.size,"186px","190px","230px")},function(n){return en(n.size,"186px","190px","230px")},function(n){return en(n.size,"280px","328px","328px")},function(n){return en(n.size,"16px","18px","22px")},function(n){return en(n.size,"18px","18px","24px")},function(n){return en(n.size,"28px","30px","32px")},function(n){return en(n.size,"14px","15px","16px")},function(n){return en(n.size,"12px","13px","14px")},function(n){return en(n.size,"9px","9px","12px")},function(n){return en(n.size,"20px","21px","22px")},function(n){return en(n.size,"18px","18px","24px")},function(n){return en(n.size,"16px","18px","20px")},function(n){return en(n.size,"18px","18px","24px")},function(n){return en(n.size,"28px","30px","32px")},function(n){return en(n.size,"14px","15px","16px")},function(n){return en(n.size,"12px","13px","14px")},function(n){return en(n.size,"9px","9px","12px")},function(n){return en(n.size,"16px","18px","20px")},function(n){return en(n.size,"18px","18px","24px")},function(n){return en(n.size,"28px","30px","32px")},function(n){return en(n.size,"14px","15px","16px")},function(n){return en(n.size,"12px","13px","14px")},function(n){return en(n.size,"9px","9px","12px")}),wn=F.default.div(c||(c=tn(["\n width: 100%;\n position: relative;\n display: flex;\n\n "," {\n position: absolute;\n z-index: 1;\n // width: 20px;\n // height: 20px;\n border: 1px solid #cecece;\n\n @media (min-width: 2160px) {\n width: ",";\n height: ",";\n }\n @media (min-width: 2560px) {\n width: ",";\n height: ",";\n }\n @media (min-width: 3840px) {\n width: ",";\n height: ",";\n }\n\n @media (max-width: 1920px) {\n width: ",";\n height: ",";\n }\n @media (max-width: 1680px) {\n width: ",";\n height: ",";\n }\n @media (max-width: 1280px) {\n width: ",";\n height: ",";\n }\n\n img {\n // width: 24px;\n // height: 24px;\n\n @media (min-width: 2160px) {\n width: ",";\n height: ",";\n }\n @media (min-width: 2560px) {\n width: ",";\n height: ",";\n }\n @media (min-width: 3840px) {\n width: ",";\n height: ",";\n }\n\n @media (max-width: 1920px) {\n width: ",";\n height: ",";\n }\n @media (max-width: 1680px) {\n width: ",";\n height: ",";\n }\n @media (max-width: 1280px) {\n width: ",";\n height: ",";\n }\n }\n svg {\n width: 18px;\n height: 18px;\n }\n }\n\n .left_arrow {\n transform: rotate(180deg);\n }\n\n .arrows {\n display: flex;\n align-items: center;\n margin-top: 28px;\n img {\n width: 16px;\n height: 32px;\n cursor: pointer;\n\n @media (min-width: 2160px) {\n width: 22px;\n height: 44px;\n }\n @media (min-width: 2560px) {\n width: 27px;\n height: 54px;\n }\n @media (min-width: 3840px) {\n width: 32px;\n height: 64px;\n }\n }\n }\n\n .carousal_wrapper {\n display: flex;\n @media (max-width: 1920px) {\n position: relative;\n left: 10px;\n }\n @media (max-width: 1680px) {\n position: relative;\n left: 0px;\n }\n }\n\n .carousal_container {\n margin-left: auto;\n margin-right: auto;\n overflow: hidden;\n list-style: none;\n padding: 0;\n z-index: 1;\n\n .widget_arrows {\n display: flex;\n align-items: center;\n position: absolute;\n width: 458px;\n justify-content: space-between;\n float: left;\n left: -20px;\n top: 44%;\n\n div:first-child {\n transform: rotate(180deg);\n }\n div:last-child {\n position: relative;\n right: 0px;\n }\n\n img {\n width: 16px;\n height: 32px;\n }\n }\n }\n\n .carousal_slide_container {\n position: relative;\n width: 100%;\n height: 100%;\n z-index: 1;\n display: flex;\n transition-property: transform;\n box-sizing: content-box;\n transition-duration: 300ms;\n\n .tryit_cards {\n width: 97%;\n }\n\n .slide,\n .carousal_slide_container {\n transform: translate3d(0px, 0, 0);\n }\n\n .slide {\n border-radius: 10px;\n width: 100%;\n float: left;\n flex-shrink: 0;\n position: relative;\n transition-property: transform;\n transform: translateZ(0);\n backface-visibility: hidden;\n display: flex;\n flex-direction: column;\n margin-top: 5px;\n box-sizing: border-box;\n overflow: hidden;\n }\n }\n\n .carousal_box_section {\n position: relative;\n width: 100%;\n\n @media (min-width: 2160px) {\n width: ",";\n }\n @media (min-width: 2560px) {\n width: ",";\n }\n @media (min-width: 3840px) {\n width: ",";\n }\n\n @media (max-width: 1920px) {\n left: 3px;\n }\n @media (max-width: 1680px) {\n left: 1px;\n }\n @media (max-width: 1280px) {\n left: 0px;\n }\n }\n\n .adaptive_card_box {\n width: 99.7%;\n flex-direction: row-reverse;\n display: flex;\n background: transparent linear-gradient(180deg, #444444 0%, #222222 100%) 0%\n 0% no-repeat padding-box;\n justify-content: space-evenly;\n border-radius: 10px 11px 0 0;\n align-items: center;\n\n @media (min-width: 2160px) {\n gap: ",";\n height: ",";\n border-radius: ",";\n }\n @media (min-width: 2560px) {\n gap: ",";\n height: ",";\n border-radius: ",";\n }\n @media (min-width: 3840px) {\n gap: ",";\n height: ",";\n border-radius: ",";\n }\n\n .tryit_cards_top_left {\n width: 28px;\n height: 24px;\n margin-right: 0;\n position: relative;\n float: left;\n border: 1px solid rgb(225, 225, 225);\n display: flex;\n align-items: center;\n background: #fff;\n justify-content: center;\n border-radius: 50%;\n\n @media (min-width: 2160px) {\n width: 36px;\n height: 28px;\n }\n @media (min-width: 2560px) {\n width: 46px;\n height: 38px;\n }\n @media (min-width: 3840px) {\n width: 56px;\n height: 48px;\n }\n\n img {\n max-width: 100%;\n height: auto;\n border-radius: 50%;\n }\n }\n }\n\n .chat_adaptiveCard_section {\n margin: 10px 10px 10px 16px;\n width: 100%;\n float: left;\n position: relative;\n\n @media (max-width: 1280px) {\n margin: 4px 10px 10px 16px;\n }\n }\n\n .tryit_cards_top_right {\n position: relative;\n width: 78%;\n float: left;\n padding-left: 0;\n height: 100%;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n padding: 0 4px;\n min-height: 54px;\n\n @media (min-width: 2160px) {\n width: 74%;\n }\n }\n\n .timestamp {\n color: #888;\n font-size: 10px;\n font-family: \"'Inter', 'Open Sans'\";\n\n @media (min-width: 2160px) {\n font-size: ",";\n }\n @media (min-width: 2560px) {\n font-size: ",";\n }\n @media (min-width: 3840px) {\n font-size: ",";\n }\n\n @media (max-width: 1920px) {\n font-size: ",";\n }\n @media (max-width: 1600px) {\n font-size: ",";\n }\n @media (max-width: 1280px) {\n font-size: ",";\n }\n }\n\n .tryit_cards h4 {\n font-size: 13px;\n margin-top: 10px;\n margin-bottom: 0px;\n font-family: \"'Inter', 'Open Sans'\";\n width: 100%;\n color: #fff;\n\n @media (min-width: 2160px) {\n font-size: ",";\n }\n @media (min-width: 2560px) {\n font-size: ",";\n }\n @media (min-width: 3840px) {\n font-size: ",";\n margin-top: 16px;\n }\n\n @media (max-width: 1920px) {\n font-size: ",";\n }\n @media (max-width: 1600px) {\n font-size: ",";\n }\n @media (max-width: 1280px) {\n font-size: ",";\n }\n }\n\n .tryit_cards .tryit_cards_top_right p {\n font-size: 12px;\n color: #fff;\n max-width: 100%;\n font-family: \"'Inter', 'Open Sans'\";\n margin: 0 0 8px 0;\n display: flex;\n\n @media (min-width: 2160px) {\n font-size: ",";\n }\n @media (min-width: 2560px) {\n font-size: ",";\n }\n @media (min-width: 3840px) {\n font-size: ",";\n }\n\n a {\n color: #fff;\n text-decoration: none;\n }\n }\n\n .tryit_ticket_details_wrapper button {\n min-height: 28px;\n }\n\n .tryit_wrapper_card {\n width: 90%;\n margin-left: 12px;\n margin-top: 12px;\n border: none !important;\n\n @media (min-width: 2160px) {\n margin-left: ",";\n margin-top: ",";\n }\n @media (min-width: 2560px) {\n margin-left: ",";\n margin-top: ",";\n }\n @media (min-width: 3840px) {\n margin-left: ",";\n margin-top: ",";\n }\n\n @media (max-width: 1920px) {\n margin-left: ",";\n margin-top: ",";\n }\n @media (max-width: 1680px) {\n margin-left: ",";\n margin-top: ",";\n }\n @media (max-width: 1280px) {\n margin-left: ",";\n margin-top: ",";\n }\n\n @media (max-width: 1280px) {\n margin-left: 16px;\n margin-top: 22px;\n }\n\n .adaptive_tail_icon {\n position: absolute;\n }\n .adaptive_tail_icon svg {\n width: 6px;\n height: 6px;\n top: 0px;\n margin-left: -5px;\n position: absolute;\n }\n\n .tryit_cards {\n margin-top: 0px;\n width: 98.2%;\n min-height: 200px;\n background: #ffffff 0% 0% no-repeat padding-box;\n box-shadow: 0px 3px 6px #00000029 !important;\n border-radius: 10px;\n padding: 12px 30px 12px 0px;\n float: left;\n\n @media (min-width: 2160px) {\n padding: ",";\n width: 99%;\n }\n @media (min-width: 2560px) {\n padding: ",";\n }\n @media (min-width: 3840px) {\n padding: ",";\n }\n\n .widget_title {\n padding-left: 22px;\n }\n\n .tryit_ticket_wrapper {\n padding: 16px 0px 0 16px;\n box-shadow: none;\n width: 95.5%;\n max-height: 164px;\n overflow-y: scroll;\n background: #fff;\n border-radius: 0px 10px 10px 10px;\n float: left;\n\n @media (min-width: 2160px) {\n max-height: ",";\n }\n @media (min-width: 2560px) {\n max-height: ",";\n }\n @media (min-width: 3840px) {\n max-height: ",";\n }\n\n .tryit_ticket_details_wrapper {\n grid-template-columns: auto;\n\n .tryit_ticket_details {\n .tryit_ticket_colun {\n width: auto;\n }\n }\n }\n div:nth-child(3) h6 {\n width: 35%;\n }\n .tryit_ticket_details span {\n position: relative;\n bottom: 0px;\n }\n }\n\n .widget_title {\n gap: 0 8px;\n align-items: center;\n margin-bottom: 2px;\n display: flex;\n\n h6 {\n font-size: 13px;\n font-family: \"'Inter', 'Open Sans'\";\n color: #333;\n margin: 0;\n\n @media (min-width: 2160px) {\n font-size: ",";\n }\n @media (min-width: 2560px) {\n font-size: ",";\n }\n @media (min-width: 3840px) {\n font-size: ",";\n }\n\n @media (max-width: 1920px) {\n font-size: ",";\n }\n @media (max-width: 1600px) {\n font-size: ",";\n }\n @media (max-width: 1280px) {\n font-size: ",";\n }\n }\n }\n }\n .tryit_cards .tryit_cards_wrapper {\n width: 99%;\n float: left;\n background: #fff;\n border-top: none;\n border-bottom-right-radius: 10px;\n border-bottom-left-radius: 12px;\n border: 1px solid #c8c8c8;\n\n @media (min-width: 2160px) {\n font-size: ",";\n }\n @media (min-width: 2560px) {\n font-size: ",";\n width: 99.4%;\n }\n @media (min-width: 3840px) {\n width: 99.3%;\n }\n }\n\n .tryit_ticket_wrapper.tryit_button_wrapper {\n padding-top: 0px;\n display: flex;\n justify-content: flex-start;\n flex-direction: row;\n flex-wrap: wrap;\n gap: 0 8px;\n margin-bottom: 12px;\n padding-bottom: 6px;\n }\n\n .tryit_button_wrapper .tryit_ticket_details_wrapper {\n left: inherit;\n width: max-content;\n width: 100%;\n\n button {\n margin-top: 0px;\n min-width: unset;\n width: 100%;\n max-width: 100%;\n margin-right: 0px;\n margin-bottom: 6px;\n :hover {\n box-shadow: 0px 3px 5px #00000029;\n }\n }\n }\n }\n\n .tryit_ticket_details_wrapper .tryit_ticket_details {\n flex-direction: row;\n gap: 0 8px;\n align-items: baseline;\n display: flex;\n margin-bottom: 10px;\n }\n .tryit_ticket_wrapper h6 {\n font-size: 12px;\n width: 35%;\n margin: 0;\n font-family: \"'Inter', 'Open Sans'\";\n\n @media (min-width: 2160px) {\n font-size: ",";\n }\n @media (min-width: 2560px) {\n font-size: ",";\n }\n @media (min-width: 3840px) {\n font-size: ",";\n }\n\n @media (max-width: 1920px) {\n font-size: ",";\n }\n @media (max-width: 1600px) {\n font-size: ",";\n }\n @media (max-width: 1280px) {\n font-size: ",";\n }\n }\n .tryit_ticket_wrapper p {\n font-size: 12px;\n line-height: normal;\n position: relative;\n bottom: 1px;\n width: 60%;\n font-family: \"'Inter', 'Open Sans'\";\n margin: 0;\n word-break: break-word;\n\n @media (min-width: 2160px) {\n font-size: ",";\n }\n @media (min-width: 2560px) {\n font-size: ",";\n }\n @media (min-width: 3840px) {\n font-size: ",";\n }\n\n @media (max-width: 1920px) {\n font-size: ",";\n }\n @media (max-width: 1600px) {\n font-size: ",";\n }\n @media (max-width: 1280px) {\n font-size: ",";\n }\n }\n\n .tryit_ticket_wrapper p:first-child {\n bottom: 3px;\n }\n"])),dn,function(n){return en(n.size,"36px","42px","46px")},function(n){return en(n.size,"36px","42px","46px")},function(n){return en(n.size,"40px","48px","56px")},function(n){return en(n.size,"40px","48px","56px")},function(n){return en(n.size,"64px","72px","80px")},function(n){return en(n.size,"64px","72px","80px")},function(n){return en(n.size,"32px","36px","40px")},function(n){return en(n.size,"32px","36px","40px")},function(n){return en(n.size,"28px","32px","34px")},function(n){return en(n.size,"28px","32px","34px")},function(n){return en(n.size,"20px","24px","28px")},function(n){return en(n.size,"20px","24px","28px")},function(n){return en(n.size,"32px","40px","44px")},function(n){return en(n.size,"32px","40px","44px")},function(n){return en(n.size,"36px","44px","52px")},function(n){return en(n.size,"36px","44px","52px")},function(n){return en(n.size,"64px","68px","76px")},function(n){return en(n.size,"64px","68px","76px")},function(n){return en(n.size,"32px","34px","38px")},function(n){return en(n.size,"32px","34px","38px")},function(n){return en(n.size,"26px","30px","32px")},function(n){return en(n.size,"26px","30px","32px")},function(n){return en(n.size,"18px","22px","26px")},function(n){return en(n.size,"18px","22px","26px")},function(n){return en(n.size,"94.1%","96%","98.1%")},function(n){return en(n.size,"94.1%","96%","98%")},function(n){return en(n.size,"97%","100%","100%")},function(n){return en(n.size,"4%","6%","6%")},function(n){return en(n.size,"76px","84px","90px")},function(n){return en(n.size,"10px 12px 0 0;","12px 14px 0 0;","16px 18px 0 0;")},function(n){return en(n.size,"4%","6%","6%")},function(n){return en(n.size,"80px","100px","110px")},function(n){return en(n.size,"16px 18px 0 0;","20px 22px 0 0;","20px 22px 0 0;")},function(n){return en(n.size,"8%","10%","10%")},function(n){return en(n.size,"100px","116px","124px")},function(n){return en(n.size,"16px 18px 0 0;","20px 22px 0 0;","20px 22px 0 0;")},function(n){return en(n.size,"12px","12px","16px")},function(n){return en(n.size,"16px","16px","20px")},function(n){return en(n.size,"24px","26px","30px")},function(n){return en(n.size,"12px","13px","15px")},function(n){return en(n.size,"10px","12px","13px")},function(n){return en(n.size,"8px","8px","10px")},function(n){return en(n.size,"16px","16px","21px")},function(n){return en(n.size,"22px","22px","22px")},function(n){return en(n.size,"24px","26px","30px")},function(n){return en(n.size,"12px","13px","15px")},function(n){return en(n.size,"10px","12px","13px")},function(n){return en(n.size,"8px","8px","11px")},function(n){return en(n.size,"14px","16px","18px")},function(n){return en(n.size,"18px","20px","22px")},function(n){return en(n.size,"24px","24px","24px")},function(n){return en(n.size,"28px","28px","28px")},function(n){return en(n.size,"34px","34px","34px")},function(n){return en(n.size,"20px","25px","20px")},function(n){return en(n.size,"30px","45px","30px")},function(n){return en(n.size,"30px","44px","44px")},function(n){return en(n.size,"56px","56px","56px")},function(n){return en(n.size,"22px","22px","22px")},function(n){return en(n.size,"28px","28px","28px")},function(n){return en(n.size,"14px","18px","18px")},function(n){return en(n.size,"22px","28px","28px")},function(n){return en(n.size,"10px","10px","10px")},function(n){return en(n.size,"15px","15px","15px")},function(n){return en(n.size,"12px 30px 12px 0px","12px 30px 12px 0px","12px 36px 12px 2px")},function(n){return en(n.size,"12px 30px 12px 0px","12px 30px 12px 0px","24px 44px 24px 20px")},function(n){return en(n.size,"24px 50px 24px 25px","24px 50px 24px 25px","24px 50px 24px 25px")},function(n){return en(n.size,"186px","190px","230px")},function(n){return en(n.size,"186px","190px","230px")},function(n){return en(n.size,"280px","328px","328px")},function(n){return en(n.size,"16px","18px","22px")},function(n){return en(n.size,"18px","18px","24px")},function(n){return en(n.size,"28px","30px","32px")},function(n){return en(n.size,"14px","15px","16px")},function(n){return en(n.size,"12px","13px","14px")},function(n){return en(n.size,"9px","9px","12px")},function(n){return en(n.size,"20px","21px","22px")},function(n){return en(n.size,"18px","18px","24px")},function(n){return en(n.size,"16px","18px","20px")},function(n){return en(n.size,"18px","18px","24px")},function(n){return en(n.size,"28px","30px","32px")},function(n){return en(n.size,"14px","15px","16px")},function(n){return en(n.size,"12px","13px","14px")},function(n){return en(n.size,"9px","9px","12px")},function(n){return en(n.size,"16px","18px","20px")},function(n){return en(n.size,"18px","18px","24px")},function(n){return en(n.size,"28px","30px","32px")},function(n){return en(n.size,"14px","15px","16px")},function(n){return en(n.size,"12px","13px","14px")},function(n){return en(n.size,"9px","9px","12px")}),zn=F.default.div(f||(f=tn(["\n width: 100%;\n float: left;\n display: flex;\n align-items: center;\n margin-bottom: 12px;\n place-self: flex-end;\n position: relative;\n\n svg {\n width: 6px;\n height: 6px;\n top: -1px;\n left: inherit;\n position: absolute;\n right: -7px;\n }\n :last-child {\n margin-bottom: 0px;\n }\n "," {\n @media (min-width: 2160px) {\n width: ",";\n height: ",";\n }\n @media (min-width: 2560px) {\n width: ",";\n height: ",";\n }\n @media (min-width: 3840px) {\n width: ",";\n height: ",";\n }\n\n @media (max-width: 1920px) {\n width: ",";\n height: ",";\n }\n @media (max-width: 1680px) {\n width: ",";\n height: ",";\n }\n @media (max-width: 1280px) {\n width: ",";\n height: ",";\n }\n svg {\n // width: 18px;\n // height: 18px;\n top: 0px;\n left: inherit;\n position: relative;\n right: 0px;\n fill: #617b98;\n\n @media (min-width: 2160px) {\n width: ",";\n height: ",";\n }\n @media (min-width: 2560px) {\n width: ",";\n height: ",";\n }\n @media (min-width: 3840px) {\n width: ",";\n height: ",";\n }\n\n @media (max-width: 1920px) {\n width: ",";\n height: ",";\n }\n @media (max-width: 1680px) {\n width: ",";\n height: ",";\n }\n @media (max-width: 1280px) {\n width: ",";\n height: ",";\n }\n }\n }\n "," {\n margin-left: 0px;\n margin-right: 14px;\n padding: 12px 18px 8px 12px !important;\n color: #000;\n background: #f0f7ff 0% 0% no-repeat padding-box;\n box-shadow: 0px 3px 6px #00000029;\n border-radius: 10px;\n\n @media (min-width: 2160px) {\n margin-right: ",";\n margin-top: ",";\n padding: ",";\n }\n @media (min-width: 2560px) {\n margin-right: ",";\n margin-top: ",";\n padding: ",";\n }\n @media (min-width: 3840px) {\n margin-right: ",";\n margin-top: ",";\n padding: ",";\n }\n\n @media (max-width: 1920px) {\n margin-right: ",";\n margin-top: ",";\n padding: ",";\n }\n @media (max-width: 1280px) {\n margin-right: ",";\n margin-top: ",";\n padding: ",";\n }\n\n .widget_title.user_chat {\n h6 {\n @media (min-width: 2160px) {\n font-size: ",";\n }\n @media (min-width: 2560px) {\n font-size: ",";\n }\n @media (min-width: 3840px) {\n font-size: ",";\n }\n\n @media (max-width: 1920px) {\n font-size: ",";\n }\n @media (max-width: 1600px) {\n font-size: ",";\n }\n @media (max-width: 1280px) {\n font-size: ",";\n }\n }\n\n .timestamp {\n @media (min-width: 2160px) {\n font-size: ",";\n }\n @media (min-width: 2560px) {\n font-size: ",";\n }\n @media (min-width: 3840px) {\n font-size: ",";\n }\n\n @media (max-width: 1920px) {\n font-size: ",";\n }\n @media (max-width: 1600px) {\n font-size: ",";\n }\n @media (max-width: 1280px) {\n font-size: ",";\n }\n }\n }\n }\n "," {\n justify-content: flex-end;\n }\n"])),dn,function(n){return en(n.size,"38px","42px","46px")},function(n){return en(n.size,"38px","42px","46px")},function(n){return en(n.size,"40px","48px","56px")},function(n){return en(n.size,"40px","48px","56px")},function(n){return en(n.size,"64px","72px","80px")},function(n){return en(n.size,"64px","72px","80px")},function(n){return en(n.size,"32px","36px","40px")},function(n){return en(n.size,"32px","36px","40px")},function(n){return en(n.size,"28px","32px","34px")},function(n){return en(n.size,"28px","32px","34px")},function(n){return en(n.size,"20px","24px","28px")},function(n){return en(n.size,"20px","24px","28px")},function(n){return en(n.size,"22px","24px","26px")},function(n){return en(n.size,"22px","24px","26px")},function(n){return en(n.size,"20px","24px","28px")},function(n){return en(n.size,"20px","24px","28px")},function(n){return en(n.size,"32px","36px","40px")},function(n){return en(n.size,"32px","36px","40px")},function(n){return en(n.size,"16px","18px","20px")},function(n){return en(n.size,"16px","18px","20px")},function(n){return en(n.size,"14px","16px","18px")},function(n){return en(n.size,"14px","16px","18px")},function(n){return en(n.size,"10px","12px","14px")},function(n){return en(n.size,"10px","12px","14px")},fn,function(n){return en(n.size,"16px","18px","24px")},function(n){return en(n.size,"20px","24px","36px")},function(n){return en(n.size,"12px 28px 8px 12px !important","12px 28px 8px 12px !important","12px 28px 8px 12px !important")},function(n){return en(n.size,"20px","24px","32px")},function(n){return en(n.size,"28px","36px","36px")},function(n){return en(n.size,"12px 22px 8px 16px !important","12px 24px 8px 18px !important","12px 26px 8px 20px !important")},function(n){return en(n.size,"30px","34px","40px")},function(n){return en(n.size,"46px","54px","60px")},function(n){return en(n.size,"12px 46px 8px 22px !important","12px 46px 8px 22px !important","12px 46px 8px 22px !important")},function(n){return en(n.size,"10px","12px","22px")},function(n){return en(n.size,"14px","18px","30px")},function(n){return en(n.size,"12px 28px 8px 12px !important","12px 28px 8px 12px !important","12px 28px 8px 12px !important")},function(n){return en(n.size,"10px","12px","16px")},function(n){return en(n.size,"14px","18px","18px")},function(n){return en(n.size,"12px 18px 8px 12px !important","12px 18px 8px 12px !important","12px 18px 8px 12px !important")},function(n){return en(n.size,"20px","21px","22px")},function(n){return en(n.size,"18px","18px","24px")},function(n){return en(n.size,"28px","30px","32px")},function(n){return en(n.size,"14px","15px","16px")},function(n){return en(n.size,"12px","13px","14px")},function(n){return en(n.size,"9px","9px","12px")},function(n){return en(n.size,"12px","14px","16x")},function(n){return en(n.size,"16px","16px","20px")},function(n){return en(n.size,"24px","26px","30px")},function(n){return en(n.size,"12px","13px","15px")},function(n){return en(n.size,"10px","12px","13px")},function(n){return en(n.size,"8px","8px","10px")},gn),bn=F.default.p(h||(h=tn(["\n color: #333;\n"]))),_n=F.default.h4(g||(g=tn(["\n color: #000;\n"]))),vn=F.default.div(w||(w=tn(['\n button {\n button {\n min-width: 65px;\n max-width: max-content;\n height: 36px;\n box-shadow: 0px 3px 6px #00000029;\n border: 1px solid #a0a0a0;\n border-radius: 8px;\n background: #ffffff;\n color: #000;\n outline: 0;\n cursor: pointer;\n margin-top: 12px;\n font-size: 14px;\n font-family: "Inter";\n display: flex;\n align-items: center;\n padding: 6px 12px;\n :hover {\n background: #f0f7ff;\n color: #000;\n border: 1px solid #f0f7ff;\n }\n :active {\n background: #f0f7ff;\n color: #000;\n border: 1px solid #f0f7ff;\n }\n\n span {\n width: 100%;\n justify-content: center;\n height: auto;\n }\n }\n }\n']))),yn=F.default.button(z||(z=tn(['\n min-width: 64px;\n max-width: 200px;\n height: 28px;\n box-shadow: 0px 3px 6px #00000029;\n border: 1px solid #a0a0a0;\n border-radius: 8px;\n background: #ffffff;\n color: #000;\n outline: 0;\n cursor: pointer;\n margin-top: 4px;\n font-family: "Inter";\n display: inline-flex;\n align-items: center;\n padding: 6px 12px;\n text-overflow: ellipsis;\n white-space: nowrap !important;\n overflow: hidden;\n // font-size: 12px;\n\n @media (min-width: 2160px) {\n font-size: ',";\n height: ",";\n }\n @media (min-width: 2560px) {\n font-size: ",";\n height: ",";\n }\n @media (min-width: 3840px) {\n font-size: ",";\n height: ",";\n border-radius: 16px;\n }\n\n @media (max-width: 1920px) {\n font-size: ",";\n height: ",";\n }\n @media (max-width: 1600px) {\n font-size: ",";\n height: ",";\n }\n @media (max-width: 1280px) {\n font-size: ",";\n height: ",";\n }\n\n :hover {\n background: #f0f7ff;\n color: #000;\n border: 1px solid #f0f7ff;\n }\n :active {\n background: #f0f7ff;\n color: #000;\n border: 1px solid #f0f7ff;\n }\n\n span {\n width: 100%;\n justify-content: center;\n height: auto;\n text-overflow: ellipsis;\n white-space: nowrap !important;\n overflow: hidden;\n width: 100%;\n padding-top: 2px;\n }\n\n span.slack_integration {\n justify-content: center;\n width: 100%;\n height: 100%;\n }\n label {\n margin-bottom: 0px;\n position: relative;\n top: 1px;\n cursor: pointer;\n color: ",";\n }\n\n span.intergration-delete-button-text {\n float: unset;\n display: unset;\n top: 1px;\n backgroud: #fff;\n }\n span.slack-content,\n span.slack-content-button {\n margin-left: 8px;\n }\n span .teams-intergration-button {\n background: rgb(255, 255, 255);\n border: 1px solid rgb(185, 185, 185);\n color: rgb(51, 51, 51);\n }\n\n .intergration-delete-button-text.delete_no_button {\n baground: #fff;\n border: 1px solid rgb(185, 185, 185);\n color: rgb(51, 51, 51);\n }\n"])),function(n){return en(n.size,"16px","18px","20px")},function(n){return en(n.size,"38px","41px","46px")},function(n){return en(n.size,"18px","20px","24px")},function(n){return en(n.size,"48px","52px","54px")},function(n){return en(n.size,"28px","32px","36px")},function(n){return en(n.size,"48px","58px","68px")},function(n){return en(n.size,"14px","16px","18px")},function(n){return en(n.size,"32px","35px","40px")},function(n){return en(n.size,"12px","13px","14px")},function(n){return en(n.size,"32px","35px","40px")},function(n){return en(n.size,"9px","10px","12px")},function(n){return en(n.size,"32px","35px","40px")},function(n){return n.primary?"#333":"#fff"});exports.Button=yn;var En=F.default.div(b||(b=tn(['\n flex-shrink: 0;\n max-width: 100%;\n background: #fff;\n padding: 8px 16px 4px 16px;\n border-top: 1px solid #e5e5e5;\n border-bottom: 1px solid #e5e5e5;\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n\n .widget_input_message_section {\n display: flex;\n width: 100%;\n align-items: center;\n justify-content: space-between;\n flex-wrap: nowrap;\n\n .widget_input_message_box {\n width: 85%;\n flex-basis: 100%;\n\n textarea {\n border-radius: 3px;\n min-height: 24px;\n max-height: 60px;\n overflow: hidden auto !important;\n overflow-x: hidden !important;\n overflow-y: auto !important;\n padding: 12px 6px 6px 6px;\n position: relative;\n width: 95%;\n word-break: break-word;\n cursor: text;\n border: none;\n background-color: transparent;\n outline: none;\n font-family: "Inter";\n // font-size: 14px !important;\n // margin-top: 5px;\n // line-height: 20px;\n\n @media (min-width: 2160px) {\n height: ',";\n margin-top: ",";\n line-height: ",";\n font-size: ",";\n }\n @media (min-width: 2560px) {\n height: ",";\n font-size: ",";\n margin-top: ",";\n min-height: ",";\n max-height: ",";\n line-height: ",";\n }\n @media (min-width: 3840px) {\n height: ",";\n min-height: ",";\n max-height: ",";\n margin-top: ",";\n line-height: ",";\n font-size: ",";\n }\n\n @media (max-width: 1920px) {\n height: ",";\n margin-top: ",";\n line-height: ",";\n font-size: ",";\n }\n @media (max-width: 1680px) {\n height: ",";\n margin-top: ",";\n font-size: ",";\n }\n @media (max-width: 1280px) {\n font-size: ",";\n margin-top: ",";\n }\n\n :empty {\n overflow-y: hidden;\n }\n\n :empty:after {\n display: block;\n content: attr(placeholder);\n position: relative;\n color: #333;\n background-color: transparent;\n cursor: text;\n user-select: none;\n line-height: 22px;\n height: 18px;\n font-size: 12px;\n }\n }\n }\n }\n\n .send_icon_box {\n position: relative;\n display: flex;\n gap: 0 8px;\n align-items: center;\n margin-top: 5px;\n\n @media (max-width: 1280px) {\n gap: 0 6px;\n }\n\n svg {\n width: 18px;\n height: 18px;\n cursor: pointer;\n fill: #666;\n\n @media (min-width: 2160px) {\n width: ",";\n height: ",";\n }\n @media (min-width: 2560px) {\n width: ",";\n height: ",";\n }\n @media (min-width: 3840px) {\n width: ",";\n height: ",";\n }\n\n @media (max-width: 1920px) {\n width: ",";\n height: ",";\n }\n @media (max-width: 1680px) {\n width: ",";\n height: ",";\n }\n @media (max-width: 1280px) {\n width: ",";\n height: ",";\n }\n }\n }\n"])),function(n){return en(n.size,"28px","40px","52px")},function(n){return en(n.size,"8px","12px","14px")},function(n){return en(n.size,"21px","22px","24px")},function(n){return en(n.size,"20px !important","21px !important","22px !important")},function(n){return en(n.size,"74px","90px","74px")},function(n){return en(n.size,"24px !important","24px !important","24px !important")},function(n){return en(n.size,"12px","6px","18px")},function(n){return en(n.size,"80px","90px","100px")},function(n){return en(n.size,"70px","80px","70px")},function(n){return en(n.size,"36px","54px","36px")},function(n){return en(n.size,"74px","90px","104px !important")},function(n){return en(n.size,"74px","90px","110px !important")},function(n){return en(n.size,"74px","80px","90px !important")},function(n){return en(n.size,"10px","12px","28px")},function(n){return en(n.size,"48px","54px","58px")},function(n){return en(n.size,"30px !important","34px !important","36px !important")},function(n){return en(n.size,"37px","40px","52px")},function(n){return en(n.size,"10px","12px","14px")},function(n){return en(n.size,"20px","22px","24px")},function(n){return en(n.size,"15px !important","17px !important","18px !important")},function(n){return en(n.size,"30px","34px","37px")},function(n){return en(n.size,"4px","6px","8px")},function(n){return en(n.size,"12px !important","15px !important","15px !important")},function(n){return en(n.size,"9px !important","10px !important","12px !important")},function(n){return en(n.size,"4px","6px","8px")},function(n){return en(n.size,"27px","30px","32px")},function(n){return en(n.size,"25px","28px","30px")},function(n){return en(n.size,"28px","32px","36px")},function(n){return en(n.size,"26px","30px","32px")},function(n){return en(n.size,"42px","48px","52px")},function(n){return en(n.size,"38px","44px","48px")},function(n){return en(n.size,"21px","24px","26px")},function(n){return en(n.size,"19px","22px","24px")},function(n){return en(n.size,"18px","21px","22px")},function(n){return en(n.size,"16px","19px","20px")},function(n){return en(n.size,"14px","16px","18px")},function(n){return en(n.size,"13px","15px","16px")}),kn=F.default.div(_||(_=tn(["\n position: fixed;\n bottom: 1rem;\n right: 1.5rem;\n box-sizing: border-box;\n border: 0 solid #e5e7eb;\n\n @media (min-width: 3840px) {\n bottom: 2rem;\n right: 2.5rem;\n }\n @media (max-width: 1920px) {\n bottom: 0.5rem;\n right: 0.8rem;\n }\n @media (max-width: 1680px) {\n bottom: 0.5rem;\n right: 0.8rem;\n }\n @media (max-width: 1280px) {\n bottom: 0.5rem;\n right: 0.8rem;\n }\n\n .close_button {\n @media (min-width: 2160px) {\n width: 54px !important;\n height: 54px !important;\n }\n\n @media (max-width: 1920px) {\n width: 48px !important;\n height: 48px !important;\n }\n @media (max-width: 1680px) {\n width: 40px !important;\n height: 40px !important;\n }\n @media (max-width: 1280px) {\n width: 32px !important;\n height: 32px !important;\n }\n\n border: transparent !important;\n\n svg {\n @media (max-width: 1920px) {\n width: 18px !important;\n height: 18px !important;\n }\n @media (max-width: 1680px) {\n width: 15px !important;\n height: 15px !important;\n }\n @media (max-width: 1280px) {\n width: 12px !important;\n height: 12px !important;\n }\n }\n }\n"]))),Sn=F.default.span(v||(v=tn(["\n width: 76px;\n height: 76px;\n float: left;\n border-radius: 50%;\n fill: #000;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n\n @media (min-width: 2160px) {\n width: 60px;\n height: 60px;\n }\n @media (min-width: 2560px) {\n width: 70px;\n height: 70px;\n }\n @media (min-width: 3480px) {\n width: 80px;\n height: 80px;\n }\n\n label {\n position: absolute;\n background: #fff;\n padding: 2px 4px;\n border-radius: 4px;\n top: -20px;\n display: none;\n font-size: 12px;\n color: #555;\n min-width: 80px;\n text-align: center;\n transition: 0.3s;\n }\n\n svg {\n width: 14px;\n height: 14px;\n cursor: pointer;\n\n @media (min-width: 2160px) {\n width: 24px;\n height: 24px;\n }\n @media (min-width: 2560px) {\n width: 32px;\n height: 32px;\n }\n @media (min-width: 3480px) {\n width: 38px;\n height: 38px;\n }\n }\n\n :hover label {\n display: block;\n transition: 0.3s;\n }\n"]))),Cn=F.default.div(y||(y=tn(['\n width: 100%;\n float: left;\n position: relative;\n left: 3.5%;\n display: flex;\n margin-top: 2px;\n flex-wrap: wrap;\n gap: 0 10px;\n\n button {\n min-width: 64px;\n max-width: 400px;\n height: 28px;\n box-shadow: 0px 3px 6px #00000029;\n border: 1px solid #A0A0A0;\n border-radius: 8px;\n background: #FFFFFF;\n color: #000;\n outline: 0;\n cursor: pointer;\n margin-top: 12px;\n font-size: 12px;\n font-family: "Inter";\n display: inline-flex;\n align-items: center;\n padding: 6px 12px;\n \n\n @media (max-width: 1280px) {\n min-width: auto;\n }\n\n text-overflow: ellipsis;\n white-space: nowrap !important;\n overflow: hidden;\n\n :hover {\n background: #F0F7FF;\n color: #000;\n border: 1px solid #F0F7FF;\n }\n :active {\n background: #F0F7FF;\n color: #000;\n border: 1px solid #F0F7FF;\n }\n \n span{\n width: 100%;\n justify-content: center;\n height: auto;\n text-overflow: ellipsis;\n white-space: nowrap !important;\n overflow: hidden;\n width: 100%;\n padding-top: 2px; \n }\n }\n }\n']))),Nn={maxHeight:"90px",minHeight:"38px",resize:"none",padding:"9px",boxSizing:"border-box",fontSize:"13px",width:"100%",border:"none",overflow:"hidden",overflowWrap:"break-word",textAlign:"start",height:"38px",fontFamily:"Inter"},On=function(n){var t,e,i,p=n.endpoint,r=n.widget_id,a=n.authToken,x=n.newToken,o=n.openByDefault,d=n.userDetails,s=n.widget_size,l=n.style,u=Y((0,k.useState)(null==N?void 0:N.source_id),2),m=u[0],c=u[1],f=Y((0,k.useState)(!1),2),h=f[0],g=f[1],w=Y((0,k.useState)(null==N?void 0:N.workspace),2),z=(w[0],w[1],Y((0,k.useState)(),2)),b=z[0],_=z[1],v=(0,M.default)({endpoint:p,widget_id:r,authToken:a,newToken:x,userDetails:d,sourceState:m}),y=(v.connected,v.messages),E=v.sendMessage,C=v.sendFeedback,N=v.widget,O=v.restart,F=v.exit,D=v.isTypingEnd,L=v.onFileUpload;console.log("widget",N);var A=null===(t=y[0])||void 0===t?void 0:null===(e=t.message)||void 0===e?void 0:null===(i=e.system)||void 0===i?void 0:i.conversationId,R=Y((0,k.useState)(o),2),W=R[0],q=R[1],B=Y((0,k.useState)(!1),2),H=B[0],V=B[1],G=Y((0,k.useState)(!1),2),U=G[0],Z=G[1],J=(0,k.useRef)(null);return(0,k.useEffect)(function(){void 0!==(null==N?void 0:N.source_id)&&c(null==N?void 0:N.source_id)},[N]),(0,k.useEffect)(function(){null!=N&&N.id&&I.default.get("".concat(p,"/public/").concat(null==N?void 0:N.workspace,"/").concat(N.id,"/form")).then(function(n){_(n.data)}).catch(function(n){console.error("Error fetching form:",n)})},[null==N?void 0:N.id,U]),(0,k.useEffect)(function(){J.current&&J.current.scroll(0,J.current.scrollHeight)}),N?k.default.createElement(S.ScaleSizeProvider,{widgetSize:s},k.default.createElement(pn,{size:s,className:"widget_preview"},W?k.default.createElement(an,{className:"widget_chat"},k.default.createElement(Hn,{widget:N,onClick:function(){return q(!W)},open:W,restart:O,exit:F,logoshape:l.logo_shape}),k.default.createElement(P.EndPointProvider,{endpoint:p},k.default.createElement(xn,{size:s,clsassName:"widget_chat_content",ref:J},k.default.createElement(Mn,{sourceState:m,messages:y,sendMessage:E,sendFeedback:C,widget:N,style:l}),"new_user"===m&&1==N.user_consent&&k.default.createElement(T.default,{formData:b,conversationId:A,widget:N,enableConsent:h,setEnableConsent:g,isVisible:H,setIsVisible:V,setSourceState:c,userDetails:d}),m&&"string"==typeof m&&m.includes("browser")&&b&&null!==(null==N?void 0:N.lead_form_id)||0==N.user_consent&&"new_user"==m&&null!==(null==N?void 0:N.lead_form_id)&&b?k.default.createElement(k.default.Fragment,null,k.default.createElement(wn,null,k.default.createElement(dn,{style:{borderRadius:"50%",top:"2px",height:"24.9px",width:"24px"}},k.default.createElement("img",{alt:"logo",src:N&&N.logo_url||"https://workativ-asssistant-widget-images.s3.amazonaws.com/chat_logo.png",style:{width:"26px",height:"26px"}})),k.default.createElement(hn,null,k.default.createElement(j.default,{formData:b,conversationId:A,widget:N,workspace:null==N?void 0:N.workspace,setFormSubmit:Z,setSourceState:c})))):null)),k.default.createElement(Fn,{sourceState:m,sendMessage:E,onFileUpload:L,widget:N,messages:y,isTypingEnd:D})):null,k.default.createElement(Xn,{onClick:function(){return q(!W)},widget:N,open:W,logoshape:l.logo_shape,logosize:l.logo_size.size,logoborder:l.logo_border,widget_size:s},k.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 28.4 28.4",xmlSpace:"preserve"},k.default.createElement("path",{d:"M1.2 28.4c-.7 0-1.2-.5-1.2-1.2 0-.3.1-.6.3-.8L26.4.3c.5-.5 1.2-.4 1.7 0 .4.5.4 1.2 0 1.6L2 28.1c-.2.2-.5.3-.8.3z"}),k.default.createElement("path",{d:"M27.3 28.4c-.3 0-.6-.1-.8-.3L.3 2C-.1 1.5-.1.8.4.3.9-.1 1.6-.1 2 .3l26.1 26.1c.5.5.5 1.2 0 1.7-.2.2-.5.3-.8.3z"}))))):null},Fn=function(n){var t=n.sourceState,e=n.sendMessage,i=n.widget,p=(n.messages,n.isTypingEnd),r=n.onFileUpload,a=Y((0,k.useState)(""),2),x=a[0],o=a[1],d=Y((0,k.useState)(!0),2),s=d[0],l=d[1],u=function(){x.trim()&&e(x),o("")};(0,k.useEffect)(function(){l(p)},[p]);var m=(0,k.useRef)(null),c=(0,k.useRef)(null);(0,k.useEffect)(function(){c.current&&(c.current.focus(),(0,C.default)(c.current))},[c.current]);var f=(0,S.useScaleContext)();return k.default.createElement(k.default.Fragment,null,s&&k.default.createElement("p",{className:"tryit_bot_typing font-sans"},i&&i.name," is typing",k.default.createElement("span",null,k.default.createElement("div",{className:"snippet","data-title":".dot-flashing"},k.default.createElement("div",{className:"stage"},k.default.createElement("div",{className:"dot-flashing"}))))),console.log("3420",i),console.log("source state footer",t),!1===(null==i?void 0:i.user_consent)||!0===(null==i?void 0:i.user_consent)&&"string"==typeof t&&t.includes("browser")&&null==(null==i?void 0:i.lead_form_id)||"string"==typeof t&&!t.includes("browser")&&"new_user"!==t&&!0===(null==i?void 0:i.user_consent)&&null!=(null==i?void 0:i.lead_form_id)?k.default.createElement(En,{size:f.widgetSize,className:"widget_input_message"},k.default.createElement("div",{className:"widget_input_message_section"},k.default.createElement("div",{className:"widget_input_message_box"},k.default.createElement("textarea",{placeholder:"Write a message",value:x,onChange:function(n){return o(n.target.value)},onKeyDown:function(n){"Enter"===n.key&&(n.preventDefault(),u(),c.current&&(c.current.style.height="30px",c.current.style.overflow="hidden"))},style:Nn,ref:c,rows:1,id:"typemsg",wrap:"hard"})),k.default.createElement("div",{className:"send_icon_box"},k.default.createElement("span",{className:"attachment_icon",onClick:function(){m.current&&m.current.click()}},k.default.createElement("svg",{x:"0px",y:"0px",viewBox:"0 0 24 24",xmlSpace:"preserve"},k.default.createElement("path",{d:"M4.6 22.3c-1 0-2-.4-2.7-1.1-.8-.8-1.3-1.9-1.2-3 .1-1.2.6-2.3 1.7-3.3L13.8 3.4c1.1-1.1 2.5-1.6 4-1.6s2.9.6 4 1.6c2.2 2.2 2.2 5.7 0 7.9l-10 10c-.3.3-.7.3-1 0-.3-.3-.3-.7 0-1l10-10c1.6-1.6 1.6-4.3 0-5.9-.8-.8-1.8-1.2-3-1.2-1.1 0-2.2.4-3 1.2L3.3 15.8c-.8.8-1.2 1.6-1.2 2.4 0 .7.2 1.4.8 2 1.1 1.1 3 .9 4.3-.5l9.4-9.4c.3-.3.4-.6.4-.9 0-.3-.1-.7-.4-.9-.5-.5-1.3-.5-1.8 0l-8 8c-.3.3-.7.3-1 0-.3-.3-.3-.7 0-1l8-8c1.1-1.1 2.8-1.1 3.8 0 .5.5.8 1.2.8 1.9s-.3 1.4-.8 1.9l-9.4 9.4c-1 1-2.3 1.6-3.6 1.6z",fill:"fillcolor"}))),k.default.createElement("span",{onClick:function(){return u()}},k.default.createElement("input",{type:"file",hidden:!0,ref:m,onChange:r}),k.default.createElement("svg",{x:"0px",y:"0px",viewBox:"0 0 32 32",xmlSpace:"preserve"},k.default.createElement("path",{d:"M24 30c-.2 0-.3 0-.5-.1l-12-7c-.5-.3-.6-.9-.4-1.4.3-.5.9-.6 1.4-.4l10.8 6.3 6.1-24.6L3.2 16l5.6 3.1c.5.3.7.9.4 1.4-.3.5-.9.7-1.4.4l-7.3-4c-.3-.2-.5-.5-.5-.9s.2-.7.6-.9l30-15c.3-.2.8-.1 1.1.1.3.2.4.6.3 1l-7 28c-.1.3-.3.6-.6.7-.1.1-.3.1-.4.1z"}),k.default.createElement("path",{d:"M12 32h-.3c-.4-.1-.7-.5-.7-1v-9c0-.6.4-1 1-1s1 .4 1 1v5.7l2.2-3.3c.3-.5.9-.6 1.4-.3.5.3.6.9.3 1.4l-4 6c-.3.3-.6.5-.9.5z"}),k.default.createElement("path",{d:"M12 23c-.2 0-.5-.1-.7-.3-.4-.4-.4-1-.1-1.4l19-21c.4-.4 1-.4 1.4-.1.4.4.4 1 .1 1.4l-19 21c-.2.3-.4.4-.7.4z"})))))):null,k.default.createElement("div",{className:"widget_footer"},k.default.createElement("p",null,"Powered by ",k.default.createElement("span",null," PagerGPT"))))},Mn=function(n){var t=n.sourceState,e=n.messages,i=n.sendMessage,p=n.sendFeedback,r=n.widget,a=n.style;return k.default.createElement(k.default.Fragment,null,e.map(function(n,e){return k.default.createElement(k.default.Fragment,null,("new_user"==t&&0==r.user_consent||"new_user"!==t)&&k.default.createElement(jn,G({},Z({key:e},n),{sendMessage:i,sendFeedback:p,widget:r,timestamp:n.time,style:a,key:e})))}))},jn=function(n){var t=n.type,e=n.message,i=n.sendMessage,p=n.sendFeedback,r=n.widget,a=n.timestamp,x=n.style;switch(t){case"received":return k.default.createElement(Tn,{message:e,sendMessage:i,sendFeedback:p,widget:r,timestamp:a,style:x});case"sent":return k.default.createElement(In,{timestamp:a,message:e,widget:r,logoshape:x.logo_shape,logosize:x.logo_size.size,logoborder:x.logo_border})}},Tn=function(n){var t=n.message,e=n.sendMessage,i=n.sendFeedback,p=n.widget,r=n.timestamp,a=n.style;(0,S.useScaleContext)();return t.output.map(function(n,x){return k.default.createElement(on,{className:"widget_chat_logs_box",key:x},k.default.createElement(Gn,{key:x,output:n,sendMessage:e,sendFeedback:i,widget:p,timestamp:r,logoshape:a.logo_shape,logosize:a.logo_size.size,logoborder:a.logo_border,event_id:t.event_id}))})},In=function(n){return k.default.createElement(Qn,n)},Pn=function(n){var t=n.widget,e=n.timestamp,i=n.logoshape,p=(0,S.useScaleContext)();return k.default.createElement(gn,{size:p.widgetSize,className:"widget_chat_adaptiveCard"},k.default.createElement(dn,{style:{borderRadius:"box"==i?"5%":"50%"}},k.default.createElement("img",{alt:"logo",src:t&&t.logo_url||"https://workativ-asssistant-widget-images.s3.amazonaws.com/chat_logo.png"})),k.default.createElement("div",{className:"position-realtive tryit_wrapper_card"},k.default.createElement("div",{className:"tryit_cards"},k.default.createElement("div",{className:"flex widget_title single_card_message"},k.default.createElement("h6",null,t&&t.name),k.default.createElement("div",{className:"timestamp"},(0,O.formatTimeAMPM)(e))),k.default.createElement("div",{className:"chat_adaptiveCard_section"},k.default.createElement(Dn,n)))))},Dn=function(n){var t=n.adaptive_card,e=t.title,i=t.logo,p=t.description,r=t.fields,a=t.buttons,x=n.logoshape,o=(0,S.useScaleContext)();return k.default.createElement(k.default.Fragment,null,k.default.createElement("div",{className:"adaptive_card_box"},k.default.createElement("div",{className:"tryit_cards_top_left",style:{borderRadius:"box"==x?"5%":"50%"}},i&&k.default.createElement("img",{src:i,alt:"logo"})),k.default.createElement("div",{className:"tryit_cards_top_right"},k.default.createElement(_n,{className:"widget_chat_adaptiveHeader"},k.default.createElement(E.default,{mdText:(0,N.convertToMDText)(e)})),k.default.createElement(bn,{className:"widget_chat_adaptiverParagraph"},k.default.createElement(E.default,{mdText:(0,N.convertToMDText)(p)})))),k.default.createElement("div",{className:"tryit_cards_wrapper"},k.default.createElement("div",{className:"tryit_cards_left"},k.default.createElement("div",{className:"tryit_ticket_wrapper tryit_content_wrapper"},k.default.createElement("div",{className:"tryit_ticket_details_wrapper"},r.map(function(n,t){var e=n.title,i=n.value;return k.default.createElement("div",{className:"tryit_ticket_details flex",key:t},k.default.createElement("h6",null,k.default.createElement(E.default,{mdText:(0,N.convertToMDText)(e)})," "),k.default.createElement("p",{className:"tryit_ticket_colun"},":"),k.default.createElement("p",null,k.default.createElement(E.default,{mdText:(0,N.convertToMDText)(i)})))}))),k.default.createElement("div",{className:"tryit_ticket_wrapper tryit_button_wrapper"},a.map(function(n,t){var e=n.text,i=n.url;return k.default.createElement(vn,{key:t},k.default.createElement("a",{href:(0,E.evalNormalOrJoinText)((0,N.convertToMDText)(i)),target:"_blank"},k.default.createElement(yn,{type:"button",size:o.widgetSize},k.default.createElement(E.default,{className:"widget_btn_content",mdText:(0,N.convertToMDText)(e)}))))})))))},Ln=function(n){var t=n.adaptive_card,e=t.title,i=t.logo,p=t.description,r=t.fields,a=t.buttons,x=(n.widget,n.timestamp,n.currentSlideEls),o=n.index,d=n.logoshape,s=(0,S.useScaleContext)();return k.default.createElement("div",{className:"slide",ref:function(n){return x&&(x.current[o]=n)}},k.default.createElement("div",{className:"adaptive_card_box"},k.default.createElement("div",{className:"tryit_cards_top_left",style:{borderRadius:"box"==d?"5%":"50%"}},i&&k.default.createElement("img",{src:i,alt:"logo"})),k.default.createElement("div",{className:"tryit_cards_top_right"},k.default.createElement(_n,{className:"widget_chat_adaptiveHeader"},k.default.createElement(E.default,{mdText:(0,N.convertToMDText)(e)})),k.default.createElement(bn,{className:"widget_chat_adaptiverParagraph"},k.default.createElement(E.default,{mdText:(0,N.convertToMDText)(p)})))),k.default.createElement("div",{className:"tryit_cards_wrapper"},k.default.createElement("div",{className:"tryit_cards_left"},k.default.createElement("div",{className:"tryit_ticket_wrapper tryit_content_wrapper"},k.default.createElement("div",{className:"tryit_ticket_details_wrapper"},r.map(function(n,t){var e=n.title,i=n.value;return k.default.createElement("div",{className:"tryit_ticket_details flex",key:t},k.default.createElement("h6",null,k.default.createElement(E.default,{mdText:(0,N.convertToMDText)(e)})," "),k.default.createElement("p",{className:"tryit_ticket_colun"},":"),k.default.createElement("p",null,k.default.createElement(E.default,{mdText:(0,N.convertToMDText)(i)})))}))),k.default.createElement("div",{className:"tryit_ticket_wrapper tryit_button_wrapper"},a.map(function(n,t){var e=n.text,i=n.url;return k.default.createElement(vn,{key:t},k.default.createElement("a",{href:i.value,target:"_blank"},k.default.createElement(yn,{type:"button",size:s.widgetSize},k.default.createElement(E.default,{className:"widget_btn_content",mdText:(0,N.convertToMDText)(e)}))))})))))},An=function(n){return n+1},Rn=function(n,t){return n-t},Wn=function(n){return n-1},qn=function(n,t){return n+t},Bn=function(n){var t=n.widget,e=n.timestamp,i=n.logoshape,p=(n.widget_size,n.carousal.carousal_adaptive_card),r=Y((0,k.useState)({index:0,transformWidth:0}),2),a=r[0],x=r[1],o=(0,k.useRef)([]),d=function(n,t){return function(){var e=n(a.index);if(!(e>=o.current.length||e<0)){var i=o.current[e].offsetWidth;x({index:e,transformWidth:t(a.transformWidth,i)})}}},s=d(An,Rn),l=d(Wn,qn),u=(0,S.useScaleContext)();return k.default.createElement(gn,{size:u.widgetSize,className:"widget_chat_adaptiveCard slider"},k.default.createElement(dn,{style:{borderRadius:"box"==i?"5%":"50%"}},k.default.createElement("img",{alt:"bot_chat_logo",src:t&&t.logo_url||"https://workativ-asssistant-widget-images.s3.amazonaws.com/chat_logo.png"})),k.default.createElement("div",{className:"position-realtive tryit_wrapper_card"},k.default.createElement("div",{className:"tryit_cards"},k.default.createElement("div",{className:"flex widget_title slider_message"},k.default.createElement("h6",null,t&&t.name),k.default.createElement("div",{className:"timestamp"},(0,O.formatTimeAMPM)(e))),k.default.createElement("div",{className:"carousal_wrapper"},k.default.createElement("div",{onClick:l,className:"arrows left"},k.default.createElement("img",{alt:"left_arrow",className:"left_arrow",src:"https://workativ-asssistant-widget-images.s3.amazonaws.com/adaptive_card_arrow.svg",style:0==a.index?{visibility:"hidden"}:null})),k.default.createElement("div",{className:"carousal_box_section"},k.default.createElement("div",{className:"carousal_container"},k.default.createElement("div",{className:"carousal_slide_container",style:{transform:"translate3d(".concat(a.transformWidth,"px, 0px, 0px)")}},p.map(function(n,p){return k.default.createElement(Ln,{widget:t,timestamp:e,adaptive_card:n,logoshape:i,currentSlideEls:o,index:p,key:p})})))),k.default.createElement("div",{onClick:s,className:"arrows"},k.default.createElement("img",{alt:"right_arrow",src:"https://workativ-asssistant-widget-images.s3.amazonaws.com/adaptive_card_arrow.svg",style:a.index==o.current.length-1?{visibility:"hidden"}:null}))))))},Hn=function(n){var t=n.widget,e=(n.onClick,n.open,n.restart),i=n.exit,p=n.logoshape,r=(0,S.useScaleContext)();return k.default.createElement(sn,{className:"widget_chat_top",style:{backgroundColor:t?t.accent_color:"#FFD15C"},size:r.widgetSize},k.default.createElement(dn,{style:{right:6,position:"relative",borderRadius:"box"==p?"5%":"50%"}},k.default.createElement("img",{title:"logo",src:t&&t.logo_url||"https://workativ-asssistant-widget-images.s3.amazonaws.com/chat_logo.png"})),k.default.createElement(mn,null,k.default.createElement(ln,null,k.default.createElement(rn,{style:{color:t.primary_color},size:r.widgetSize},t&&t.name),k.default.createElement(cn,{style:{color:t.primary_color},size:r.widgetSize},t&&t.description)),k.default.createElement(un,{size:r.widgetSize},k.default.createElement("div",{style:{display:"flex",gap:"8px"}},k.default.createElement("button",{onClick:e,style:{color:"".concat(t.primary_color),background:"".concat(t.accent_color),border:"1px solid white",padding:"6px 12px",borderRadius:"8px",height:"28px"}},"Restart"),k.default.createElement("button",{onClick:i,style:{color:"".concat(t.primary_color),background:"".concat(t.accent_color),border:"1px solid white",padding:"6px 12px",borderRadius:"8px",height:"28px"}},"Exit")))))},Vn=function(n){var t=n.output,e=n.sendFeedback,i=n.logoshape,p=n.widget,r=n.timestamp,a=n.event_id,x=n.sendMessage,o=(0,S.useScaleContext)();return k.default.createElement(k.default.Fragment,null,k.default.createElement(gn,{size:o.widgetSize,className:"widget_chat_logs"},k.default.createElement(dn,{style:{borderRadius:"box"==i?"5%":"50%"}},k.default.createElement("img",{alt:"logo",src:p&&p.logo_url||"https://workativ-asssistant-widget-images.s3.amazonaws.com/chat_logo.png"})),k.default.createElement(fn,{size:o.widgetSize},k.default.createElement("div",{className:"flex widget_title chat_assisitant"},k.default.createElement("h6",null,p&&p.name),k.default.createElement("div",{className:"timestamp"},(0,O.formatTimeAMPM)(r))),k.default.createElement("div",null,console.log("output text",t.text),k.default.createElement(E.default,{mdText:t.text})))),k.default.createElement(Jn,{options:t.buttons,sendFeedback:e,sendMessage:x,event_id:a}))},Gn=function(n){var t=n.output,e=t.type,i=H(t,["type"]),p=n.sendMessage,r=n.sendFeedback,a=n.widget,x=n.timestamp,o=n.logoshape,d=(n.logosize,n.logoborder,n.event_id),s=(0,S.useScaleContext)();return console.log("chat assistant",a),"ai_response"===i.response_type?k.default.createElement(Vn,{output:i,sendMessage:p,timestamp:x,widget:a,logoshape:o,sendFeedback:r,event_id:d}):k.default.createElement(k.default.Fragment,null,k.default.createElement(gn,{size:s.widgetSize,className:"widget_chat_logs"},k.default.createElement(dn,{style:{borderRadius:"box"==o?"5%":"50%",width:"24.9px",height:"24px",top:"12px"}},k.default.createElement("img",{alt:"logo",src:a&&a.logo_url||"https://workativ-asssistant-widget-images.s3.amazonaws.com/chat_logo.png"})),k.default.createElement(fn,{size:s.widgetSize},k.default.createElement("div",{className:"flex widget_title chat_assisitant"},k.default.createElement("h6",{style:{fontWeight:"500",fontSize:"12px",fontStyle:"normal",lineHeight:"18px"}},a&&a.name),k.default.createElement("div",{className:"timestamp"},(0,O.formatTimeAMPM)(x))),"text_with_btns"===e?k.default.createElement("div",null,k.default.createElement(E.default,{mdText:i.text})):k.default.createElement("div",null,console.log("output struct",i.value),k.default.createElement(E.default,{mdText:i.value})))),"text_with_btns"===e&&k.default.createElement(Yn,{options:i.buttons,sendMessage:p,widget:a}))},Un=function(n){var t=n.sendMessage,e=(n.widget,n.label),i=n.value,p=(0,S.useScaleContext)();return k.default.createElement(vn,null,k.default.createElement(yn,{type:"button",onClick:function(){t((0,E.evalNormalOrJoinText)(i))},className:"widget_btn",size:p.widgetSize},k.default.createElement(E.default,{mdText:e})))},Zn=function(n){var t=n.label,e=n.action,i=n.sendFeedback,p=n.sendMessage,r=n.event_id,a=(0,S.useScaleContext)();return console.log("labelll",t),k.default.createElement(vn,null,k.default.createElement(yn,{style:{display:"flex",justifyContent:"center",width:"32px",height:"32px",padding:"6px",borderRadius:"9999px",border:"none",marginTop:"8px"},type:"button",onClick:function(){e.contract_action?i("send_satisfied_feedback"===e.contract_action.action?"satisfied":"not_satisfied",r):e.send_rly&&p(e.send_rly)},className:"widget_btn",size:a.widgetSize},console.log("label",t),"Satisfied"===t?k.default.createElement("svg",{xmlns:" http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",width:"24px",height:"24px"},k.default.createElement("path",{d:"M15.1615 7.17025L15.2093 7.04661C15.2927 6.83088 15.3344 6.72298 15.3656 6.62109C15.6691 5.6323 15.4418 4.55693 14.7642 3.7755C14.6943 3.69498 14.6126 3.6132 14.449 3.44965C14.3543 3.35494 14.3069 3.30758 14.265 3.27382C13.8463 2.93673 13.236 2.99095 12.8833 3.39658C12.848 3.4372 12.8097 3.49217 12.7332 3.60209L9.72134 7.92817C9.08193 8.8466 8.76223 9.30581 8.53555 9.8057C8.33438 10.2494 8.18798 10.7159 8.09959 11.1949C8 11.7347 8 12.2942 8 13.4133V15.2006C8 16.8808 8 17.7209 8.32698 18.3626C8.6146 18.9271 9.07354 19.386 9.63803 19.6737C10.2798 20.0006 11.1198 20.0006 12.8 20.0006H16.309C17.7762 20.0006 18.5097 20.0006 19.1014 19.7317C19.6228 19.4946 20.0655 19.1132 20.3771 18.6326C20.7306 18.0872 20.8392 17.3617 21.0562 15.9107L21.5879 12.3557C21.73 11.4061 21.801 10.9312 21.6589 10.562C21.5342 10.2379 21.3009 9.96707 20.9988 9.79578C20.6546 9.60064 20.1745 9.60064 19.2143 9.60064H16.8278C16.4565 9.60064 16.2708 9.60064 16.1339 9.575C15.3205 9.42264 14.7842 8.64037 14.9353 7.82676C14.9607 7.68983 15.0276 7.51663 15.1615 7.17025Z",stroke:"#1EC959",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),k.default.createElement("path",{d:"M3 11.5006C3 10.1199 4.11929 9.00064 5.5 9.00064C6.88071 9.00064 8 10.1199 8 11.5006V17.5006C8 18.8814 6.88071 20.0006 5.5 20.0006C4.11929 20.0006 3 18.8814 3 17.5006V11.5006Z",stroke:"#1EC959",strokeWidth:"1.7",strokeLinecap:"round",strokeLinejoin:"round"})):null,"Not Satisfied"===t?k.default.createElement("svg",{xmlns:" http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",width:"24px",height:"24px"},k.default.createElement("path",{d:"M16 11.0638V12.5C16 13.8807 17.1193 15 18.5 15C19.8807 15 21 13.8807 21 12.5V6.5C21 5.11929 19.8807 4 18.5 4C17.1193 4 16 5.11929 16 6.5V8.26803M16 11.0638C15.9981 11.8772 15.9848 12.3486 15.9004 12.8057C15.812 13.2848 15.6657 13.7513 15.4645 14.1949C15.2378 14.6948 14.9181 15.154 14.2787 16.0725L11.2669 20.3986C11.1903 20.5085 11.1521 20.5634 11.1167 20.6041C10.764 21.0097 10.1537 21.0639 9.73502 20.7268C9.69309 20.6931 9.64573 20.6457 9.55102 20.551C9.38747 20.3874 9.30569 20.3057 9.23586 20.2251C8.55824 19.4437 8.33094 18.3683 8.63439 17.3796C8.66566 17.2777 8.70737 17.1698 8.79074 16.954L8.83852 16.8304C8.97239 16.484 9.03932 16.3108 9.06475 16.1739C9.21585 15.3603 8.67951 14.578 7.86615 14.4256C7.72925 14.4 7.54357 14.4 7.17222 14.4H4.7857C3.82553 14.4 3.34542 14.4 3.00125 14.2049C2.69915 14.0336 2.46584 13.7628 2.34113 13.4387C2.19905 13.0694 2.27007 12.5946 2.4121 11.645L2.94384 8.08995C3.16087 6.63894 3.26938 5.91343 3.62294 5.36807C3.93452 4.88744 4.3772 4.50605 4.89864 4.26899C5.4903 4 6.22388 4 7.69103 4H11.2C12.8802 4 13.7203 4 14.362 4.32698C14.9265 4.6146 15.3854 5.07354 15.673 5.63803C15.9635 6.20815 15.9964 6.93482 16 8.26803M16 11.0638V8.26803",stroke:"#ED3535",strokeWidth:"1.7",strokeLinecap:"round",strokeLinejoin:"round"})):null,"Hand over to Live agent"===t?k.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",color:"blue",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-hand-coins text-brand-primary w-4 h-4"},k.default.createElement("path",{d:"M11 15h2a2 2 0 1 0 0-4h-3c-.6 0-1.1.2-1.4.6L3 17"}),k.default.createElement("path",{d:"m7 21 1.6-1.4c.3-.4.8-.6 1.4-.6h4c1.1 0 2.1-.4 2.8-1.2l4.6-4.4a2 2 0 0 0-2.75-2.91l-4.2 3.9"}),k.default.createElement("path",{d:"m2 16 6 6"}),k.default.createElement("circle",{cx:"16",cy:"9",r:"2.9"}),k.default.createElement("circle",{cx:"6",cy:"5",r:"3"})):null))},Jn=function(n){var t=n.options,e=n.sendFeedback,i=n.sendMessage,p=n.event_id;return k.default.createElement(Cn,null,t.map(function(n,t){var r=n.label,a=n.action;return k.default.createElement(Zn,{label:r,action:a,key:t,sendFeedback:e,sendMessage:i,event_id:p})}))},Yn=function(n){var t=n.options,e=n.sendMessage,i=n.widget;return k.default.createElement(Cn,null,t.map(function(n,t){var p=n.label,r=n.action;return k.default.createElement(Un,{label:p,value:r.send_rly,key:t,sendMessage:e,widget:i})}))},Kn=function(n){var t=n.text.split("\n"),e=t[t.length-1],i=t.slice(0,t.length-1);return console.log("DEBUG",t,e,i.reduce(function(n,t){return[].concat(R(n),[t,k.default.createElement("br",{key:n.length})])},[])),k.default.createElement(k.default.Fragment,null,i.reduce(function(n,t){return[].concat(R(n),[t,k.default.createElement("br",{key:n.length})])},[]),e)},$n=function(n){var t=n.text;return(0,E.parseUrlAndString)(t).map(function(n,t){var e=n.type,i=n.value;return"url"===e?k.default.createElement("a",{href:i,target:"_blank",key:t},i):k.default.createElement(Kn,{text:i,key:t})})},Qn=function(n){var t=n.message,e=t.input,i=t.context,p=i.SYS_UPLOADED_FILE,r=i.SYS_FirstName,a=n.widget,x=n.timestamp,o=n.logoshape,d=(n.logosize,n.logoborder,(0,S.useScaleContext)());return k.default.createElement(zn,{size:d.widgetSize},k.default.createElement(gn,{size:d.widgetSize},k.default.createElement(fn,{size:d.widgetSize,style:{background:a?a.secondary_color:"#fff"}},k.default.createElement("div",{className:"flex widget_title user_chat",style:{color:"#000"}},k.default.createElement("h6",{style:{color:"".concat(a.user_message_text_color),fontSize:"12px",fontStyle:"normal",fontWeight:"500",lineHeight:"18px"}},r),k.default.createElement("div",{className:"timestamp",style:{color:"#fff",gap:0}},(0,O.formatTimeAMPM)(x))),k.default.createElement("div",{style:{color:"".concat(a.user_message_text_color)}},p?"File uploaded":k.default.createElement($n,{text:e.value}))),k.default.createElement(dn,{size:d.widgetSize,style:{borderRadius:"box"==o?"5%":"50%"}},k.default.createElement("svg",{id:"Layer_1",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 58 58",xmlSpace:"preserve"},k.default.createElement("style",null,".st0{fill:currentColor}"),k.default.createElement("g",{id:"Group_7717",transform:"translate(-423 -4549.422)"},k.default.createElement("ellipse",{id:"Ellipse_238",cx:452,cy:4561.2,rx:11.8,ry:11.3}),k.default.createElement("path",{id:"Path_4117",d:"M427.9 4592.4c3.2-8.9 10.7-15.3 24.1-15.3s20.8 6 24.1 15.3v1.2s-8.5 13.5-24.1 13.3-24.1-14.5-24.1-14.5z"}))))))},Xn=function(n){var t=n.widget,e=n.onClick,i=n.open,p=n.logoshape,r=n.logosize,a=n.logoborder,x=(n.widget_size,(0,S.useScaleContext)()),o={backgroundColor:t?t.accent_color:"#FFD15C",borderRadius:"box"==p?"0%":"50%",border:"1px solid ".concat(a.color),height:12*r+62,width:12*r+62,transform:"scale(".concat(x.scale,")"),fill:t.primary_color};return k.default.createElement(kn,{className:"widget_cancel_button"},i?k.default.createElement(Sn,{className:"close_button",style:o,onClick:e},k.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 28.4 28.4",xmlSpace:"preserve"},k.default.createElement("path",{d:"M1.2 28.4c-.7 0-1.2-.5-1.2-1.2 0-.3.1-.6.3-.8L26.4.3c.5-.5 1.2-.4 1.7 0 .4.5.4 1.2 0 1.6L2 28.1c-.2.2-.5.3-.8.3z"}),k.default.createElement("path",{d:"M27.3 28.4c-.3 0-.6-.1-.8-.3L.3 2C-.1 1.5-.1.8.4.3.9-.1 1.6-.1 2 .3l26.1 26.1c.5.5.5 1.2 0 1.7-.2.2-.5.3-.8.3z"}))):k.default.createElement(Sn,{style:o,onClick:e},k.default.createElement("img",{src:t&&t.logo_url||"https://ac-image.s3.amazonaws.com/8/8/7/3/4/1/home/admin/images_for_product/logo.png?r=1663289093",style:"box"==p?{width:"100%",height:"100%",boxShadow:"none"}:{width:"86px",height:"86px"}})))},nt=On;exports.default=nt;
|
|
268
268
|
},{"./md/assistant_md":"gHGY","react":"HdMw","./useScale":"go4Y","autosize":"hl55","./md/md_format_converter":"M0oY","./lib":"BGoO","styled-components":"OuUI","./useWidgetService":"O0SM","./InputConverter":"s3I1","./ConsentPopup":"yhSM","axios":"O4Aa","./useEndpoint":"N386"}],"f4Ny":[function(require,module,exports) {
|
|
269
269
|
module.exports="/inter.fd2364ba.woff2";
|
|
270
270
|
},{}],"l4JY":[function(require,module,exports) {
|
|
271
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getPackageNameAndVersion=exports.data=void 0;var e={name:"pager-widget",version:"0.2.
|
|
271
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getPackageNameAndVersion=exports.data=void 0;var e={name:"pager-widget",version:"0.2.6",description:"",main:"index.js",targets:{default:{sourceMap:{inline:!0}}},scripts:{"build:css":"postcss styles/global.pcss -o static/global.css",watch:"watch 'npm run build:css' .",build:"cross-env NODE_ENV=production parcel build lib.jsx --no-source-maps",test:'echo "Error: no test specified" && exit 1',dev:"cross-env NODE_ENV=development parcel index.html",format:"prettier --write --ignore-unknown",prebuild:"rimraf dist",prepublishOnly:"npm run build:css && npm run build",format_changed_files:"pretty-quick --staged",postinstall:"npm run build:css"},keywords:[],author:"",license:"ISC",dependencies:{"@fullhuman/postcss-purgecss":"^4.0.3","@skitter/assistant_md":"^1.0.1",autoprefixer:"^9.8.7",autosize:"^6.0.1",axios:"^0.21.1","broadcast-channel":"^4.9.0","country-codes-flags-phone-codes":"^1.1.1",deepmerge:"^4.3.1",jsonwebtoken:"^8.5.1",parcel:"^2.0.0-nightly.852",postcss:"^8.3.8","postcss-cli":"^9.0.1","postcss-loader":"^4.0.3","postcss-modules":"^4.2.2","postcss-scopify":"^0.1.9","prop-types":"^15.8.1",react:"^17.0.2","react-device-detect":"^2.2.3","react-dom":"^17.0.2","react-is":"^17.0.2","socket.io-client":"^4.7.5","styled-components":"^5.3.0",tailwindcss:"npm:@tailwindcss/postcss7-compat@^2.2.17","url-parse":"^1.5.1","use-media":"^1.4.0",uuid:"^8.3.2",watch:"^1.0.2"},devDependencies:{"@babel/core":"^7.15.8","babel-plugin-macros":"^3.1.0","cross-env":"^7.0.3",cssnano:"^4.1.11","fast-glob":"^3.2.7","json.macro":"^1.3.0","parcel-bundler":"^1.12.5",prettier:"2.2.1","pretty-quick":"^3.1.0",rimraf:"^3.0.2"},"@parcel/transformer-js":{inlineFS:!1,inlineEnvironment:!1},volta:{node:"14.21.3"}},s=e;exports.data=s;var t=function(){return{name:e.name,version:e.version}};exports.getPackageNameAndVersion=t;
|
|
272
272
|
},{}],"dsgS":[function(require,module,exports) {
|
|
273
273
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e,t=o(require("./static/fonts/inter.woff2")),n=require("styled-components"),r=require("./getVersion");function o(e){return e&&e.__esModule?e:{default:e}}function f(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var a=(0,r.getPackageNameAndVersion)(),i=function(e){return"IN"==e?"https://unpkg.com/".concat(a.name,"@").concat(a.version,"/dist/inter.fd2364ba.woff2"):""},c=(0,n.createGlobalStyle)(e||(e=f(["\n\n\n\n @font-face {\n font-family: 'Inter';\n src: url(",") format('woff2);\n font-weight: 400;\n font-style: normal;\n"])),i("IN")),s=c;exports.default=s;
|
|
274
274
|
},{"./static/fonts/inter.woff2":"f4Ny","styled-components":"OuUI","./getVersion":"l4JY"}],"x9cO":[function(require,module,exports) {
|