pager-widget 0.0.2 → 0.0.3

package/App.jsx

@@ -2551,6 +2551,7 @@ const ReceivedMessage = ({
         logoshape={style.logo_shape}
         logosize={style.logo_size.size}
         logoborder={style.logo_border}
+        event_id={message.event_id}
       />
     </AssistantChat>
   });
@@ -2923,7 +2924,7 @@ const ChatHeaderTop = ({ widget, onClick, open, restart, exit, logoshape }) => {
   );
 };
 
-const AiResponse = ({ output, sendFeedback, logoshape, widget, timestamp }) => {
+const AiResponse = ({ output, sendFeedback, logoshape, widget, timestamp, event_id }) => {
   const scale = useScaleContext();
   return <>
     <MessageBox size={scale.widgetSize} className="widget_chat_logs">
@@ -2949,6 +2950,7 @@ const AiResponse = ({ output, sendFeedback, logoshape, widget, timestamp }) => {
     <AiFeedbackButtonsWrapper
       options={output.buttons}
       sendFeedback={sendFeedback}
+      event_id={event_id}
     />
   </>
 }
@@ -2962,12 +2964,13 @@ const ChatAssistant = ({
   logoshape,
   logosize,
   logoborder,
+  event_id
 }) => {
   // const [hover, setHover] = useState(false);
   // console.log(output, "output");
   const scale = useScaleContext();
   if (outputStruct.response_type === "ai_response") {
-    return <AiResponse output={outputStruct} timestamp={timestamp} widget={widget} logoshape={logoshape} sendFeedback={sendFeedback} />
+    return <AiResponse output={outputStruct} timestamp={timestamp} widget={widget} logoshape={logoshape} sendFeedback={sendFeedback} event_id={event_id} />
   }
   return (
     <>
@@ -3031,9 +3034,8 @@ const WidgetBtn = ({ sendMessage, widget, label, value }) => {
   );
 };
 
-const FeedbackBtn = ({ label, action, sendFeedback }) => {
+const FeedbackBtn = ({ label, action, sendFeedback, event_id }) => {
   // const [hovered, setHovered] = useState(false);
-  console.log("feedback btn ::: awesome ::: ", action)
   const scale = useScaleContext()
   return (
     <WidgetUpdateButton>
@@ -3042,7 +3044,7 @@ const FeedbackBtn = ({ label, action, sendFeedback }) => {
         // onMouseLeave={() => setHovered(false)}
         type="button"
         onClick={() => {
-          sendFeedback(action.contract_action.action === "send_satisfied_feedback" ? "satisfied" : "not_satisfied");
+          sendFeedback(action.contract_action.action === "send_satisfied_feedback" ? "satisfied" : "not_satisfied", event_id);
         }}
         className="widget_btn"
         size={scale.widgetSize}
@@ -3053,7 +3055,7 @@ const FeedbackBtn = ({ label, action, sendFeedback }) => {
   );
 }
 
-const AiFeedbackButtonsWrapper = ({ options, sendFeedback }) => {
+const AiFeedbackButtonsWrapper = ({ options, sendFeedback, event_id }) => {
   return (
     <ButtonWrapper>
       {options.map(({ label, action }, key) => (
@@ -3062,6 +3064,7 @@ const AiFeedbackButtonsWrapper = ({ options, sendFeedback }) => {
           action={action}
           key={key}
           sendFeedback={sendFeedback}
+          event_id={event_id}
         ></FeedbackBtn>
       ))}
     </ButtonWrapper>

package/dist/lib.js

@@ -245,17 +245,17 @@ var e=require("buffer").Buffer;Object.defineProperty(exports,"__esModule",{value
 var global = arguments[3];
 var e=arguments[3],t=require("requires-port"),o=require("querystringify"),r=/^[A-Za-z][A-Za-z0-9+-.]*:[\\/]+/,s=/^([a-z][a-z0-9.+-]*:)?([\\/]{1,})?([\S\s]*)/i,a="[\\x09\\x0A\\x0B\\x0C\\x0D\\x20\\xA0\\u1680\\u180E\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200A\\u202F\\u205F\\u3000\\u2028\\u2029\\uFEFF]",n=new RegExp("^"+a+"+");function h(e){return(e||"").toString().replace(n,"")}var i=[["#","hash"],["?","query"],function(e){return e.replace("\\","/")},["/","pathname"],["@","auth",1],[NaN,"host",void 0,1,1],[/:(\d+)$/,"port",void 0,1],[NaN,"hostname",void 0,1,1]],p={hash:1,query:1};function l(t){var o,s=("undefined"!=typeof window?window:void 0!==e?e:"undefined"!=typeof self?self:{}).location||{},a={},n=typeof(t=t||s);if("blob:"===t.protocol)a=new f(unescape(t.pathname),{});else if("string"===n)for(o in a=new f(t,{}),p)delete a[o];else if("object"===n){for(o in t)o in p||(a[o]=t[o]);void 0===a.slashes&&(a.slashes=r.test(t.href))}return a}function u(e){e=h(e);var t=s.exec(e);return{protocol:t[1]?t[1].toLowerCase():"",slashes:!!(t[2]&&t[2].length>=2),rest:t[2]&&1===t[2].length?"/"+t[3]:t[3]}}function c(e,t){if(""===e)return t;for(var o=(t||"/").split("/").slice(0,-1).concat(e.split("/")),r=o.length,s=o[r-1],a=!1,n=0;r--;)"."===o[r]?o.splice(r,1):".."===o[r]?(o.splice(r,1),n++):n&&(0===r&&(a=!0),o.splice(r,1),n--);return a&&o.unshift(""),"."!==s&&".."!==s||o.push(""),o.join("/")}function f(e,r,s){if(e=h(e),!(this instanceof f))return new f(e,r,s);var a,n,p,m,y,d,g=i.slice(),v=typeof r,w=this,x=0;for("object"!==v&&"string"!==v&&(s=r,r=null),s&&"function"!=typeof s&&(s=o.parse),r=l(r),a=!(n=u(e||"")).protocol&&!n.slashes,w.slashes=n.slashes||a&&r.slashes,w.protocol=n.protocol||r.protocol||"",e=n.rest,n.slashes||(g[3]=[/(.*)/,"pathname"]);x<g.length;x++)"function"!=typeof(m=g[x])?(p=m[0],d=m[1],p!=p?w[d]=e:"string"==typeof p?~(y=e.indexOf(p))&&("number"==typeof m[2]?(w[d]=e.slice(0,y),e=e.slice(y+m[2])):(w[d]=e.slice(y),e=e.slice(0,y))):(y=p.exec(e))&&(w[d]=y[1],e=e.slice(0,y.index)),w[d]=w[d]||a&&m[3]&&r[d]||"",m[4]&&(w[d]=w[d].toLowerCase())):e=m(e);s&&(w.query=s(w.query)),a&&r.slashes&&"/"!==w.pathname.charAt(0)&&(""!==w.pathname||""!==r.pathname)&&(w.pathname=c(w.pathname,r.pathname)),"/"!==w.pathname.charAt(0)&&w.hostname&&(w.pathname="/"+w.pathname),t(w.port,w.protocol)||(w.host=w.hostname,w.port=""),w.username=w.password="",w.auth&&(m=w.auth.split(":"),w.username=m[0]||"",w.password=m[1]||""),w.origin=w.protocol&&w.host&&"file:"!==w.protocol?w.protocol+"//"+w.host:"null",w.href=w.toString()}function m(e,r,s){var a=this;switch(e){case"query":"string"==typeof r&&r.length&&(r=(s||o.parse)(r)),a[e]=r;break;case"port":a[e]=r,t(r,a.protocol)?r&&(a.host=a.hostname+":"+r):(a.host=a.hostname,a[e]="");break;case"hostname":a[e]=r,a.port&&(r+=":"+a.port),a.host=r;break;case"host":a[e]=r,/:\d+$/.test(r)?(r=r.split(":"),a.port=r.pop(),a.hostname=r.join(":")):(a.hostname=r,a.port="");break;case"protocol":a.protocol=r.toLowerCase(),a.slashes=!s;break;case"pathname":case"hash":if(r){var n="pathname"===e?"/":"#";a[e]=r.charAt(0)!==n?n+r:r}else a[e]=r;break;default:a[e]=r}for(var h=0;h<i.length;h++){var p=i[h];p[4]&&(a[p[1]]=a[p[1]].toLowerCase())}return a.origin=a.protocol&&a.host&&"file:"!==a.protocol?a.protocol+"//"+a.host:"null",a.href=a.toString(),a}function y(e){e&&"function"==typeof e||(e=o.stringify);var t,r=this,s=r.protocol;s&&":"!==s.charAt(s.length-1)&&(s+=":");var a=s+(r.slashes?"//":"");return r.username&&(a+=r.username,r.password&&(a+=":"+r.password),a+="@"),a+=r.host+r.pathname,(t="object"==typeof r.query?e(r.query):r.query)&&(a+="?"!==t.charAt(0)?"?"+t:t),r.hash&&(a+=r.hash),a}f.prototype={set:m,toString:y},f.extractProtocol=u,f.location=l,f.trimLeft=h,f.qs=o,module.exports=f;
 },{"requires-port":"qggR","querystringify":"o5xf"}],"B4eM":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.useMessages=void 0;var e=require("react"),t=o(require("url-parse")),n=require("./socket"),r=require("./widget-api");function o(e){return e&&e.__esModule?e:{default:e}}function a(e){return u(e)||s(e)||p(e)||i()}function i(){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 s(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function u(e){if(Array.isArray(e))return m(e)}function c(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function l(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?c(Object(n),!0).forEach(function(t){f(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):c(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function f(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function d(e,t){return v(e)||y(e,t)||p(e,t)||g()}function g(){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 m(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?m(e,t):void 0}}function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function y(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a=[],i=!0,s=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);i=!0);}catch(u){s=!0,o=u}finally{try{i||null==n.return||n.return()}finally{if(s)throw o}}return a}}function v(e){if(Array.isArray(e))return e}var S=function(e){return e.replace(/\/$/,"")},b=function(r){var o=r.endpoint,a=(0,t.default)(o);console.log({parsedEndpoint:a});var i=d((0,e.useState)(null),2),s=i[0],u=i[1],c=d((0,e.useState)(!1),2),l=c[0],f=c[1];return(0,e.useEffect)(function(){var e=(0,n.createSocket)(a.origin,"".concat(S(a.pathname),"/socket.io"));return u(e),e.on("connect",function(){f(!0)}),function(){e.disconnect()}},[]),{socket:s,connected:l}},_=function(t){var n=t.socket,o=t.widget_id,a=t.connected,i=t.context,s=t.authToken,u=t.widget,c=t.userDetails,l=d((0,e.useState)(!1),2),f=l[0],g=l[1];(0,e.useEffect)(function(){console.log({connected:a,widget:u});var e=w("".concat(o,"-messages"));if(!f&&a&&u&&!e)(0,r.sendInitialMessage)(n,o,i,s,u),g(!0);else if(!f&&a&&u&&e){var t=j("",i,JSON.parse(e),o,s,u,c,null);n.emit("app_reconnect",t),g(!0)}},[a,u])};function w(e){}function h(e,t){}var O=function(e){return{type:"received",time:new Date,message:l({},e)}},k=function(t){var n=t.widget_id,r=t.socket,o=t.messages,i=t.setMessages,s=t.setIsTyping,u=function(e){return function(t){console.log("XDOING::1 useMessageReceived 1",e,t);var r=O(t),o=[].concat(a(e),[r]);i(o),h(o,n)}},c=function(e){s(!1)},l=(0,e.useRef)(u);(0,e.useEffect)(function(){l.current=u(o)},[o]),(0,e.useEffect)(function(){return r&&(r.on("message",l.current),r.on("typingend",c)),function(){r&&r.off("message",l.current),r&&r.off("typingend",c)}},[r,o])},E=function(e,t,n){var r=n.SYS_FirstName,o=n.SYS_LastName,a=n.SYS_UserEmail,i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null;if(!e.length){var s,u={first_name:r,last_name:o,email:a};return t.context=l(l({},t.context),{},{SYS_FirstName:r,SYS_LastName:o,SYS_UserEmail:a}),t.system={user:l(l({},null===(s=t.system)||void 0===s?void 0:s.user),u)},t}var c=e[e.length-1].message;return{context:l(l({},c.context),{},{SYS_UPLOADED_FILE:i,SYS_FirstName:r,SYS_LastName:o,SYS_UserEmail:a}),system:c.system}},x=function(e,t,n,r,o,i,s){return{authToken:o,widget_id:r,context:l(l({},E(a(n),t,i,s,file)),{},{input:{type:"text",value:""},feedback:e,SYS_UPLOADED_FILE:file,output:[]})}},j=function(e,t,n,r,o,i,s){var u=arguments.length>7&&void 0!==arguments[7]?arguments[7]:null;return{authToken:o,widget_id:r,context:l(l({},E(a(n),t,i,s,u)),{},{input:{type:"text",value:e},SYS_UPLOADED_FILE:u,output:[]})}},D=function(t){var n=t.widget_id,r=t.endpoint,o=t.context,i=t.authToken,s=(t.newToken,t.widget),u=t.userDetails,c=b({endpoint:r}),l=c.socket,f=c.connected,g=d((0,e.useState)(i),2),p=g[0],m=(g[1],d((0,e.useState)([]),2)),y=m[0],v=m[1];console.log("all mesesages ::: ",{messages:y});var S=d((0,e.useState)(!1),2),w=S[0],h=S[1];return _({socket:l,widget_id:n,connected:f,context:o,authToken:p,widget:s,userDetails:u}),k({widget_id:n,socket:l,messages:y,setMessages:v,setIsTyping:h}),{connected:f,messages:y,setMessages:v,isTypingEnd:w,sendMessage:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;h(!0);var r=j(e,o,y,n,p,s,u,t);l.emit("message",r);var i={type:"sent",message:r.context,time:new Date};v([].concat(a(y),[i]))},sendFeedback:function(e){h(!0);var t=j(e,o,y,n,p,s,u,null);l.emit("feedback",t)}}};exports.useMessages=D;var P=D;exports.default=P;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.useMessages=void 0;var e=require("react"),t=o(require("url-parse")),n=require("./socket"),r=require("./widget-api");function o(e){return e&&e.__esModule?e:{default:e}}function a(e){return u(e)||s(e)||p(e)||i()}function i(){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 s(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function u(e){if(Array.isArray(e))return m(e)}function c(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function l(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?c(Object(n),!0).forEach(function(t){f(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):c(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function f(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function d(e,t){return v(e)||y(e,t)||p(e,t)||g()}function g(){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 m(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?m(e,t):void 0}}function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function y(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a=[],i=!0,s=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);i=!0);}catch(u){s=!0,o=u}finally{try{i||null==n.return||n.return()}finally{if(s)throw o}}return a}}function v(e){if(Array.isArray(e))return e}var S=function(e){return e.replace(/\/$/,"")},b=function(r){var o=r.endpoint,a=(0,t.default)(o);console.log({parsedEndpoint:a});var i=d((0,e.useState)(null),2),s=i[0],u=i[1],c=d((0,e.useState)(!1),2),l=c[0],f=c[1];return(0,e.useEffect)(function(){var e=(0,n.createSocket)(a.origin,"".concat(S(a.pathname),"/socket.io"));return u(e),e.on("connect",function(){f(!0)}),function(){e.disconnect()}},[]),{socket:s,connected:l}},_=function(t){var n=t.socket,o=t.widget_id,a=t.connected,i=t.context,s=t.authToken,u=t.widget,c=t.userDetails,l=d((0,e.useState)(!1),2),f=l[0],g=l[1];(0,e.useEffect)(function(){console.log({connected:a,widget:u});var e=w("".concat(o,"-messages"));if(!f&&a&&u&&!e)(0,r.sendInitialMessage)(n,o,i,s,u),g(!0);else if(!f&&a&&u&&e){var t=j("",i,JSON.parse(e),o,s,u,c,null);n.emit("app_reconnect",t),g(!0)}},[a,u])};function w(e){}function h(e,t){}var O=function(e){return{type:"received",time:new Date,message:l({},e)}},k=function(t){var n=t.widget_id,r=t.socket,o=t.messages,i=t.setMessages,s=t.setIsTyping,u=function(e){return function(t){console.log("XDOING::1 useMessageReceived 1",e,t);var r=O(t),o=[].concat(a(e),[r]);i(o),h(o,n)}},c=function(e){s(!1)},l=(0,e.useRef)(u);(0,e.useEffect)(function(){l.current=u(o)},[o]),(0,e.useEffect)(function(){return r&&(r.on("message",l.current),r.on("typingend",c)),function(){r&&r.off("message",l.current),r&&r.off("typingend",c)}},[r,o])},E=function(e,t,n){var r=n.SYS_FirstName,o=n.SYS_LastName,a=n.SYS_UserEmail,i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null;if(!e.length){var s,u={first_name:r,last_name:o,email:a};return t.context=l(l({},t.context),{},{SYS_FirstName:r,SYS_LastName:o,SYS_UserEmail:a}),t.system={user:l(l({},null===(s=t.system)||void 0===s?void 0:s.user),u)},t}var c=e[e.length-1].message;return{context:l(l({},c.context),{},{SYS_UPLOADED_FILE:i,SYS_FirstName:r,SYS_LastName:o,SYS_UserEmail:a}),system:c.system}},x=function(e,t,n,r,o,i,s){return{authToken:o,widget_id:r,context:l(l({},E(a(n),t,i,s,file)),{},{input:{type:"text",value:""},feedback:e,SYS_UPLOADED_FILE:file,output:[]})}},j=function(e,t,n,r,o,i,s,u){var c=arguments.length>8&&void 0!==arguments[8]?arguments[8]:null;return{authToken:o,widget_id:r,context:l(l({},E(a(n),t,i,s,c)),{},{input:{type:"text",value:e},for_event:u,SYS_UPLOADED_FILE:c,output:[]})}},D=function(t){var n=t.widget_id,r=t.endpoint,o=t.context,i=t.authToken,s=(t.newToken,t.widget),u=t.userDetails,c=b({endpoint:r}),l=c.socket,f=c.connected,g=d((0,e.useState)(i),2),p=g[0],m=(g[1],d((0,e.useState)([]),2)),y=m[0],v=m[1];console.log("all mesesages ::: ",{messages:y});var S=d((0,e.useState)(!1),2),w=S[0],h=S[1];return _({socket:l,widget_id:n,connected:f,context:o,authToken:p,widget:s,userDetails:u}),k({widget_id:n,socket:l,messages:y,setMessages:v,setIsTyping:h}),{connected:f,messages:y,setMessages:v,isTypingEnd:w,sendMessage:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;h(!0);var r=j(e,o,y,n,p,s,u,t);l.emit("message",r);var i={type:"sent",message:r.context,time:new Date};v([].concat(a(y),[i]))},sendFeedback:function(e,t){h(!0);var r=j(e,o,y,n,p,s,u,t,null);l.emit("feedback",r)}}};exports.useMessages=D;var P=D;exports.default=P;
 },{"react":"HdMw","url-parse":"WxRL","./socket":"ARwr","./widget-api":"YVez"}],"O0SM":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.generateUniqueId=x,exports.default=void 0;var e=require("react"),t=require("broadcast-channel"),n=u(require("axios")),r=require("./socket"),o=require("./widget-api"),s=require("./upload-file.hook"),i=require("uuid"),a=u(require("./useMessages"));function u(e){return e&&e.__esModule?e:{default:e}}function c(e){return d(e)||l(e)||S(e)||f()}function f(){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 l(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function d(e){if(Array.isArray(e))return _(e)}function g(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function m(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?g(Object(n),!0).forEach(function(t){p(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):g(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function p(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function v(e,t){return h(e)||w(e,t)||S(e,t)||y()}function y(){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 S(e,t){if(e){if("string"==typeof e)return _(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_(e,t):void 0}}function _(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function w(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,s=[],i=!0,a=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(s.push(r.value),!t||s.length!==t);i=!0);}catch(u){a=!0,o=u}finally{try{i||null==n.return||n.return()}finally{if(a)throw o}}return s}}function h(e){if(Array.isArray(e))return e}var k="workativ_widget_assistant_sync",b=new t.BroadcastChannel(k),E=function(t){var n=t.socket,r=t.widget_id,s=t.connected,i=t.context,a=t.authToken,u=t.widget,c=t.userDetails,f=v((0,e.useState)(!1),2),l=f[0],d=f[1];(0,e.useEffect)(function(){var e=localStorage.getItem("".concat(r,"-messages"));if(!l&&s&&u&&!e)(0,o.sendInitialMessage)(n,r,i,a,u),d(!0);else if(!l&&s&&u&&e){var t=T("",i,JSON.parse(e),r,a,u,c,null);n.emit("app_reconnect",t),d(!0)}},[s,u])},O=function(e,t,n,r){var o=r.SYS_FirstName,s=r.SYS_LastName,a=r.SYS_UserEmail,u=arguments.length>4&&void 0!==arguments[4]?arguments[4]:null;if(!e.length){var c,f={user_firstname:o,user_lastname:s,user_email:a};return t.context=m(m({},t.context),{},{SYS_FirstName:o,SYS_LastName:s,SYS_UserEmail:a}),t.system={user:m(m({},null===(c=t.system)||void 0===c?void 0:c.user),f),stack:[],conversation_id:(0,i.v4)(),workspace:n.workspace,platform:"widget"},t}var l=e[e.length-1].message;return l.system=l.system.stack.length?l.system:{stack:[],conversation_id:(0,i.v4)(),user:{user_id:a||(0,i.v4)(),user_firstname:o,user_lastname:s,user_email:a},workspace:n.workspace,platform:"widget"},{context:m(m({},l.context),{},{SYS_UPLOADED_FILE:u,SYS_FirstName:o,SYS_LastName:s,SYS_UserEmail:a}),system:l.system}};function x(){return function(e){if(!e)return"";var t,n="";if("Uint8Array"in self&&"crypto"in self&&e<=65536){var r=self;t=new Uint8Array(e),r.crypto.getRandomValues(t)}else{t=new Array(e);for(var o=0;o<e;o++)t[o]=Math.floor(62*Math.random())}for(var s=0;s<e;s++)n+="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz".charAt(t[s]%62);return n}(5)+"_"+(1+4294967295*Math.random()).toString(16).split(".").join("_")}var T=function(e,t,n,r,o,s,i){var a=arguments.length>7&&void 0!==arguments[7]?arguments[7]:null;return{authToken:o,widget_id:r,context:m(m({},O(c(n),t,s,i,a)),{},{input:e,SYS_UPLOADED_FILE:a,SYS_MESSAGE_ID:x(),intents:[],entities:[],output:[]})}},j=function(t){var n=t.socket,r=t.widget_id,o=t.newToken,s=t.setCurrentToken,i=function(e){var t=o();t instanceof Promise?t.then(function(t){s(t),n.emit("message",{authToken:t,context:e,widget_id:r})}):console.error("newToken should return valid Promise object")},a=(0,e.useRef)(i);(0,e.useEffect)(function(){a.current=i},[n]);var u=(0,e.useRef)(function(){console.error("Given token is invalid")});(0,e.useEffect)(function(){if(n)return n.on("error:token-expired",a.current),function(){return n.off("error:token-expired",a.current)}},[n]),(0,e.useEffect)(function(){if(n)return n.on("error:invalid-token",u.current),function(){return n.off("error:invalid-token",u.current)}},[n])},A=function(t){var n=t.socket,r=t.currentContext,o=t.messages,s=t.widget_id,a=t.currentToken,u=t.widget,c=t.userDetails,f=v((0,e.useState)(!1),2),l=f[0],d=f[1],g=(0,e.useRef)(function(){console.log("disconnected"),d(!0)});r.system={user:{user_firstname:c.SYS_FirstName,user_lastname:c.SYS_LastName,user_email:c.SYS_UserEmail,user_id:c.SYS_UserEmail||(0,i.v4)()}};var m=function(){if(console.log("connected again",l),l){var e=T("",r,o,s,a,u,c,null);n.emit("app_reconnect",e),d(!1)}},p=(0,e.useRef)(m);(0,e.useEffect)(function(){p.current=m},[l]),(0,e.useEffect)(function(){return n&&(n.on("disconnect",g.current),n.on("connect",p.current)),function(){n&&n.off("disconnect",g.current),n&&n.off("connect",p.current)}},[n,l])},M=function(t){var n=t.socket,r=t.widget_id,o=t.connected,s=t.context,i=t.authToken,a=t.newToken,u=t.widget,f=t.userDetails,l=v((0,e.useState)(i),2),d=l[0],g=l[1],m=v((0,e.useState)([]),2),p=m[0],y=m[1],S=v((0,e.useState)(!1),2),_=S[0],w=S[1];useMessageReceiver({socket:n,messages:p,setMessages:y,setIsTyping:w}),D({messages:p,setMessages:y}),j({socket:n,widget_id:r,newToken:a,setCurrentToken:g}),E({socket:n,widget_id:r,connected:o,context:s,authToken:i,widget:u,userDetails:f}),A({socket:n,currentContext:s,messages:p,widget_id:r,currentToken:d,widget:u,userDetails:f});var h=function(e){var t=T("",s,p,r,d,u,f);n.emit(e,t)};return(0,e.useEffect)(function(){var e=localStorage.getItem("messages");e&&y(JSON.parse(e))},[]),(0,e.useEffect)(function(){},[p]),{messages:p,sendMessage:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;w(!0);var o=T(e,s,p,r,d,u,f,t);n.emit("message",o);var i={type:"sent",message:o.context,time:new Date};y([].concat(c(p),[i])),b.postMessage(JSON.stringify(i))},restart:function(){y([]),localStorage.setItem("messages",JSON.stringify([])),h("restart")},exit:function(){h("exit")},isTypingEnd:_}},D=function(t){var n=t.messages,r=t.setMessages,o=function(e){r([].concat(c(n),[JSON.parse(e)]))},s=(0,e.useRef)(o);(0,e.useEffect)(function(){s.current=o},[n]),(0,e.useEffect)(function(){return b&&b.addEventListener("message",s.current),function(){b.removeEventListener("message",s.current)}},[n])},Y=function(e){return{context:m({},e),system:{stack:[]}}},I=function(t){var r=t.endpoint,o=t.widget_id,s=t.authToken,i=v((0,e.useState)(null),2),a=i[0],u=i[1];return(0,e.useEffect)(function(){n.default.get("".concat(r,"/public/").concat(o),{headers:{Authorization:"Bearer ".concat(s)}}).then(function(e){u(e.data)}).catch(function(e){e.response&&404===e.response.status?console.error("given widget not exists"):console.error("Something Went Wrong ",e)})},[o]),{widget:a}},P=function(e){var t=e.endpoint,n=e.widget_id,r=e.authToken,o=(e.newToken,e.userDetails),s=I({endpoint:t,widget_id:n,authToken:r}).widget,i=(0,a.default)({widget_id:n,endpoint:t,widget:s,context:Y(o)}),u=i.connected,c=i.messages;i.isTypingEnd;return{connected:u,messages:c,sendMessage:i.sendMessage,sendFeedback:i.sendFeedback,widget:s,restart:function(){},exit:function(){},isTypingEnd:!1,onFileUpload:function(){}}},N=P;exports.default=N;
 },{"react":"HdMw","broadcast-channel":"Dqin","axios":"O4Aa","./socket":"ARwr","./widget-api":"YVez","./upload-file.hook":"vvbh","uuid":"UeUD","./useMessages":"B4eM"}],"DPRK":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Button=void 0;var n,e,t,i,r,a,p,x,o,d,s,l,u,m,c,f,h,g,w,z,b,v,_=j(require("./md/assistant_md")),y=j(require("react")),E=require("./useScale"),k=M(require("autosize")),S=require("./md/md_format_converter"),F=require("./lib"),N=M(require("styled-components")),O=M(require("./useWidgetService"));function M(n){return n&&n.__esModule?n:{default:n}}function T(n){if("function"!=typeof WeakMap)return null;var e=new WeakMap,t=new WeakMap;return(T=function(n){return n?t:e})(n)}function j(n,e){if(!e&&n&&n.__esModule)return n;if(null===n||"object"!=typeof n&&"function"!=typeof n)return{default:n};var t=T(e);if(t&&t.has(n))return t.get(n);var i={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in n)if("default"!==a&&Object.prototype.hasOwnProperty.call(n,a)){var p=r?Object.getOwnPropertyDescriptor(n,a):null;p&&(p.get||p.set)?Object.defineProperty(i,a,p):i[a]=n[a]}return i.default=n,t&&t.set(n,i),i}function C(n){return D(n)||P(n)||H(n)||R()}function R(){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 P(n){if("undefined"!=typeof Symbol&&null!=n[Symbol.iterator]||null!=n["@@iterator"])return Array.from(n)}function D(n){if(Array.isArray(n))return J(n)}function G(n,e){if(null==n)return{};var t,i,r=A(n,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(n);for(i=0;i<a.length;i++)t=a[i],e.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(n,t)&&(r[t]=n[t])}return r}function A(n,e){if(null==n)return{};var t,i,r={},a=Object.keys(n);for(i=0;i<a.length;i++)t=a[i],e.indexOf(t)>=0||(r[t]=n[t]);return r}function L(){return(L=Object.assign||function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(n[i]=t[i])}return n}).apply(this,arguments)}function W(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})),t.push.apply(t,i)}return t}function B(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?W(Object(t),!0).forEach(function(e){q(n,e,t[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):W(Object(t)).forEach(function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))})}return n}function q(n,e,t){return e in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}function I(n,e){return K(n)||Y(n,e)||H(n,e)||U()}function U(){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 H(n,e){if(n){if("string"==typeof n)return J(n,e);var t=Object.prototype.toString.call(n).slice(8,-1);return"Object"===t&&n.constructor&&(t=n.constructor.name),"Map"===t||"Set"===t?Array.from(n):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?J(n,e):void 0}}function J(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,i=new Array(e);t<e;t++)i[t]=n[t];return i}function Y(n,e){var t=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=t){var i,r,a=[],p=!0,x=!1;try{for(t=t.call(n);!(p=(i=t.next()).done)&&(a.push(i.value),!e||a.length!==e);p=!0);}catch(o){x=!0,r=o}finally{try{p||null==t.return||t.return()}finally{if(x)throw r}}return a}}function K(n){if(Array.isArray(n))return n}function Z(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}var $=function(n,e,t,i){switch(n){case"small":return e;case"medium":return t;case"large":return i;default:return e}},Q=N.default.div(n||(n=Z(["\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 $(n.size,"480px","540px","680px")},function(n){return $(n.size,"720px","840px","920px")},function(n){return $(n.size,"1080px","1200px","1360px")},function(n){return $(n.size,"540px","600px","680px")},function(n){return $(n.size,"460px","540px","560px")},function(n){return $(n.size,"360px","420px","460px")}),V=N.default.div(e||(e=Z(["\n  display: flex;\n  align-items: center;\n  width: 100%;\n  float: left;\n  font-family: 'Gordita-Medium', 'Open Sans', sans-serif;;\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 $(n.size,"15px","20px","24px")},function(n){return $(n.size,"16px","18px","20px")},function(n){return $(n.size,"20px","24px","30px")},function(n){return $(n.size,"36px","40px","44px")},function(n){return $(n.size,"18px","20px","22px")},function(n){return $(n.size,"15px","18px","18px")},function(n){return $(n.size,"10px","12px","15px")}),X=N.default.div(t||(t=Z(["\n  box-sizing: border-box;\n\n  .widget_footer_box{\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: 43px;\n\n            p{\n            font-family: 'Gordita-Regular', 'Open Sans', sans-serif;;\n            font-size: 13px;\n            color: #555555;\n            margin: 0;\n            align-items: center;\n            display: flex;\n            gap: 0 2.5px;\n            }\n\n            span{\n              position: relative;\n              bottom: 2px;\n              padding-right: 1px;\n            }\n\n            svg{\n              width: 14px;\n              height: 12px;\n            }\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"]))),nn=N.default.div(i||(i=Z(["\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: #F6F8FA;\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 $(n.size,"calc(100vh - 60vh)","calc(100vh - 56vh)","calc(100vh - 44vh)")},function(n){return $(n.size,"calc(100vh - 47.4vh)","calc(100vh - 41.6vh)","calc(100vh - 33.9vh)")},function(n){return $(n.size,"calc(100vh - 48vh)","calc(100vh - 43vh)","calc(100vh - 38vh)")},function(n){return $(n.size,"calc(100vh - 44.8vh)","calc(100vh - 37.4vh)","calc(100vh - 28vh)")},function(n){return $(n.size,"calc(100vh - 45vh)","calc(100vh - 37.4vh)","calc(100vh - 31.5vh)")},function(n){return $(n.size,"calc(100vh - 44.8vh)","calc(100vh - 37.4vh)","calc(100vh - 31.5vh)")},function(n){return $(n.size,"calc(100vh - 53.3vh)","calc(100vh - 48vh)","calc(100vh - 42vh)")}),en=N.default.div(r||(r=Z(["\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  }\n  @media (min-width: 2560px) {\n\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: 'Gordita-Regular', 'Open Sans', sans-serif;\n  // }\n \n  // .tryit_cards h4 {\n  //   font-size: 13px;\n  //   margin-top: 10px;\n  //   margin-bottom: 0px;\n  //   font-family: 'Gordita-Medium', 'Open Sans', sans-serif;\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\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"]))),tn=N.default.div(a||(a=Z(["\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"]))),rn=N.default.div(p||(p=Z(["\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 $(n.size,"86px","96px","110px")},function(n){return $(n.size,"120px","138px","152px")},function(n){return $(n.size,"180px","198px","224px")},function(n){return $(n.size,"90px","99px","112px")},function(n){return $(n.size,"76px","89px","92px")},function(n){return $(n.size,"60px","69px","76px")},tn,function(n){return $(n.size,"52px","56px","60px")},function(n){return $(n.size,"52px","58px","60px")},function(n){return $(n.size,"64px","72px","80px")},function(n){return $(n.size,"64px","72px","80px")},function(n){return $(n.size,"92px","104px","116px")},function(n){return $(n.size,"92px","104px","116px")},function(n){return $(n.size,"46px","52px","58px")},function(n){return $(n.size,"46px","52px","58px")},function(n){return $(n.size,"40px","46px","48px")},function(n){return $(n.size,"40px","46px","48px")},function(n){return $(n.size,"32px","36px","40px")},function(n){return $(n.size,"32px","36px","40px")},function(n){return $(n.size,"46px","52px","54px")},function(n){return $(n.size,"46px","52px","53px")},function(n){return $(n.size,"54px","60px","70px")},function(n){return $(n.size,"54px","60px","70px")},function(n){return $(n.size,"80px","92px","96px")},function(n){return $(n.size,"80px","92px","96px")},function(n){return $(n.size,"40px","46px","48px")},function(n){return $(n.size,"40px","46px","48px")},function(n){return $(n.size,"35px","40px","42px")},function(n){return $(n.size,"35px","40px","42px")},function(n){return $(n.size,"27px","30px","35px")},function(n){return $(n.size,"27px","30px","35px")}),an=N.default.div(x||(x=Z(["\n  width: 82%;\n  display: flex;\n  flex-direction: column;\n  margin-top: 4px;\n"]))),pn=N.default.div(o||(o=Z(["\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, .close_section{\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\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 $(n.size,"30px","32px","36px")},function(n){return $(n.size,"30px","32px","36px")},function(n){return $(n.size,"36px","40px","44px")},function(n){return $(n.size,"36px","40px","44px")},function(n){return $(n.size,"52px","58px","66px")},function(n){return $(n.size,"53px","58px","66px")},function(n){return $(n.size,"26px","29px","33px")},function(n){return $(n.size,"26px","29px","33px")},function(n){return $(n.size,"22px","26px","28px")},function(n){return $(n.size,"22px","26px","28px")},function(n){return $(n.size,"18px","20px","22px")},function(n){return $(n.size,"18px","20px","22px")},function(n){return $(n.size,"26px","30px","34px")},function(n){return $(n.size,"26px","30px","34px")},function(n){return $(n.size,"36px","40px","44px")},function(n){return $(n.size,"36px","40px","44px")},function(n){return $(n.size,"52px","58px","66px")},function(n){return $(n.size,"53px","58px","66px")},function(n){return $(n.size,"26px","29px","33px")},function(n){return $(n.size,"26px","29px","33px")},function(n){return $(n.size,"22px","26px","28px")},function(n){return $(n.size,"22px","26px","28px")},function(n){return $(n.size,"18px","20px","22px")},function(n){return $(n.size,"18px","20px","22px")}),xn=N.default.div(d||(d=Z(["\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"]))),on=N.default.p(s||(s=Z(['\n  font-family: "Gordita-Regular", "Open Sans", sans-serif;\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 $(n.size,"15px","16px","18px")},function(n){return $(n.size,"18px","22px","26px")},function(n){return $(n.size,"30px","32px","36px")},function(n){return $(n.size,"15px","16px","18px")},function(n){return $(n.size,"13px","14px","15px")},function(n){return $(n.size,"9px","11px","13px")}),dn=N.default.div(l||(l=Z(["\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: 'Gordita-Regular', 'Open Sans', sans-serif;\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: #ffffff 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: 'Gordita-Regular', 'Open Sans', sans-serif;\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: 'Gordita-Medium', 'Open Sans', sans-serif;\n      color: #333;\n      margin: 0;\n\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: 'Gordita-Regular', 'Open Sans', sans-serif;\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: 'Gordita-Regular', 'Open Sans', sans-serif;\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: 'Gordita-Regular', 'Open Sans', sans-serif; \n  }\n"])),function(n){return $(n.size,"17px","19px","22px")},function(n){return $(n.size,"12px 10px 8px 16px !important","12px 10px 8px 28px !important","12px 10px 8px 20px !important")},function(n){return $(n.size,"22px","22px","26px")},function(n){return $(n.size,"32px","34px","40px")},function(n){return $(n.size,"20px","22px","26px")},function(n){return $(n.size,"20px 28px 16px 16px !important","20px 28px 16px 26px !important","20px 28px 16px 26px !important")},function(n){return $(n.size,"22px","24px","30px")},function(n){return $(n.size,"30px","36px","45px")},function(n){return $(n.size,"30px","34px","36px")},function(n){return $(n.size,"24px 38px 16px 42px !important","24px 38px 16px 42px !important","24px 38px 16px 42px !important")},function(n){return $(n.size,"26px","30px","36px")},function(n){return $(n.size,"45px","50px","60px")},function(n){return $(n.size,"15px","17px","18px")},function(n){return $(n.size,"12px 10px 8px 28px !important","12px 10px 8px 28px !important","12px 10px 8px 20px !important")},function(n){return $(n.size,"22px","22px","22px")},function(n){return $(n.size,"32px","34px","34px")},function(n){return $(n.size,"13px","15px","15px")},function(n){return $(n.size,"12px 10px 8px 18px !important","12px 10px 8px 20px !important","12px 10px 8px 22px !important")},function(n){return $(n.size,"14px","16px","18px")},function(n){return $(n.size,"26px","26px","26px")},function(n){return $(n.size,"10px","11px","13px")},function(n){return $(n.size,"12px 10px 8px 16px !important","12px 10px 8px 16px !important","12px 10px 8px 16px !important")},function(n){return $(n.size,"16px","16px","16px")},function(n){return $(n.size,"22px","22px","22px")},function(n){return $(n.size,"16px","19px","21px")},function(n){return $(n.size,"14px","16px","20px")},function(n){return $(n.size,"24px","26px","30px")},function(n){return $(n.size,"12px","13px","15px")},function(n){return $(n.size,"10px","12px","13px")},function(n){return $(n.size,"7px","8px","10px")},function(n){return $(n.size,"16px","18px","22px")},function(n){return $(n.size,"16px","18px","24px")},function(n){return $(n.size,"28px","30px","32px")},function(n){return $(n.size,"14px","15px","16px")},function(n){return $(n.size,"12px","14px","14px")},function(n){return $(n.size,"8px","9px","12px")}),sn=N.default.div(u||(u=Z(["\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% 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\n  .timestamp {\n    color: #888;\n    font-size: 10px;\n    font-family: 'Gordita-Regular', 'Open Sans', sans-serif;\n\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: 'Gordita-Medium', 'Open Sans', sans-serif;\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  \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    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\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          @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: 'Gordita-Medium', 'Open Sans', sans-serif;\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: 'Gordita-Regular', 'Open Sans', sans-serif;\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"])),tn,function(n){return $(n.size,"36px","42px","46px")},function(n){return $(n.size,"36px","42px","46px")},function(n){return $(n.size,"40px","48px","56px")},function(n){return $(n.size,"40px","48px","56px")},function(n){return $(n.size,"64px","72px","80px")},function(n){return $(n.size,"64px","72px","80px")},function(n){return $(n.size,"32px","36px","40px")},function(n){return $(n.size,"32px","36px","40px")},function(n){return $(n.size,"28px","32px","34px")},function(n){return $(n.size,"28px","32px","34px")},function(n){return $(n.size,"20px","24px","28px")},function(n){return $(n.size,"20px","24px","28px")},function(n){return $(n.size,"32px","40px","44px")},function(n){return $(n.size,"32px","40px","44px")},function(n){return $(n.size,"36px","44px","52px")},function(n){return $(n.size,"36px","44px","52px")},function(n){return $(n.size,"64px","68px","76px")},function(n){return $(n.size,"64px","68px","76px")},function(n){return $(n.size,"32px","34px","38px")},function(n){return $(n.size,"32px","34px","38px")},function(n){return $(n.size,"26px","30px","32px")},function(n){return $(n.size,"26px","30px","32px")},function(n){return $(n.size,"18px","22px","26px")},function(n){return $(n.size,"18px","22px","26px")},function(n){return $(n.size,"94.1%","96%","98.1%")},function(n){return $(n.size,"94.1%","96%","98%")},function(n){return $(n.size,"97%","100%","100%")},function(n){return $(n.size,"4%","6%","6%")},function(n){return $(n.size,"76px","84px","90px")},function(n){return $(n.size,"10px 12px 0 0;","12px 14px 0 0;","16px 18px 0 0;")},function(n){return $(n.size,"4%","6%","6%")},function(n){return $(n.size,"80px","100px","110px")},function(n){return $(n.size,"16px 18px 0 0;","20px 22px 0 0;","20px 22px 0 0;")},function(n){return $(n.size,"8%","10%","10%")},function(n){return $(n.size,"100px","116px","124px")},function(n){return $(n.size,"16px 18px 0 0;","20px 22px 0 0;","20px 22px 0 0;")},function(n){return $(n.size,"12px","12px","16px")},function(n){return $(n.size,"16px","16px","20px")},function(n){return $(n.size,"24px","26px","30px")},function(n){return $(n.size,"12px","13px","15px")},function(n){return $(n.size,"10px","12px","13px")},function(n){return $(n.size,"8px","8px","10px")},function(n){return $(n.size,"16px","16px","21px")},function(n){return $(n.size,"22px","22px","22px")},function(n){return $(n.size,"24px","26px","30px")},function(n){return $(n.size,"12px","13px","15px")},function(n){return $(n.size,"10px","12px","13px")},function(n){return $(n.size,"8px","8px","11px")},function(n){return $(n.size,"14px","16px","18px")},function(n){return $(n.size,"18px","20px","22px")},function(n){return $(n.size,"24px","24px","24px")},function(n){return $(n.size,"28px","28px","28px")},function(n){return $(n.size,"34px","34px","34px")},function(n){return $(n.size,"20px","25px","20px")},function(n){return $(n.size,"30px","45px","30px")},function(n){return $(n.size,"30px","44px","44px")},function(n){return $(n.size,"56px","56px","56px")},function(n){return $(n.size,"22px","22px","22px")},function(n){return $(n.size,"28px","28px","28px")},function(n){return $(n.size,"14px","18px","18px")},function(n){return $(n.size,"22px","28px","28px")},function(n){return $(n.size,"10px","10px","10px")},function(n){return $(n.size,"15px","15px","15px")},function(n){return $(n.size,"12px 30px 12px 0px","12px 30px 12px 0px","12px 36px 12px 2px")},function(n){return $(n.size,"12px 30px 12px 0px","12px 30px 12px 0px","24px 44px 24px 20px")},function(n){return $(n.size,"24px 50px 24px 25px","24px 50px 24px 25px","24px 50px 24px 25px")},function(n){return $(n.size,"186px","190px","230px")},function(n){return $(n.size,"186px","190px","230px")},function(n){return $(n.size,"280px","328px","328px")},function(n){return $(n.size,"16px","18px","22px")},function(n){return $(n.size,"18px","18px","24px")},function(n){return $(n.size,"28px","30px","32px")},function(n){return $(n.size,"14px","15px","16px")},function(n){return $(n.size,"12px","13px","14px")},function(n){return $(n.size,"9px","9px","12px")},function(n){return $(n.size,"20px","21px","22px")},function(n){return $(n.size,"18px","18px","24px")},function(n){return $(n.size,"16px","18px","20px")},function(n){return $(n.size,"18px","18px","24px")},function(n){return $(n.size,"28px","30px","32px")},function(n){return $(n.size,"14px","15px","16px")},function(n){return $(n.size,"12px","13px","14px")},function(n){return $(n.size,"9px","9px","12px")},function(n){return $(n.size,"16px","18px","20px")},function(n){return $(n.size,"18px","18px","24px")},function(n){return $(n.size,"28px","30px","32px")},function(n){return $(n.size,"14px","15px","16px")},function(n){return $(n.size,"12px","13px","14px")},function(n){return $(n.size,"9px","9px","12px")}),ln=N.default.div(m||(m=Z(["\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\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\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"])),tn,function(n){return $(n.size,"38px","42px","46px")},function(n){return $(n.size,"38px","42px","46px")},function(n){return $(n.size,"40px","48px","56px")},function(n){return $(n.size,"40px","48px","56px")},function(n){return $(n.size,"64px","72px","80px")},function(n){return $(n.size,"64px","72px","80px")},function(n){return $(n.size,"32px","36px","40px")},function(n){return $(n.size,"32px","36px","40px")},function(n){return $(n.size,"28px","32px","34px")},function(n){return $(n.size,"28px","32px","34px")},function(n){return $(n.size,"20px","24px","28px")},function(n){return $(n.size,"20px","24px","28px")},function(n){return $(n.size,"22px","24px","26px")},function(n){return $(n.size,"22px","24px","26px")},function(n){return $(n.size,"20px","24px","28px")},function(n){return $(n.size,"20px","24px","28px")},function(n){return $(n.size,"32px","36px","40px")},function(n){return $(n.size,"32px","36px","40px")},function(n){return $(n.size,"16px","18px","20px")},function(n){return $(n.size,"16px","18px","20px")},function(n){return $(n.size,"14px","16px","18px")},function(n){return $(n.size,"14px","16px","18px")},function(n){return $(n.size,"10px","12px","14px")},function(n){return $(n.size,"10px","12px","14px")},dn,function(n){return $(n.size,"16px","18px","24px")},function(n){return $(n.size,"20px","24px","36px")},function(n){return $(n.size,"12px 28px 8px 12px !important","12px 28px 8px 12px !important","12px 28px 8px 12px !important")},function(n){return $(n.size,"20px","24px","32px")},function(n){return $(n.size,"28px","36px","36px")},function(n){return $(n.size,"12px 22px 8px 16px !important","12px 24px 8px 18px !important","12px 26px 8px 20px !important")},function(n){return $(n.size,"30px","34px","40px")},function(n){return $(n.size,"46px","54px","60px")},function(n){return $(n.size,"12px 46px 8px 22px !important","12px 46px 8px 22px !important","12px 46px 8px 22px !important")},function(n){return $(n.size,"10px","12px","22px")},function(n){return $(n.size,"14px","18px","30px")},function(n){return $(n.size,"12px 28px 8px 12px !important","12px 28px 8px 12px !important","12px 28px 8px 12px !important")},function(n){return $(n.size,"10px","12px","16px")},function(n){return $(n.size,"14px","18px","18px")},function(n){return $(n.size,"12px 18px 8px 12px !important","12px 18px 8px 12px !important","12px 18px 8px 12px !important")},function(n){return $(n.size,"20px","21px","22px")},function(n){return $(n.size,"18px","18px","24px")},function(n){return $(n.size,"28px","30px","32px")},function(n){return $(n.size,"14px","15px","16px")},function(n){return $(n.size,"12px","13px","14px")},function(n){return $(n.size,"9px","9px","12px")},function(n){return $(n.size,"12px","14px","16x")},function(n){return $(n.size,"16px","16px","20px")},function(n){return $(n.size,"24px","26px","30px")},function(n){return $(n.size,"12px","13px","15px")},function(n){return $(n.size,"10px","12px","13px")},function(n){return $(n.size,"8px","8px","10px")},sn),un=N.default.p(c||(c=Z(["\n  color: #333;\n"]))),mn=N.default.h4(f||(f=Z(["\n  color: #000;\n"]))),cn=N.default.div(h||(h=Z(['\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: "Gordita-Regular";\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']))),fn=N.default.button(g||(g=Z(['\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: "Gordita-Regular";\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 $(n.size,"16px","18px","20px")},function(n){return $(n.size,"38px","41px","46px")},function(n){return $(n.size,"18px","20px","24px")},function(n){return $(n.size,"48px","52px","54px")},function(n){return $(n.size,"28px","32px","36px")},function(n){return $(n.size,"48px","58px","68px")},function(n){return $(n.size,"14px","16px","18px")},function(n){return $(n.size,"32px","35px","40px")},function(n){return $(n.size,"12px","13px","14px")},function(n){return $(n.size,"32px","35px","40px")},function(n){return $(n.size,"9px","10px","12px")},function(n){return $(n.size,"32px","35px","40px")},function(n){return n.primary?"#333":"#fff"});exports.Button=fn;var hn=N.default.div(w||(w=Z(['\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: 10px;\n  border-bottom-right-radius: 10px;\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\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: "Gordita-Regular";\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 $(n.size,"28px","40px","52px")},function(n){return $(n.size,"8px","12px","14px")},function(n){return $(n.size,"21px","22px","24px")},function(n){return $(n.size,"20px !important","21px !important","22px !important")},function(n){return $(n.size,"74px","90px","74px")},function(n){return $(n.size,"24px !important","24px !important","24px !important")},function(n){return $(n.size,"12px","6px","18px")},function(n){return $(n.size,"80px","90px","100px")},function(n){return $(n.size,"70px","80px","70px")},function(n){return $(n.size,"36px","54px","36px")},function(n){return $(n.size,"74px","90px","104px !important")},function(n){return $(n.size,"74px","90px","110px !important")},function(n){return $(n.size,"74px","80px","90px !important")},function(n){return $(n.size,"10px","12px","28px")},function(n){return $(n.size,"48px","54px","58px")},function(n){return $(n.size,"30px !important","34px !important","36px !important")},function(n){return $(n.size,"37px","40px","52px")},function(n){return $(n.size,"10px","12px","14px")},function(n){return $(n.size,"20px","22px","24px")},function(n){return $(n.size,"15px !important","17px !important","18px !important")},function(n){return $(n.size,"30px","34px","37px")},function(n){return $(n.size,"4px","6px","8px")},function(n){return $(n.size,"12px !important","15px !important","15px !important")},function(n){return $(n.size,"9px !important","10px !important","12px !important")},function(n){return $(n.size,"4px","6px","8px")},function(n){return $(n.size,"27px","30px","32px")},function(n){return $(n.size,"25px","28px","30px")},function(n){return $(n.size,"28px","32px","36px")},function(n){return $(n.size,"26px","30px","32px")},function(n){return $(n.size,"42px","48px","52px")},function(n){return $(n.size,"38px","44px","48px")},function(n){return $(n.size,"21px","24px","26px")},function(n){return $(n.size,"19px","22px","24px")},function(n){return $(n.size,"18px","21px","22px")},function(n){return $(n.size,"16px","19px","20px")},function(n){return $(n.size,"14px","16px","18px")},function(n){return $(n.size,"13px","15px","16px")}),gn=N.default.div(z||(z=Z(["\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    \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"]))),wn=N.default.span(b||(b=Z(["\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: .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: .3s;\n  }\n\n"]))),zn=N.default.div(v||(v=Z(['\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: "Gordita-Regular";\n      display: inline-flex;\n      align-items: center;\n      padding: 6px 12px;\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']))),bn={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:"Gordita-Regular"},vn=function(n){var e=n.endpoint,t=n.widget_id,i=n.authToken,r=n.newToken,a=n.openByDefault,p=n.userDetails,x=n.widget_size,o=n.style,d=(0,O.default)({endpoint:e,widget_id:t,authToken:i,newToken:r,userDetails:p}),s=d.connected,l=d.messages,u=d.sendMessage,m=d.sendFeedback,c=d.widget,f=d.restart,h=d.exit,g=d.isTypingEnd,w=d.onFileUpload;console.log("connected ::: ",{connected:s});var z=I((0,y.useState)(a),2),b=z[0],v=z[1],_=(0,y.useRef)(null);return(0,y.useEffect)(function(){_.current&&_.current.scroll(0,_.current.scrollHeight)}),c?(console.log("scale size provider",x),y.default.createElement(E.ScaleSizeProvider,{widgetSize:x},y.default.createElement(Q,{size:x,className:"widget_preview"},b?y.default.createElement(X,{className:"widget_chat"},y.default.createElement(Pn,{widget:c,onClick:function(){return v(!b)},open:b,restart:f,exit:h,logoshape:o.logo_shape}),y.default.createElement(nn,{size:x,className:"widget_chat_content",ref:_},y.default.createElement(yn,{messages:l,sendMessage:u,sendFeedback:m,widget:c,style:o})),y.default.createElement(_n,{sendMessage:u,onFileUpload:w,widget:c,messages:l,isTypingEnd:g})):null,y.default.createElement(Hn,{onClick:function(){return v(!b)},widget:c,open:b,logoshape:o.logo_shape,logosize:o.logo_size.size,logoborder:o.logo_border,widget_size:x},y.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 28.4 28.4",xmlSpace:"preserve"},y.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"}),y.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},_n=function(n){var e=n.sendMessage,t=n.widget,i=(n.messages,n.isTypingEnd),r=n.onFileUpload,a=I((0,y.useState)(""),2),p=a[0],x=a[1],o=I((0,y.useState)(!0),2),d=o[0],s=o[1],l=function(){p.trim()&&e(p),x("")};(0,y.useEffect)(function(){s(i)},[i]);var u=(0,y.useRef)(null),m=(0,y.useRef)(null);(0,y.useEffect)(function(){m.current&&(m.current.focus(),(0,k.default)(m.current))},[m.current]);var c=(0,E.useScaleContext)();return y.default.createElement(y.default.Fragment,null,d&&y.default.createElement("p",{className:"tryit_bot_typing font-sans"},t&&t.name," is typing",y.default.createElement("span",null,y.default.createElement("div",{className:"snippet","data-title":".dot-flashing"},y.default.createElement("div",{className:"stage"},y.default.createElement("div",{className:"dot-flashing"}))))),y.default.createElement(hn,{size:c.widgetSize,className:"widget_input_message"},y.default.createElement("div",{className:"widget_input_message_section"},y.default.createElement("div",{className:"widget_input_message_box"},y.default.createElement("textarea",{placeholder:"Write a message",value:p,onChange:function(n){return x(n.target.value)},onKeyDown:function(n){"Enter"===n.key&&(n.preventDefault(),l(),m.current&&(m.current.style.height="30px",m.current.style.overflow="hidden"))},style:bn,ref:m,rows:1,id:"typemsg",wrap:"hard"})),y.default.createElement("div",{className:"send_icon_box"},y.default.createElement("span",{className:"attachment_icon",onClick:function(){u.current&&u.current.click()}},y.default.createElement("svg",{x:"0px",y:"0px",viewBox:"0 0 24 24",xmlSpace:"preserve"},y.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"}))),y.default.createElement("span",{onClick:function(){return l()}},y.default.createElement("input",{type:"file",hidden:!0,ref:u,onChange:r}),y.default.createElement("svg",{x:"0px",y:"0px",viewBox:"0 0 32 32",xmlSpace:"preserve"},y.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"}),y.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"}),y.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"})))))))},yn=function(n){var e=n.messages,t=n.sendMessage,i=n.sendFeedback,r=n.widget,a=n.style;return console.log("Service ::messages",e),y.default.createElement(y.default.Fragment,null,e.map(function(n,e){return y.default.createElement(En,L({},B({key:e},n),{sendMessage:t,sendFeedback:i,widget:r,timestamp:n.time,style:a,key:e}))}))},En=function(n){var e=n.type,t=n.message,i=n.sendMessage,r=n.sendFeedback,a=n.widget,p=n.timestamp,x=n.style;switch(e){case"received":return y.default.createElement(kn,{message:t,sendMessage:i,sendFeedback:r,widget:a,timestamp:p,style:x});case"sent":return y.default.createElement(Sn,{timestamp:p,message:t,widget:a,logoshape:x.logo_shape,logosize:x.logo_size.size,logoborder:x.logo_border})}},kn=function(n){var e=n.message,t=n.sendMessage,i=n.sendFeedback,r=n.widget,a=n.timestamp,p=n.style;console.log("message ::: ",{message:e});(0,E.useScaleContext)();return e.output.map(function(n,e){return y.default.createElement(en,{className:"widget_chat_logs_box",key:e},y.default.createElement(Gn,{key:e,output:n,sendMessage:t,sendFeedback:i,widget:r,timestamp:a,logoshape:p.logo_shape,logosize:p.logo_size.size,logoborder:p.logo_border}))})},Sn=function(n){return y.default.createElement(Un,n)},Fn=function(n){var e=n.widget,t=n.timestamp,i=n.logoshape,r=(0,E.useScaleContext)();return y.default.createElement(sn,{size:r.widgetSize,className:"widget_chat_adaptiveCard"},y.default.createElement(tn,{style:{borderRadius:"box"==i?"5%":"50%"}},y.default.createElement("img",{alt:"logo",src:e&&e.logo_url||"https://workativ-asssistant-widget-images.s3.amazonaws.com/chat_logo.png"})),y.default.createElement("div",{className:"position-realtive tryit_wrapper_card"},y.default.createElement("div",{className:"tryit_cards"},y.default.createElement("div",{className:"flex widget_title single_card_message"},y.default.createElement("h6",null,e&&e.name),y.default.createElement("div",{className:"timestamp"},(0,F.formatTimeAMPM)(t))),y.default.createElement("div",{className:"chat_adaptiveCard_section"},y.default.createElement(Nn,n)))))},Nn=function(n){var e=n.adaptive_card,t=e.title,i=e.logo,r=e.description,a=e.fields,p=e.buttons,x=n.logoshape,o=(0,E.useScaleContext)();return y.default.createElement(y.default.Fragment,null,y.default.createElement("div",{className:"adaptive_card_box"},y.default.createElement("div",{className:"tryit_cards_top_left",style:{borderRadius:"box"==x?"5%":"50%"}},i&&y.default.createElement("img",{src:i,alt:"logo"})),y.default.createElement("div",{className:"tryit_cards_top_right"},y.default.createElement(mn,{className:"widget_chat_adaptiveHeader"},y.default.createElement(_.default,{mdText:(0,S.convertToMDText)(t)})),y.default.createElement(un,{className:"widget_chat_adaptiverParagraph"},y.default.createElement(_.default,{mdText:(0,S.convertToMDText)(r)})))),y.default.createElement("div",{className:"tryit_cards_wrapper"},y.default.createElement("div",{className:"tryit_cards_left"},y.default.createElement("div",{className:"tryit_ticket_wrapper tryit_content_wrapper"},y.default.createElement("div",{className:"tryit_ticket_details_wrapper"},a.map(function(n,e){var t=n.title,i=n.value;return y.default.createElement("div",{className:"tryit_ticket_details flex",key:e},y.default.createElement("h6",null,y.default.createElement(_.default,{mdText:(0,S.convertToMDText)(t)})," "),y.default.createElement("p",{className:"tryit_ticket_colun"},":"),y.default.createElement("p",null,y.default.createElement(_.default,{mdText:(0,S.convertToMDText)(i)})))}))),y.default.createElement("div",{className:"tryit_ticket_wrapper tryit_button_wrapper"},p.map(function(n,e){var t=n.text,i=n.url;return y.default.createElement(cn,{key:e},y.default.createElement("a",{href:(0,_.evalNormalOrJoinText)((0,S.convertToMDText)(i)),target:"_blank"},y.default.createElement(fn,{type:"button",size:o.widgetSize},y.default.createElement(_.default,{className:"widget_btn_content",mdText:(0,S.convertToMDText)(t)}))))})))))},On=function(n){var e=n.adaptive_card,t=e.title,i=e.logo,r=e.description,a=e.fields,p=e.buttons,x=(n.widget,n.timestamp,n.currentSlideEls),o=n.index,d=n.logoshape,s=(0,E.useScaleContext)();return y.default.createElement("div",{className:"slide",ref:function(n){return x&&(x.current[o]=n)}},y.default.createElement("div",{className:"adaptive_card_box"},y.default.createElement("div",{className:"tryit_cards_top_left",style:{borderRadius:"box"==d?"5%":"50%"}},i&&y.default.createElement("img",{src:i,alt:"logo"})),y.default.createElement("div",{className:"tryit_cards_top_right"},y.default.createElement(mn,{className:"widget_chat_adaptiveHeader"},y.default.createElement(_.default,{mdText:(0,S.convertToMDText)(t)})),y.default.createElement(un,{className:"widget_chat_adaptiverParagraph"},y.default.createElement(_.default,{mdText:(0,S.convertToMDText)(r)})))),y.default.createElement("div",{className:"tryit_cards_wrapper"},y.default.createElement("div",{className:"tryit_cards_left"},y.default.createElement("div",{className:"tryit_ticket_wrapper tryit_content_wrapper"},y.default.createElement("div",{className:"tryit_ticket_details_wrapper"},a.map(function(n,e){var t=n.title,i=n.value;return y.default.createElement("div",{className:"tryit_ticket_details flex",key:e},y.default.createElement("h6",null,y.default.createElement(_.default,{mdText:(0,S.convertToMDText)(t)})," "),y.default.createElement("p",{className:"tryit_ticket_colun"},":"),y.default.createElement("p",null,y.default.createElement(_.default,{mdText:(0,S.convertToMDText)(i)})))}))),y.default.createElement("div",{className:"tryit_ticket_wrapper tryit_button_wrapper"},p.map(function(n,e){var t=n.text,i=n.url;return y.default.createElement(cn,{key:e},y.default.createElement("a",{href:i.value,target:"_blank"},y.default.createElement(fn,{type:"button",size:s.widgetSize},y.default.createElement(_.default,{className:"widget_btn_content",mdText:(0,S.convertToMDText)(t)}))))})))))},Mn=function(n){return n+1},Tn=function(n,e){return n-e},jn=function(n){return n-1},Cn=function(n,e){return n+e},Rn=function(n){var e=n.widget,t=n.timestamp,i=n.logoshape,r=(n.widget_size,n.carousal.carousal_adaptive_card),a=I((0,y.useState)({index:0,transformWidth:0}),2),p=a[0],x=a[1],o=(0,y.useRef)([]),d=function(n,e){return function(){var t=n(p.index);if(!(t>=o.current.length||t<0)){var i=o.current[t].offsetWidth;x({index:t,transformWidth:e(p.transformWidth,i)})}}},s=d(Mn,Tn),l=d(jn,Cn),u=(0,E.useScaleContext)();return y.default.createElement(sn,{size:u.widgetSize,className:"widget_chat_adaptiveCard slider"},y.default.createElement(tn,{style:{borderRadius:"box"==i?"5%":"50%"}},y.default.createElement("img",{alt:"bot_chat_logo",src:e&&e.logo_url||"https://workativ-asssistant-widget-images.s3.amazonaws.com/chat_logo.png"})),y.default.createElement("div",{className:"position-realtive tryit_wrapper_card"},y.default.createElement("div",{className:"tryit_cards"},y.default.createElement("div",{className:"flex widget_title slider_message"},y.default.createElement("h6",null,e&&e.name),y.default.createElement("div",{className:"timestamp"},(0,F.formatTimeAMPM)(t))),y.default.createElement("div",{className:"carousal_wrapper"},y.default.createElement("div",{onClick:l,className:"arrows left"},y.default.createElement("img",{alt:"left_arrow",className:"left_arrow",src:"https://workativ-asssistant-widget-images.s3.amazonaws.com/adaptive_card_arrow.svg",style:0==p.index?{visibility:"hidden"}:null})),y.default.createElement("div",{className:"carousal_box_section"},y.default.createElement("div",{className:"carousal_container"},y.default.createElement("div",{className:"carousal_slide_container",style:{transform:"translate3d(".concat(p.transformWidth,"px, 0px, 0px)")}},r.map(function(n,r){return y.default.createElement(On,{widget:e,timestamp:t,adaptive_card:n,logoshape:i,currentSlideEls:o,index:r,key:r})})))),y.default.createElement("div",{onClick:s,className:"arrows"},y.default.createElement("img",{alt:"right_arrow",src:"https://workativ-asssistant-widget-images.s3.amazonaws.com/adaptive_card_arrow.svg",style:p.index==o.current.length-1?{visibility:"hidden"}:null}))))))},Pn=function(n){var e=n.widget,t=(n.onClick,n.open,n.restart),i=n.exit,r=n.logoshape,a=(0,E.useScaleContext)();return y.default.createElement(rn,{className:"widget_chat_top",style:{backgroundImage:"url(https://workativ-asssistant-widget-images.s3.amazonaws.com/widget_header_bg.svg)",backgroundColor:e?e.accent_color:"#FFD15C"},size:a.widgetSize},y.default.createElement(tn,{style:{right:6,position:"relative",borderRadius:"box"==r?"5%":"50%"}},y.default.createElement("img",{title:"logo",src:e&&e.logo_url||"https://workativ-asssistant-widget-images.s3.amazonaws.com/chat_logo.png"})),y.default.createElement(xn,null,y.default.createElement(an,null,y.default.createElement(V,{style:{color:e.primary_color},size:a.widgetSize},e&&e.name),y.default.createElement(on,{style:{color:e.primary_color},size:a.widgetSize},e&&e.description)),y.default.createElement(pn,{size:a.widgetSize},y.default.createElement(wn,{className:"relative restart",onClick:t,style:{fill:e.primary_color}},y.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 30 30",xmlSpace:"preserve"},y.default.createElement("path",{d:"M15 26C7.9 26 2.1 20.2 2.1 13.1 2.1 6 7.8.3 15 .2h1.9c.7 0 1.2.5 1.3 1.2s-.5 1.2-1.2 1.3h-2C9.2 2.7 4.6 7.5 4.6 13.2c0 5.8 4.8 10.4 10.5 10.4 5.8 0 10.4-4.7 10.4-10.5 0-.7.5-1.2 1.2-1.3s1.2.5 1.3 1.2v.1C27.9 20.2 22.1 26 15 26z",transform:"translate(0 3.709)"}),y.default.createElement("path",{d:"M3.3 10.1c-.7 0-1.3-.6-1.3-1.2 0-.4.2-.7.4-.9l2.8-2.8-2.8-2.9c-.5-.5-.5-1.3 0-1.7S3.7.1 4.1.6l3.7 3.7c.5.5.5 1.3 0 1.7L4.1 9.7c-.2.3-.5.4-.8.4z",transform:"translate(11.158)"})),y.default.createElement("label",{className:"restart_content"},"Restart Chat")),y.default.createElement(wn,{className:"relative close_section",onClick:i,style:{fill:e.primary_color}},y.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 29.7 29.7",xmlSpace:"preserve"},y.default.createElement("path",{d:"M14.9 0c8.2 0 14.9 6.7 14.9 14.9s-6.7 14.9-14.9 14.9S0 23.1 0 14.9 6.7 0 14.9 0z",fill:"none"}),y.default.createElement("path",{d:"M14.9 2c-3.4 0-6.7 1.3-9.1 3.8C3.3 8.2 2 11.4 2 14.9s1.3 6.7 3.8 9.1c2.4 2.4 5.7 3.8 9.1 3.8s6.7-1.3 9.1-3.8c2.4-2.4 3.8-5.7 3.8-9.1S26.4 8.2 24 5.8C21.5 3.3 18.3 2 14.9 2m0-2c8.2 0 14.9 6.7 14.9 14.9s-6.7 14.9-14.9 14.9S0 23.1 0 14.9 6.7 0 14.9 0z"}),y.default.createElement("path",{d:"M16.8 14.9l4.2-4.2.1-.1c.4-.5.4-1.3-.1-1.7-.5-.4-1.3-.4-1.7.1l-4.2 4.2L10.9 9l-.1-.1c-.2-.2-.5-.3-.9-.3-.3 0-.6.1-.8.4-.3.2-.4.5-.3.8 0 .3.2.6.4.8l4.2 4.2L9.2 19c-.2.2-.4.5-.4.9 0 .7.5 1.2 1.2 1.2.3 0 .6-.1.9-.4l4.2-4.2 4.2 4.2-.1.3h.9c.3 0 .6-.1.9-.4.5-.5.5-1.2 0-1.7l-4.2-4z"})),y.default.createElement("label",{className:""}," End Chat ")))))},Dn=function(n){var e=n.output,t=n.sendFeedback,i=n.logoshape,r=n.widget,a=n.timestamp,p=(0,E.useScaleContext)();return y.default.createElement(y.default.Fragment,null,y.default.createElement(sn,{size:p.widgetSize,className:"widget_chat_logs"},y.default.createElement(tn,{style:{borderRadius:"box"==i?"5%":"50%"}},y.default.createElement("img",{alt:"logo",src:r&&r.logo_url||"https://workativ-asssistant-widget-images.s3.amazonaws.com/chat_logo.png"})),y.default.createElement(dn,{size:p.widgetSize},y.default.createElement("div",{className:"flex widget_title chat_assisitant"},y.default.createElement("h6",null,r&&r.name),y.default.createElement("div",{className:"timestamp"},(0,F.formatTimeAMPM)(a))),y.default.createElement("div",null,y.default.createElement(_.default,{mdText:e.text})))),y.default.createElement(Wn,{options:e.buttons,sendFeedback:t}))},Gn=function(n){var e=n.output,t=e.type,i=G(e,["type"]),r=n.sendMessage,a=n.sendFeedback,p=n.widget,x=n.timestamp,o=n.logoshape,d=(n.logosize,n.logoborder,(0,E.useScaleContext)());return"ai_response"===i.response_type?y.default.createElement(Dn,{output:i,timestamp:x,widget:p,logoshape:o,sendFeedback:a}):y.default.createElement(y.default.Fragment,null,y.default.createElement(sn,{size:d.widgetSize,className:"widget_chat_logs"},y.default.createElement(tn,{style:{borderRadius:"box"==o?"5%":"50%"}},y.default.createElement("img",{alt:"logo",src:p&&p.logo_url||"https://workativ-asssistant-widget-images.s3.amazonaws.com/chat_logo.png"})),y.default.createElement(dn,{size:d.widgetSize},y.default.createElement("div",{className:"flex widget_title chat_assisitant"},y.default.createElement("h6",null,p&&p.name),y.default.createElement("div",{className:"timestamp"},(0,F.formatTimeAMPM)(x))),"text_with_btns"===t?y.default.createElement("div",null,y.default.createElement(_.default,{mdText:i.text})):y.default.createElement("div",null,y.default.createElement(_.default,{mdText:i.value})))),"text_with_btns"===t&&y.default.createElement(Bn,{options:i.buttons,sendMessage:r,widget:p}))},An=function(n){var e=n.sendMessage,t=(n.widget,n.label),i=n.value,r=(0,E.useScaleContext)();return y.default.createElement(cn,null,y.default.createElement(fn,{type:"button",onClick:function(){e((0,_.evalNormalOrJoinText)(i))},className:"widget_btn",size:r.widgetSize},y.default.createElement(_.default,{mdText:t})))},Ln=function(n){var e=n.label,t=n.action,i=n.sendFeedback;console.log("feedback btn ::: awesome ::: ",t);var r=(0,E.useScaleContext)();return y.default.createElement(cn,null,y.default.createElement(fn,{type:"button",onClick:function(){i("send_satisfied_feedback"===t.contract_action.action?"satisfied":"not_satisfied")},className:"widget_btn",size:r.widgetSize},y.default.createElement(_.default,{mdText:e})))},Wn=function(n){var e=n.options,t=n.sendFeedback;return y.default.createElement(zn,null,e.map(function(n,e){var i=n.label,r=n.action;return y.default.createElement(Ln,{label:i,action:r,key:e,sendFeedback:t})}))},Bn=function(n){var e=n.options,t=n.sendMessage,i=n.widget;return y.default.createElement(zn,null,e.map(function(n,e){var r=n.label,a=n.action;return y.default.createElement(An,{label:r,value:a.send_rly,key:e,sendMessage:t,widget:i})}))},qn=function(n){var e=n.text.split("\n"),t=e[e.length-1],i=e.slice(0,e.length-1);return y.default.createElement(y.default.Fragment,null,i.reduce(function(n,e){return[].concat(C(n),[e,y.default.createElement("br",{key:n.length})])},[]),t)},In=function(n){var e=n.text;return(0,_.parseUrlAndString)(e).map(function(n,e){var t=n.type,i=n.value;return"url"===t?y.default.createElement("a",{href:i,target:"_blank",key:e},i):y.default.createElement(qn,{text:i,key:e})})},Un=function(n){var e=n.message,t=e.input,i=e.context,r=i.SYS_UPLOADED_FILE,a=i.SYS_FirstName,p=(n.widget,n.timestamp),x=n.logoshape,o=(n.logosize,n.logoborder,(0,E.useScaleContext)());return y.default.createElement(ln,{size:o.widgetSize},y.default.createElement(sn,{size:o.widgetSize},y.default.createElement(dn,{size:o.widgetSize},y.default.createElement("div",{className:"flex widget_title user_chat"},y.default.createElement("h6",null,a),y.default.createElement("div",{className:"timestamp"},(0,F.formatTimeAMPM)(p))),y.default.createElement("div",null,r?"File uploaded":y.default.createElement(In,{text:t.value}))),y.default.createElement(tn,{size:o.widgetSize,style:{borderRadius:"box"==x?"5%":"50%"}},y.default.createElement("svg",{id:"Layer_1",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 58 58",xmlSpace:"preserve"},y.default.createElement("style",null,".st0{fill:currentColor}"),y.default.createElement("g",{id:"Group_7717",transform:"translate(-423 -4549.422)"},y.default.createElement("ellipse",{id:"Ellipse_238",cx:452,cy:4561.2,rx:11.8,ry:11.3}),y.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"}))))))},Hn=function(n){var e=n.widget,t=n.onClick,i=n.open,r=n.logoshape,a=n.logosize,p=n.logoborder,x=(n.widget_size,(0,E.useScaleContext)()),o={backgroundColor:e?e.accent_color:"#FFD15C",borderRadius:"box"==r?"0%":"50%",border:"1px solid ".concat(p.color),height:12*a+62,width:12*a+62,transform:"scale(".concat(x.scale,")"),fill:e.primary_color};return console.log("WidgetMenu",x),y.default.createElement(gn,{className:"widget_cancel_button"},i?y.default.createElement(wn,{className:"close_button",style:o,onClick:t},y.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 28.4 28.4",xmlSpace:"preserve"},y.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"}),y.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"}))):y.default.createElement(wn,{style:o,onClick:t},y.default.createElement("img",{src:e&&e.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"==r?{width:"100%",height:"100%",boxShadow:"none"}:{width:"86px",height:"86px"}})))},Jn=vn;exports.default=Jn;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Button=void 0;var n,e,t,i,r,a,p,x,o,d,s,l,u,m,c,f,h,g,w,z,b,_,v=j(require("./md/assistant_md")),y=j(require("react")),E=require("./useScale"),k=M(require("autosize")),S=require("./md/md_format_converter"),F=require("./lib"),N=M(require("styled-components")),O=M(require("./useWidgetService"));function M(n){return n&&n.__esModule?n:{default:n}}function T(n){if("function"!=typeof WeakMap)return null;var e=new WeakMap,t=new WeakMap;return(T=function(n){return n?t:e})(n)}function j(n,e){if(!e&&n&&n.__esModule)return n;if(null===n||"object"!=typeof n&&"function"!=typeof n)return{default:n};var t=T(e);if(t&&t.has(n))return t.get(n);var i={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in n)if("default"!==a&&Object.prototype.hasOwnProperty.call(n,a)){var p=r?Object.getOwnPropertyDescriptor(n,a):null;p&&(p.get||p.set)?Object.defineProperty(i,a,p):i[a]=n[a]}return i.default=n,t&&t.set(n,i),i}function C(n){return D(n)||P(n)||H(n)||R()}function R(){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 P(n){if("undefined"!=typeof Symbol&&null!=n[Symbol.iterator]||null!=n["@@iterator"])return Array.from(n)}function D(n){if(Array.isArray(n))return J(n)}function G(n,e){if(null==n)return{};var t,i,r=A(n,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(n);for(i=0;i<a.length;i++)t=a[i],e.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(n,t)&&(r[t]=n[t])}return r}function A(n,e){if(null==n)return{};var t,i,r={},a=Object.keys(n);for(i=0;i<a.length;i++)t=a[i],e.indexOf(t)>=0||(r[t]=n[t]);return r}function L(){return(L=Object.assign||function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(n[i]=t[i])}return n}).apply(this,arguments)}function W(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})),t.push.apply(t,i)}return t}function B(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?W(Object(t),!0).forEach(function(e){q(n,e,t[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):W(Object(t)).forEach(function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))})}return n}function q(n,e,t){return e in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}function I(n,e){return K(n)||Y(n,e)||H(n,e)||U()}function U(){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 H(n,e){if(n){if("string"==typeof n)return J(n,e);var t=Object.prototype.toString.call(n).slice(8,-1);return"Object"===t&&n.constructor&&(t=n.constructor.name),"Map"===t||"Set"===t?Array.from(n):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?J(n,e):void 0}}function J(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,i=new Array(e);t<e;t++)i[t]=n[t];return i}function Y(n,e){var t=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=t){var i,r,a=[],p=!0,x=!1;try{for(t=t.call(n);!(p=(i=t.next()).done)&&(a.push(i.value),!e||a.length!==e);p=!0);}catch(o){x=!0,r=o}finally{try{p||null==t.return||t.return()}finally{if(x)throw r}}return a}}function K(n){if(Array.isArray(n))return n}function Z(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}var $=function(n,e,t,i){switch(n){case"small":return e;case"medium":return t;case"large":return i;default:return e}},Q=N.default.div(n||(n=Z(["\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 $(n.size,"480px","540px","680px")},function(n){return $(n.size,"720px","840px","920px")},function(n){return $(n.size,"1080px","1200px","1360px")},function(n){return $(n.size,"540px","600px","680px")},function(n){return $(n.size,"460px","540px","560px")},function(n){return $(n.size,"360px","420px","460px")}),V=N.default.div(e||(e=Z(["\n  display: flex;\n  align-items: center;\n  width: 100%;\n  float: left;\n  font-family: 'Gordita-Medium', 'Open Sans', sans-serif;;\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 $(n.size,"15px","20px","24px")},function(n){return $(n.size,"16px","18px","20px")},function(n){return $(n.size,"20px","24px","30px")},function(n){return $(n.size,"36px","40px","44px")},function(n){return $(n.size,"18px","20px","22px")},function(n){return $(n.size,"15px","18px","18px")},function(n){return $(n.size,"10px","12px","15px")}),X=N.default.div(t||(t=Z(["\n  box-sizing: border-box;\n\n  .widget_footer_box{\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: 43px;\n\n            p{\n            font-family: 'Gordita-Regular', 'Open Sans', sans-serif;;\n            font-size: 13px;\n            color: #555555;\n            margin: 0;\n            align-items: center;\n            display: flex;\n            gap: 0 2.5px;\n            }\n\n            span{\n              position: relative;\n              bottom: 2px;\n              padding-right: 1px;\n            }\n\n            svg{\n              width: 14px;\n              height: 12px;\n            }\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"]))),nn=N.default.div(i||(i=Z(["\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: #F6F8FA;\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 $(n.size,"calc(100vh - 60vh)","calc(100vh - 56vh)","calc(100vh - 44vh)")},function(n){return $(n.size,"calc(100vh - 47.4vh)","calc(100vh - 41.6vh)","calc(100vh - 33.9vh)")},function(n){return $(n.size,"calc(100vh - 48vh)","calc(100vh - 43vh)","calc(100vh - 38vh)")},function(n){return $(n.size,"calc(100vh - 44.8vh)","calc(100vh - 37.4vh)","calc(100vh - 28vh)")},function(n){return $(n.size,"calc(100vh - 45vh)","calc(100vh - 37.4vh)","calc(100vh - 31.5vh)")},function(n){return $(n.size,"calc(100vh - 44.8vh)","calc(100vh - 37.4vh)","calc(100vh - 31.5vh)")},function(n){return $(n.size,"calc(100vh - 53.3vh)","calc(100vh - 48vh)","calc(100vh - 42vh)")}),en=N.default.div(r||(r=Z(["\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  }\n  @media (min-width: 2560px) {\n\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: 'Gordita-Regular', 'Open Sans', sans-serif;\n  // }\n \n  // .tryit_cards h4 {\n  //   font-size: 13px;\n  //   margin-top: 10px;\n  //   margin-bottom: 0px;\n  //   font-family: 'Gordita-Medium', 'Open Sans', sans-serif;\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\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"]))),tn=N.default.div(a||(a=Z(["\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"]))),rn=N.default.div(p||(p=Z(["\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 $(n.size,"86px","96px","110px")},function(n){return $(n.size,"120px","138px","152px")},function(n){return $(n.size,"180px","198px","224px")},function(n){return $(n.size,"90px","99px","112px")},function(n){return $(n.size,"76px","89px","92px")},function(n){return $(n.size,"60px","69px","76px")},tn,function(n){return $(n.size,"52px","56px","60px")},function(n){return $(n.size,"52px","58px","60px")},function(n){return $(n.size,"64px","72px","80px")},function(n){return $(n.size,"64px","72px","80px")},function(n){return $(n.size,"92px","104px","116px")},function(n){return $(n.size,"92px","104px","116px")},function(n){return $(n.size,"46px","52px","58px")},function(n){return $(n.size,"46px","52px","58px")},function(n){return $(n.size,"40px","46px","48px")},function(n){return $(n.size,"40px","46px","48px")},function(n){return $(n.size,"32px","36px","40px")},function(n){return $(n.size,"32px","36px","40px")},function(n){return $(n.size,"46px","52px","54px")},function(n){return $(n.size,"46px","52px","53px")},function(n){return $(n.size,"54px","60px","70px")},function(n){return $(n.size,"54px","60px","70px")},function(n){return $(n.size,"80px","92px","96px")},function(n){return $(n.size,"80px","92px","96px")},function(n){return $(n.size,"40px","46px","48px")},function(n){return $(n.size,"40px","46px","48px")},function(n){return $(n.size,"35px","40px","42px")},function(n){return $(n.size,"35px","40px","42px")},function(n){return $(n.size,"27px","30px","35px")},function(n){return $(n.size,"27px","30px","35px")}),an=N.default.div(x||(x=Z(["\n  width: 82%;\n  display: flex;\n  flex-direction: column;\n  margin-top: 4px;\n"]))),pn=N.default.div(o||(o=Z(["\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, .close_section{\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\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 $(n.size,"30px","32px","36px")},function(n){return $(n.size,"30px","32px","36px")},function(n){return $(n.size,"36px","40px","44px")},function(n){return $(n.size,"36px","40px","44px")},function(n){return $(n.size,"52px","58px","66px")},function(n){return $(n.size,"53px","58px","66px")},function(n){return $(n.size,"26px","29px","33px")},function(n){return $(n.size,"26px","29px","33px")},function(n){return $(n.size,"22px","26px","28px")},function(n){return $(n.size,"22px","26px","28px")},function(n){return $(n.size,"18px","20px","22px")},function(n){return $(n.size,"18px","20px","22px")},function(n){return $(n.size,"26px","30px","34px")},function(n){return $(n.size,"26px","30px","34px")},function(n){return $(n.size,"36px","40px","44px")},function(n){return $(n.size,"36px","40px","44px")},function(n){return $(n.size,"52px","58px","66px")},function(n){return $(n.size,"53px","58px","66px")},function(n){return $(n.size,"26px","29px","33px")},function(n){return $(n.size,"26px","29px","33px")},function(n){return $(n.size,"22px","26px","28px")},function(n){return $(n.size,"22px","26px","28px")},function(n){return $(n.size,"18px","20px","22px")},function(n){return $(n.size,"18px","20px","22px")}),xn=N.default.div(d||(d=Z(["\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"]))),on=N.default.p(s||(s=Z(['\n  font-family: "Gordita-Regular", "Open Sans", sans-serif;\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 $(n.size,"15px","16px","18px")},function(n){return $(n.size,"18px","22px","26px")},function(n){return $(n.size,"30px","32px","36px")},function(n){return $(n.size,"15px","16px","18px")},function(n){return $(n.size,"13px","14px","15px")},function(n){return $(n.size,"9px","11px","13px")}),dn=N.default.div(l||(l=Z(["\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: 'Gordita-Regular', 'Open Sans', sans-serif;\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: #ffffff 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: 'Gordita-Regular', 'Open Sans', sans-serif;\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: 'Gordita-Medium', 'Open Sans', sans-serif;\n      color: #333;\n      margin: 0;\n\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: 'Gordita-Regular', 'Open Sans', sans-serif;\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: 'Gordita-Regular', 'Open Sans', sans-serif;\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: 'Gordita-Regular', 'Open Sans', sans-serif; \n  }\n"])),function(n){return $(n.size,"17px","19px","22px")},function(n){return $(n.size,"12px 10px 8px 16px !important","12px 10px 8px 28px !important","12px 10px 8px 20px !important")},function(n){return $(n.size,"22px","22px","26px")},function(n){return $(n.size,"32px","34px","40px")},function(n){return $(n.size,"20px","22px","26px")},function(n){return $(n.size,"20px 28px 16px 16px !important","20px 28px 16px 26px !important","20px 28px 16px 26px !important")},function(n){return $(n.size,"22px","24px","30px")},function(n){return $(n.size,"30px","36px","45px")},function(n){return $(n.size,"30px","34px","36px")},function(n){return $(n.size,"24px 38px 16px 42px !important","24px 38px 16px 42px !important","24px 38px 16px 42px !important")},function(n){return $(n.size,"26px","30px","36px")},function(n){return $(n.size,"45px","50px","60px")},function(n){return $(n.size,"15px","17px","18px")},function(n){return $(n.size,"12px 10px 8px 28px !important","12px 10px 8px 28px !important","12px 10px 8px 20px !important")},function(n){return $(n.size,"22px","22px","22px")},function(n){return $(n.size,"32px","34px","34px")},function(n){return $(n.size,"13px","15px","15px")},function(n){return $(n.size,"12px 10px 8px 18px !important","12px 10px 8px 20px !important","12px 10px 8px 22px !important")},function(n){return $(n.size,"14px","16px","18px")},function(n){return $(n.size,"26px","26px","26px")},function(n){return $(n.size,"10px","11px","13px")},function(n){return $(n.size,"12px 10px 8px 16px !important","12px 10px 8px 16px !important","12px 10px 8px 16px !important")},function(n){return $(n.size,"16px","16px","16px")},function(n){return $(n.size,"22px","22px","22px")},function(n){return $(n.size,"16px","19px","21px")},function(n){return $(n.size,"14px","16px","20px")},function(n){return $(n.size,"24px","26px","30px")},function(n){return $(n.size,"12px","13px","15px")},function(n){return $(n.size,"10px","12px","13px")},function(n){return $(n.size,"7px","8px","10px")},function(n){return $(n.size,"16px","18px","22px")},function(n){return $(n.size,"16px","18px","24px")},function(n){return $(n.size,"28px","30px","32px")},function(n){return $(n.size,"14px","15px","16px")},function(n){return $(n.size,"12px","14px","14px")},function(n){return $(n.size,"8px","9px","12px")}),sn=N.default.div(u||(u=Z(["\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% 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\n  .timestamp {\n    color: #888;\n    font-size: 10px;\n    font-family: 'Gordita-Regular', 'Open Sans', sans-serif;\n\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: 'Gordita-Medium', 'Open Sans', sans-serif;\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  \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    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\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          @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: 'Gordita-Medium', 'Open Sans', sans-serif;\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: 'Gordita-Regular', 'Open Sans', sans-serif;\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"])),tn,function(n){return $(n.size,"36px","42px","46px")},function(n){return $(n.size,"36px","42px","46px")},function(n){return $(n.size,"40px","48px","56px")},function(n){return $(n.size,"40px","48px","56px")},function(n){return $(n.size,"64px","72px","80px")},function(n){return $(n.size,"64px","72px","80px")},function(n){return $(n.size,"32px","36px","40px")},function(n){return $(n.size,"32px","36px","40px")},function(n){return $(n.size,"28px","32px","34px")},function(n){return $(n.size,"28px","32px","34px")},function(n){return $(n.size,"20px","24px","28px")},function(n){return $(n.size,"20px","24px","28px")},function(n){return $(n.size,"32px","40px","44px")},function(n){return $(n.size,"32px","40px","44px")},function(n){return $(n.size,"36px","44px","52px")},function(n){return $(n.size,"36px","44px","52px")},function(n){return $(n.size,"64px","68px","76px")},function(n){return $(n.size,"64px","68px","76px")},function(n){return $(n.size,"32px","34px","38px")},function(n){return $(n.size,"32px","34px","38px")},function(n){return $(n.size,"26px","30px","32px")},function(n){return $(n.size,"26px","30px","32px")},function(n){return $(n.size,"18px","22px","26px")},function(n){return $(n.size,"18px","22px","26px")},function(n){return $(n.size,"94.1%","96%","98.1%")},function(n){return $(n.size,"94.1%","96%","98%")},function(n){return $(n.size,"97%","100%","100%")},function(n){return $(n.size,"4%","6%","6%")},function(n){return $(n.size,"76px","84px","90px")},function(n){return $(n.size,"10px 12px 0 0;","12px 14px 0 0;","16px 18px 0 0;")},function(n){return $(n.size,"4%","6%","6%")},function(n){return $(n.size,"80px","100px","110px")},function(n){return $(n.size,"16px 18px 0 0;","20px 22px 0 0;","20px 22px 0 0;")},function(n){return $(n.size,"8%","10%","10%")},function(n){return $(n.size,"100px","116px","124px")},function(n){return $(n.size,"16px 18px 0 0;","20px 22px 0 0;","20px 22px 0 0;")},function(n){return $(n.size,"12px","12px","16px")},function(n){return $(n.size,"16px","16px","20px")},function(n){return $(n.size,"24px","26px","30px")},function(n){return $(n.size,"12px","13px","15px")},function(n){return $(n.size,"10px","12px","13px")},function(n){return $(n.size,"8px","8px","10px")},function(n){return $(n.size,"16px","16px","21px")},function(n){return $(n.size,"22px","22px","22px")},function(n){return $(n.size,"24px","26px","30px")},function(n){return $(n.size,"12px","13px","15px")},function(n){return $(n.size,"10px","12px","13px")},function(n){return $(n.size,"8px","8px","11px")},function(n){return $(n.size,"14px","16px","18px")},function(n){return $(n.size,"18px","20px","22px")},function(n){return $(n.size,"24px","24px","24px")},function(n){return $(n.size,"28px","28px","28px")},function(n){return $(n.size,"34px","34px","34px")},function(n){return $(n.size,"20px","25px","20px")},function(n){return $(n.size,"30px","45px","30px")},function(n){return $(n.size,"30px","44px","44px")},function(n){return $(n.size,"56px","56px","56px")},function(n){return $(n.size,"22px","22px","22px")},function(n){return $(n.size,"28px","28px","28px")},function(n){return $(n.size,"14px","18px","18px")},function(n){return $(n.size,"22px","28px","28px")},function(n){return $(n.size,"10px","10px","10px")},function(n){return $(n.size,"15px","15px","15px")},function(n){return $(n.size,"12px 30px 12px 0px","12px 30px 12px 0px","12px 36px 12px 2px")},function(n){return $(n.size,"12px 30px 12px 0px","12px 30px 12px 0px","24px 44px 24px 20px")},function(n){return $(n.size,"24px 50px 24px 25px","24px 50px 24px 25px","24px 50px 24px 25px")},function(n){return $(n.size,"186px","190px","230px")},function(n){return $(n.size,"186px","190px","230px")},function(n){return $(n.size,"280px","328px","328px")},function(n){return $(n.size,"16px","18px","22px")},function(n){return $(n.size,"18px","18px","24px")},function(n){return $(n.size,"28px","30px","32px")},function(n){return $(n.size,"14px","15px","16px")},function(n){return $(n.size,"12px","13px","14px")},function(n){return $(n.size,"9px","9px","12px")},function(n){return $(n.size,"20px","21px","22px")},function(n){return $(n.size,"18px","18px","24px")},function(n){return $(n.size,"16px","18px","20px")},function(n){return $(n.size,"18px","18px","24px")},function(n){return $(n.size,"28px","30px","32px")},function(n){return $(n.size,"14px","15px","16px")},function(n){return $(n.size,"12px","13px","14px")},function(n){return $(n.size,"9px","9px","12px")},function(n){return $(n.size,"16px","18px","20px")},function(n){return $(n.size,"18px","18px","24px")},function(n){return $(n.size,"28px","30px","32px")},function(n){return $(n.size,"14px","15px","16px")},function(n){return $(n.size,"12px","13px","14px")},function(n){return $(n.size,"9px","9px","12px")}),ln=N.default.div(m||(m=Z(["\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\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\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"])),tn,function(n){return $(n.size,"38px","42px","46px")},function(n){return $(n.size,"38px","42px","46px")},function(n){return $(n.size,"40px","48px","56px")},function(n){return $(n.size,"40px","48px","56px")},function(n){return $(n.size,"64px","72px","80px")},function(n){return $(n.size,"64px","72px","80px")},function(n){return $(n.size,"32px","36px","40px")},function(n){return $(n.size,"32px","36px","40px")},function(n){return $(n.size,"28px","32px","34px")},function(n){return $(n.size,"28px","32px","34px")},function(n){return $(n.size,"20px","24px","28px")},function(n){return $(n.size,"20px","24px","28px")},function(n){return $(n.size,"22px","24px","26px")},function(n){return $(n.size,"22px","24px","26px")},function(n){return $(n.size,"20px","24px","28px")},function(n){return $(n.size,"20px","24px","28px")},function(n){return $(n.size,"32px","36px","40px")},function(n){return $(n.size,"32px","36px","40px")},function(n){return $(n.size,"16px","18px","20px")},function(n){return $(n.size,"16px","18px","20px")},function(n){return $(n.size,"14px","16px","18px")},function(n){return $(n.size,"14px","16px","18px")},function(n){return $(n.size,"10px","12px","14px")},function(n){return $(n.size,"10px","12px","14px")},dn,function(n){return $(n.size,"16px","18px","24px")},function(n){return $(n.size,"20px","24px","36px")},function(n){return $(n.size,"12px 28px 8px 12px !important","12px 28px 8px 12px !important","12px 28px 8px 12px !important")},function(n){return $(n.size,"20px","24px","32px")},function(n){return $(n.size,"28px","36px","36px")},function(n){return $(n.size,"12px 22px 8px 16px !important","12px 24px 8px 18px !important","12px 26px 8px 20px !important")},function(n){return $(n.size,"30px","34px","40px")},function(n){return $(n.size,"46px","54px","60px")},function(n){return $(n.size,"12px 46px 8px 22px !important","12px 46px 8px 22px !important","12px 46px 8px 22px !important")},function(n){return $(n.size,"10px","12px","22px")},function(n){return $(n.size,"14px","18px","30px")},function(n){return $(n.size,"12px 28px 8px 12px !important","12px 28px 8px 12px !important","12px 28px 8px 12px !important")},function(n){return $(n.size,"10px","12px","16px")},function(n){return $(n.size,"14px","18px","18px")},function(n){return $(n.size,"12px 18px 8px 12px !important","12px 18px 8px 12px !important","12px 18px 8px 12px !important")},function(n){return $(n.size,"20px","21px","22px")},function(n){return $(n.size,"18px","18px","24px")},function(n){return $(n.size,"28px","30px","32px")},function(n){return $(n.size,"14px","15px","16px")},function(n){return $(n.size,"12px","13px","14px")},function(n){return $(n.size,"9px","9px","12px")},function(n){return $(n.size,"12px","14px","16x")},function(n){return $(n.size,"16px","16px","20px")},function(n){return $(n.size,"24px","26px","30px")},function(n){return $(n.size,"12px","13px","15px")},function(n){return $(n.size,"10px","12px","13px")},function(n){return $(n.size,"8px","8px","10px")},sn),un=N.default.p(c||(c=Z(["\n  color: #333;\n"]))),mn=N.default.h4(f||(f=Z(["\n  color: #000;\n"]))),cn=N.default.div(h||(h=Z(['\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: "Gordita-Regular";\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']))),fn=N.default.button(g||(g=Z(['\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: "Gordita-Regular";\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 $(n.size,"16px","18px","20px")},function(n){return $(n.size,"38px","41px","46px")},function(n){return $(n.size,"18px","20px","24px")},function(n){return $(n.size,"48px","52px","54px")},function(n){return $(n.size,"28px","32px","36px")},function(n){return $(n.size,"48px","58px","68px")},function(n){return $(n.size,"14px","16px","18px")},function(n){return $(n.size,"32px","35px","40px")},function(n){return $(n.size,"12px","13px","14px")},function(n){return $(n.size,"32px","35px","40px")},function(n){return $(n.size,"9px","10px","12px")},function(n){return $(n.size,"32px","35px","40px")},function(n){return n.primary?"#333":"#fff"});exports.Button=fn;var hn=N.default.div(w||(w=Z(['\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: 10px;\n  border-bottom-right-radius: 10px;\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\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: "Gordita-Regular";\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 $(n.size,"28px","40px","52px")},function(n){return $(n.size,"8px","12px","14px")},function(n){return $(n.size,"21px","22px","24px")},function(n){return $(n.size,"20px !important","21px !important","22px !important")},function(n){return $(n.size,"74px","90px","74px")},function(n){return $(n.size,"24px !important","24px !important","24px !important")},function(n){return $(n.size,"12px","6px","18px")},function(n){return $(n.size,"80px","90px","100px")},function(n){return $(n.size,"70px","80px","70px")},function(n){return $(n.size,"36px","54px","36px")},function(n){return $(n.size,"74px","90px","104px !important")},function(n){return $(n.size,"74px","90px","110px !important")},function(n){return $(n.size,"74px","80px","90px !important")},function(n){return $(n.size,"10px","12px","28px")},function(n){return $(n.size,"48px","54px","58px")},function(n){return $(n.size,"30px !important","34px !important","36px !important")},function(n){return $(n.size,"37px","40px","52px")},function(n){return $(n.size,"10px","12px","14px")},function(n){return $(n.size,"20px","22px","24px")},function(n){return $(n.size,"15px !important","17px !important","18px !important")},function(n){return $(n.size,"30px","34px","37px")},function(n){return $(n.size,"4px","6px","8px")},function(n){return $(n.size,"12px !important","15px !important","15px !important")},function(n){return $(n.size,"9px !important","10px !important","12px !important")},function(n){return $(n.size,"4px","6px","8px")},function(n){return $(n.size,"27px","30px","32px")},function(n){return $(n.size,"25px","28px","30px")},function(n){return $(n.size,"28px","32px","36px")},function(n){return $(n.size,"26px","30px","32px")},function(n){return $(n.size,"42px","48px","52px")},function(n){return $(n.size,"38px","44px","48px")},function(n){return $(n.size,"21px","24px","26px")},function(n){return $(n.size,"19px","22px","24px")},function(n){return $(n.size,"18px","21px","22px")},function(n){return $(n.size,"16px","19px","20px")},function(n){return $(n.size,"14px","16px","18px")},function(n){return $(n.size,"13px","15px","16px")}),gn=N.default.div(z||(z=Z(["\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    \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"]))),wn=N.default.span(b||(b=Z(["\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: .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: .3s;\n  }\n\n"]))),zn=N.default.div(_||(_=Z(['\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: "Gordita-Regular";\n      display: inline-flex;\n      align-items: center;\n      padding: 6px 12px;\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']))),bn={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:"Gordita-Regular"},_n=function(n){var e=n.endpoint,t=n.widget_id,i=n.authToken,r=n.newToken,a=n.openByDefault,p=n.userDetails,x=n.widget_size,o=n.style,d=(0,O.default)({endpoint:e,widget_id:t,authToken:i,newToken:r,userDetails:p}),s=d.connected,l=d.messages,u=d.sendMessage,m=d.sendFeedback,c=d.widget,f=d.restart,h=d.exit,g=d.isTypingEnd,w=d.onFileUpload;console.log("connected ::: ",{connected:s});var z=I((0,y.useState)(a),2),b=z[0],_=z[1],v=(0,y.useRef)(null);return(0,y.useEffect)(function(){v.current&&v.current.scroll(0,v.current.scrollHeight)}),c?(console.log("scale size provider",x),y.default.createElement(E.ScaleSizeProvider,{widgetSize:x},y.default.createElement(Q,{size:x,className:"widget_preview"},b?y.default.createElement(X,{className:"widget_chat"},y.default.createElement(Pn,{widget:c,onClick:function(){return _(!b)},open:b,restart:f,exit:h,logoshape:o.logo_shape}),y.default.createElement(nn,{size:x,className:"widget_chat_content",ref:v},y.default.createElement(yn,{messages:l,sendMessage:u,sendFeedback:m,widget:c,style:o})),y.default.createElement(vn,{sendMessage:u,onFileUpload:w,widget:c,messages:l,isTypingEnd:g})):null,y.default.createElement(Hn,{onClick:function(){return _(!b)},widget:c,open:b,logoshape:o.logo_shape,logosize:o.logo_size.size,logoborder:o.logo_border,widget_size:x},y.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 28.4 28.4",xmlSpace:"preserve"},y.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"}),y.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},vn=function(n){var e=n.sendMessage,t=n.widget,i=(n.messages,n.isTypingEnd),r=n.onFileUpload,a=I((0,y.useState)(""),2),p=a[0],x=a[1],o=I((0,y.useState)(!0),2),d=o[0],s=o[1],l=function(){p.trim()&&e(p),x("")};(0,y.useEffect)(function(){s(i)},[i]);var u=(0,y.useRef)(null),m=(0,y.useRef)(null);(0,y.useEffect)(function(){m.current&&(m.current.focus(),(0,k.default)(m.current))},[m.current]);var c=(0,E.useScaleContext)();return y.default.createElement(y.default.Fragment,null,d&&y.default.createElement("p",{className:"tryit_bot_typing font-sans"},t&&t.name," is typing",y.default.createElement("span",null,y.default.createElement("div",{className:"snippet","data-title":".dot-flashing"},y.default.createElement("div",{className:"stage"},y.default.createElement("div",{className:"dot-flashing"}))))),y.default.createElement(hn,{size:c.widgetSize,className:"widget_input_message"},y.default.createElement("div",{className:"widget_input_message_section"},y.default.createElement("div",{className:"widget_input_message_box"},y.default.createElement("textarea",{placeholder:"Write a message",value:p,onChange:function(n){return x(n.target.value)},onKeyDown:function(n){"Enter"===n.key&&(n.preventDefault(),l(),m.current&&(m.current.style.height="30px",m.current.style.overflow="hidden"))},style:bn,ref:m,rows:1,id:"typemsg",wrap:"hard"})),y.default.createElement("div",{className:"send_icon_box"},y.default.createElement("span",{className:"attachment_icon",onClick:function(){u.current&&u.current.click()}},y.default.createElement("svg",{x:"0px",y:"0px",viewBox:"0 0 24 24",xmlSpace:"preserve"},y.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"}))),y.default.createElement("span",{onClick:function(){return l()}},y.default.createElement("input",{type:"file",hidden:!0,ref:u,onChange:r}),y.default.createElement("svg",{x:"0px",y:"0px",viewBox:"0 0 32 32",xmlSpace:"preserve"},y.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"}),y.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"}),y.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"})))))))},yn=function(n){var e=n.messages,t=n.sendMessage,i=n.sendFeedback,r=n.widget,a=n.style;return console.log("Service ::messages",e),y.default.createElement(y.default.Fragment,null,e.map(function(n,e){return y.default.createElement(En,L({},B({key:e},n),{sendMessage:t,sendFeedback:i,widget:r,timestamp:n.time,style:a,key:e}))}))},En=function(n){var e=n.type,t=n.message,i=n.sendMessage,r=n.sendFeedback,a=n.widget,p=n.timestamp,x=n.style;switch(e){case"received":return y.default.createElement(kn,{message:t,sendMessage:i,sendFeedback:r,widget:a,timestamp:p,style:x});case"sent":return y.default.createElement(Sn,{timestamp:p,message:t,widget:a,logoshape:x.logo_shape,logosize:x.logo_size.size,logoborder:x.logo_border})}},kn=function(n){var e=n.message,t=n.sendMessage,i=n.sendFeedback,r=n.widget,a=n.timestamp,p=n.style;console.log("message ::: ",{message:e});(0,E.useScaleContext)();return e.output.map(function(n,x){return y.default.createElement(en,{className:"widget_chat_logs_box",key:x},y.default.createElement(Gn,{key:x,output:n,sendMessage:t,sendFeedback:i,widget:r,timestamp:a,logoshape:p.logo_shape,logosize:p.logo_size.size,logoborder:p.logo_border,event_id:e.event_id}))})},Sn=function(n){return y.default.createElement(Un,n)},Fn=function(n){var e=n.widget,t=n.timestamp,i=n.logoshape,r=(0,E.useScaleContext)();return y.default.createElement(sn,{size:r.widgetSize,className:"widget_chat_adaptiveCard"},y.default.createElement(tn,{style:{borderRadius:"box"==i?"5%":"50%"}},y.default.createElement("img",{alt:"logo",src:e&&e.logo_url||"https://workativ-asssistant-widget-images.s3.amazonaws.com/chat_logo.png"})),y.default.createElement("div",{className:"position-realtive tryit_wrapper_card"},y.default.createElement("div",{className:"tryit_cards"},y.default.createElement("div",{className:"flex widget_title single_card_message"},y.default.createElement("h6",null,e&&e.name),y.default.createElement("div",{className:"timestamp"},(0,F.formatTimeAMPM)(t))),y.default.createElement("div",{className:"chat_adaptiveCard_section"},y.default.createElement(Nn,n)))))},Nn=function(n){var e=n.adaptive_card,t=e.title,i=e.logo,r=e.description,a=e.fields,p=e.buttons,x=n.logoshape,o=(0,E.useScaleContext)();return y.default.createElement(y.default.Fragment,null,y.default.createElement("div",{className:"adaptive_card_box"},y.default.createElement("div",{className:"tryit_cards_top_left",style:{borderRadius:"box"==x?"5%":"50%"}},i&&y.default.createElement("img",{src:i,alt:"logo"})),y.default.createElement("div",{className:"tryit_cards_top_right"},y.default.createElement(mn,{className:"widget_chat_adaptiveHeader"},y.default.createElement(v.default,{mdText:(0,S.convertToMDText)(t)})),y.default.createElement(un,{className:"widget_chat_adaptiverParagraph"},y.default.createElement(v.default,{mdText:(0,S.convertToMDText)(r)})))),y.default.createElement("div",{className:"tryit_cards_wrapper"},y.default.createElement("div",{className:"tryit_cards_left"},y.default.createElement("div",{className:"tryit_ticket_wrapper tryit_content_wrapper"},y.default.createElement("div",{className:"tryit_ticket_details_wrapper"},a.map(function(n,e){var t=n.title,i=n.value;return y.default.createElement("div",{className:"tryit_ticket_details flex",key:e},y.default.createElement("h6",null,y.default.createElement(v.default,{mdText:(0,S.convertToMDText)(t)})," "),y.default.createElement("p",{className:"tryit_ticket_colun"},":"),y.default.createElement("p",null,y.default.createElement(v.default,{mdText:(0,S.convertToMDText)(i)})))}))),y.default.createElement("div",{className:"tryit_ticket_wrapper tryit_button_wrapper"},p.map(function(n,e){var t=n.text,i=n.url;return y.default.createElement(cn,{key:e},y.default.createElement("a",{href:(0,v.evalNormalOrJoinText)((0,S.convertToMDText)(i)),target:"_blank"},y.default.createElement(fn,{type:"button",size:o.widgetSize},y.default.createElement(v.default,{className:"widget_btn_content",mdText:(0,S.convertToMDText)(t)}))))})))))},On=function(n){var e=n.adaptive_card,t=e.title,i=e.logo,r=e.description,a=e.fields,p=e.buttons,x=(n.widget,n.timestamp,n.currentSlideEls),o=n.index,d=n.logoshape,s=(0,E.useScaleContext)();return y.default.createElement("div",{className:"slide",ref:function(n){return x&&(x.current[o]=n)}},y.default.createElement("div",{className:"adaptive_card_box"},y.default.createElement("div",{className:"tryit_cards_top_left",style:{borderRadius:"box"==d?"5%":"50%"}},i&&y.default.createElement("img",{src:i,alt:"logo"})),y.default.createElement("div",{className:"tryit_cards_top_right"},y.default.createElement(mn,{className:"widget_chat_adaptiveHeader"},y.default.createElement(v.default,{mdText:(0,S.convertToMDText)(t)})),y.default.createElement(un,{className:"widget_chat_adaptiverParagraph"},y.default.createElement(v.default,{mdText:(0,S.convertToMDText)(r)})))),y.default.createElement("div",{className:"tryit_cards_wrapper"},y.default.createElement("div",{className:"tryit_cards_left"},y.default.createElement("div",{className:"tryit_ticket_wrapper tryit_content_wrapper"},y.default.createElement("div",{className:"tryit_ticket_details_wrapper"},a.map(function(n,e){var t=n.title,i=n.value;return y.default.createElement("div",{className:"tryit_ticket_details flex",key:e},y.default.createElement("h6",null,y.default.createElement(v.default,{mdText:(0,S.convertToMDText)(t)})," "),y.default.createElement("p",{className:"tryit_ticket_colun"},":"),y.default.createElement("p",null,y.default.createElement(v.default,{mdText:(0,S.convertToMDText)(i)})))}))),y.default.createElement("div",{className:"tryit_ticket_wrapper tryit_button_wrapper"},p.map(function(n,e){var t=n.text,i=n.url;return y.default.createElement(cn,{key:e},y.default.createElement("a",{href:i.value,target:"_blank"},y.default.createElement(fn,{type:"button",size:s.widgetSize},y.default.createElement(v.default,{className:"widget_btn_content",mdText:(0,S.convertToMDText)(t)}))))})))))},Mn=function(n){return n+1},Tn=function(n,e){return n-e},jn=function(n){return n-1},Cn=function(n,e){return n+e},Rn=function(n){var e=n.widget,t=n.timestamp,i=n.logoshape,r=(n.widget_size,n.carousal.carousal_adaptive_card),a=I((0,y.useState)({index:0,transformWidth:0}),2),p=a[0],x=a[1],o=(0,y.useRef)([]),d=function(n,e){return function(){var t=n(p.index);if(!(t>=o.current.length||t<0)){var i=o.current[t].offsetWidth;x({index:t,transformWidth:e(p.transformWidth,i)})}}},s=d(Mn,Tn),l=d(jn,Cn),u=(0,E.useScaleContext)();return y.default.createElement(sn,{size:u.widgetSize,className:"widget_chat_adaptiveCard slider"},y.default.createElement(tn,{style:{borderRadius:"box"==i?"5%":"50%"}},y.default.createElement("img",{alt:"bot_chat_logo",src:e&&e.logo_url||"https://workativ-asssistant-widget-images.s3.amazonaws.com/chat_logo.png"})),y.default.createElement("div",{className:"position-realtive tryit_wrapper_card"},y.default.createElement("div",{className:"tryit_cards"},y.default.createElement("div",{className:"flex widget_title slider_message"},y.default.createElement("h6",null,e&&e.name),y.default.createElement("div",{className:"timestamp"},(0,F.formatTimeAMPM)(t))),y.default.createElement("div",{className:"carousal_wrapper"},y.default.createElement("div",{onClick:l,className:"arrows left"},y.default.createElement("img",{alt:"left_arrow",className:"left_arrow",src:"https://workativ-asssistant-widget-images.s3.amazonaws.com/adaptive_card_arrow.svg",style:0==p.index?{visibility:"hidden"}:null})),y.default.createElement("div",{className:"carousal_box_section"},y.default.createElement("div",{className:"carousal_container"},y.default.createElement("div",{className:"carousal_slide_container",style:{transform:"translate3d(".concat(p.transformWidth,"px, 0px, 0px)")}},r.map(function(n,r){return y.default.createElement(On,{widget:e,timestamp:t,adaptive_card:n,logoshape:i,currentSlideEls:o,index:r,key:r})})))),y.default.createElement("div",{onClick:s,className:"arrows"},y.default.createElement("img",{alt:"right_arrow",src:"https://workativ-asssistant-widget-images.s3.amazonaws.com/adaptive_card_arrow.svg",style:p.index==o.current.length-1?{visibility:"hidden"}:null}))))))},Pn=function(n){var e=n.widget,t=(n.onClick,n.open,n.restart),i=n.exit,r=n.logoshape,a=(0,E.useScaleContext)();return y.default.createElement(rn,{className:"widget_chat_top",style:{backgroundImage:"url(https://workativ-asssistant-widget-images.s3.amazonaws.com/widget_header_bg.svg)",backgroundColor:e?e.accent_color:"#FFD15C"},size:a.widgetSize},y.default.createElement(tn,{style:{right:6,position:"relative",borderRadius:"box"==r?"5%":"50%"}},y.default.createElement("img",{title:"logo",src:e&&e.logo_url||"https://workativ-asssistant-widget-images.s3.amazonaws.com/chat_logo.png"})),y.default.createElement(xn,null,y.default.createElement(an,null,y.default.createElement(V,{style:{color:e.primary_color},size:a.widgetSize},e&&e.name),y.default.createElement(on,{style:{color:e.primary_color},size:a.widgetSize},e&&e.description)),y.default.createElement(pn,{size:a.widgetSize},y.default.createElement(wn,{className:"relative restart",onClick:t,style:{fill:e.primary_color}},y.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 30 30",xmlSpace:"preserve"},y.default.createElement("path",{d:"M15 26C7.9 26 2.1 20.2 2.1 13.1 2.1 6 7.8.3 15 .2h1.9c.7 0 1.2.5 1.3 1.2s-.5 1.2-1.2 1.3h-2C9.2 2.7 4.6 7.5 4.6 13.2c0 5.8 4.8 10.4 10.5 10.4 5.8 0 10.4-4.7 10.4-10.5 0-.7.5-1.2 1.2-1.3s1.2.5 1.3 1.2v.1C27.9 20.2 22.1 26 15 26z",transform:"translate(0 3.709)"}),y.default.createElement("path",{d:"M3.3 10.1c-.7 0-1.3-.6-1.3-1.2 0-.4.2-.7.4-.9l2.8-2.8-2.8-2.9c-.5-.5-.5-1.3 0-1.7S3.7.1 4.1.6l3.7 3.7c.5.5.5 1.3 0 1.7L4.1 9.7c-.2.3-.5.4-.8.4z",transform:"translate(11.158)"})),y.default.createElement("label",{className:"restart_content"},"Restart Chat")),y.default.createElement(wn,{className:"relative close_section",onClick:i,style:{fill:e.primary_color}},y.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 29.7 29.7",xmlSpace:"preserve"},y.default.createElement("path",{d:"M14.9 0c8.2 0 14.9 6.7 14.9 14.9s-6.7 14.9-14.9 14.9S0 23.1 0 14.9 6.7 0 14.9 0z",fill:"none"}),y.default.createElement("path",{d:"M14.9 2c-3.4 0-6.7 1.3-9.1 3.8C3.3 8.2 2 11.4 2 14.9s1.3 6.7 3.8 9.1c2.4 2.4 5.7 3.8 9.1 3.8s6.7-1.3 9.1-3.8c2.4-2.4 3.8-5.7 3.8-9.1S26.4 8.2 24 5.8C21.5 3.3 18.3 2 14.9 2m0-2c8.2 0 14.9 6.7 14.9 14.9s-6.7 14.9-14.9 14.9S0 23.1 0 14.9 6.7 0 14.9 0z"}),y.default.createElement("path",{d:"M16.8 14.9l4.2-4.2.1-.1c.4-.5.4-1.3-.1-1.7-.5-.4-1.3-.4-1.7.1l-4.2 4.2L10.9 9l-.1-.1c-.2-.2-.5-.3-.9-.3-.3 0-.6.1-.8.4-.3.2-.4.5-.3.8 0 .3.2.6.4.8l4.2 4.2L9.2 19c-.2.2-.4.5-.4.9 0 .7.5 1.2 1.2 1.2.3 0 .6-.1.9-.4l4.2-4.2 4.2 4.2-.1.3h.9c.3 0 .6-.1.9-.4.5-.5.5-1.2 0-1.7l-4.2-4z"})),y.default.createElement("label",{className:""}," End Chat ")))))},Dn=function(n){var e=n.output,t=n.sendFeedback,i=n.logoshape,r=n.widget,a=n.timestamp,p=n.event_id,x=(0,E.useScaleContext)();return y.default.createElement(y.default.Fragment,null,y.default.createElement(sn,{size:x.widgetSize,className:"widget_chat_logs"},y.default.createElement(tn,{style:{borderRadius:"box"==i?"5%":"50%"}},y.default.createElement("img",{alt:"logo",src:r&&r.logo_url||"https://workativ-asssistant-widget-images.s3.amazonaws.com/chat_logo.png"})),y.default.createElement(dn,{size:x.widgetSize},y.default.createElement("div",{className:"flex widget_title chat_assisitant"},y.default.createElement("h6",null,r&&r.name),y.default.createElement("div",{className:"timestamp"},(0,F.formatTimeAMPM)(a))),y.default.createElement("div",null,y.default.createElement(v.default,{mdText:e.text})))),y.default.createElement(Wn,{options:e.buttons,sendFeedback:t,event_id:p}))},Gn=function(n){var e=n.output,t=e.type,i=G(e,["type"]),r=n.sendMessage,a=n.sendFeedback,p=n.widget,x=n.timestamp,o=n.logoshape,d=(n.logosize,n.logoborder,n.event_id),s=(0,E.useScaleContext)();return"ai_response"===i.response_type?y.default.createElement(Dn,{output:i,timestamp:x,widget:p,logoshape:o,sendFeedback:a,event_id:d}):y.default.createElement(y.default.Fragment,null,y.default.createElement(sn,{size:s.widgetSize,className:"widget_chat_logs"},y.default.createElement(tn,{style:{borderRadius:"box"==o?"5%":"50%"}},y.default.createElement("img",{alt:"logo",src:p&&p.logo_url||"https://workativ-asssistant-widget-images.s3.amazonaws.com/chat_logo.png"})),y.default.createElement(dn,{size:s.widgetSize},y.default.createElement("div",{className:"flex widget_title chat_assisitant"},y.default.createElement("h6",null,p&&p.name),y.default.createElement("div",{className:"timestamp"},(0,F.formatTimeAMPM)(x))),"text_with_btns"===t?y.default.createElement("div",null,y.default.createElement(v.default,{mdText:i.text})):y.default.createElement("div",null,y.default.createElement(v.default,{mdText:i.value})))),"text_with_btns"===t&&y.default.createElement(Bn,{options:i.buttons,sendMessage:r,widget:p}))},An=function(n){var e=n.sendMessage,t=(n.widget,n.label),i=n.value,r=(0,E.useScaleContext)();return y.default.createElement(cn,null,y.default.createElement(fn,{type:"button",onClick:function(){e((0,v.evalNormalOrJoinText)(i))},className:"widget_btn",size:r.widgetSize},y.default.createElement(v.default,{mdText:t})))},Ln=function(n){var e=n.label,t=n.action,i=n.sendFeedback,r=n.event_id,a=(0,E.useScaleContext)();return y.default.createElement(cn,null,y.default.createElement(fn,{type:"button",onClick:function(){i("send_satisfied_feedback"===t.contract_action.action?"satisfied":"not_satisfied",r)},className:"widget_btn",size:a.widgetSize},y.default.createElement(v.default,{mdText:e})))},Wn=function(n){var e=n.options,t=n.sendFeedback,i=n.event_id;return y.default.createElement(zn,null,e.map(function(n,e){var r=n.label,a=n.action;return y.default.createElement(Ln,{label:r,action:a,key:e,sendFeedback:t,event_id:i})}))},Bn=function(n){var e=n.options,t=n.sendMessage,i=n.widget;return y.default.createElement(zn,null,e.map(function(n,e){var r=n.label,a=n.action;return y.default.createElement(An,{label:r,value:a.send_rly,key:e,sendMessage:t,widget:i})}))},qn=function(n){var e=n.text.split("\n"),t=e[e.length-1],i=e.slice(0,e.length-1);return y.default.createElement(y.default.Fragment,null,i.reduce(function(n,e){return[].concat(C(n),[e,y.default.createElement("br",{key:n.length})])},[]),t)},In=function(n){var e=n.text;return(0,v.parseUrlAndString)(e).map(function(n,e){var t=n.type,i=n.value;return"url"===t?y.default.createElement("a",{href:i,target:"_blank",key:e},i):y.default.createElement(qn,{text:i,key:e})})},Un=function(n){var e=n.message,t=e.input,i=e.context,r=i.SYS_UPLOADED_FILE,a=i.SYS_FirstName,p=(n.widget,n.timestamp),x=n.logoshape,o=(n.logosize,n.logoborder,(0,E.useScaleContext)());return y.default.createElement(ln,{size:o.widgetSize},y.default.createElement(sn,{size:o.widgetSize},y.default.createElement(dn,{size:o.widgetSize},y.default.createElement("div",{className:"flex widget_title user_chat"},y.default.createElement("h6",null,a),y.default.createElement("div",{className:"timestamp"},(0,F.formatTimeAMPM)(p))),y.default.createElement("div",null,r?"File uploaded":y.default.createElement(In,{text:t.value}))),y.default.createElement(tn,{size:o.widgetSize,style:{borderRadius:"box"==x?"5%":"50%"}},y.default.createElement("svg",{id:"Layer_1",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 58 58",xmlSpace:"preserve"},y.default.createElement("style",null,".st0{fill:currentColor}"),y.default.createElement("g",{id:"Group_7717",transform:"translate(-423 -4549.422)"},y.default.createElement("ellipse",{id:"Ellipse_238",cx:452,cy:4561.2,rx:11.8,ry:11.3}),y.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"}))))))},Hn=function(n){var e=n.widget,t=n.onClick,i=n.open,r=n.logoshape,a=n.logosize,p=n.logoborder,x=(n.widget_size,(0,E.useScaleContext)()),o={backgroundColor:e?e.accent_color:"#FFD15C",borderRadius:"box"==r?"0%":"50%",border:"1px solid ".concat(p.color),height:12*a+62,width:12*a+62,transform:"scale(".concat(x.scale,")"),fill:e.primary_color};return console.log("WidgetMenu",x),y.default.createElement(gn,{className:"widget_cancel_button"},i?y.default.createElement(wn,{className:"close_button",style:o,onClick:t},y.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 28.4 28.4",xmlSpace:"preserve"},y.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"}),y.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"}))):y.default.createElement(wn,{style:o,onClick:t},y.default.createElement("img",{src:e&&e.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"==r?{width:"100%",height:"100%",boxShadow:"none"}:{width:"86px",height:"86px"}})))},Jn=_n;exports.default=Jn;
 },{"./md/assistant_md":"gHGY","react":"HdMw","./useScale":"go4Y","autosize":"hl55","./md/md_format_converter":"M0oY","./lib":"BGoO","styled-components":"OuUI","./useWidgetService":"O0SM"}],"d2vs":[function(require,module,exports) {
 module.exports="/Gordita-Medium.e5d1fa87.woff2";
 },{}],"gBt7":[function(require,module,exports) {
 module.exports="/Gordita-Regular.6d2fd269.woff2";
 },{}],"l4JY":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getPackageNameAndVersion=exports.data=void 0;var e={name:"pager-widget",version:"0.0.2",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",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-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.19.3"}},s=e;exports.data=s;var t=function(){return{name:e.name,version:e.version}};exports.getPackageNameAndVersion=t;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getPackageNameAndVersion=exports.data=void 0;var e={name:"pager-widget",version:"0.0.3",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",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-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.19.3"}},s=e;exports.data=s;var t=function(){return{name:e.name,version:e.version}};exports.getPackageNameAndVersion=t;
 },{}],"dsgS":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e,t=f(require("./static/fonts/Gordita-Medium.woff2")),n=f(require("./static/fonts/Gordita-Regular.woff2")),o=require("styled-components"),r=require("./getVersion");function f(e){return e&&e.__esModule?e:{default:e}}function a(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var i=(0,r.getPackageNameAndVersion)(),c=function(e){return"GM"==e?"https://unpkg.com/".concat(i.name,"@").concat(i.version,"/dist/Gordita-Medium.e5d1fa87.woff2"):"GR"==e?"https://unpkg.com/".concat(i.name,"@").concat(i.version,"/dist/Gordita-Regular.6d2fd269.woff2"):""},u=(0,o.createGlobalStyle)(e||(e=a(["\n\n@font-face {\n    font-family: 'Gordita-Medium';\n    src: url(",") format('woff2');\n    font-weight: 500;\n    font-style: normal;\n  } \n  \n  @font-face {\n    font-family: 'Gordita-Regular';\n    src: url(",") format('woff2');\n    font-weight: 500;\n    font-style: normal;\n  } \n"])),c("GM"),c("GR")),s=u;exports.default=s;
 },{"./static/fonts/Gordita-Medium.woff2":"d2vs","./static/fonts/Gordita-Regular.woff2":"gBt7","styled-components":"OuUI","./getVersion":"l4JY"}],"x9cO":[function(require,module,exports) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pager-widget",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "",
   "main": "index.js",
   "targets": {

package/useMessages.js

@@ -180,6 +180,7 @@ const message = (
     authToken,
     widget,
     userDetails,
+    for_event,
     file = null
 ) => {
     return {
@@ -188,6 +189,7 @@ const message = (
         context: {
             ...getUpdatedContext([...messages], currentContext, widget, userDetails, file),
             input: { type: "text", value: input },
+            for_event, // will use it for feedback
             SYS_UPLOADED_FILE: file,
             output: [],
         },
@@ -231,7 +233,7 @@ export const useMessages = ({
 
     };
 
-    const sendFeedback = (input) => {
+    const sendFeedback = (input, for_event) => {
         // console.log("DOING::1 Service :: sendMessage called", input,messages)
         setIsTyping(true);
         let msg = message(
@@ -242,6 +244,7 @@ export const useMessages = ({
             currentToken,
             widget,
             userDetails,
+            for_event,
             null
         );
         socket.emit("feedback", msg);