pager-widget 0.0.2 → 0.0.4

package/App.jsx

@@ -121,7 +121,6 @@ const FormHeader = styled.div`
 const ChatWrapper = styled.div`
   box-sizing: border-box;
 
-  .widget_footer_box{
     .widget_footer{
         display: flex;
         position: relative;
@@ -130,12 +129,12 @@ const ChatWrapper = styled.div`
         justify-content: center;
         padding: 4px 0 2px 0;
         box-sizing: border-box;
-        height: 43px;
+        height: 46px;
 
             p{
             font-family: 'Gordita-Regular', 'Open Sans', sans-serif;;
-            font-size: 13px;
-            color: #555555;
+            font-size: 12px;
+            color: #000;
             margin: 0;
             align-items: center;
             display: flex;
@@ -143,9 +142,7 @@ const ChatWrapper = styled.div`
             }
 
             span{
-              position: relative;
-              bottom: 2px;
-              padding-right: 1px;
+              color: #353CED; 
             }
 
             svg{
@@ -154,7 +151,6 @@ const ChatWrapper = styled.div`
             }
         }
     }
-  }
 
   .tryit_bot_typing{
     position: relative;
@@ -2461,6 +2457,10 @@ const Footer = ({
           </div>
         </div>
       </InputMessageChat >
+
+      <div className="widget_footer">
+        <p>Powered by <span> PagerGPT</span></p>
+      </div>
     </>
   );
 };
@@ -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, sendMessage }) => {
   const scale = useScaleContext();
   return <>
     <MessageBox size={scale.widgetSize} className="widget_chat_logs">
@@ -2949,6 +2950,8 @@ const AiResponse = ({ output, sendFeedback, logoshape, widget, timestamp }) => {
     <AiFeedbackButtonsWrapper
       options={output.buttons}
       sendFeedback={sendFeedback}
+      sendMessage={sendMessage}
+      event_id={event_id}
     />
   </>
 }
@@ -2962,12 +2965,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} sendMessage={sendMessage} timestamp={timestamp} widget={widget} logoshape={logoshape} sendFeedback={sendFeedback} event_id={event_id} />
   }
   return (
     <>
@@ -3031,9 +3035,8 @@ const WidgetBtn = ({ sendMessage, widget, label, value }) => {
   );
 };
 
-const FeedbackBtn = ({ label, action, sendFeedback }) => {
+const FeedbackBtn = ({ label, action, sendFeedback, sendMessage, event_id }) => {
   // const [hovered, setHovered] = useState(false);
-  console.log("feedback btn ::: awesome ::: ", action)
   const scale = useScaleContext()
   return (
     <WidgetUpdateButton>
@@ -3042,7 +3045,12 @@ const FeedbackBtn = ({ label, action, sendFeedback }) => {
         // onMouseLeave={() => setHovered(false)}
         type="button"
         onClick={() => {
-          sendFeedback(action.contract_action.action === "send_satisfied_feedback" ? "satisfied" : "not_satisfied");
+          if (action.contract_action) {
+            sendFeedback(action.contract_action.action === "send_satisfied_feedback" ? "satisfied" : "not_satisfied", event_id);
+          } else if (action.send_rly) {
+            sendMessage(action.send_rly);
+          }
+
         }}
         className="widget_btn"
         size={scale.widgetSize}
@@ -3053,7 +3061,8 @@ const FeedbackBtn = ({ label, action, sendFeedback }) => {
   );
 }
 
-const AiFeedbackButtonsWrapper = ({ options, sendFeedback }) => {
+const AiFeedbackButtonsWrapper = ({ options, sendFeedback, sendMessage, event_id }) => {
+  console.log({ options })
   return (
     <ButtonWrapper>
       {options.map(({ label, action }, key) => (
@@ -3062,6 +3071,8 @@ const AiFeedbackButtonsWrapper = ({ options, sendFeedback }) => {
           action={action}
           key={key}
           sendFeedback={sendFeedback}
+          sendMessage={sendMessage}
+          event_id={event_id}
         ></FeedbackBtn>
       ))}
     </ButtonWrapper>
@@ -3127,12 +3138,12 @@ const UserAssistant = ({
   return (
     <UserChat size={scale.widgetSize}>
       <MessageBox size={scale.widgetSize}>
-        <ChatMessage size={scale.widgetSize}>
-          <div className="flex widget_title user_chat">
+        <ChatMessage size={scale.widgetSize} style={{ background: widget ? widget.secondary_color : "#fff" }}>
+          <div className="flex widget_title user_chat" style={{color: "#fff"}}>
             <h6>{SYS_FirstName}</h6>
-            <div className="timestamp">{formatTimeAMPM(timestamp)}</div>
+            <div className="timestamp" style={{color: "#fff", gap: 0}}>{formatTimeAMPM(timestamp)}</div>
           </div>
-          <div>
+          <div style={{color: "#fff"}}>
             {(SYS_UPLOADED_FILE && "File uploaded") || (
               <DisplayURL text={input.value} />
             )}

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 i(e){return u(e)||a(e)||p(e)||s()}function s(){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 a(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,i=[],s=!0,a=!1;try{for(n=n.call(e);!(s=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);s=!0);}catch(u){a=!0,o=u}finally{try{s||null==n.return||n.return()}finally{if(a)throw o}}return i}}function v(e){if(Array.isArray(e))return e}var S=function(e){return e.replace(/\/$/,"")},b=function(r){var o=r.endpoint,i=(0,t.default)(o);console.log({parsedEndpoint:i});var s=d((0,e.useState)(null),2),a=s[0],u=s[1],c=d((0,e.useState)(!1),2),l=c[0],f=c[1];return(0,e.useEffect)(function(){var e=(0,n.createSocket)(i.origin,"".concat(S(i.pathname),"/socket.io"));return u(e),e.on("connect",function(){f(!0)}),function(){e.disconnect()}},[]),{socket:a,connected:l}},_=function(t){var n=t.socket,o=t.widget_id,i=t.connected,s=t.context,a=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:i,widget:u});var e=w("".concat(o,"-messages"));if(!f&&i&&u&&!e)(0,r.sendInitialMessage)(n,o,s,a,u),g(!0);else if(!f&&i&&u&&e){var t=j("",s,JSON.parse(e),o,a,u,c,null);n.emit("app_reconnect",t),g(!0)}},[i,u])};function w(e){}function h(e,t){}var O=function(e){return{type:"received",time:new Date,message:l({},e)}},x=function(t){var n=t.widget_id,r=t.socket,o=t.messages,s=t.setMessages,a=t.setIsTyping,u=function(e){return function(t){console.log("XDOING::1 useMessageReceived 1",e,t);var r=O(t),o=[].concat(i(e),[r]);s(o),h(o,n)}},c=function(e){a(!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])},k=function(e,t,n){var r=n.SYS_FirstName,o=n.SYS_LastName,i=n.SYS_UserEmail,s=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null;if(!e.length){var a,u={first_name:r,last_name:o,email:i};return t.context=l(l({},t.context),{},{SYS_FirstName:r,SYS_LastName:o,SYS_UserEmail:i}),t.system={user:l(l({},null===(a=t.system)||void 0===a?void 0:a.user),u)},t}var c=e[e.length-1].message;return{context:l(l({},c.context),{},{SYS_UPLOADED_FILE:s,SYS_FirstName:r,SYS_LastName:o,SYS_UserEmail:i}),system:c.system}},E=function(e,t,n,r,o,s,a){return{authToken:o,widget_id:r,context:l(l({},k(i(n),t,s,a,file)),{},{input:{type:"text",value:""},feedback:e,SYS_UPLOADED_FILE:file,output:[]})}},j=function(e,t,n,r,o,s,a,u){var c=arguments.length>8&&void 0!==arguments[8]?arguments[8]:null;return{authToken:o,widget_id:r,context:l(l({},k(i(n),t,s,a,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,s=t.authToken,a=(t.newToken,t.widget),u=t.userDetails,c=b({endpoint:r}),l=c.socket,f=c.connected,g=d((0,e.useState)(s),2),p=g[0],m=(g[1],function(e){var t=j("",o,v,n,p,a,u);l.emit(e,t)}),y=d((0,e.useState)([]),2),v=y[0],S=y[1];console.log("all mesesages ::: ",{messages:v});var w=d((0,e.useState)(!1),2),h=w[0],O=w[1];_({socket:l,widget_id:n,connected:f,context:o,authToken:p,widget:a,userDetails:u}),x({widget_id:n,socket:l,messages:v,setMessages:S,setIsTyping:O});return{connected:f,messages:v,setMessages:S,isTypingEnd:h,sendMessage:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;O(!0);var r=j(e,o,v,n,p,a,u,t);l.emit("message",r);var s={type:"sent",message:r.context,time:new Date};S([].concat(i(v),[s]))},sendFeedback:function(e,t){O(!0);var r=j(e,o,v,n,p,a,u,t,null);l.emit("feedback",r)},restart:function(){S([]),localStorage.setItem("messages",JSON.stringify([])),m("restart")},exit:function(){m("exit")}}};exports.useMessages=D;var I=D;exports.default=I;
 },{"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;
+"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,f=i.isTypingEnd;return{connected:u,messages:c,sendMessage:i.sendMessage,sendFeedback:i.sendFeedback,widget:s,restart:i.restart,exit:i.exit,isTypingEnd:f,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,o,x,d,s,l,u,c,m,f,h,g,w,z,b,_,v=j(require("./md/assistant_md")),y=j(require("react")),E=require("./useScale"),k=O(require("autosize")),S=require("./md/md_format_converter"),F=require("./lib"),N=O(require("styled-components")),M=O(require("./useWidgetService"));function O(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)||R(n)||H(n)||P()}function P(){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 R(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,o=!1;try{for(t=t.call(n);!(p=(i=t.next()).done)&&(a.push(i.value),!e||a.length!==e);p=!0);}catch(x){o=!0,r=x}finally{try{p||null==t.return||t.return()}finally{if(o)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{\n        display: flex;\n        position: relative;\n        width: 100%;\n        align-items: center;\n        justify-content: center;\n        padding: 4px 0 2px 0;\n        box-sizing: border-box;\n        height: 46px;\n\n            p{\n            font-family: 'Gordita-Regular', 'Open Sans', sans-serif;;\n            font-size: 12px;\n            color: #000;\n            margin: 0;\n            align-items: center;\n            display: flex;\n            gap: 0 2.5px;\n            }\n\n            span{\n              color: #353CED; \n            }\n\n            svg{\n              width: 14px;\n              height: 12px;\n            }\n        }\n    }\n\n  .tryit_bot_typing{\n    position: relative;\n    font-size: 14px;\n    color: #555;\n    width: 100%;\n    padding-left: 16px;\n    display: flex;\n    align-items: center;\n    top: 6px;\n\n    @media (min-width: 2160px) {\n      font-size: 26px;\n    }\n    @media (min-width: 2560px) {\n      font-size: 30px;\n    }\n    @media (min-width: 3840px) {\n      font-size: 34px;\n      padding-left: 20px;\n      margin: 16px 0;\n    }\n\n    span{\n      position:relative;\n      top: 2px;\n      margin-left:10px;\n      .snippet{\n        width: 100%;\n        display: flex;\n        justify-content: center;\n    }\n      .dot-flashing {\n        position: relative;\n        width: 4px;\n        height: 4px;\n        border-radius: 5px;\n        background-color: #000;\n        color: #333;\n        animation: dotFlashing 1s infinite linear alternate;\n        animation-delay: .3s;\n        left:5px;\n      }\n      \n      .dot-flashing::before, .dot-flashing::after {\n        content: '';\n        display: inline-block;\n        position: absolute;\n        top: 0;\n      }\n      \n      .dot-flashing::before {\n        left: -7px;\n        width: 4px;\n        height: 4px;\n        border-radius: 5px;\n        background-color: #000;\n        color: #333;\n        animation: dotFlashing 1s infinite alternate;\n        animation-delay: 0s;\n      }\n      \n      .dot-flashing::after {\n        left: 7px;\n        width: 4px;\n        height: 4px;\n        border-radius: 5px;\n        background-color: #000;\n        color: #333;\n        animation: dotFlashing 1s infinite alternate;\n        animation-delay: 1s;\n      }\n      \n      @keyframes dotFlashing {\n        0% {\n          background-color: #333;\n        }\n        50%,\n        100% {\n          background-color: #999;\n        }\n      }\n    }\n  }\n     \n"]))),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(o||(o=Z(["\n  width: 82%;\n  display: flex;\n  flex-direction: column;\n  margin-top: 4px;\n"]))),pn=N.default.div(x||(x=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")}),on=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"]))),xn=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(c||(c=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(m||(m=Z(["\n  color: #333;\n"]))),cn=N.default.h4(f||(f=Z(["\n  color: #000;\n"]))),mn=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,o=n.widget_size,x=n.style,d=(0,M.default)({endpoint:e,widget_id:t,authToken:i,newToken:r,userDetails:p}),s=d.connected,l=d.messages,u=d.sendMessage,c=d.sendFeedback,m=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)}),m?(console.log("scale size provider",o),y.default.createElement(E.ScaleSizeProvider,{widgetSize:o},y.default.createElement(Q,{size:o,className:"widget_preview"},b?y.default.createElement(X,{className:"widget_chat"},y.default.createElement(Rn,{widget:m,onClick:function(){return _(!b)},open:b,restart:f,exit:h,logoshape:x.logo_shape}),y.default.createElement(nn,{size:o,className:"widget_chat_content",ref:v},y.default.createElement(yn,{messages:l,sendMessage:u,sendFeedback:c,widget:m,style:x})),y.default.createElement(vn,{sendMessage:u,onFileUpload:w,widget:m,messages:l,isTypingEnd:g})):null,y.default.createElement(Hn,{onClick:function(){return _(!b)},widget:m,open:b,logoshape:x.logo_shape,logosize:x.logo_size.size,logoborder:x.logo_border,widget_size:o},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],o=a[1],x=I((0,y.useState)(!0),2),d=x[0],s=x[1],l=function(){p.trim()&&e(p),o("")};(0,y.useEffect)(function(){s(i)},[i]);var u=(0,y.useRef)(null),c=(0,y.useRef)(null);(0,y.useEffect)(function(){c.current&&(c.current.focus(),(0,k.default)(c.current))},[c.current]);var m=(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:m.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 o(n.target.value)},onKeyDown:function(n){"Enter"===n.key&&(n.preventDefault(),l(),c.current&&(c.current.style.height="30px",c.current.style.overflow="hidden"))},style:bn,ref:c,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"})))))),y.default.createElement("div",{className:"widget_footer"},y.default.createElement("p",null,"Powered by ",y.default.createElement("span",null," PagerGPT"))))},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,o=n.style;switch(e){case"received":return y.default.createElement(kn,{message:t,sendMessage:i,sendFeedback:r,widget:a,timestamp:p,style:o});case"sent":return y.default.createElement(Sn,{timestamp:p,message:t,widget:a,logoshape:o.logo_shape,logosize:o.logo_size.size,logoborder:o.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,o){return y.default.createElement(en,{className:"widget_chat_logs_box",key:o},y.default.createElement(Gn,{key:o,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,o=n.logoshape,x=(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"==o?"5%":"50%"}},i&&y.default.createElement("img",{src:i,alt:"logo"})),y.default.createElement("div",{className:"tryit_cards_top_right"},y.default.createElement(cn,{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(mn,{key:e},y.default.createElement("a",{href:(0,v.evalNormalOrJoinText)((0,S.convertToMDText)(i)),target:"_blank"},y.default.createElement(fn,{type:"button",size:x.widgetSize},y.default.createElement(v.default,{className:"widget_btn_content",mdText:(0,S.convertToMDText)(t)}))))})))))},Mn=function(n){var e=n.adaptive_card,t=e.title,i=e.logo,r=e.description,a=e.fields,p=e.buttons,o=(n.widget,n.timestamp,n.currentSlideEls),x=n.index,d=n.logoshape,s=(0,E.useScaleContext)();return y.default.createElement("div",{className:"slide",ref:function(n){return o&&(o.current[x]=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(cn,{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(mn,{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)}))))})))))},On=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},Pn=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],o=a[1],x=(0,y.useRef)([]),d=function(n,e){return function(){var t=n(p.index);if(!(t>=x.current.length||t<0)){var i=x.current[t].offsetWidth;o({index:t,transformWidth:e(p.transformWidth,i)})}}},s=d(On,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(Mn,{widget:e,timestamp:t,adaptive_card:n,logoshape:i,currentSlideEls:x,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==x.current.length-1?{visibility:"hidden"}:null}))))))},Rn=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(on,null,y.default.createElement(an,null,y.default.createElement(V,{style:{color:e.primary_color},size:a.widgetSize},e&&e.name),y.default.createElement(xn,{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,o=n.sendMessage,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,sendMessage:o,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,o=n.timestamp,x=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,sendMessage:r,timestamp:o,widget:p,logoshape:x,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"==x?"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)(o))),"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(mn,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.sendMessage,a=n.event_id,p=(0,E.useScaleContext)();return y.default.createElement(mn,null,y.default.createElement(fn,{type:"button",onClick:function(){t.contract_action?i("send_satisfied_feedback"===t.contract_action.action?"satisfied":"not_satisfied",a):t.send_rly&&r(t.send_rly)},className:"widget_btn",size:p.widgetSize},y.default.createElement(v.default,{mdText:e})))},Wn=function(n){var e=n.options,t=n.sendFeedback,i=n.sendMessage,r=n.event_id;return console.log({options:e}),y.default.createElement(zn,null,e.map(function(n,e){var a=n.label,p=n.action;return y.default.createElement(Ln,{label:a,action:p,key:e,sendFeedback:t,sendMessage:i,event_id:r})}))},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,o=n.timestamp,x=n.logoshape,d=(n.logosize,n.logoborder,(0,E.useScaleContext)());return y.default.createElement(ln,{size:d.widgetSize},y.default.createElement(sn,{size:d.widgetSize},y.default.createElement(dn,{size:d.widgetSize,style:{background:p?p.secondary_color:"#fff"}},y.default.createElement("div",{className:"flex widget_title user_chat",style:{color:"#fff"}},y.default.createElement("h6",null,a),y.default.createElement("div",{className:"timestamp",style:{color:"#fff",gap:0}},(0,F.formatTimeAMPM)(o))),y.default.createElement("div",{style:{color:"#fff"}},r?"File uploaded":y.default.createElement(In,{text:t.value}))),y.default.createElement(tn,{size:d.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,o=(n.widget_size,(0,E.useScaleContext)()),x={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(o.scale,")"),fill:e.primary_color};return console.log("WidgetMenu",o),y.default.createElement(gn,{className:"widget_cancel_button"},i?y.default.createElement(wn,{className:"close_button",style:x,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:x,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.4",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) {
@@ -283,5 +283,5 @@ module.exports="/Gordita-Regular.6d2fd269.woff2";
 },{"react":"HdMw","./utilities":"fCnf"}],"IaEF":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./useMedia");exports.default=e.default,exports.useMedia=e.useMedia,exports.useMediaLayout=e.useMediaLayout;
 },{"./useMedia":"Q4Iw"}],"BGoO":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.formatAMPM=ge,exports.formatTimeAMPM=he;var e,t,n,a=h(require("./md/assistant_md")),l=h(require("react")),r=require("./useScale"),o=x(require("./App")),i=x(require("./fontStyles")),s=x(require("react-dom")),c=require("./md/md_format_converter"),d=x(require("deepmerge")),u=require("./parse-url"),f=x(require("styled-components")),p=x(require("use-media")),m=x(require("./useWidgetService"));function x(e){return e&&e.__esModule?e:{default:e}}function g(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(g=function(e){return e?n:t})(e)}function h(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var n=g(t);if(n&&n.has(e))return n.get(e);var a={},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&Object.prototype.hasOwnProperty.call(e,r)){var o=l?Object.getOwnPropertyDescriptor(e,r):null;o&&(o.get||o.set)?Object.defineProperty(a,r,o):a[r]=e[r]}return a.default=e,n&&n.set(e,a),a}function b(){return(b=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e}).apply(this,arguments)}function w(e,t){if(null==e)return{};var n,a,l=v(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a<r.length;a++)n=r[a],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}function v(e,t){if(null==e)return{};var n,a,l={},r=Object.keys(e);for(a=0;a<r.length;a++)n=r[a],t.indexOf(n)>=0||(l[n]=e[n]);return l}function y(e){return k(e)||_(e)||T(e)||E()}function E(){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 _(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function k(e){if(Array.isArray(e))return O(e)}function N(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,a)}return n}function z(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?N(Object(n),!0).forEach(function(t){M(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):N(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function M(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function S(e,t){return D(e)||C(e,t)||T(e,t)||j()}function j(){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 T(e,t){if(e){if("string"==typeof e)return O(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)?O(e,t):void 0}}function O(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function C(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,l,r=[],o=!0,i=!1;try{for(n=n.call(e);!(o=(a=n.next()).done)&&(r.push(a.value),!t||r.length!==t);o=!0);}catch(s){i=!0,l=s}finally{try{o||null==n.return||n.return()}finally{if(i)throw l}}return r}}function D(e){if(Array.isArray(e))return e}function F(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var B=function(e){var t=e.endpoint,n=e.widget_id,a=e.authToken,o=e.newToken,i=e.openByDefault,s=e.userDetails,c=e.widget_size,d=e.style;console.log("APP :: style ::",{style:d});var u=(0,m.default)({endpoint:t,widget_id:n,authToken:a,newToken:o,userDetails:s}),f=u.messages,p=u.sendMessage,x=u.widget,g=u.restart,h=u.exit,b=u.isTypingEnd,w=u.onFileUpload;return x&&l.default.createElement(l.default.Fragment,null,l.default.createElement(r.ScaleSizeProvider,{widgetSize:c},l.default.createElement("div",{className:"workativ-widget"},l.default.createElement(A,{messages:f,sendMessage:p,widget:x,restart:g,exit:h,onFileUpload:w,openByDefault:i,style:d,isTypingEnd:b}))))},P=f.default.div(e||(e=F(["\nwidth:100%;\nfloat:left;\nheight: auto;\n}\n.overflow_scroll{\n  width:100%;\n  float:left;\n  position: relative;\n  left: -2px;\n}\n\n"]))),L=f.default.div(t||(t=F(["\n  width: 100%;\n  float: left;\n  height: 80px;\n  border-radius: 10px 10px 0px 0px;\n\n  .header_left {\n    width: 85%;\n    float: left;\n\n    img {\n      width: 36px;\n      height: 36px;\n    }\n  }\n  .close_btn {\n    top: 12px;\n    right: 16px;\n    span svg {\n      width: 18px;\n      height: 18px;\n    }\n  }\n  .header_right {\n    width: 15%;\n    display: flex;\n    justify-content: center;\n    right: 10px;\n    @media (max-width: 767px) {\n      top: 42px;\n    }\n    .group label {\n      right: 25px;\n    }\n    label {\n      font-size: 12px;\n      font-weight: 400;\n      color: #000;\n      right: 10px;\n      top: -30px;\n      display: none;\n    }\n    span {\n      svg {\n        width: 18px;\n        height: 18px;\n        position: relative;\n        left: inherit;\n        right: inherit;\n        cursor: pointer;\n      }\n      &:hover label {\n        display: block;\n      }\n    }\n  }\n"]))),H=f.default.div(n||(n=F(["\n  .width_container {\n    width: 380px;\n    float: left;\n    height: 520px;\n    box-shadow: 0px 10px 20px #00000029;\n    border-radius: 10px;\n  }\n  .user_input {\n    height: 55px;\n    border-radius: 0px 0px 10px 10px;\n  \n    .w_85 {\n      width: 85%;\n      float: left;\n      input {\n        height: 53px;\n        border-radius: 10px;\n        border: none;\n      }\n    }\n    .w_15 {\n      width: 15%;\n      float: right;\n      display: flex;\n      justify-content: flex-end;\n      padding-right: 7px;\n    }\n\n    span svg {\n      width: 18px;\n      height: 18px;\n      fill: #666666;\n      margin-left: 10px;\n      position:relative;\n      left:inherit;\n      right:inherit;\n    }\n  }\n\n  .body_container {\n    background: #f4f4f4 0% 0% no-repeat padding-box;\n  }\n  .body_container_mobile {\n    background: #f4f4f4 0% 0% no-repeat padding-box;\n  }\n  .bot_text_box {\n    padding: 8px 10px;\n    position: relative;\n    box-shadow: 0px 3px 5px #00000029;\n    border-radius: 0px 10px 10px 10px;\n    background: #fff;\n    margin-left: 0px;\n    width: 90%;\n    max-width: 280px;\n    word-break: break-word;\n    display: flex;\n    flex-direction: column;\n  }\n    .tail  svg {\n      width: 8px;\n      height: 8px;\n      top: 0px;\n      left: -7px;\n      position: absolute;\n    }\n  }\n  .user_icon_svg svg{\n    width: 18px;\n    height: 18px;\n    top: 0px;\n    left: 0px;\n    position: relative;\n  }\n  .adaptive_cards {\n    .tail svg {\n      width: 8px;\n      height: 8px;\n      top: 0px;\n      left: -7px;\n      position: absolute;\n    }\n  }\n  .user_send_msg {\n    position: relative;\n    .tail svg {\n      width: 8px;\n      height: 8px;\n      top: 0px;\n      right: -7px;\n      left: inherit;\n      position: absolute;\n    }\n  }\n  .user_send_msg .bot_text_box {\n    box-shadow: 0px 3px 5px #00000029;\n    border-radius: 10px 0px 10px 10px;\n    max-width: 265px;\n  }\n  .tryit_ticket_details_wrapper button:hover{\n    box-shadow: 0px 3px 5px #00000029;\n  }\n  .tryit_ticket_details_wrapper button{\n    border-radius:18px;\n  }\n  .w-100.flex.flex-col button:hover{\n    box-shadow: 0px 3px 5px #00000029;\n  }\n  .option_buton {\n    width: 85%;\n    margin-left: 46px;\n    padding-left: 0px;\n\n    button:last-child{\n      margin-bottom:0px !important;\n    }\n\n  }\n  .mar_bot_5{\n    margin-bottom:20px;\n  }\n  .mar_bot_3{\n    margin-bottom:12px;\n  }\n  button{\n    height: ",";\n  }\n  .tryit_bot_typing{\n    position: absolute;\n    bottom: 58px;\n    font-size: 11px;\n    color: #000;\n    width: 100%;\n    left: 0;\n    background: #f4f4f4;\n    margin-bottom: 0px;\n    padding-left: 20px;\n    display: flex;\n    align-items: center;\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  button{\n    border-radius: ",";\n\n    :hover{\n      box-shadow:0px 3px 5px #00000029;\n    }\n  }\n  .carousal_box{\n    margin: 10px 0;\n    width: 300px;\n  }\n  .hr_policy_title{\n    background: #E3F1FF;\n    padding: 10px;\n    border-top-left-radius: 10px;\n    border-top-right-radius: 10px;\n  }\n\n  .hr_policy_title_img{\n    width: 16%;\n    padding: 5px;\n  }\n  \n  .hr_policy_title_img img{\n    max-width: 100%;\n    height:auto;\n  }\n\n  .hr_policy_title_text{\n    margin-left: 15px;\n  }\n\n  .hr_policy_title_text h3{\n    margin-top: 5px;\n    margin-bottom: 0px;\n  }\n\n  .hr_policy_title_text p{\n    margin-top: 5px;\n    margin-bottom: 5px;\n  }\n\n  .carousal_container{\n    padding: 10px;\n    border-bottom-left-radius: 10px;\n    border-bottom-right-radius: 10px;\n    margin-left: auto;\n    margin-right: auto;\n    position: relative;\n    overflow: hidden;\n    list-style: none;\n    padding: 0;\n    z-index: 1;\n  }\n  \n  .hr_policy_doc_box3{\n    width: 45%;\n  }\n\n  .button{\n    text-align: center;\n    border-radius: 20px;\n  }\n\n  .hr_policy_doc_box1 div:nth-child(2){\n    width: 55%;\n    padding-right: 50px;\n  }\n\n  .hr_policy_doc_box2 div:nth-child(2){\n    padding-right: 50px;\n  }\n\n  .carousal_arrows{\n    top: 50%;\n    right: 25px;\n    width: 84%;\n  }\n\n  .right_arrow, .left_arrow{\n    width: 30px;\n    height: 30px;\n    z-index: 9;\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\n  .slide, .carousal_slide_container{\n    transform: translate3d(0px,0,0);\n  }\n\n  .slide{\n    flex-shrink: 0;\n    width: 100%;\n    height: 100%;\n    position: relative;\n    transition-property: transform;\n    width: 350px;\n    transform: translateZ(0);\n    backface-visibility: hidden;\n    padding: 10px;\n    overflow-y: scroll;\n  }\n\n}\n\n.close_button{\n  height: 50px !important;\n  width: 50px !important;\n}\n\n  \n"])),function(e){return"box"===e.logoshape?"auto":"28px"},function(e){return"box"===e.logoshape?"0":"18px"}),A=function(e){var t=e.messages,n=e.sendMessage,a=e.widget,o=e.restart,i=e.exit,s=e.isTypingEnd,c=e.onFileUpload,d=e.openByDefault,u=e.style;console.log(u);var f=S((0,l.useState)(d),2),m=f[0],x=f[1],g=(0,p.default)({maxWidth:"520px"}),h=(0,r.useScaleContext)();return l.default.createElement(l.default.Fragment,null,l.default.createElement(H,{className:"bg-transparent",style:{width:100,height:100,position:"fixed",zIndex:9999999999999,display:"initial !important",bottom:"0 !important",right:0},logoshape:u.logo_shape,logosize:u.logo_size.size,logoborder:u.logo_border},m?l.default.createElement("div",{className:g?"width_container_mobile w-full h-full bg-white  shadow-2xl top-0 left-0 fixed xl:right-6 sm:right-0 xl:bottom-32 sm:bottom-0 ":"width_container bg-white  shadow-2xl fixed right-6 bottom-24",style:{zIndex:"99999999999999999",width:g?"100%":"380px",transform:g?"none":"scale(".concat(h.scale,")"),margin:g?"0":"0 calc((-380px * (1 - ".concat(h.scale,") * 0.55)) calc(-520px * ((1 - ").concat(h.scale,") * 0.7 ))")}},l.default.createElement(l.default.Fragment,null,l.default.createElement(W,{widget:a,onClick:function(){return x(!m)},open:m,restart:o,exit:i}),l.default.createElement(ae,{messages:t,sendMessage:n,widget:a,style:u}),l.default.createElement(oe,{sendMessage:n,onFileUpload:c,widget:a,messages:t,isTypingEnd:s}))):null,l.default.createElement("div",{className:"fixed right-6 bottom-8",style:g?{}:{bottom:"".concat(2*h.scale,"rem")}},console.log(u,"style"),l.default.createElement(ie,{onClick:function(){return x(!m)},widget:a,open:m,logoshape:u.logo_shape,logosize:u.logo_size.size,logoborder:u.logo_border}))))},W=function(e){var t=e.widget,n=e.onClick,a=e.open,r=e.restart,o=e.exit,i=(0,p.default)({maxWidth:"520px"});return l.default.createElement(L,{className:"w-full flex justify-between items-center p-3 relative",style:{background:t.accent_color,height:68}},l.default.createElement("div",{className:"flex justify-start items-center truncate"},l.default.createElement("div",{className:"header_left flex items-center"},l.default.createElement("img",{src:t.logo_url||"https://dev-assistant.workativ.ai/static/media/logo.c346b8a1.png",className:"inline-block object-cover object-center rounded-full"}),l.default.createElement("div",{className:"flex flex-wrap w-100 truncate"},l.default.createElement("span",{className:"font-sans text-sm text-base font-semibold ml-2 truncate",style:{color:t.primary_color}},t.name),l.default.createElement("span",{className:"flex font-sans text-xs font-normal ml-2 truncate w-full",style:{color:t.primary_color}},l.default.createElement("span",{className:"truncate"},t.description))," ")),l.default.createElement("div",{className:"header_right absolute right-0"},l.default.createElement(l.default.Fragment,null,l.default.createElement("span",{className:"flex mr-2.5 group"},l.default.createElement("svg",{className:"w-4 h-4",x:"0px",y:"0px",viewBox:"0 0 24 24",xmlSpace:"preserve",onClick:r},l.default.createElement("path",{d:"M20.6 12.1c-.8 0-1.4.6-1.4 1.4 0 4.1-3.3 7.4-7.4 7.4s-7.4-3.3-7.4-7.4c0-3.7 2.7-6.7 6.3-7.2l-.3.3c-.3.3-.4.6-.4 1s.1.7.4 1c.3.3.6.4 1 .4s.7-.1 1-.4l2.8-2.8c.3-.3.4-.6.4-1s-.1-.7-.4-1L12.4 1c-.5-.5-1.4-.5-2 0-.2.3-.4.6-.4 1s.1.7.4 1l.5.5c-5.2.5-9.2 4.8-9.2 10 0 5.6 4.6 10.2 10.2 10.2S22 19.1 22 13.5c0-.8-.6-1.4-1.4-1.4z",fill:t.primary_color})),l.default.createElement("label",{className:"absolute text-black-700 bg-white rounded w-max flex items-center py-1.5 px-2.5"},"To restart your current conversation")),l.default.createElement("span",{className:"mr-1 flex"},l.default.createElement("svg",{className:"w-4 h-4",fill:t.primary_color,viewBox:"0 0 512 512",onClick:o},l.default.createElement("path",{d:"M255.15 468.625H63.787c-11.737 0-21.262-9.526-21.262-21.262V64.638c0-11.737 9.526-21.262 21.262-21.262H255.15c11.758 0 21.262-9.504 21.262-21.262S266.908.85 255.15.85H63.787C28.619.85 0 29.47 0 64.638v382.724c0 35.168 28.619 63.787 63.787 63.787H255.15c11.758 0 21.262-9.504 21.262-21.262 0-11.758-9.504-21.262-21.262-21.262z"}),l.default.createElement("path",{d:"M505.664 240.861L376.388 113.286c-8.335-8.25-21.815-8.143-30.065.213s-8.165 21.815.213 30.065l92.385 91.173H191.362c-11.758 0-21.262 9.504-21.262 21.262 0 11.758 9.504 21.263 21.262 21.263h247.559l-92.385 91.173c-8.377 8.25-8.441 21.709-.213 30.065a21.255 21.255 0 0015.139 6.336c5.401 0 10.801-2.041 14.926-6.124l129.276-127.575A21.303 21.303 0 00512 255.998c0-5.696-2.275-11.118-6.336-15.137z"})),l.default.createElement("label",{className:"absolute text-black-700 bg-white rounded w-max flex items-center py-1.5 px-2.5"},"To exit from the current conversation")))),!a&&i?l.default.createElement(l.default.Fragment,null,l.default.createElement("div",{className:"close_btn absolute w-2/12 flex h-4 right-8 bg-transparent justify-end top-4"},l.default.createElement("span",{onClick:n},l.default.createElement("svg",{"aria-hidden":"true",fill:t.primary_color,focusable:"false","data-prefix":"fal",cursor:"pointer","data-icon":"times",role:"img",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512"},l.default.createElement("path",{fill:"currentColor",d:"M193.94 256L296.5 153.44l21.15-21.15c3.12-3.12 3.12-8.19 0-11.31l-22.63-22.63c-3.12-3.12-8.19-3.12-11.31 0L160 222.06 36.29 98.34c-3.12-3.12-8.19-3.12-11.31 0L2.34 120.97c-3.12 3.12-3.12 8.19 0 11.31L126.06 256 2.34 379.71c-3.12 3.12-3.12 8.19 0 11.31l22.63 22.63c3.12 3.12 8.19 3.12 11.31 0L160 289.94 262.56 392.5l21.15 21.15c3.12 3.12 8.19 3.12 11.31 0l22.63-22.63c3.12-3.12 3.12-8.19 0-11.31L193.94 256z"}))))):null))},q=function(e){var t=e.children,n=(e.widget,e.style);return l.default.createElement("span",{className:"bot_text_box font-sans flex h-auto break-words text-sm font-normal items-end cursor-default",style:z({background:"#fff",color:"#000"},n)},t)},U=function(e){var t=e.title,n=e.logo,l=e.description,r=e.fields,o=e.buttons;return{title:(0,c.convertToMDText)(t),logo:n,description:(0,c.convertToMDText)(l),fields:r.map(function(e){var t=e.title,n=e.value;return{title:(0,c.convertToMDText)(t),value:(0,c.convertToMDText)(n)}}),buttons:o.map(function(e){var t=e.text,n=e.url;return{text:(0,c.convertToMDText)(t),url:(0,a.evalNormalOrJoinText)((0,c.convertToMDText)(n))}})}},I=function(e){var t=e.adaptive_card,n=e.widget,r=e.timestamp,o=U(t),i=o.title,s=o.logo,c=o.description,d=o.fields,u=o.buttons;return console.log({buttons:u}),l.default.createElement("div",{className:"font-sans w-full flex ml-2.5 h-auto break-words bg- text-gray-200 text-sm font-normal rounded-tl-none rounded-b-md rounded-tr-md items-end text-xs",style:{width:"79%"}},l.default.createElement("div",{className:"adaptive_cards  mar_bot_5 text-left relative rounded-tl-none rounded-b-md rounded-tr-md cursor-default",style:{background:"#fff",fontSize:14,fontFamily:'"Seravek-Regular"',color:"#494949",boxShadow:"0px 3px 6px #00000032",width:"100%"}},l.default.createElement("span",{className:"tail"}," ",l.default.createElement("svg",{x:"0px",y:"0px",viewBox:"0 0 7.9 7.9",xmlSpace:"preserve"},l.default.createElement("path",{d:"M7.9 8c0-4.4-3.6-8-8-8h8v8z",fill:n.accent_color}))),l.default.createElement("div",{style:{background:n.accent_color},className:"w-full flex w-full p-2.5 rounded-tr-md relative"},l.default.createElement("span",{className:"w-11 h-11 flex justify-center items-center bg-white",style:{border:"1px solid #e1e1e1"}},s&&l.default.createElement("img",{src:s,className:"inline-block object-cover object-center rounded-full shadow-xl",style:{width:32,height:32}})),l.default.createElement("span",{className:"w-5/6 pl-2.5 flex self-center flex-wrap flex-col relative"},l.default.createElement("div",{className:"w-100 relative  flex",style:{color:"#000",fontSize:"10px",lineHeight:"initial",marginTop:"-5px",top:"0px",justifyContent:"flex-end"}},l.default.createElement("span",null,ge(r))),l.default.createElement("h4",{style:{fontSize:"12px",lineHeight:"12px",color:n.primary_color,marginBottom:"3px"},className:"w-full font-sans text-sm font-bold rounded text-xs break-words"},l.default.createElement(a.default,{mdText:i})),l.default.createElement("p",{style:{fontSize:"10px",lineHeight:"12px",color:n.primary_color,marginBottom:"0px"},className:"w-full font-sans text-sm font-normal rounded text-xs break-words"},l.default.createElement(a.default,{mdText:c})))),l.default.createElement("div",{className:"tryit_cards_wrapper tryit_cards w-full rounded-b-md"},l.default.createElement("div",{className:"tryit_cards_left"},l.default.createElement(P,null,l.default.createElement("div",{className:"overflow_scroll mt-2.5"},l.default.createElement("div",{className:"grid grid-cols-2 gap-2.5  pb-2.5 pl-2.5 pr-1.5 tryit_ticket_wrapper"},d.map(function(e,t){var n=e.title,r=e.value;return l.default.createElement("div",{className:"tryit_ticket_details_wrapper",key:t},l.default.createElement("div",{className:"tryit_ticket_details"},l.default.createElement("h4",{style:{fontSize:"11px",lineHeight:"12px",color:"#333",marginBottom:"3px"},className:"font-sans font-semibold rounded text-xs"},l.default.createElement(a.default,{mdText:n}),l.default.createElement("span",null,":")),l.default.createElement("p",{style:{fontSize:"10px",lineHeight:"12px",color:"#555"},className:"font-sans font-normal rounded text-xs"},l.default.createElement(a.default,{mdText:r}))))})))),l.default.createElement("div",{className:"grid grid-cols-2 gap-2.5  pb-2.5 pl-2.5 pr-2.5  tryit_ticket_wrapper"},u.map(function(e,t){var a=e.text,r=e.url;return l.default.createElement(V,{key:t,text:a,url:r,widget:n})}))))))},R=function(e){var t=e.adaptive_card,n=t.title,a=t.logo,r=t.description,o=t.fields,i=t.buttons,s=e.widget,c=e.timestamp;return l.default.createElement("div",{className:"adaptive_card w-full"},l.default.createElement("div",{className:"w-full flex flex-col"},l.default.createElement("div",{className:"flex items-start w-auto justify-start"},l.default.createElement("img",{src:s.logo_url||"https://ac-image.s3.amazonaws.com/8/8/7/3/4/1/home/admin/images_for_product/logo.png?r=1663289093",className:"inline-block object-cover object-center rounded-full shadow-xl",style:{width:"36px",height:"36px",border:"1px solid #CECECE",padding:"7px",background:"#fff"}}),l.default.createElement(I,{adaptive_card:{title:n,logo:a,description:r,fields:o,buttons:i},widget:s,timestamp:c}))))},V=function(e){var t=e.text,n=e.url,r=e.widget,o=S((0,l.useState)(!1),2),i=o[0],s=o[1];return l.default.createElement("div",{className:"tryit_ticket_details_wrapper"},l.default.createElement("a",{href:n,target:"_blank"},l.default.createElement("button",{type:"button",style:{background:i?r.secondary_color:"#fff",color:"#000",border:i?r.secondary_color:"1px solid #B2B2B2"},onMouseOver:function(){return s(!0)},onMouseLeave:function(){return s(!1)},className:"font-sans text-black-700 text-xs font-regular px-2 w-full transition ease-linear focus:outline-none"},l.default.createElement(a.default,{mdText:t}))))},G=function(e){var t=e.text.split("\n"),n=t[t.length-1],a=t.slice(0,t.length-1);return l.default.createElement(l.default.Fragment,null,a.reduce(function(e,t){return[].concat(y(e),[t,l.default.createElement("br",{key:e.length})])},[]),n)},J=function(e){var t=e.text;return(0,u.parseUrlAndString)(t).map(function(e,t){var n=e.type,a=e.value;return"url"===n?l.default.createElement("a",{href:a,target:"_blank",key:t},a):l.default.createElement(G,{text:a,key:t})})},Y=function(e){var t=e.output,n=t.output,r=w(t,["output"]),o=e.sendMessage,i=e.widget,s=e.timestamp,d=e.logoshape;e.logosize,e.logoborder;return l.default.createElement("div",{className:"w-full flex flex-col mar_bot_5"},l.default.createElement("div",{className:"flex items-start w-auto justify-start"}," ",l.default.createElement("img",{src:i.logo_url||"https://ac-image.s3.amazonaws.com/8/8/7/3/4/1/home/admin/images_for_product/logo.png?r=1663289093",className:"inline-block object-cover object-center rounded-full shadow-xl mr-2.5",style:"box"==d?{width:"36px",height:"36px",border:"1px solid #CECECE",padding:"3px",background:"#fff",borderRadius:"0"}:{width:"36px",height:"36px",border:"1px solid #CECECE",padding:"7px",background:"#fff"}})," ","text"===n&&l.default.createElement("div",{className:" w-full"},l.default.createElement(q,{widget:i},l.default.createElement("div",{className:"w-full float-left"},l.default.createElement(a.default,{mdText:(0,c.convertToMDText)(r.text.text)})),l.default.createElement("div",{className:"w-full",style:{color:"#555",fontSize:"10px",lineHeight:"initial",marginTop:"2px"}},l.default.createElement("span",null,ge(s))),l.default.createElement("span",{className:"tail"}," ",l.default.createElement("svg",{x:"0px",y:"0px",viewBox:"0 0 7.9 7.9",xmlSpace:"preserve"},l.default.createElement("path",{d:"M7.9 8c0-4.4-3.6-8-8-8h8v8z",fill:"#fff"}))))),"option"===n&&l.default.createElement("div",{className:"w-full mar_bot_3"},l.default.createElement(q,{widget:i},l.default.createElement("div",{className:"w-full float-left"},l.default.createElement(a.default,{mdText:(0,c.convertToMDText)(r.option.title)})),l.default.createElement("div",{className:"w-full",style:{color:"#555",fontSize:"10px",lineHeight:"initial",marginTop:"2px"}},l.default.createElement("span",null,ge(s))),l.default.createElement("span",{className:"tail"}," ",l.default.createElement("svg",{x:"0px",y:"0px",viewBox:"0 0 7.9 7.9",xmlSpace:"preserve"},l.default.createElement("path",{d:"M7.9 8c0-4.4-3.6-8-8-8h8v8z",fill:"#fff"})))))),"option"===n&&l.default.createElement("div",{className:"option_buton justify-start"},l.default.createElement(re,{options:r.option.options,sendMessage:o,widget:i})))},K=function(e){return e+1},Z=function(e,t){return e-t},$=function(e){return e-1},Q=function(e,t){return e+t},X=function(e){var t=e.widget,n=e.timestamp,a=e.carousal.carousal_adaptive_card,r=S((0,l.useState)({index:0,transformWidth:0}),2),o=r[0],i=r[1],s=(0,l.useRef)([]),c=function(e,t){return function(){var n=e(o.index);if(!(n>=s.current.length||n<0)){var a=s.current[n].offsetWidth;i({index:n,transformWidth:t(o.transformWidth,a)})}}},d=c(K,Z),u=c($,Q);return l.default.createElement("div",{className:"carousal_box relative"},l.default.createElement("div",{className:"carousal_container relative"},l.default.createElement("div",{className:"carousal_slide_container",style:{transform:"translate3d(".concat(o.transformWidth,"px, 0px, 0px)")}},a.map(function(e,a){return l.default.createElement("div",{className:"slide flex justify-between flex-col",ref:function(e){return s.current[a]=e}},l.default.createElement(I,{widget:t,timestamp:n,adaptive_card:e}))})),l.default.createElement("div",{className:"carousal_arrows absolute bottom-10 flex justify-between"},l.default.createElement("div",{className:"left_arrow",onClick:u,style:0==o.index?{visibility:"hidden"}:null},l.default.createElement(xe,null)),l.default.createElement("div",{className:"right_arrow",onClick:d,style:o.index==s.current.length-1?{visibility:"hidden"}:null},l.default.createElement(me,null)))))},ee=function(e){var t=e.message,n=e.sendMessage,a=e.widget,r=e.timestamp,o=e.style;return t.output.map(function(e,t){switch(e.output){case"adaptive_card":return l.default.createElement(R,{key:t,output:e.output,adaptive_card:e.adaptive_card,widget:a,timestamp:r});case"carousal":return l.default.createElement(X,{key:t,widget:a,timestamp:r,carousal:e.carousal});default:return l.default.createElement(Y,{key:t,output:e,sendMessage:n,widget:a,timestamp:r,logoshape:o.logo_shape,logosize:o.logo_size.size,logoborder:o.logo_border})}})},te=function(e){var t=e.message,n=t.input,a=t.context.SYS_UPLOADED_FILE,r=e.widget,o=e.timestamp,i=e.logoshape;e.logosize,e.logoborder;return l.default.createElement("div",{className:"user_send_msg w-full flex flex-col mar_bot_5"},l.default.createElement("div",{className:"flex items-start w-auto justify-end"},l.default.createElement(q,{widget:r,style:{background:r.secondary_color}},l.default.createElement("div",{className:"w-full float-left"},a?"File uploaded":l.default.createElement(J,{text:n})),l.default.createElement("div",{className:"w-full",style:{color:"#555",fontSize:"10px",lineHeight:"initial",marginTop:"2px"}},l.default.createElement("span",null,ge(o))),l.default.createElement("span",{className:"tail"}," ",l.default.createElement("svg",{x:"0px",y:"0px",viewBox:"0 0 7.9 7.9",xmlSpace:"preserve"},l.default.createElement("path",{d:"M-.1 8c0-4.4 3.6-8 8-8h-8v8z",fill:r.secondary_color})))),l.default.createElement("span",{className:"rounded-full shadow-xl ml-2.5 flex items-center justify-center relative user_icon_svg",style:"box"==i?{width:"36px",height:"36px",border:"1px solid #CECECE",padding:"7px",background:"#fff",borderRadius:"0"}:{width:"36px",height:"36px",border:"1px solid #CECECE",padding:"7px",background:"#fff"}}," ",l.default.createElement(de,null))))},ne=function(e){var t=e.type,n=e.message,a=e.sendMessage,r=e.widget,o=e.timestamp,i=e.style;switch(t){case"received":return l.default.createElement(ee,{message:n,sendMessage:a,widget:r,timestamp:o,style:i});case"sent":return l.default.createElement(te,{timestamp:o,message:n,widget:r,logoshape:i.logo_shape,logosize:i.logo_size.size,logoborder:i.logo_border})}},ae=function(e){var t=e.messages,n=e.sendMessage,a=e.widget,r=e.style,o=(0,p.default)({maxWidth:"520px"}),i=(0,l.useRef)(null);return(0,l.useEffect)(function(){i.current&&i.current.scroll(0,i.current.scrollHeight)}),l.default.createElement(l.default.Fragment,null,l.default.createElement("div",{className:"overflow-y-scroll p-3 ".concat(o?"body_container_mobile":"body_container"),style:o?{height:"calc(100vh - 132px)"}:{height:"395px"},ref:i},t.map(function(e,t){return l.default.createElement(ne,b({},z({key:t},e),{sendMessage:n,widget:a,timestamp:e.time,style:r}))})))},le=function(e){var t=e.sendMessage,n=e.widget,r=e.label,o=e.value,i=S((0,l.useState)(!1),2),s=i[0],c=i[1];return l.default.createElement("button",{type:"button",className:"font-sans bg-gray-200 text-black-700 text-sm font-regular px-4 w-max transition ease-linear focus:outline-none cursor-pointer",style:{background:s?n.secondary_color:"#fff",border:s?"1px solid ".concat(n.secondary_color):"1px solid #B2B2B2",textOverflow:"ellipsis",wordBreak:"break-all",height:"100%",textAlign:"left",marginRight:8,marginBottom:8,marginLeft:0,fontSize:13,lineHeight:1.5,borderRadius:"18px"},ref:function(e){e&&e.style.setProperty("padding","4px 12px","important")},onClick:function(){t((0,a.evalNormalOrJoinText)(o))},onMouseOver:function(){return c(!0)},onMouseLeave:function(){return c(!1)}},l.default.createElement(a.default,{mdText:r}))},re=function(e){var t=e.options,n=e.sendMessage,a=e.widget;return l.default.createElement("div",{className:"w-100 flex flex-row flex-wrap"},t.map(function(e,t){var r=e.label,o=e.value;return l.default.createElement(le,{label:(0,c.convertToMDText)(r),value:(0,c.convertToMDText)(o),key:t,sendMessage:n,widget:a})}))},oe=function(e){var t=e.sendMessage,n=e.widget,a=(e.messages,e.isTypingEnd),r=e.onFileUpload,o=S((0,l.useState)(""),2),i=o[0],s=o[1],c=S((0,l.useState)(!0),2),d=c[0],u=c[1],f=function(){i.trim()&&t(i),s("")};(0,l.useEffect)(function(){u(a)},[a]);var p=(0,l.useRef)(null);return l.default.createElement(l.default.Fragment,null,d&&l.default.createElement("p",{className:"tryit_bot_typing font-sans"},n.name," is typing",l.default.createElement("span",null,l.default.createElement("div",{className:"snippet","data-title":".dot-flashing"},l.default.createElement("div",{className:"stage"},l.default.createElement("div",{className:"dot-flashing"}))))),l.default.createElement("div",{className:"user_input bg-white flex justify-between items-center pr-2",style:{borderTop:"1px solid #d2d1d1"}},l.default.createElement("div",{className:"relative w_85"},l.default.createElement("input",{type:"text",className:"font-sans w-full pl-4 pr-1 py-3 focus:outline-none h-auto placeholder-black-100 text-black text-sm",placeholder:"Type a message...",value:i,onChange:function(e){return s(e.target.value)},onKeyDown:function(e){"Enter"===e.key&&(e.preventDefault(),f())},id:"typemsg"})),l.default.createElement("div",{className:"relative w_15"},l.default.createElement("span",{className:"cursor-pointer",onClick:function(){p.current&&p.current.click()}},l.default.createElement("input",{type:"file",hidden:!0,ref:p,onChange:r}),l.default.createElement(fe,{className:"rounded-full shadow-xl ml-1 w-full h-full"})),l.default.createElement("span",{className:"cursor-pointer",onClick:function(){return f()}},l.default.createElement(ue,{className:"rounded-full shadow-xl ml-1 w-full h-full"})))))},ie=function(e){var t=e.widget,n=t.accent_color,a=t.logo_url,o=t.primary_color,i=e.onClick,s=e.open,c=e.logoshape,d=e.logosize,u=e.logoborder,f=(0,p.default)({maxWidth:"520px"}),m=(0,r.useScaleContext)();return l.default.createElement("div",{className:"relative inline-flex w-full justify-end"},l.default.createElement("button",{type:"button",className:s?"hover:bg-white hover:text-black text-white flex items-center justify-center focus:outline-none close_button":"hover:bg-white hover:text-black text-white flex items-center justify-center focus:outline-none ",style:"box"==c?{background:s?n:"transparent",cursor:"pointer",border:"1px solid ".concat(u.color),height:12*d+80,width:12*d+80,margin:f?" 0":"0 calc((-60px * (1 - ".concat(m.scale,") * 0.9))  calc(-40px * (1 - ").concat(m.scale,") * 0.5) ")}:{background:s?n:"transparent",border:"1px solid ".concat(u.color),transition:"box-shadow 150ms ease-in-out 0s",position:"relative",borderRadius:"50%",height:12*d+80,width:12*d+80,top:15,cursor:"pointer",transform:f?"none":"scale(".concat(m.scale,")"),margin:f?" 0":"0 calc((-60px * (1 - ".concat(m.scale,") * 0.9))  calc(-40px * (1 - ").concat(m.scale,") * 0.5) ")},onClick:i},s?l.default.createElement("span",{className:"w-8 h-8"},l.default.createElement("svg",{className:"w-full h-full","aria-hidden":"true",focusable:"false","data-prefix":"fal","data-icon":"times",role:"img",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512"},l.default.createElement("path",{fill:o,d:"M193.94 256L296.5 153.44l21.15-21.15c3.12-3.12 3.12-8.19 0-11.31l-22.63-22.63c-3.12-3.12-8.19-3.12-11.31 0L160 222.06 36.29 98.34c-3.12-3.12-8.19-3.12-11.31 0L2.34 120.97c-3.12 3.12-3.12 8.19 0 11.31L126.06 256 2.34 379.71c-3.12 3.12-3.12 8.19 0 11.31l22.63 22.63c3.12 3.12 8.19 3.12 11.31 0L160 289.94 262.56 392.5l21.15 21.15c3.12 3.12 8.19 3.12 11.31 0l22.63-22.63c3.12-3.12 3.12-8.19 0-11.31L193.94 256z"}))):l.default.createElement("span",{className:"w-full h-full"},l.default.createElement("img",{src:a||"https://ac-image.s3.amazonaws.com/8/8/7/3/4/1/home/admin/images_for_product/logo.png?r=1663289093",className:"rounded-full shadow-xl inline-block object-cover object-center",style:"box"==c?{width:"100%",height:"100%",boxShadow:"none"}:{width:"100%",height:"100%"}}))))},se={logo_size:{size:1},logo_border:{color:"transparent"}},ce=function(e){var t=e.el,n=e.widget_id,a=e.endpoint,r=e.authToken,c=e.newToken,u=void 0===c?function(){return Promise.resolve()}:c,f=e.openByDefault,p=void 0!==f&&f,m=e.userDetails,x=void 0===m?{}:m,g=e.widget_size,h=void 0===g?"default":g,b=e.style,w=void 0===b?{}:b;return s.default.render(l.default.createElement(l.default.Fragment,null,l.default.createElement(i.default,null),l.default.createElement(o.default,{widget_id:n,endpoint:a,authToken:r,newToken:u,openByDefault:p,userDetails:x,widget_size:h,style:(0,d.default)(se,w)})),t),{}};window.WAWidget={init:ce};var de=function(e){return l.default.createElement("svg",{viewBox:"0 0 17.1 20",width:"18px",height:"18px",fill:"#617B98"},l.default.createElement("g",null,l.default.createElement("g",{id:"Layer_1-2"},l.default.createElement("linearGradient",{id:"SVGID_1_",gradientUnits:"userSpaceOnUse",x1:"4.15",y1:"4.4",x2:"12.97",y2:"4.4"},l.default.createElement("stop",{offset:"0",style:{stopColor:"#562FF5"}}),l.default.createElement("stop",{offset:"1",style:{stopColor:"#2A8DFF"}})),l.default.createElement("path",{d:"M8.6,8.8c2.4,0,4.4-2,4.4-4.4S11,0,8.6,0S4.2,2,4.2,4.4c0,0,0,0,0,0C4.2,6.8,6.1,8.8,8.6,8.8z"}),l.default.createElement("linearGradient",{id:"SVGID_2_",gradientUnits:"userSpaceOnUse",x1:"0",y1:"14.89",x2:"17.11",y2:"14.89"},l.default.createElement("stop",{offset:"0",style:{stopColor:"#562FF5"}}),l.default.createElement("stop",{offset:"1",style:{stopColor:"#2A8DFF"}})),l.default.createElement("path",{d:"M8.6,9.8C3.8,9.8,0,13.6,0,18.3C0,19.3,0.7,20,1.7,20l0,0h13.8c0.9,0,1.7-0.7,1.7-1.7 C17.1,13.6,13.3,9.8,8.6,9.8z"}))))},ue=function(){return l.default.createElement("svg",{x:"0px",y:"0px",viewBox:"0 0 32 32",xmlSpace:"preserve"},l.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"}),l.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"}),l.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"}))},fe=function(){return l.default.createElement("svg",{x:"0px",y:"0px",viewBox:"0 0 24 24",xmlSpace:"preserve"},l.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"}))},pe=function(){return l.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 512 512",xmlSpace:"preserve"},l.default.createElement("circle",{cx:256,cy:256,r:245.5,fill:"#0043ad"}),l.default.createElement("path",{d:"M429.6 314.8c0 20.6-16.7 37.2-37.2 37.2H204c-25 0-45.3-20.3-45.3-45.3 0-25 20.3-45.3 45.3-45.3 1.8 0 3.5.1 5.2.3.8-33.6 28.2-60.7 62-60.7 21.4 0 40.4 10.9 51.5 27.4 6.8-3.3 14.4-5.3 22.5-5.3 28.2 0 51 22.8 51 51 0 1.1-.1 2.3-.2 3.4 18.9 2.1 33.6 17.9 33.6 37.3zM197.7 249c6.7-34.4 37.4-60.7 73.5-60.7 21.4 0 41.6 9.1 55.7 24.8 5.9-1.8 12-2.7 18.3-2.7h.1c-4.2-37.4-35.9-66.4-74.4-66.4-29.2 0-54.4 16.7-66.8 41.1-7.8-4.5-16.9-7-26.6-7-29.7 0-53.8 24.1-53.8 53.8 0 4.5.6 8.9 1.7 13.1-25.1 1.2-45.1 21.8-45.1 47.2 0 26.1 21.2 47.3 47.3 47.3h28.3c-6.3-9.3-10-20.5-10-32.6 0-30.1 22.7-54.8 51.8-57.9z",fill:"#fff"}))},me=function(){return l.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 24 24",xmlSpace:"preserve"},l.default.createElement("g",{transform:"translate(-992.33 -514.33)"},l.default.createElement("path",{opacity:.3,d:"M992.3 514.3H1016.3V538.3H992.3z"}),l.default.createElement("path",{d:"M1001.9 531.9c-.3 0-.5-.1-.7-.3-.4-.4-.4-1 0-1.4l3.8-3.8-3.8-3.8c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l4.5 4.5c.4.4.4 1 0 1.4l-4.5 4.5c-.2.3-.4.3-.7.3z",fill:"#fff"})))},xe=function(){return l.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 24 24",xmlSpace:"preserve"},l.default.createElement("g",{transform:"translate(-992.33 -514.33)"},l.default.createElement("path",{opacity:.3,d:"M992.3 514.3H1016.3V538.3H992.3z"}),l.default.createElement("path",{d:"M1006.5 531.9c.3 0 .5-.1.7-.3.4-.4.4-1 0-1.4l-3.8-3.8 3.8-3.8c.4-.4.4-1 0-1.4s-1-.4-1.4 0l-4.5 4.5c-.4.4-.4 1 0 1.4l4.5 4.5c.2.3.4.3.7.3z",fill:"#fff"})))};function ge(e){var t=new Date(e),n=t.getDate(),a=t.getMonth()+1,l=t.getFullYear(),r=t.getHours(),o=t.getMinutes(),i=r>=12?"pm":"am";r=(r%=12)||12;var s=o<10?"0"+o:o.toString();return"".concat(n,"/").concat(a,"/").concat(l," ").concat(r,":").concat(s," ").concat(i)}function he(e){var t=new Date(e),n=t.getHours(),a=t.getMinutes(),l=n>=12?"pm":"am";n=(n%=12)||12;var r=a<10?"0"+a:a.toString();return"".concat(n,":").concat(r," ").concat(l)}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.formatAMPM=ge,exports.formatTimeAMPM=he;var e,t,n,a=h(require("./md/assistant_md")),l=h(require("react")),r=require("./useScale"),o=x(require("./App")),i=x(require("./fontStyles")),s=x(require("react-dom")),c=require("./md/md_format_converter"),d=x(require("deepmerge")),u=require("./parse-url"),f=x(require("styled-components")),p=x(require("use-media")),m=x(require("./useWidgetService"));function x(e){return e&&e.__esModule?e:{default:e}}function g(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(g=function(e){return e?n:t})(e)}function h(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var n=g(t);if(n&&n.has(e))return n.get(e);var a={},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&Object.prototype.hasOwnProperty.call(e,r)){var o=l?Object.getOwnPropertyDescriptor(e,r):null;o&&(o.get||o.set)?Object.defineProperty(a,r,o):a[r]=e[r]}return a.default=e,n&&n.set(e,a),a}function b(){return(b=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e}).apply(this,arguments)}function w(e,t){if(null==e)return{};var n,a,l=v(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a<r.length;a++)n=r[a],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}function v(e,t){if(null==e)return{};var n,a,l={},r=Object.keys(e);for(a=0;a<r.length;a++)n=r[a],t.indexOf(n)>=0||(l[n]=e[n]);return l}function y(e){return k(e)||_(e)||T(e)||E()}function E(){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 _(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function k(e){if(Array.isArray(e))return O(e)}function N(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,a)}return n}function z(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?N(Object(n),!0).forEach(function(t){M(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):N(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function M(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function S(e,t){return D(e)||C(e,t)||T(e,t)||j()}function j(){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 T(e,t){if(e){if("string"==typeof e)return O(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)?O(e,t):void 0}}function O(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function C(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,l,r=[],o=!0,i=!1;try{for(n=n.call(e);!(o=(a=n.next()).done)&&(r.push(a.value),!t||r.length!==t);o=!0);}catch(s){i=!0,l=s}finally{try{o||null==n.return||n.return()}finally{if(i)throw l}}return r}}function D(e){if(Array.isArray(e))return e}function F(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var B=function(e){var t=e.endpoint,n=e.widget_id,a=e.authToken,o=e.newToken,i=e.openByDefault,s=e.userDetails,c=e.widget_size,d=e.style;console.log("APP :: style ::",{style:d});var u=(0,m.default)({endpoint:t,widget_id:n,authToken:a,newToken:o,userDetails:s}),f=u.messages,p=u.sendMessage,x=u.widget,g=u.restart,h=u.exit,b=u.isTypingEnd,w=u.onFileUpload;return x&&l.default.createElement(l.default.Fragment,null,l.default.createElement(r.ScaleSizeProvider,{widgetSize:c},l.default.createElement("div",{className:"workativ-widget"},l.default.createElement(A,{messages:f,sendMessage:p,widget:x,restart:g,exit:h,onFileUpload:w,openByDefault:i,style:d,isTypingEnd:b}))))},P=f.default.div(e||(e=F(["\nwidth:100%;\nfloat:left;\nheight: auto;\n}\n.overflow_scroll{\n  width:100%;\n  float:left;\n  position: relative;\n  left: -2px;\n}\n\n"]))),L=f.default.div(t||(t=F(["\n  width: 100%;\n  float: left;\n  height: 80px;\n  border-radius: 10px 10px 0px 0px;\n\n  .header_left {\n    width: 85%;\n    float: left;\n\n    img {\n      width: 36px;\n      height: 36px;\n    }\n  }\n  .close_btn {\n    top: 12px;\n    right: 16px;\n    span svg {\n      width: 18px;\n      height: 18px;\n    }\n  }\n  .header_right {\n    width: 15%;\n    display: flex;\n    justify-content: center;\n    right: 10px;\n    @media (max-width: 767px) {\n      top: 42px;\n    }\n    .group label {\n      right: 25px;\n    }\n    label {\n      font-size: 12px;\n      font-weight: 400;\n      color: #000;\n      right: 10px;\n      top: -30px;\n      display: none;\n    }\n    span {\n      svg {\n        width: 18px;\n        height: 18px;\n        position: relative;\n        left: inherit;\n        right: inherit;\n        cursor: pointer;\n      }\n      &:hover label {\n        display: block;\n      }\n    }\n  }\n"]))),H=f.default.div(n||(n=F(["\n  .width_container {\n    width: 380px;\n    float: left;\n    height: 520px;\n    box-shadow: 0px 10px 20px #00000029;\n    border-radius: 10px;\n  }\n  .user_input {\n    height: 55px;\n    border-radius: 0px 0px 10px 10px;\n  \n    .w_85 {\n      width: 85%;\n      float: left;\n      input {\n        height: 53px;\n        border-radius: 10px;\n        border: none;\n      }\n    }\n    .w_15 {\n      width: 15%;\n      float: right;\n      display: flex;\n      justify-content: flex-end;\n      padding-right: 7px;\n    }\n\n    span svg {\n      width: 18px;\n      height: 18px;\n      fill: #666666;\n      margin-left: 10px;\n      position:relative;\n      left:inherit;\n      right:inherit;\n    }\n  }\n\n  .body_container {\n    background: #f4f4f4 0% 0% no-repeat padding-box;\n  }\n  .body_container_mobile {\n    background: #f4f4f4 0% 0% no-repeat padding-box;\n  }\n  .bot_text_box {\n    padding: 8px 10px;\n    position: relative;\n    box-shadow: 0px 3px 5px #00000029;\n    border-radius: 0px 10px 10px 10px;\n    background: #fff;\n    margin-left: 0px;\n    width: 90%;\n    max-width: 280px;\n    word-break: break-word;\n    display: flex;\n    flex-direction: column;\n  }\n    .tail  svg {\n      width: 8px;\n      height: 8px;\n      top: 0px;\n      left: -7px;\n      position: absolute;\n    }\n  }\n  .user_icon_svg svg{\n    width: 18px;\n    height: 18px;\n    top: 0px;\n    left: 0px;\n    position: relative;\n  }\n  .adaptive_cards {\n    .tail svg {\n      width: 8px;\n      height: 8px;\n      top: 0px;\n      left: -7px;\n      position: absolute;\n    }\n  }\n  .user_send_msg {\n    position: relative;\n    .tail svg {\n      width: 8px;\n      height: 8px;\n      top: 0px;\n      right: -7px;\n      left: inherit;\n      position: absolute;\n    }\n  }\n  .user_send_msg .bot_text_box {\n    box-shadow: 0px 3px 5px #00000029;\n    border-radius: 10px 0px 10px 10px;\n    max-width: 265px;\n  }\n  .tryit_ticket_details_wrapper button:hover{\n    box-shadow: 0px 3px 5px #00000029;\n  }\n  .tryit_ticket_details_wrapper button{\n    border-radius:18px;\n  }\n  .w-100.flex.flex-col button:hover{\n    box-shadow: 0px 3px 5px #00000029;\n  }\n  .option_buton {\n    width: 85%;\n    margin-left: 46px;\n    padding-left: 0px;\n\n    button:last-child{\n      margin-bottom:0px !important;\n    }\n\n  }\n  .mar_bot_5{\n    margin-bottom:20px;\n  }\n  .mar_bot_3{\n    margin-bottom:12px;\n  }\n  button{\n    height: ",";\n  }\n  .tryit_bot_typing{\n    position: absolute;\n    bottom: 58px;\n    font-size: 11px;\n    color: #000;\n    width: 100%;\n    left: 0;\n    background: #f4f4f4;\n    margin-bottom: 0px;\n    padding-left: 20px;\n    display: flex;\n    align-items: center;\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  button{\n    border-radius: ",";\n\n    :hover{\n      box-shadow:0px 3px 5px #00000029;\n    }\n  }\n  .carousal_box{\n    margin: 10px 0;\n    width: 300px;\n  }\n  .hr_policy_title{\n    background: #E3F1FF;\n    padding: 10px;\n    border-top-left-radius: 10px;\n    border-top-right-radius: 10px;\n  }\n\n  .hr_policy_title_img{\n    width: 16%;\n    padding: 5px;\n  }\n  \n  .hr_policy_title_img img{\n    max-width: 100%;\n    height:auto;\n  }\n\n  .hr_policy_title_text{\n    margin-left: 15px;\n  }\n\n  .hr_policy_title_text h3{\n    margin-top: 5px;\n    margin-bottom: 0px;\n  }\n\n  .hr_policy_title_text p{\n    margin-top: 5px;\n    margin-bottom: 5px;\n  }\n\n  .carousal_container{\n    padding: 10px;\n    border-bottom-left-radius: 10px;\n    border-bottom-right-radius: 10px;\n    margin-left: auto;\n    margin-right: auto;\n    position: relative;\n    overflow: hidden;\n    list-style: none;\n    padding: 0;\n    z-index: 1;\n  }\n  \n  .hr_policy_doc_box3{\n    width: 45%;\n  }\n\n  .button{\n    text-align: center;\n    border-radius: 20px;\n  }\n\n  .hr_policy_doc_box1 div:nth-child(2){\n    width: 55%;\n    padding-right: 50px;\n  }\n\n  .hr_policy_doc_box2 div:nth-child(2){\n    padding-right: 50px;\n  }\n\n  .carousal_arrows{\n    top: 50%;\n    right: 25px;\n    width: 84%;\n  }\n\n  .right_arrow, .left_arrow{\n    width: 30px;\n    height: 30px;\n    z-index: 9;\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\n  .slide, .carousal_slide_container{\n    transform: translate3d(0px,0,0);\n  }\n\n  .slide{\n    flex-shrink: 0;\n    width: 100%;\n    height: 100%;\n    position: relative;\n    transition-property: transform;\n    width: 350px;\n    transform: translateZ(0);\n    backface-visibility: hidden;\n    padding: 10px;\n    overflow-y: scroll;\n  }\n\n}\n\n.close_button{\n  height: 50px !important;\n  width: 50px !important;\n}\n\n  \n"])),function(e){return"box"===e.logoshape?"auto":"28px"},function(e){return"box"===e.logoshape?"0":"18px"}),A=function(e){var t=e.messages,n=e.sendMessage,a=e.widget,o=e.restart,i=e.exit,s=e.isTypingEnd,c=e.onFileUpload,d=e.openByDefault,u=e.style;console.log(u);var f=S((0,l.useState)(d),2),m=f[0],x=f[1],g=(0,p.default)({maxWidth:"520px"}),h=(0,r.useScaleContext)();return l.default.createElement(l.default.Fragment,null,l.default.createElement(H,{className:"bg-transparent",style:{width:100,height:100,position:"fixed",zIndex:9999999999999,display:"initial !important",bottom:"0 !important",right:0},logoshape:u.logo_shape,logosize:u.logo_size.size,logoborder:u.logo_border},m?l.default.createElement("div",{className:g?"width_container_mobile w-full h-full bg-white  shadow-2xl top-0 left-0 fixed xl:right-6 sm:right-0 xl:bottom-32 sm:bottom-0 ":"width_container bg-white  shadow-2xl fixed right-6 bottom-24",style:{zIndex:"99999999999999999",width:g?"100%":"380px",transform:g?"none":"scale(".concat(h.scale,")"),margin:g?"0":"0 calc((-380px * (1 - ".concat(h.scale,") * 0.55)) calc(-520px * ((1 - ").concat(h.scale,") * 0.7 ))")}},l.default.createElement(l.default.Fragment,null,l.default.createElement(W,{widget:a,onClick:function(){return x(!m)},open:m,restart:o,exit:i}),l.default.createElement(ae,{messages:t,sendMessage:n,widget:a,style:u}),l.default.createElement(oe,{sendMessage:n,onFileUpload:c,widget:a,messages:t,isTypingEnd:s}))):null,l.default.createElement("div",{className:"fixed right-6 bottom-8",style:g?{}:{bottom:"".concat(2*h.scale,"rem")}},console.log(u,"style"),l.default.createElement(ie,{onClick:function(){return x(!m)},widget:a,open:m,logoshape:u.logo_shape,logosize:u.logo_size.size,logoborder:u.logo_border}))))},W=function(e){var t=e.widget,n=e.onClick,a=e.open,r=e.restart,o=e.exit,i=(0,p.default)({maxWidth:"520px"});return l.default.createElement(L,{className:"w-full flex justify-between items-center p-3 relative",style:{background:t.accent_color,height:68}},l.default.createElement("div",{className:"flex justify-start items-center truncate"},l.default.createElement("div",{className:"header_left flex items-center"},l.default.createElement("img",{src:t.logo_url||"https://dev-assistant.workativ.ai/static/media/logo.c346b8a1.png",className:"inline-block object-cover object-center rounded-full"}),l.default.createElement("div",{className:"flex flex-wrap w-100 truncate"},l.default.createElement("span",{className:"font-sans text-sm text-base font-semibold ml-2 truncate",style:{color:t.primary_color}},t.name),l.default.createElement("span",{className:"flex font-sans text-xs font-normal ml-2 truncate w-full",style:{color:t.primary_color}},l.default.createElement("span",{className:"truncate"},t.description))," ")),l.default.createElement("div",{className:"header_right absolute right-0"},l.default.createElement(l.default.Fragment,null,l.default.createElement("span",{className:"flex mr-2.5 group"},l.default.createElement("svg",{className:"w-4 h-4",x:"0px",y:"0px",viewBox:"0 0 24 24",xmlSpace:"preserve",onClick:r},l.default.createElement("path",{d:"M20.6 12.1c-.8 0-1.4.6-1.4 1.4 0 4.1-3.3 7.4-7.4 7.4s-7.4-3.3-7.4-7.4c0-3.7 2.7-6.7 6.3-7.2l-.3.3c-.3.3-.4.6-.4 1s.1.7.4 1c.3.3.6.4 1 .4s.7-.1 1-.4l2.8-2.8c.3-.3.4-.6.4-1s-.1-.7-.4-1L12.4 1c-.5-.5-1.4-.5-2 0-.2.3-.4.6-.4 1s.1.7.4 1l.5.5c-5.2.5-9.2 4.8-9.2 10 0 5.6 4.6 10.2 10.2 10.2S22 19.1 22 13.5c0-.8-.6-1.4-1.4-1.4z",fill:t.primary_color})),l.default.createElement("label",{className:"absolute text-black-700 bg-white rounded w-max flex items-center py-1.5 px-2.5"},"To restart your current conversation")),l.default.createElement("span",{className:"mr-1 flex"},l.default.createElement("svg",{className:"w-4 h-4",fill:t.primary_color,viewBox:"0 0 512 512",onClick:o},l.default.createElement("path",{d:"M255.15 468.625H63.787c-11.737 0-21.262-9.526-21.262-21.262V64.638c0-11.737 9.526-21.262 21.262-21.262H255.15c11.758 0 21.262-9.504 21.262-21.262S266.908.85 255.15.85H63.787C28.619.85 0 29.47 0 64.638v382.724c0 35.168 28.619 63.787 63.787 63.787H255.15c11.758 0 21.262-9.504 21.262-21.262 0-11.758-9.504-21.262-21.262-21.262z"}),l.default.createElement("path",{d:"M505.664 240.861L376.388 113.286c-8.335-8.25-21.815-8.143-30.065.213s-8.165 21.815.213 30.065l92.385 91.173H191.362c-11.758 0-21.262 9.504-21.262 21.262 0 11.758 9.504 21.263 21.262 21.263h247.559l-92.385 91.173c-8.377 8.25-8.441 21.709-.213 30.065a21.255 21.255 0 0015.139 6.336c5.401 0 10.801-2.041 14.926-6.124l129.276-127.575A21.303 21.303 0 00512 255.998c0-5.696-2.275-11.118-6.336-15.137z"})),l.default.createElement("label",{className:"absolute text-black-700 bg-white rounded w-max flex items-center py-1.5 px-2.5"},"To exit from the current conversation")))),!a&&i?l.default.createElement(l.default.Fragment,null,l.default.createElement("div",{className:"close_btn absolute w-2/12 flex h-4 right-8 bg-transparent justify-end top-4"},l.default.createElement("span",{onClick:n},l.default.createElement("svg",{"aria-hidden":"true",fill:t.primary_color,focusable:"false","data-prefix":"fal",cursor:"pointer","data-icon":"times",role:"img",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512"},l.default.createElement("path",{fill:"currentColor",d:"M193.94 256L296.5 153.44l21.15-21.15c3.12-3.12 3.12-8.19 0-11.31l-22.63-22.63c-3.12-3.12-8.19-3.12-11.31 0L160 222.06 36.29 98.34c-3.12-3.12-8.19-3.12-11.31 0L2.34 120.97c-3.12 3.12-3.12 8.19 0 11.31L126.06 256 2.34 379.71c-3.12 3.12-3.12 8.19 0 11.31l22.63 22.63c3.12 3.12 8.19 3.12 11.31 0L160 289.94 262.56 392.5l21.15 21.15c3.12 3.12 8.19 3.12 11.31 0l22.63-22.63c3.12-3.12 3.12-8.19 0-11.31L193.94 256z"}))))):null))},q=function(e){var t=e.children,n=(e.widget,e.style);return l.default.createElement("span",{className:"bot_text_box font-sans flex h-auto break-words text-sm font-normal items-end cursor-default",style:z({background:"#fff",color:"#000"},n)},t)},U=function(e){var t=e.title,n=e.logo,l=e.description,r=e.fields,o=e.buttons;return{title:(0,c.convertToMDText)(t),logo:n,description:(0,c.convertToMDText)(l),fields:r.map(function(e){var t=e.title,n=e.value;return{title:(0,c.convertToMDText)(t),value:(0,c.convertToMDText)(n)}}),buttons:o.map(function(e){var t=e.text,n=e.url;return{text:(0,c.convertToMDText)(t),url:(0,a.evalNormalOrJoinText)((0,c.convertToMDText)(n))}})}},I=function(e){var t=e.adaptive_card,n=e.widget,r=e.timestamp,o=U(t),i=o.title,s=o.logo,c=o.description,d=o.fields,u=o.buttons;return console.log({buttons:u}),l.default.createElement("div",{className:"font-sans w-full flex ml-2.5 h-auto break-words bg- text-gray-200 text-sm font-normal rounded-tl-none rounded-b-md rounded-tr-md items-end text-xs",style:{width:"79%"}},l.default.createElement("div",{className:"adaptive_cards  mar_bot_5 text-left relative rounded-tl-none rounded-b-md rounded-tr-md cursor-default",style:{background:"#fff",fontSize:14,fontFamily:'"Seravek-Regular"',color:"#494949",boxShadow:"0px 3px 6px #00000032",width:"100%"}},l.default.createElement("span",{className:"tail"}," ",l.default.createElement("svg",{x:"0px",y:"0px",viewBox:"0 0 7.9 7.9",xmlSpace:"preserve"},l.default.createElement("path",{d:"M7.9 8c0-4.4-3.6-8-8-8h8v8z",fill:n.accent_color}))),l.default.createElement("div",{style:{background:n.accent_color},className:"w-full flex w-full p-2.5 rounded-tr-md relative"},l.default.createElement("span",{className:"w-11 h-11 flex justify-center items-center bg-white",style:{border:"1px solid #e1e1e1"}},s&&l.default.createElement("img",{src:s,className:"inline-block object-cover object-center rounded-full shadow-xl",style:{width:32,height:32}})),l.default.createElement("span",{className:"w-5/6 pl-2.5 flex self-center flex-wrap flex-col relative"},l.default.createElement("div",{className:"w-100 relative  flex",style:{color:"#000",fontSize:"10px",lineHeight:"initial",marginTop:"-5px",top:"0px",justifyContent:"flex-end"}},l.default.createElement("span",null,ge(r))),l.default.createElement("h4",{style:{fontSize:"12px",lineHeight:"12px",color:n.primary_color,marginBottom:"3px"},className:"w-full font-sans text-sm font-bold rounded text-xs break-words"},l.default.createElement(a.default,{mdText:i})),l.default.createElement("p",{style:{fontSize:"10px",lineHeight:"12px",color:n.primary_color,marginBottom:"0px"},className:"w-full font-sans text-sm font-normal rounded text-xs break-words"},l.default.createElement(a.default,{mdText:c})))),l.default.createElement("div",{className:"tryit_cards_wrapper tryit_cards w-full rounded-b-md"},l.default.createElement("div",{className:"tryit_cards_left"},l.default.createElement(P,null,l.default.createElement("div",{className:"overflow_scroll mt-2.5"},l.default.createElement("div",{className:"grid grid-cols-2 gap-2.5  pb-2.5 pl-2.5 pr-1.5 tryit_ticket_wrapper"},d.map(function(e,t){var n=e.title,r=e.value;return l.default.createElement("div",{className:"tryit_ticket_details_wrapper",key:t},l.default.createElement("div",{className:"tryit_ticket_details"},l.default.createElement("h4",{style:{fontSize:"11px",lineHeight:"12px",color:"#333",marginBottom:"3px"},className:"font-sans font-semibold rounded text-xs"},l.default.createElement(a.default,{mdText:n}),l.default.createElement("span",null,":")),l.default.createElement("p",{style:{fontSize:"10px",lineHeight:"12px",color:"#555"},className:"font-sans font-normal rounded text-xs"},l.default.createElement(a.default,{mdText:r}))))})))),l.default.createElement("div",{className:"grid grid-cols-2 gap-2.5  pb-2.5 pl-2.5 pr-2.5  tryit_ticket_wrapper"},u.map(function(e,t){var a=e.text,r=e.url;return l.default.createElement(V,{key:t,text:a,url:r,widget:n})}))))))},R=function(e){var t=e.adaptive_card,n=t.title,a=t.logo,r=t.description,o=t.fields,i=t.buttons,s=e.widget,c=e.timestamp;return l.default.createElement("div",{className:"adaptive_card w-full"},l.default.createElement("div",{className:"w-full flex flex-col"},l.default.createElement("div",{className:"flex items-start w-auto justify-start"},l.default.createElement("img",{src:s.logo_url||"https://ac-image.s3.amazonaws.com/8/8/7/3/4/1/home/admin/images_for_product/logo.png?r=1663289093",className:"inline-block object-cover object-center rounded-full shadow-xl",style:{width:"36px",height:"36px",border:"1px solid #CECECE",padding:"7px",background:"#fff"}}),l.default.createElement(I,{adaptive_card:{title:n,logo:a,description:r,fields:o,buttons:i},widget:s,timestamp:c}))))},V=function(e){var t=e.text,n=e.url,r=e.widget,o=S((0,l.useState)(!1),2),i=o[0],s=o[1];return l.default.createElement("div",{className:"tryit_ticket_details_wrapper"},l.default.createElement("a",{href:n,target:"_blank"},l.default.createElement("button",{type:"button",style:{background:i?r.secondary_color:"#fff",color:"#000",border:i?r.secondary_color:"1px solid #B2B2B2"},onMouseOver:function(){return s(!0)},onMouseLeave:function(){return s(!1)},className:"font-sans text-black-700 text-xs font-regular px-2 w-full transition ease-linear focus:outline-none"},l.default.createElement(a.default,{mdText:t}))))},G=function(e){var t=e.text.split("\n"),n=t[t.length-1],a=t.slice(0,t.length-1);return l.default.createElement(l.default.Fragment,null,a.reduce(function(e,t){return[].concat(y(e),[t,l.default.createElement("br",{key:e.length})])},[]),n)},J=function(e){var t=e.text;return(0,u.parseUrlAndString)(t).map(function(e,t){var n=e.type,a=e.value;return"url"===n?l.default.createElement("a",{href:a,target:"_blank",key:t},a):l.default.createElement(G,{text:a,key:t})})},Y=function(e){var t=e.output,n=t.output,r=w(t,["output"]),o=e.sendMessage,i=e.widget,s=e.timestamp,d=e.logoshape;e.logosize,e.logoborder;return l.default.createElement("div",{className:"w-full flex flex-col mar_bot_5"},l.default.createElement("div",{className:"flex items-start w-auto justify-start"}," ",l.default.createElement("img",{src:i.logo_url||"https://ac-image.s3.amazonaws.com/8/8/7/3/4/1/home/admin/images_for_product/logo.png?r=1663289093",className:"inline-block object-cover object-center rounded-full shadow-xl mr-2.5",style:"box"==d?{width:"36px",height:"36px",border:"1px solid #CECECE",padding:"3px",background:"#fff",borderRadius:"0"}:{width:"36px",height:"36px",border:"1px solid #CECECE",padding:"7px",background:"#fff"}})," ","text"===n&&l.default.createElement("div",{className:" w-full"},l.default.createElement(q,{widget:i},l.default.createElement("div",{className:"w-full float-left"},l.default.createElement(a.default,{mdText:(0,c.convertToMDText)(r.text.text)})),l.default.createElement("div",{className:"w-full",style:{color:"#555",fontSize:"10px",lineHeight:"initial",marginTop:"2px"}},l.default.createElement("span",null,ge(s))),l.default.createElement("span",{className:"tail"}," ",l.default.createElement("svg",{x:"0px",y:"0px",viewBox:"0 0 7.9 7.9",xmlSpace:"preserve"},l.default.createElement("path",{d:"M7.9 8c0-4.4-3.6-8-8-8h8v8z",fill:"#fff"}))))),"option"===n&&l.default.createElement("div",{className:"w-full mar_bot_3"},l.default.createElement(q,{widget:i},l.default.createElement("div",{className:"w-full float-left"},l.default.createElement(a.default,{mdText:(0,c.convertToMDText)(r.option.title)})),l.default.createElement("div",{className:"w-full",style:{color:"#555",fontSize:"10px",lineHeight:"initial",marginTop:"2px"}},l.default.createElement("span",null,ge(s))),l.default.createElement("span",{className:"tail"}," ",l.default.createElement("svg",{x:"0px",y:"0px",viewBox:"0 0 7.9 7.9",xmlSpace:"preserve"},l.default.createElement("path",{d:"M7.9 8c0-4.4-3.6-8-8-8h8v8z",fill:"#fff"})))))),"option"===n&&l.default.createElement("div",{className:"option_buton justify-start"},l.default.createElement(re,{options:r.option.options,sendMessage:o,widget:i})))},K=function(e){return e+1},Z=function(e,t){return e-t},$=function(e){return e-1},Q=function(e,t){return e+t},X=function(e){var t=e.widget,n=e.timestamp,a=e.carousal.carousal_adaptive_card,r=S((0,l.useState)({index:0,transformWidth:0}),2),o=r[0],i=r[1],s=(0,l.useRef)([]),c=function(e,t){return function(){var n=e(o.index);if(!(n>=s.current.length||n<0)){var a=s.current[n].offsetWidth;i({index:n,transformWidth:t(o.transformWidth,a)})}}},d=c(K,Z),u=c($,Q);return l.default.createElement("div",{className:"carousal_box relative"},l.default.createElement("div",{className:"carousal_container relative"},l.default.createElement("div",{className:"carousal_slide_container",style:{transform:"translate3d(".concat(o.transformWidth,"px, 0px, 0px)")}},a.map(function(e,a){return l.default.createElement("div",{className:"slide flex justify-between flex-col",ref:function(e){return s.current[a]=e}},l.default.createElement(I,{widget:t,timestamp:n,adaptive_card:e}))})),l.default.createElement("div",{className:"carousal_arrows absolute bottom-10 flex justify-between"},l.default.createElement("div",{className:"left_arrow",onClick:u,style:0==o.index?{visibility:"hidden"}:null},l.default.createElement(xe,null)),l.default.createElement("div",{className:"right_arrow",onClick:d,style:o.index==s.current.length-1?{visibility:"hidden"}:null},l.default.createElement(me,null)))))},ee=function(e){var t=e.message,n=e.sendMessage,a=e.widget,r=e.timestamp,o=e.style;return t.output.map(function(e,t){switch(e.output){case"adaptive_card":return l.default.createElement(R,{key:t,output:e.output,adaptive_card:e.adaptive_card,widget:a,timestamp:r});case"carousal":return l.default.createElement(X,{key:t,widget:a,timestamp:r,carousal:e.carousal});default:return l.default.createElement(Y,{key:t,output:e,sendMessage:n,widget:a,timestamp:r,logoshape:o.logo_shape,logosize:o.logo_size.size,logoborder:o.logo_border})}})},te=function(e){var t=e.message,n=t.input,a=t.context.SYS_UPLOADED_FILE,r=e.widget,o=e.timestamp,i=e.logoshape;e.logosize,e.logoborder;return console.log({color:r.secondary_color}),l.default.createElement("div",{className:"user_send_msg w-full flex flex-col mar_bot_5"},l.default.createElement("div",{className:"flex items-start w-auto justify-end"},l.default.createElement(q,{widget:r,style:{background:r.secondary_color}},l.default.createElement("div",{className:"w-full float-left"},a?"File uploaded":l.default.createElement(J,{text:n})),l.default.createElement("div",{className:"w-full",style:{color:"#555",fontSize:"10px",lineHeight:"initial",marginTop:"2px"}},l.default.createElement("span",null,ge(o))),l.default.createElement("span",{className:"tail"}," ",l.default.createElement("svg",{x:"0px",y:"0px",viewBox:"0 0 7.9 7.9",xmlSpace:"preserve"},l.default.createElement("path",{d:"M-.1 8c0-4.4 3.6-8 8-8h-8v8z",fill:r.secondary_color})))),l.default.createElement("span",{className:"rounded-full shadow-xl ml-2.5 flex items-center justify-center relative user_icon_svg",style:"box"==i?{width:"36px",height:"36px",border:"1px solid #CECECE",padding:"7px",background:"#fff",borderRadius:"0"}:{width:"36px",height:"36px",border:"1px solid #CECECE",padding:"7px",background:"#fff"}}," ",l.default.createElement(de,null))))},ne=function(e){var t=e.type,n=e.message,a=e.sendMessage,r=e.widget,o=e.timestamp,i=e.style;switch(t){case"received":return l.default.createElement(ee,{message:n,sendMessage:a,widget:r,timestamp:o,style:i});case"sent":return l.default.createElement(te,{timestamp:o,message:n,widget:r,logoshape:i.logo_shape,logosize:i.logo_size.size,logoborder:i.logo_border})}},ae=function(e){var t=e.messages,n=e.sendMessage,a=e.widget,r=e.style,o=(0,p.default)({maxWidth:"520px"}),i=(0,l.useRef)(null);return(0,l.useEffect)(function(){i.current&&i.current.scroll(0,i.current.scrollHeight)}),l.default.createElement(l.default.Fragment,null,l.default.createElement("div",{className:"overflow-y-scroll p-3 ".concat(o?"body_container_mobile":"body_container"),style:o?{height:"calc(100vh - 132px)"}:{height:"395px"},ref:i},t.map(function(e,t){return l.default.createElement(ne,b({},z({key:t},e),{sendMessage:n,widget:a,timestamp:e.time,style:r}))})))},le=function(e){var t=e.sendMessage,n=e.widget,r=e.label,o=e.value,i=S((0,l.useState)(!1),2),s=i[0],c=i[1];return l.default.createElement("button",{type:"button",className:"font-sans bg-gray-200 text-black-700 text-sm font-regular px-4 w-max transition ease-linear focus:outline-none cursor-pointer",style:{background:s?n.secondary_color:"#fff",border:s?"1px solid ".concat(n.secondary_color):"1px solid #B2B2B2",textOverflow:"ellipsis",wordBreak:"break-all",height:"100%",textAlign:"left",marginRight:8,marginBottom:8,marginLeft:0,fontSize:13,lineHeight:1.5,borderRadius:"18px"},ref:function(e){e&&e.style.setProperty("padding","4px 12px","important")},onClick:function(){t((0,a.evalNormalOrJoinText)(o))},onMouseOver:function(){return c(!0)},onMouseLeave:function(){return c(!1)}},l.default.createElement(a.default,{mdText:r}))},re=function(e){var t=e.options,n=e.sendMessage,a=e.widget;return l.default.createElement("div",{className:"w-100 flex flex-row flex-wrap"},t.map(function(e,t){var r=e.label,o=e.value;return l.default.createElement(le,{label:(0,c.convertToMDText)(r),value:(0,c.convertToMDText)(o),key:t,sendMessage:n,widget:a})}))},oe=function(e){var t=e.sendMessage,n=e.widget,a=(e.messages,e.isTypingEnd),r=e.onFileUpload,o=S((0,l.useState)(""),2),i=o[0],s=o[1],c=S((0,l.useState)(!0),2),d=c[0],u=c[1],f=function(){i.trim()&&t(i),s("")};(0,l.useEffect)(function(){u(a)},[a]);var p=(0,l.useRef)(null);return l.default.createElement(l.default.Fragment,null,d&&l.default.createElement("p",{className:"tryit_bot_typing font-sans"},n.name," is typing",l.default.createElement("span",null,l.default.createElement("div",{className:"snippet","data-title":".dot-flashing"},l.default.createElement("div",{className:"stage"},l.default.createElement("div",{className:"dot-flashing"}))))),l.default.createElement("div",{className:"user_input bg-white flex justify-between items-center pr-2",style:{borderTop:"1px solid #d2d1d1"}},l.default.createElement("div",{className:"relative w_85"},l.default.createElement("input",{type:"text",className:"font-sans w-full pl-4 pr-1 py-3 focus:outline-none h-auto placeholder-black-100 text-black text-sm",placeholder:"Type a message...",value:i,onChange:function(e){return s(e.target.value)},onKeyDown:function(e){"Enter"===e.key&&(e.preventDefault(),f())},id:"typemsg"})),l.default.createElement("div",{className:"relative w_15"},l.default.createElement("span",{className:"cursor-pointer",onClick:function(){p.current&&p.current.click()}},l.default.createElement("input",{type:"file",hidden:!0,ref:p,onChange:r}),l.default.createElement(fe,{className:"rounded-full shadow-xl ml-1 w-full h-full"})),l.default.createElement("span",{className:"cursor-pointer",onClick:function(){return f()}},l.default.createElement(ue,{className:"rounded-full shadow-xl ml-1 w-full h-full"})))))},ie=function(e){var t=e.widget,n=t.accent_color,a=t.logo_url,o=t.primary_color,i=e.onClick,s=e.open,c=e.logoshape,d=e.logosize,u=e.logoborder,f=(0,p.default)({maxWidth:"520px"}),m=(0,r.useScaleContext)();return l.default.createElement("div",{className:"relative inline-flex w-full justify-end"},l.default.createElement("button",{type:"button",className:s?"hover:bg-white hover:text-black text-white flex items-center justify-center focus:outline-none close_button":"hover:bg-white hover:text-black text-white flex items-center justify-center focus:outline-none ",style:"box"==c?{background:s?n:"transparent",cursor:"pointer",border:"1px solid ".concat(u.color),height:12*d+80,width:12*d+80,margin:f?" 0":"0 calc((-60px * (1 - ".concat(m.scale,") * 0.9))  calc(-40px * (1 - ").concat(m.scale,") * 0.5) ")}:{background:s?n:"transparent",border:"1px solid ".concat(u.color),transition:"box-shadow 150ms ease-in-out 0s",position:"relative",borderRadius:"50%",height:12*d+80,width:12*d+80,top:15,cursor:"pointer",transform:f?"none":"scale(".concat(m.scale,")"),margin:f?" 0":"0 calc((-60px * (1 - ".concat(m.scale,") * 0.9))  calc(-40px * (1 - ").concat(m.scale,") * 0.5) ")},onClick:i},s?l.default.createElement("span",{className:"w-8 h-8"},l.default.createElement("svg",{className:"w-full h-full","aria-hidden":"true",focusable:"false","data-prefix":"fal","data-icon":"times",role:"img",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512"},l.default.createElement("path",{fill:o,d:"M193.94 256L296.5 153.44l21.15-21.15c3.12-3.12 3.12-8.19 0-11.31l-22.63-22.63c-3.12-3.12-8.19-3.12-11.31 0L160 222.06 36.29 98.34c-3.12-3.12-8.19-3.12-11.31 0L2.34 120.97c-3.12 3.12-3.12 8.19 0 11.31L126.06 256 2.34 379.71c-3.12 3.12-3.12 8.19 0 11.31l22.63 22.63c3.12 3.12 8.19 3.12 11.31 0L160 289.94 262.56 392.5l21.15 21.15c3.12 3.12 8.19 3.12 11.31 0l22.63-22.63c3.12-3.12 3.12-8.19 0-11.31L193.94 256z"}))):l.default.createElement("span",{className:"w-full h-full"},l.default.createElement("img",{src:a||"https://ac-image.s3.amazonaws.com/8/8/7/3/4/1/home/admin/images_for_product/logo.png?r=1663289093",className:"rounded-full shadow-xl inline-block object-cover object-center",style:"box"==c?{width:"100%",height:"100%",boxShadow:"none"}:{width:"100%",height:"100%"}}))))},se={logo_size:{size:1},logo_border:{color:"transparent"}},ce=function(e){var t=e.el,n=e.widget_id,a=e.endpoint,r=e.authToken,c=e.newToken,u=void 0===c?function(){return Promise.resolve()}:c,f=e.openByDefault,p=void 0!==f&&f,m=e.userDetails,x=void 0===m?{}:m,g=e.widget_size,h=void 0===g?"default":g,b=e.style,w=void 0===b?{}:b;return s.default.render(l.default.createElement(l.default.Fragment,null,l.default.createElement(i.default,null),l.default.createElement(o.default,{widget_id:n,endpoint:a,authToken:r,newToken:u,openByDefault:p,userDetails:x,widget_size:h,style:(0,d.default)(se,w)})),t),{}};window.WAWidget={init:ce};var de=function(e){return l.default.createElement("svg",{viewBox:"0 0 17.1 20",width:"18px",height:"18px",fill:"#617B98"},l.default.createElement("g",null,l.default.createElement("g",{id:"Layer_1-2"},l.default.createElement("linearGradient",{id:"SVGID_1_",gradientUnits:"userSpaceOnUse",x1:"4.15",y1:"4.4",x2:"12.97",y2:"4.4"},l.default.createElement("stop",{offset:"0",style:{stopColor:"#562FF5"}}),l.default.createElement("stop",{offset:"1",style:{stopColor:"#2A8DFF"}})),l.default.createElement("path",{d:"M8.6,8.8c2.4,0,4.4-2,4.4-4.4S11,0,8.6,0S4.2,2,4.2,4.4c0,0,0,0,0,0C4.2,6.8,6.1,8.8,8.6,8.8z"}),l.default.createElement("linearGradient",{id:"SVGID_2_",gradientUnits:"userSpaceOnUse",x1:"0",y1:"14.89",x2:"17.11",y2:"14.89"},l.default.createElement("stop",{offset:"0",style:{stopColor:"#562FF5"}}),l.default.createElement("stop",{offset:"1",style:{stopColor:"#2A8DFF"}})),l.default.createElement("path",{d:"M8.6,9.8C3.8,9.8,0,13.6,0,18.3C0,19.3,0.7,20,1.7,20l0,0h13.8c0.9,0,1.7-0.7,1.7-1.7 C17.1,13.6,13.3,9.8,8.6,9.8z"}))))},ue=function(){return l.default.createElement("svg",{x:"0px",y:"0px",viewBox:"0 0 32 32",xmlSpace:"preserve"},l.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"}),l.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"}),l.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"}))},fe=function(){return l.default.createElement("svg",{x:"0px",y:"0px",viewBox:"0 0 24 24",xmlSpace:"preserve"},l.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"}))},pe=function(){return l.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 512 512",xmlSpace:"preserve"},l.default.createElement("circle",{cx:256,cy:256,r:245.5,fill:"#0043ad"}),l.default.createElement("path",{d:"M429.6 314.8c0 20.6-16.7 37.2-37.2 37.2H204c-25 0-45.3-20.3-45.3-45.3 0-25 20.3-45.3 45.3-45.3 1.8 0 3.5.1 5.2.3.8-33.6 28.2-60.7 62-60.7 21.4 0 40.4 10.9 51.5 27.4 6.8-3.3 14.4-5.3 22.5-5.3 28.2 0 51 22.8 51 51 0 1.1-.1 2.3-.2 3.4 18.9 2.1 33.6 17.9 33.6 37.3zM197.7 249c6.7-34.4 37.4-60.7 73.5-60.7 21.4 0 41.6 9.1 55.7 24.8 5.9-1.8 12-2.7 18.3-2.7h.1c-4.2-37.4-35.9-66.4-74.4-66.4-29.2 0-54.4 16.7-66.8 41.1-7.8-4.5-16.9-7-26.6-7-29.7 0-53.8 24.1-53.8 53.8 0 4.5.6 8.9 1.7 13.1-25.1 1.2-45.1 21.8-45.1 47.2 0 26.1 21.2 47.3 47.3 47.3h28.3c-6.3-9.3-10-20.5-10-32.6 0-30.1 22.7-54.8 51.8-57.9z",fill:"#fff"}))},me=function(){return l.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 24 24",xmlSpace:"preserve"},l.default.createElement("g",{transform:"translate(-992.33 -514.33)"},l.default.createElement("path",{opacity:.3,d:"M992.3 514.3H1016.3V538.3H992.3z"}),l.default.createElement("path",{d:"M1001.9 531.9c-.3 0-.5-.1-.7-.3-.4-.4-.4-1 0-1.4l3.8-3.8-3.8-3.8c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l4.5 4.5c.4.4.4 1 0 1.4l-4.5 4.5c-.2.3-.4.3-.7.3z",fill:"#fff"})))},xe=function(){return l.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 24 24",xmlSpace:"preserve"},l.default.createElement("g",{transform:"translate(-992.33 -514.33)"},l.default.createElement("path",{opacity:.3,d:"M992.3 514.3H1016.3V538.3H992.3z"}),l.default.createElement("path",{d:"M1006.5 531.9c.3 0 .5-.1.7-.3.4-.4.4-1 0-1.4l-3.8-3.8 3.8-3.8c.4-.4.4-1 0-1.4s-1-.4-1.4 0l-4.5 4.5c-.4.4-.4 1 0 1.4l4.5 4.5c.2.3.4.3.7.3z",fill:"#fff"})))};function ge(e){var t=new Date(e),n=t.getDate(),a=t.getMonth()+1,l=t.getFullYear(),r=t.getHours(),o=t.getMinutes(),i=r>=12?"pm":"am";r=(r%=12)||12;var s=o<10?"0"+o:o.toString();return"".concat(n,"/").concat(a,"/").concat(l," ").concat(r,":").concat(s," ").concat(i)}function he(e){var t=new Date(e),n=t.getHours(),a=t.getMinutes(),l=n>=12?"pm":"am";n=(n%=12)||12;var r=a<10?"0"+a:a.toString();return"".concat(n,":").concat(r," ").concat(l)}
 },{"./md/assistant_md":"gHGY","react":"HdMw","./useScale":"go4Y","./App":"DPRK","./fontStyles":"dsgS","react-dom":"X9zx","./md/md_format_converter":"M0oY","deepmerge":"zW8g","./parse-url":"pe12","styled-components":"OuUI","use-media":"IaEF","./useWidgetService":"O0SM"}]},{},["BGoO"], null)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pager-widget",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "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: [],
         },
@@ -206,6 +208,20 @@ export const useMessages = ({
     const { socket, connected } = useSocket({ endpoint });
     const [currentToken, setCurrentToken] = useState(authToken);
 
+
+    const sendEvent = (event) => {
+        let msg = message(
+            "",
+            currentContext,
+            messages,
+            widget_id,
+            currentToken,
+            widget,
+            userDetails
+        );
+        socket.emit(event, msg);
+    };
+
     const sendMessage = (input, file = null) => {
         // console.log("DOING::1 Service :: sendMessage called", input,messages)
         setIsTyping(true);
@@ -231,7 +247,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 +258,7 @@ export const useMessages = ({
             currentToken,
             widget,
             userDetails,
+            for_event,
             null
         );
         socket.emit("feedback", msg);
@@ -272,13 +289,27 @@ export const useMessages = ({
     });
     useMessageReceiver({ widget_id, socket, messages, setMessages, setIsTyping });
 
+    const restart = () => {
+        // console.log("DOING::1 Resart called")
+        setMessages([]);
+        localStorage.setItem("messages", JSON.stringify([]));
+        // sendInitialMessage(socket, widget_id, currentContext, authToken, widget);
+        sendEvent("restart");
+    };
+
+    const exit = () => {
+        sendEvent("exit");
+    };
+
     return {
         connected,
         messages,
         setMessages,
         isTypingEnd,
         sendMessage,
-        sendFeedback
+        sendFeedback,
+        restart,
+        exit
     }
 };