pager-widget 0.1.0 → 0.2.0

package/ConsentPopup.jsx

@@ -55,14 +55,19 @@ const ConsentPopup = ({
     const language = navigator.language;
 
     const systemDetails = [
-      { SYS_browser: browserName },
-      { SYS_browser_os: osName },
-      { SYS_browser_language: language },
-      { SYS_screen_resolution: `${window.screen.width} x ${window.screen.height}` },
-      { SYS_time_zone: timeZone },
-      { SYS_device_type: deviceType },
+      { field_id: "SYS_browser", value: browserName },
+      { field_id: "SYS_browser_os", value: osName },
+      { field_id: "SYS_browser_language", value: language },
       {
-        SYS_location: `Lat: ${deviceLocation.lat}, Long: ${deviceLocation.long}`,
+        field_id: "SYS_screen_resolution",
+        value: `${window.screen.width} x ${window.screen.height}`,
+      },
+      { field_id: "SYS_time_zone", value: timeZone },
+      { field_id: "SYS_device_type", value: deviceType },
+
+      {
+        field_id: "SYS_location",
+        value: `Lat: ${deviceLocation.lat}, Long: ${deviceLocation.long}`,
       }, // Correctly updated location
     ];
 

package/dist/lib.js

@@ -258,7 +258,7 @@ var i;!function(e,o){"use strict";var a="model",r="name",n="type",t="vendor",s="
 },{}],"aopE":[function(require,module,exports) {
 "use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var n=require("react"),r=e(n),t=require("ua-parser-js/dist/ua-parser.min"),i=new t,o=i.getBrowser(),a=i.getCPU(),s=i.getDevice(),u=i.getEngine(),l=i.getOS(),c=i.getUA(),d=function(e){return i.setUA(e)},f=function(e){if(e){var n=new t(e);return{UA:n,browser:n.getBrowser(),cpu:n.getCPU(),device:n.getDevice(),engine:n.getEngine(),os:n.getOS(),ua:n.getUA(),setUserAgent:function(e){return n.setUA(e)}}}console.error("No userAgent string was provided")},m=Object.freeze({ClientUAInstance:i,browser:o,cpu:a,device:s,engine:u,os:l,ua:c,setUa:d,parseUserAgent:f});function p(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter(function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable})),r.push.apply(r,t)}return r}function g(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?p(Object(r),!0).forEach(function(n){y(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):p(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function v(e){return(v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function h(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}function w(e,n){for(var r=0;r<n.length;r++){var t=n[r];t.enumerable=t.enumerable||!1,t.configurable=!0,"value"in t&&(t.writable=!0),Object.defineProperty(e,t.key,t)}}function b(e,n,r){return n&&w(e.prototype,n),r&&w(e,r),e}function y(e,n,r){return n in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function x(){return(x=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e}).apply(this,arguments)}function O(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(n&&n.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),n&&S(e,n)}function E(e){return(E=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function S(e,n){return(S=Object.setPrototypeOf||function(e,n){return e.__proto__=n,e})(e,n)}function C(e,n){if(null==e)return{};var r,t,i={},o=Object.keys(e);for(t=0;t<o.length;t++)r=o[t],n.indexOf(r)>=0||(i[r]=e[r]);return i}function P(e,n){if(null==e)return{};var r,t,i=C(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(t=0;t<o.length;t++)r=o[t],n.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}function W(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function F(e,n){if(n&&("object"==typeof n||"function"==typeof n))return n;if(void 0!==n)throw new TypeError("Derived constructors may only return object or undefined");return W(e)}function V(e,n){return A(e)||M(e,n)||I(e,n)||T()}function A(e){if(Array.isArray(e))return e}function M(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,i,o=[],a=!0,s=!1;try{for(r=r.call(e);!(a=(t=r.next()).done)&&(o.push(t.value),!n||o.length!==n);a=!0);}catch(u){s=!0,i=u}finally{try{a||null==r.return||r.return()}finally{if(s)throw i}}return o}}function I(e,n){if(e){if("string"==typeof e)return j(e,n);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?j(e,n):void 0}}function j(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=new Array(n);r<n;r++)t[r]=e[r];return t}function T(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var L={Mobile:"mobile",Tablet:"tablet",SmartTv:"smarttv",Console:"console",Wearable:"wearable",Embedded:"embedded",Browser:void 0},N={Chrome:"Chrome",Firefox:"Firefox",Opera:"Opera",Yandex:"Yandex",Safari:"Safari",InternetExplorer:"Internet Explorer",Edge:"Edge",Chromium:"Chromium",Ie:"IE",MobileSafari:"Mobile Safari",EdgeChromium:"Edge Chromium",MIUI:"MIUI Browser",SamsungBrowser:"Samsung Browser"},U={IOS:"iOS",Android:"Android",WindowsPhone:"Windows Phone",Windows:"Windows",MAC_OS:"Mac OS"},B={isMobile:!1,isTablet:!1,isBrowser:!1,isSmartTV:!1,isConsole:!1,isWearable:!1},D=function(e){switch(e){case L.Mobile:return{isMobile:!0};case L.Tablet:return{isTablet:!0};case L.SmartTv:return{isSmartTV:!0};case L.Console:return{isConsole:!0};case L.Wearable:return{isWearable:!0};case L.Browser:return{isBrowser:!0};case L.Embedded:return{isEmbedded:!0};default:return B}},k=function(e){return d(e)},_=function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"none";return e||n},z=function(){return!("undefined"==typeof window||!window.navigator&&!navigator)&&(window.navigator||navigator)},Y=function(e){var n=z();return n&&n.platform&&(-1!==n.platform.indexOf(e)||"MacIntel"===n.platform&&n.maxTouchPoints>1&&!window.MSStream)},H=function(e,n,r,t,i){return{isBrowser:e,browserMajorVersion:_(n.major),browserFullVersion:_(n.version),browserName:_(n.name),engineName:_(r.name),engineVersion:_(r.version),osName:_(t.name),osVersion:_(t.version),userAgent:_(i)}},q=function(e,n,r,t){return g({},e,{vendor:_(n.vendor),model:_(n.model),os:_(r.name),osVersion:_(r.version),ua:_(t)})},R=function(e,n,r,t){return{isSmartTV:e,engineName:_(n.name),engineVersion:_(n.version),osName:_(r.name),osVersion:_(r.version),userAgent:_(t)}},$=function(e,n,r,t){return{isConsole:e,engineName:_(n.name),engineVersion:_(n.version),osName:_(r.name),osVersion:_(r.version),userAgent:_(t)}},G=function(e,n,r,t){return{isWearable:e,engineName:_(n.name),engineVersion:_(n.version),osName:_(r.name),osVersion:_(r.version),userAgent:_(t)}},J=function(e,n,r,t,i){return{isEmbedded:e,vendor:_(n.vendor),model:_(n.model),engineName:_(r.name),engineVersion:_(r.version),osName:_(t.name),osVersion:_(t.version),userAgent:_(i)}};function K(e){var n=e?f(e):m,r=n.device,t=n.browser,i=n.engine,o=n.os,a=n.ua,s=D(r.type),u=s.isBrowser,l=s.isMobile,c=s.isTablet,d=s.isSmartTV,p=s.isConsole,g=s.isWearable,v=s.isEmbedded;return u?H(u,t,i,o,a):d?R(d,i,o,a):p?$(p,i,o,a):l?q(s,r,o,a):c?q(s,r,o,a):g?G(g,i,o,a):v?J(v,r,i,o,a):void 0}var Q=function(e){return e.type===L.Mobile},X=function(e){return e.type===L.Tablet},Z=function(e){var n=e.type;return n===L.Mobile||n===L.Tablet},ee=function(e){return e.type===L.SmartTv},ne=function(e){return e.type===L.Browser},re=function(e){return e.type===L.Wearable},te=function(e){return e.type===L.Console},ie=function(e){return e.type===L.Embedded},oe=function(e){var n=e.vendor;return _(n)},ae=function(e){var n=e.model;return _(n)},se=function(e){var n=e.type;return _(n,"browser")},ue=function(e){return e.name===U.Android},le=function(e){return e.name===U.Windows},ce=function(e){return e.name===U.MAC_OS},de=function(e){return e.name===U.WindowsPhone},fe=function(e){return e.name===U.IOS},me=function(e){var n=e.version;return _(n)},pe=function(e){var n=e.name;return _(n)},ge=function(e){return e.name===N.Chrome},ve=function(e){return e.name===N.Firefox},he=function(e){return e.name===N.Chromium},we=function(e){return e.name===N.Edge},be=function(e){return e.name===N.Yandex},ye=function(e){var n=e.name;return n===N.Safari||n===N.MobileSafari},xe=function(e){return e.name===N.MobileSafari},Oe=function(e){return e.name===N.Opera},Ee=function(e){var n=e.name;return n===N.InternetExplorer||n===N.Ie},Se=function(e){return e.name===N.MIUI},Ce=function(e){return e.name===N.SamsungBrowser},Pe=function(e){var n=e.version;return _(n)},We=function(e){var n=e.major;return _(n)},Fe=function(e){var n=e.name;return _(n)},Ve=function(e){var n=e.name;return _(n)},Ae=function(e){var n=e.version;return _(n)},Me=function(){var e=z(),n=e&&e.userAgent&&e.userAgent.toLowerCase();return"string"==typeof n&&/electron/.test(n)},Ie=function(e){return"string"==typeof e&&-1!==e.indexOf("Edg/")},je=function(){var e=z();return e&&(/iPad|iPhone|iPod/.test(e.platform)||"MacIntel"===e.platform&&e.maxTouchPoints>1)&&!window.MSStream},Te=function(){return Y("iPad")},Le=function(){return Y("iPhone")},Ne=function(){return Y("iPod")},Ue=function(e){return _(e)};function Be(e){var n=e||m,r=n.device,t=n.browser,i=n.os,o=n.engine,a=n.ua;return{isSmartTV:ee(r),isConsole:te(r),isWearable:re(r),isEmbedded:ie(r),isMobileSafari:xe(t)||Te(),isChromium:he(t),isMobile:Z(r)||Te(),isMobileOnly:Q(r),isTablet:X(r)||Te(),isBrowser:ne(r),isDesktop:ne(r),isAndroid:ue(i),isWinPhone:de(i),isIOS:fe(i)||Te(),isChrome:ge(t),isFirefox:ve(t),isSafari:ye(t),isOpera:Oe(t),isIE:Ee(t),osVersion:me(i),osName:pe(i),fullBrowserVersion:Pe(t),browserVersion:We(t),browserName:Fe(t),mobileVendor:oe(r),mobileModel:ae(r),engineName:Ve(o),engineVersion:Ae(o),getUA:Ue(a),isEdge:we(t)||Ie(a),isYandex:be(t),deviceType:se(r),isIOS13:je(),isIPad13:Te(),isIPhone13:Le(),isIPod13:Ne(),isElectron:Me(),isEdgeChromium:Ie(a),isLegacyEdge:we(t)&&!Ie(a),isWindows:le(i),isMacOs:ce(i),isMIUI:Se(t),isSamsungBrowser:Ce(t)}}var De=ee(s),ke=te(s),_e=re(s),ze=ie(s),Ye=xe(o)||Te(),He=he(o),qe=Z(s)||Te(),Re=Q(s),$e=X(s)||Te(),Ge=ne(s),Je=ne(s),Ke=ue(l),Qe=de(l),Xe=fe(l)||Te(),Ze=ge(o),en=ve(o),nn=ye(o),rn=Oe(o),tn=Ee(o),on=me(l),an=pe(l),sn=Pe(o),un=We(o),ln=Fe(o),cn=oe(s),dn=ae(s),fn=Ve(u),mn=Ae(u),pn=Ue(c),gn=we(o)||Ie(c),vn=be(o),hn=se(s),wn=je(),bn=Te(),yn=Le(),xn=Ne(),On=Me(),En=Ie(c),Sn=we(o)&&!Ie(c),Cn=le(l),Pn=ce(l),Wn=Se(o),Fn=Ce(o),Vn=function(e){if(e&&"string"==typeof e){var n=f(e);return Be({device:n.device,browser:n.browser,os:n.os,engine:n.engine,ua:n.ua})}console.error("No valid user agent string was provided")},An=function(e){var t=e.renderWithFragment,i=e.children,o=P(e,["renderWithFragment","children"]);return Ke?t?r.createElement(n.Fragment,null,i):r.createElement("div",o,i):null},Mn=function(e){var t=e.renderWithFragment,i=e.children,o=P(e,["renderWithFragment","children"]);return Ge?t?r.createElement(n.Fragment,null,i):r.createElement("div",o,i):null},In=function(e){var t=e.renderWithFragment,i=e.children,o=P(e,["renderWithFragment","children"]);return tn?t?r.createElement(n.Fragment,null,i):r.createElement("div",o,i):null},jn=function(e){var t=e.renderWithFragment,i=e.children,o=P(e,["renderWithFragment","children"]);return Xe?t?r.createElement(n.Fragment,null,i):r.createElement("div",o,i):null},Tn=function(e){var t=e.renderWithFragment,i=e.children,o=P(e,["renderWithFragment","children"]);return qe?t?r.createElement(n.Fragment,null,i):r.createElement("div",o,i):null},Ln=function(e){var t=e.renderWithFragment,i=e.children,o=P(e,["renderWithFragment","children"]);return $e?t?r.createElement(n.Fragment,null,i):r.createElement("div",o,i):null},Nn=function(e){var t=e.renderWithFragment,i=e.children,o=P(e,["renderWithFragment","children"]);return Qe?t?r.createElement(n.Fragment,null,i):r.createElement("div",o,i):null},Un=function(e){var t=e.renderWithFragment,i=e.children,o=(e.viewClassName,e.style,P(e,["renderWithFragment","children","viewClassName","style"]));return Re?t?r.createElement(n.Fragment,null,i):r.createElement("div",o,i):null},Bn=function(e){var t=e.renderWithFragment,i=e.children,o=P(e,["renderWithFragment","children"]);return De?t?r.createElement(n.Fragment,null,i):r.createElement("div",o,i):null},Dn=function(e){var t=e.renderWithFragment,i=e.children,o=P(e,["renderWithFragment","children"]);return ke?t?r.createElement(n.Fragment,null,i):r.createElement("div",o,i):null},kn=function(e){var t=e.renderWithFragment,i=e.children,o=P(e,["renderWithFragment","children"]);return _e?t?r.createElement(n.Fragment,null,i):r.createElement("div",o,i):null},_n=function(e){var t=e.renderWithFragment,i=e.children,o=(e.viewClassName,e.style,e.condition),a=P(e,["renderWithFragment","children","viewClassName","style","condition"]);return o?t?r.createElement(n.Fragment,null,i):r.createElement("div",a,i):null};function zn(e){return function(n){function t(e){var n;return h(this,t),(n=F(this,E(t).call(this,e))).isEventListenerAdded=!1,n.handleOrientationChange=n.handleOrientationChange.bind(W(n)),n.onOrientationChange=n.onOrientationChange.bind(W(n)),n.onPageLoad=n.onPageLoad.bind(W(n)),n.state={isLandscape:!1,isPortrait:!1},n}return O(t,r.Component),b(t,[{key:"handleOrientationChange",value:function(){this.isEventListenerAdded||(this.isEventListenerAdded=!0);var e=window.innerWidth>window.innerHeight?90:0;this.setState({isPortrait:0===e,isLandscape:90===e})}},{key:"onOrientationChange",value:function(){this.handleOrientationChange()}},{key:"onPageLoad",value:function(){this.handleOrientationChange()}},{key:"componentDidMount",value:function(){void 0!==("undefined"==typeof window?"undefined":v(window))&&qe&&(this.isEventListenerAdded?window.removeEventListener("load",this.onPageLoad,!1):(this.handleOrientationChange(),window.addEventListener("load",this.onPageLoad,!1)),window.addEventListener("resize",this.onOrientationChange,!1))}},{key:"componentWillUnmount",value:function(){window.removeEventListener("resize",this.onOrientationChange,!1)}},{key:"render",value:function(){return r.createElement(e,x({},this.props,{isLandscape:this.state.isLandscape,isPortrait:this.state.isPortrait}))}}]),t}()}function Yn(){var e=V(n.useState(function(){var e=window.innerWidth>window.innerHeight?90:0;return{isPortrait:0===e,isLandscape:90===e,orientation:0===e?"portrait":"landscape"}}),2),r=e[0],t=e[1],i=n.useCallback(function(){var e=window.innerWidth>window.innerHeight?90:0,n={isPortrait:0===e,isLandscape:90===e,orientation:0===e?"portrait":"landscape"};r.orientation!==n.orientation&&t(n)},[r.orientation]);return n.useEffect(function(){return void 0!==("undefined"==typeof window?"undefined":v(window))&&qe&&(i(),window.addEventListener("load",i,!1),window.addEventListener("resize",i,!1)),function(){window.removeEventListener("resize",i,!1),window.removeEventListener("load",i,!1)}},[i]),r}function Hn(e){var n=e||window.navigator.userAgent;return f(n)}function qn(e){var n=Hn(e||window.navigator.userAgent);return[Be(n),n]}exports.AndroidView=An,exports.BrowserTypes=N,exports.BrowserView=Mn,exports.ConsoleView=Dn,exports.CustomView=_n,exports.IEView=In,exports.IOSView=jn,exports.MobileOnlyView=Un,exports.MobileView=Tn,exports.OsTypes=U,exports.SmartTVView=Bn,exports.TabletView=Ln,exports.WearableView=kn,exports.WinPhoneView=Nn,exports.browserName=ln,exports.browserVersion=un,exports.deviceDetect=K,exports.deviceType=hn,exports.engineName=fn,exports.engineVersion=mn,exports.fullBrowserVersion=sn,exports.getSelectorsByUserAgent=Vn,exports.getUA=pn,exports.isAndroid=Ke,exports.isBrowser=Ge,exports.isChrome=Ze,exports.isChromium=He,exports.isConsole=ke,exports.isDesktop=Je,exports.isEdge=gn,exports.isEdgeChromium=En,exports.isElectron=On,exports.isEmbedded=ze,exports.isFirefox=en,exports.isIE=tn,exports.isIOS=Xe,exports.isIOS13=wn,exports.isIPad13=bn,exports.isIPhone13=yn,exports.isIPod13=xn,exports.isLegacyEdge=Sn,exports.isMIUI=Wn,exports.isMacOs=Pn,exports.isMobile=qe,exports.isMobileOnly=Re,exports.isMobileSafari=Ye,exports.isOpera=rn,exports.isSafari=nn,exports.isSamsungBrowser=Fn,exports.isSmartTV=De,exports.isTablet=$e,exports.isWearable=_e,exports.isWinPhone=Qe,exports.isWindows=Cn,exports.isYandex=vn,exports.mobileModel=dn,exports.mobileVendor=cn,exports.osName=an,exports.osVersion=on,exports.parseUserAgent=f,exports.setUserAgent=k,exports.useDeviceData=Hn,exports.useDeviceSelectors=qn,exports.useMobileOrientation=Yn,exports.withOrientationChange=zn;
 },{"react":"HdMw","ua-parser-js/dist/ua-parser.min":"ROBn"}],"yhSM":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=a(require("react")),t=require("react-device-detect"),r=o(require("axios"));function o(e){return e&&e.__esModule?e:{default:e}}function n(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(n=function(e){return e?r:t})(e)}function a(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=n(t);if(r&&r.has(e))return r.get(e);var o={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var l=a?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(o,i,l):o[i]=e[i]}return o.default=e,r&&r.set(e,o),o}function i(e,t){return d(e)||s(e,t)||c(e,t)||l()}function l(){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 c(e,t){if(e){if("string"==typeof e)return u(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?u(e,t):void 0}}function u(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,o=new Array(t);r<t;r++)o[r]=e[r];return o}function s(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var o,n,a=[],i=!0,l=!1;try{for(r=r.call(e);!(i=(o=r.next()).done)&&(a.push(o.value),!t||a.length!==t);i=!0);}catch(c){l=!0,n=c}finally{try{i||null==r.return||r.return()}finally{if(l)throw n}}return a}}function d(e){if(Array.isArray(e))return e}var f=function(o){var n=o.formData,a=o.conversationId,l=o.widget,c=(o.enableConsent,o.setEnableConsent),u=o.isVisible,s=o.setIsVisible,d=o.setSourceState;console.log("consent form data",n);var f=i((0,e.useState)({lat:"",long:""}),2),g=f[0],b=f[1];(0,e.useEffect)(function(){navigator.geolocation?navigator.geolocation.getCurrentPosition(function(e){b({lat:e.coords.latitude,long:e.coords.longitude})},function(e){console.error("Error getting location:",e.message)}):console.error("Geolocation is not supported by this browser.")},[]);return e.default.createElement(e.default.Fragment,null,e.default.createElement("input",{type:"checkbox",id:"consentCheckbox",checked:u,onChange:function(e){s(e.target.checked)}}),e.default.createElement("label",{htmlFor:"consentCheckbox",style:{marginLeft:"8px"}},'I am part of the AI services and I am still learning my way around. Clicking "Submit" will confirm your understanding and agreement that use of this feature is subject to our Privacy Policy'),e.default.createElement("div",null,e.default.createElement("button",{disabled:0==u,style:p.button,onClick:function(){var e=Intl.DateTimeFormat().resolvedOptions().timeZone,o=navigator.language,i=[{SYS_browser:t.browserName},{SYS_browser_os:t.osName},{SYS_browser_language:o},{SYS_screen_resolution:"".concat(window.screen.width," x ").concat(window.screen.height)},{SYS_time_zone:e},{SYS_device_type:t.deviceType},{SYS_location:"Lat: ".concat(g.lat,", Long: ").concat(g.long)}],u={form_id:"No forms attached to this widget"==n?"":n.form_data.form_id,conversation_id:a,lead_data:{name:"No forms attached to this widget"==n?"":n.form_data.name,fields:i,ws:"No forms attached to this widget"==n?l.workspace:n.form_data.ws,user_consent:l.user_consent},type:"browser"};r.default.post("https://dev.pagergpt.ai/wgt-hook/".concat(l.workspace,"/").concat(l.id,"/lead"),u,{withCredentials:!0}).then(function(e){d(e.data.source_id),c(!0)})}},"Submit")))},p={overlay:{position:"fixed",top:0,left:0,width:"100%",height:"100%",backgroundColor:"rgba(0, 0, 0, 0.5)",display:"flex",justifyContent:"center",alignItems:"center",zIndex:1e3},popup:{background:"white",padding:"20px",borderRadius:"8px",textAlign:"center",boxShadow:"0 4px 8px rgba(0, 0, 0, 0.2)",width:"300px"},title:{marginBottom:"20px",fontSize:"18px",color:"#333"},buttonContainer:{display:"flex",justifyContent:"space-around"},button:{padding:"10px 20px",fontSize:"16px",border:"none",borderRadius:"4px",cursor:"pointer",backgroundColor:"#007bff",color:"white"}},g=f;exports.default=g;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=a(require("react")),t=require("react-device-detect"),r=o(require("axios"));function o(e){return e&&e.__esModule?e:{default:e}}function n(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(n=function(e){return e?r:t})(e)}function a(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=n(t);if(r&&r.has(e))return r.get(e);var o={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var l=a?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(o,i,l):o[i]=e[i]}return o.default=e,r&&r.set(e,o),o}function i(e,t){return s(e)||d(e,t)||c(e,t)||l()}function l(){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 c(e,t){if(e){if("string"==typeof e)return u(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?u(e,t):void 0}}function u(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,o=new Array(t);r<t;r++)o[r]=e[r];return o}function d(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var o,n,a=[],i=!0,l=!1;try{for(r=r.call(e);!(i=(o=r.next()).done)&&(a.push(o.value),!t||a.length!==t);i=!0);}catch(c){l=!0,n=c}finally{try{i||null==r.return||r.return()}finally{if(l)throw n}}return a}}function s(e){if(Array.isArray(e))return e}var f=function(o){var n=o.formData,a=o.conversationId,l=o.widget,c=(o.enableConsent,o.setEnableConsent),u=o.isVisible,d=o.setIsVisible,s=o.setSourceState;console.log("consent form data",n);var f=i((0,e.useState)({lat:"",long:""}),2),g=f[0],b=f[1];(0,e.useEffect)(function(){navigator.geolocation?navigator.geolocation.getCurrentPosition(function(e){b({lat:e.coords.latitude,long:e.coords.longitude})},function(e){console.error("Error getting location:",e.message)}):console.error("Geolocation is not supported by this browser.")},[]);return e.default.createElement(e.default.Fragment,null,e.default.createElement("input",{type:"checkbox",id:"consentCheckbox",checked:u,onChange:function(e){d(e.target.checked)}}),e.default.createElement("label",{htmlFor:"consentCheckbox",style:{marginLeft:"8px"}},'I am part of the AI services and I am still learning my way around. Clicking "Submit" will confirm your understanding and agreement that use of this feature is subject to our Privacy Policy'),e.default.createElement("div",null,e.default.createElement("button",{disabled:0==u,style:p.button,onClick:function(){var e=Intl.DateTimeFormat().resolvedOptions().timeZone,o=navigator.language,i=[{field_id:"SYS_browser",value:t.browserName},{field_id:"SYS_browser_os",value:t.osName},{field_id:"SYS_browser_language",value:o},{field_id:"SYS_screen_resolution",value:"".concat(window.screen.width," x ").concat(window.screen.height)},{field_id:"SYS_time_zone",value:e},{field_id:"SYS_device_type",value:t.deviceType},{field_id:"SYS_location",value:"Lat: ".concat(g.lat,", Long: ").concat(g.long)}],u={form_id:"No forms attached to this widget"==n?"":n.form_data.form_id,conversation_id:a,lead_data:{name:"No forms attached to this widget"==n?"":n.form_data.name,fields:i,ws:"No forms attached to this widget"==n?l.workspace:n.form_data.ws,user_consent:l.user_consent},type:"browser"};r.default.post("https://dev.pagergpt.ai/wgt-hook/".concat(l.workspace,"/").concat(l.id,"/lead"),u,{withCredentials:!0}).then(function(e){s(e.data.source_id),c(!0)})}},"Submit")))},p={overlay:{position:"fixed",top:0,left:0,width:"100%",height:"100%",backgroundColor:"rgba(0, 0, 0, 0.5)",display:"flex",justifyContent:"center",alignItems:"center",zIndex:1e3},popup:{background:"white",padding:"20px",borderRadius:"8px",textAlign:"center",boxShadow:"0 4px 8px rgba(0, 0, 0, 0.2)",width:"300px"},title:{marginBottom:"20px",fontSize:"18px",color:"#333"},buttonContainer:{display:"flex",justifyContent:"space-around"},button:{padding:"10px 20px",fontSize:"16px",border:"none",borderRadius:"4px",cursor:"pointer",backgroundColor:"#007bff",color:"white"}},g=f;exports.default=g;
 },{"react":"HdMw","react-device-detect":"aopE","axios":"O4Aa"}],"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,o,x,d,s,l,u,c,m,f,h,g,w,z,b,v,_=R(require("./md/assistant_md")),y=R(require("react")),E=require("./useScale"),k=j(require("autosize")),S=require("./md/md_format_converter"),N=require("./lib"),M=j(require("styled-components")),F=j(require("./useWidgetService")),O=j(require("./InputConverter")),T=j(require("./ConsentPopup")),C=j(require("axios"));function j(n){return n&&n.__esModule?n:{default:n}}function P(n){if("function"!=typeof WeakMap)return null;var e=new WeakMap,t=new WeakMap;return(P=function(n){return n?t:e})(n)}function R(n,e){if(!e&&n&&n.__esModule)return n;if(null===n||"object"!=typeof n&&"function"!=typeof n)return{default:n};var t=P(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 D(n){return L(n)||A(n)||Y(n)||G()}function G(){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(n){if("undefined"!=typeof Symbol&&null!=n[Symbol.iterator]||null!=n["@@iterator"])return Array.from(n)}function L(n){if(Array.isArray(n))return K(n)}function I(n,e){if(null==n)return{};var t,i,r=q(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 q(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 W(){return(W=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 B(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 U(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?B(Object(t),!0).forEach(function(e){H(n,e,t[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):B(Object(t)).forEach(function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))})}return n}function H(n,e,t){return e in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}function J(n,e){return $(n)||Z(n,e)||Y(n,e)||V()}function V(){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 Y(n,e){if(n){if("string"==typeof n)return K(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)?K(n,e):void 0}}function K(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 Z(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 $(n){if(Array.isArray(n))return n}function Q(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}var X=function(n,e,t,i){switch(n){case"small":return e;case"medium":return t;case"large":return i;default:return e}},nn=M.default.div(n||(n=Q(["\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 X(n.size,"480px","540px","680px")},function(n){return X(n.size,"720px","840px","920px")},function(n){return X(n.size,"1080px","1200px","1360px")},function(n){return X(n.size,"540px","600px","680px")},function(n){return X(n.size,"460px","540px","560px")},function(n){return X(n.size,"360px","400px","440px")}),en=M.default.div(e||(e=Q(['\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 X(n.size,"15px","20px","24px")},function(n){return X(n.size,"16px","18px","20px")},function(n){return X(n.size,"20px","24px","30px")},function(n){return X(n.size,"36px","40px","44px")},function(n){return X(n.size,"18px","20px","22px")},function(n){return X(n.size,"15px","18px","18px")},function(n){return X(n.size,"10px","12px","15px")}),tn=M.default.div(t||(t=Q(["\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"]))),rn=M.default.div(i||(i=Q(["\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 X(n.size,"calc(100vh - 60vh)","calc(100vh - 56vh)","calc(100vh - 44vh)")},function(n){return X(n.size,"calc(100vh - 47.4vh)","calc(100vh - 41.6vh)","calc(100vh - 33.9vh)")},function(n){return X(n.size,"calc(100vh - 48vh)","calc(100vh - 43vh)","calc(100vh - 38vh)")},function(n){return X(n.size,"calc(100vh - 44.8vh)","calc(100vh - 37.4vh)","calc(100vh - 28vh)")},function(n){return X(n.size,"calc(100vh - 45vh)","calc(100vh - 37.4vh)","calc(100vh - 31.5vh)")},function(n){return X(n.size,"calc(100vh - 44.8vh)","calc(100vh - 37.4vh)","calc(100vh - 40vh)")},function(n){return X(n.size,"calc(100vh - 53.3vh)","calc(100vh - 48vh)","calc(100vh - 42vh)")}),an=M.default.div(r||(r=Q(["\n  width: 100%;\n  float: left;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  flex-direction: column;\n  position: relative;\n  margin-bottom: 12px;\n\n  @media (min-width: 2160px) {\n  }\n  @media (min-width: 2560px) {\n  }\n  @media (min-width: 3840px) {\n    margin-bottom: 30px;\n  }\n\n  // .tryit_cards_top_right {\n  //   position: relative;\n  //   width: 78%;\n  //   float: left;\n  //   padding-left: 0;\n  //   height: 100%;\n  //   display: flex;\n  //   flex-wrap: wrap;\n  //   align-items: center;\n  //   padding: 0 4px;\n  //   min-height: 54px;\n  // }\n  // .timestamp {\n  //   color: #888;\n  //   font-size: 10px;\n  //   font-family: '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  //       .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"]))),pn=M.default.div(a||(a=Q(["\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"]))),on=M.default.div(p||(p=Q(["\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 X(n.size,"86px","96px","110px")},function(n){return X(n.size,"120px","138px","152px")},function(n){return X(n.size,"180px","198px","224px")},function(n){return X(n.size,"90px","99px","112px")},function(n){return X(n.size,"76px","89px","92px")},function(n){return X(n.size,"60px","69px","76px")},pn,function(n){return X(n.size,"52px","56px","60px")},function(n){return X(n.size,"52px","58px","60px")},function(n){return X(n.size,"64px","72px","80px")},function(n){return X(n.size,"64px","72px","80px")},function(n){return X(n.size,"92px","104px","116px")},function(n){return X(n.size,"92px","104px","116px")},function(n){return X(n.size,"46px","52px","58px")},function(n){return X(n.size,"46px","52px","58px")},function(n){return X(n.size,"40px","46px","48px")},function(n){return X(n.size,"40px","46px","48px")},function(n){return X(n.size,"32px","36px","40px")},function(n){return X(n.size,"32px","36px","40px")},function(n){return X(n.size,"46px","52px","54px")},function(n){return X(n.size,"46px","52px","53px")},function(n){return X(n.size,"54px","60px","70px")},function(n){return X(n.size,"54px","60px","70px")},function(n){return X(n.size,"80px","92px","96px")},function(n){return X(n.size,"80px","92px","96px")},function(n){return X(n.size,"40px","46px","48px")},function(n){return X(n.size,"40px","46px","48px")},function(n){return X(n.size,"35px","40px","42px")},function(n){return X(n.size,"35px","40px","42px")},function(n){return X(n.size,"27px","30px","35px")},function(n){return X(n.size,"27px","30px","35px")}),xn=M.default.div(o||(o=Q(["\n  width: 82%;\n  display: flex;\n  flex-direction: column;\n  margin-top: 4px;\n"]))),dn=M.default.div(x||(x=Q(["\n  width: 15%;\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n  align-items: center;\n  span:first-child {\n    margin-right: 6px;\n\n    @media (min-width: 3840px) {\n      margin-right: 12px;\n    }\n    @media (max-width: 1920px) {\n      margin-right: 8px;\n    }\n    @media (max-width: 1280px) {\n      margin-right: 12px;\n    }\n  }\n  .restart,\n  .close_section {\n    @media (min-width: 2160px) {\n      width: ",";\n      height: ",";\n    }\n    @media (min-width: 2560px) {\n      width: ",";\n      height: ",";\n    }\n    @media (min-width: 3840px) {\n      width: ",";\n      height: ",";\n    }\n\n    @media (max-width: 1920px) {\n      width: ",";\n      height: ",";\n    }\n    @media (max-width: 1680px) {\n      width: ",";\n      height: ",";\n    }\n    @media (max-width: 1280px) {\n      width: ",";\n      height: ",";\n    }\n\n    svg {\n      @media (min-width: 2160px) {\n        width: ",";\n        height: ",";\n      }\n      @media (min-width: 2560px) {\n        width: ",";\n        height: ",";\n      }\n      @media (min-width: 3840px) {\n        width: ",";\n        height: ",";\n      }\n\n      @media (max-width: 1920px) {\n        width: ",";\n        height: ",";\n      }\n      @media (max-width: 1680px) {\n        width: ",";\n        height: ",";\n      }\n      @media (max-width: 1280px) {\n        width: ",";\n        height: ",";\n      }\n    }\n  }\n\n  .close_section {\n    label {\n      right: -8px;\n      min-width: 65px;\n    }\n  }\n"])),function(n){return X(n.size,"30px","32px","36px")},function(n){return X(n.size,"30px","32px","36px")},function(n){return X(n.size,"36px","40px","44px")},function(n){return X(n.size,"36px","40px","44px")},function(n){return X(n.size,"52px","58px","66px")},function(n){return X(n.size,"53px","58px","66px")},function(n){return X(n.size,"26px","29px","33px")},function(n){return X(n.size,"26px","29px","33px")},function(n){return X(n.size,"22px","26px","28px")},function(n){return X(n.size,"22px","26px","28px")},function(n){return X(n.size,"18px","20px","22px")},function(n){return X(n.size,"18px","20px","22px")},function(n){return X(n.size,"26px","30px","34px")},function(n){return X(n.size,"26px","30px","34px")},function(n){return X(n.size,"36px","40px","44px")},function(n){return X(n.size,"36px","40px","44px")},function(n){return X(n.size,"52px","58px","66px")},function(n){return X(n.size,"53px","58px","66px")},function(n){return X(n.size,"26px","29px","33px")},function(n){return X(n.size,"26px","29px","33px")},function(n){return X(n.size,"22px","26px","28px")},function(n){return X(n.size,"22px","26px","28px")},function(n){return X(n.size,"18px","20px","22px")},function(n){return X(n.size,"18px","20px","22px")}),sn=M.default.div(d||(d=Q(["\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"]))),ln=M.default.p(s||(s=Q(['\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 X(n.size,"15px","16px","18px")},function(n){return X(n.size,"18px","22px","26px")},function(n){return X(n.size,"30px","32px","36px")},function(n){return X(n.size,"15px","16px","18px")},function(n){return X(n.size,"13px","14px","15px")},function(n){return X(n.size,"9px","11px","13px")}),un=M.default.div(l||(l=Q(['\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      @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 X(n.size,"17px","19px","22px")},function(n){return X(n.size,"12px 10px 8px 16px !important","12px 10px 8px 28px !important","12px 10px 8px 20px !important")},function(n){return X(n.size,"22px","22px","26px")},function(n){return X(n.size,"32px","34px","40px")},function(n){return X(n.size,"20px","22px","26px")},function(n){return X(n.size,"20px 28px 16px 16px !important","20px 28px 16px 26px !important","20px 28px 16px 26px !important")},function(n){return X(n.size,"22px","24px","30px")},function(n){return X(n.size,"30px","36px","45px")},function(n){return X(n.size,"30px","34px","36px")},function(n){return X(n.size,"24px 38px 16px 42px !important","24px 38px 16px 42px !important","24px 38px 16px 42px !important")},function(n){return X(n.size,"26px","30px","36px")},function(n){return X(n.size,"45px","50px","60px")},function(n){return X(n.size,"15px","17px","18px")},function(n){return X(n.size,"12px 10px 8px 28px !important","12px 10px 8px 28px !important","12px 10px 8px 20px !important")},function(n){return X(n.size,"22px","22px","22px")},function(n){return X(n.size,"32px","34px","34px")},function(n){return X(n.size,"13px","15px","15px")},function(n){return X(n.size,"12px 10px 8px 18px !important","12px 10px 8px 20px !important","12px 10px 8px 22px !important")},function(n){return X(n.size,"14px","16px","18px")},function(n){return X(n.size,"26px","26px","26px")},function(n){return X(n.size,"10px","11px","13px")},function(n){return X(n.size,"12px 10px 8px 16px !important","12px 10px 8px 16px !important","12px 10px 8px 16px !important")},function(n){return X(n.size,"16px","16px","16px")},function(n){return X(n.size,"22px","22px","22px")},function(n){return X(n.size,"16px","19px","21px")},function(n){return X(n.size,"14px","16px","20px")},function(n){return X(n.size,"24px","26px","30px")},function(n){return X(n.size,"12px","13px","15px")},function(n){return X(n.size,"10px","12px","13px")},function(n){return X(n.size,"7px","8px","10px")},function(n){return X(n.size,"16px","18px","22px")},function(n){return X(n.size,"16px","18px","24px")},function(n){return X(n.size,"28px","30px","32px")},function(n){return X(n.size,"14px","15px","16px")},function(n){return X(n.size,"12px","14px","14px")},function(n){return X(n.size,"8px","9px","12px")}),cn=M.default.div(u||(u=Q(["\n  width: 100%;\n  float: left;\n  display: flex;\n\n  "," {\n    position: absolute;\n    z-index: 1;\n    // width: 20px;\n    // height: 20px;\n    border: 1px solid #cecece;\n\n    @media (min-width: 2160px) {\n      width: ",";\n      height: ",";\n    }\n    @media (min-width: 2560px) {\n      width: ",";\n      height: ",";\n    }\n    @media (min-width: 3840px) {\n      width: ",";\n      height: ",";\n    }\n\n    @media (max-width: 1920px) {\n      width: ",";\n      height: ",";\n    }\n    @media (max-width: 1680px) {\n      width: ",";\n      height: ",";\n    }\n    @media (max-width: 1280px) {\n      width: ",";\n      height: ",";\n    }\n\n    img {\n      // width: 24px;\n      // height: 24px;\n\n      @media (min-width: 2160px) {\n        width: ",";\n        height: ",";\n      }\n      @media (min-width: 2560px) {\n        width: ",";\n        height: ",";\n      }\n      @media (min-width: 3840px) {\n        width: ",";\n        height: ",";\n      }\n\n      @media (max-width: 1920px) {\n        width: ",";\n        height: ",";\n      }\n      @media (max-width: 1680px) {\n        width: ",";\n        height: ",";\n      }\n      @media (max-width: 1280px) {\n        width: ",";\n        height: ",";\n      }\n    }\n    svg {\n      width: 18px;\n      height: 18px;\n    }\n  }\n\n  .left_arrow {\n    transform: rotate(180deg);\n  }\n\n  .arrows {\n    display: flex;\n    align-items: center;\n    margin-top: 28px;\n    img {\n      width: 16px;\n      height: 32px;\n      cursor: pointer;\n\n      @media (min-width: 2160px) {\n        width: 22px;\n        height: 44px;\n      }\n      @media (min-width: 2560px) {\n        width: 27px;\n        height: 54px;\n      }\n      @media (min-width: 3840px) {\n        width: 32px;\n        height: 64px;\n      }\n    }\n  }\n\n  .carousal_wrapper {\n    display: flex;\n    @media (max-width: 1920px) {\n      position: relative;\n      left: 10px;\n    }\n    @media (max-width: 1680px) {\n      position: relative;\n      left: 0px;\n    }\n  }\n\n  .carousal_container {\n    margin-left: auto;\n    margin-right: auto;\n    overflow: hidden;\n    list-style: none;\n    padding: 0;\n    z-index: 1;\n\n    .widget_arrows {\n      display: flex;\n      align-items: center;\n      position: absolute;\n      width: 458px;\n      justify-content: space-between;\n      float: left;\n      left: -20px;\n      top: 44%;\n\n      div:first-child {\n        transform: rotate(180deg);\n      }\n      div:last-child {\n        position: relative;\n        right: 0px;\n      }\n\n      img {\n        width: 16px;\n        height: 32px;\n      }\n    }\n  }\n\n  .carousal_slide_container {\n    position: relative;\n    width: 100%;\n    height: 100%;\n    z-index: 1;\n    display: flex;\n    transition-property: transform;\n    box-sizing: content-box;\n    transition-duration: 300ms;\n\n    .tryit_cards {\n      width: 97%;\n    }\n\n    .slide,\n    .carousal_slide_container {\n      transform: translate3d(0px, 0, 0);\n    }\n\n    .slide {\n      border-radius: 10px;\n      width: 100%;\n      float: left;\n      flex-shrink: 0;\n      position: relative;\n      transition-property: transform;\n      transform: translateZ(0);\n      backface-visibility: hidden;\n      display: flex;\n      flex-direction: column;\n      margin-top: 5px;\n      box-sizing: border-box;\n      overflow: hidden;\n    }\n  }\n\n  .carousal_box_section {\n    position: relative;\n    width: 100%;\n\n    @media (min-width: 2160px) {\n      width: ",";\n    }\n    @media (min-width: 2560px) {\n      width: ",";\n    }\n    @media (min-width: 3840px) {\n      width: ",";\n    }\n\n    @media (max-width: 1920px) {\n      left: 3px;\n    }\n    @media (max-width: 1680px) {\n      left: 1px;\n    }\n    @media (max-width: 1280px) {\n      left: 0px;\n    }\n  }\n\n  .adaptive_card_box {\n    width: 99.7%;\n    flex-direction: row-reverse;\n    display: flex;\n    background: transparent linear-gradient(180deg, #444444 0%, #222222 100%) 0%\n      0% no-repeat padding-box;\n    justify-content: space-evenly;\n    border-radius: 10px 11px 0 0;\n    align-items: center;\n\n    @media (min-width: 2160px) {\n      gap: ",";\n      height: ",";\n      border-radius: ",";\n    }\n    @media (min-width: 2560px) {\n      gap: ",";\n      height: ",";\n      border-radius: ",";\n    }\n    @media (min-width: 3840px) {\n      gap: ",";\n      height: ",";\n      border-radius: ",';\n    }\n\n    .tryit_cards_top_left {\n      width: 28px;\n      height: 24px;\n      margin-right: 0;\n      position: relative;\n      float: left;\n      border: 1px solid rgb(225, 225, 225);\n      display: flex;\n      align-items: center;\n      background: #fff;\n      justify-content: center;\n      border-radius: 50%;\n\n      @media (min-width: 2160px) {\n        width: 36px;\n        height: 28px;\n      }\n      @media (min-width: 2560px) {\n        width: 46px;\n        height: 38px;\n      }\n      @media (min-width: 3840px) {\n        width: 56px;\n        height: 48px;\n      }\n\n      img {\n        max-width: 100%;\n        height: auto;\n        border-radius: 50%;\n      }\n    }\n  }\n\n  .chat_adaptiveCard_section {\n    margin: 10px 10px 10px 16px;\n    width: 100%;\n    float: left;\n    position: relative;\n\n    @media (max-width: 1280px) {\n      margin: 4px 10px 10px 16px;\n    }\n  }\n\n  .tryit_cards_top_right {\n    position: relative;\n    width: 78%;\n    float: left;\n    padding-left: 0;\n    height: 100%;\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    padding: 0 4px;\n    min-height: 54px;\n\n    @media (min-width: 2160px) {\n      width: 74%;\n    }\n  }\n\n  .timestamp {\n    color: #888;\n    font-size: 10px;\n    font-family: "Gordita-Regular", "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\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  .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        .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"])),pn,function(n){return X(n.size,"36px","42px","46px")},function(n){return X(n.size,"36px","42px","46px")},function(n){return X(n.size,"40px","48px","56px")},function(n){return X(n.size,"40px","48px","56px")},function(n){return X(n.size,"64px","72px","80px")},function(n){return X(n.size,"64px","72px","80px")},function(n){return X(n.size,"32px","36px","40px")},function(n){return X(n.size,"32px","36px","40px")},function(n){return X(n.size,"28px","32px","34px")},function(n){return X(n.size,"28px","32px","34px")},function(n){return X(n.size,"20px","24px","28px")},function(n){return X(n.size,"20px","24px","28px")},function(n){return X(n.size,"32px","40px","44px")},function(n){return X(n.size,"32px","40px","44px")},function(n){return X(n.size,"36px","44px","52px")},function(n){return X(n.size,"36px","44px","52px")},function(n){return X(n.size,"64px","68px","76px")},function(n){return X(n.size,"64px","68px","76px")},function(n){return X(n.size,"32px","34px","38px")},function(n){return X(n.size,"32px","34px","38px")},function(n){return X(n.size,"26px","30px","32px")},function(n){return X(n.size,"26px","30px","32px")},function(n){return X(n.size,"18px","22px","26px")},function(n){return X(n.size,"18px","22px","26px")},function(n){return X(n.size,"94.1%","96%","98.1%")},function(n){return X(n.size,"94.1%","96%","98%")},function(n){return X(n.size,"97%","100%","100%")},function(n){return X(n.size,"4%","6%","6%")},function(n){return X(n.size,"76px","84px","90px")},function(n){return X(n.size,"10px 12px 0 0;","12px 14px 0 0;","16px 18px 0 0;")},function(n){return X(n.size,"4%","6%","6%")},function(n){return X(n.size,"80px","100px","110px")},function(n){return X(n.size,"16px 18px 0 0;","20px 22px 0 0;","20px 22px 0 0;")},function(n){return X(n.size,"8%","10%","10%")},function(n){return X(n.size,"100px","116px","124px")},function(n){return X(n.size,"16px 18px 0 0;","20px 22px 0 0;","20px 22px 0 0;")},function(n){return X(n.size,"12px","12px","16px")},function(n){return X(n.size,"16px","16px","20px")},function(n){return X(n.size,"24px","26px","30px")},function(n){return X(n.size,"12px","13px","15px")},function(n){return X(n.size,"10px","12px","13px")},function(n){return X(n.size,"8px","8px","10px")},function(n){return X(n.size,"16px","16px","21px")},function(n){return X(n.size,"22px","22px","22px")},function(n){return X(n.size,"24px","26px","30px")},function(n){return X(n.size,"12px","13px","15px")},function(n){return X(n.size,"10px","12px","13px")},function(n){return X(n.size,"8px","8px","11px")},function(n){return X(n.size,"14px","16px","18px")},function(n){return X(n.size,"18px","20px","22px")},function(n){return X(n.size,"24px","24px","24px")},function(n){return X(n.size,"28px","28px","28px")},function(n){return X(n.size,"34px","34px","34px")},function(n){return X(n.size,"20px","25px","20px")},function(n){return X(n.size,"30px","45px","30px")},function(n){return X(n.size,"30px","44px","44px")},function(n){return X(n.size,"56px","56px","56px")},function(n){return X(n.size,"22px","22px","22px")},function(n){return X(n.size,"28px","28px","28px")},function(n){return X(n.size,"14px","18px","18px")},function(n){return X(n.size,"22px","28px","28px")},function(n){return X(n.size,"10px","10px","10px")},function(n){return X(n.size,"15px","15px","15px")},function(n){return X(n.size,"12px 30px 12px 0px","12px 30px 12px 0px","12px 36px 12px 2px")},function(n){return X(n.size,"12px 30px 12px 0px","12px 30px 12px 0px","24px 44px 24px 20px")},function(n){return X(n.size,"24px 50px 24px 25px","24px 50px 24px 25px","24px 50px 24px 25px")},function(n){return X(n.size,"186px","190px","230px")},function(n){return X(n.size,"186px","190px","230px")},function(n){return X(n.size,"280px","328px","328px")},function(n){return X(n.size,"16px","18px","22px")},function(n){return X(n.size,"18px","18px","24px")},function(n){return X(n.size,"28px","30px","32px")},function(n){return X(n.size,"14px","15px","16px")},function(n){return X(n.size,"12px","13px","14px")},function(n){return X(n.size,"9px","9px","12px")},function(n){return X(n.size,"20px","21px","22px")},function(n){return X(n.size,"18px","18px","24px")},function(n){return X(n.size,"16px","18px","20px")},function(n){return X(n.size,"18px","18px","24px")},function(n){return X(n.size,"28px","30px","32px")},function(n){return X(n.size,"14px","15px","16px")},function(n){return X(n.size,"12px","13px","14px")},function(n){return X(n.size,"9px","9px","12px")},function(n){return X(n.size,"16px","18px","20px")},function(n){return X(n.size,"18px","18px","24px")},function(n){return X(n.size,"28px","30px","32px")},function(n){return X(n.size,"14px","15px","16px")},function(n){return X(n.size,"12px","13px","14px")},function(n){return X(n.size,"9px","9px","12px")}),mn=M.default.div(c||(c=Q(["\n  width: 100%;\n  float: left;\n  display: flex;\n  align-items: center;\n  margin-bottom: 12px;\n  place-self: flex-end;\n  position: relative;\n\n  svg {\n    width: 6px;\n    height: 6px;\n    top: -1px;\n    left: inherit;\n    position: absolute;\n    right: -7px;\n  }\n  :last-child {\n    margin-bottom: 0px;\n  }\n  "," {\n    @media (min-width: 2160px) {\n      width: ",";\n      height: ",";\n    }\n    @media (min-width: 2560px) {\n      width: ",";\n      height: ",";\n    }\n    @media (min-width: 3840px) {\n      width: ",";\n      height: ",";\n    }\n\n    @media (max-width: 1920px) {\n      width: ",";\n      height: ",";\n    }\n    @media (max-width: 1680px) {\n      width: ",";\n      height: ",";\n    }\n    @media (max-width: 1280px) {\n      width: ",";\n      height: ",";\n    }\n    svg {\n      // width: 18px;\n      // height: 18px;\n      top: 0px;\n      left: inherit;\n      position: relative;\n      right: 0px;\n      fill: #617b98;\n\n      @media (min-width: 2160px) {\n        width: ",";\n        height: ",";\n      }\n      @media (min-width: 2560px) {\n        width: ",";\n        height: ",";\n      }\n      @media (min-width: 3840px) {\n        width: ",";\n        height: ",";\n      }\n\n      @media (max-width: 1920px) {\n        width: ",";\n        height: ",";\n      }\n      @media (max-width: 1680px) {\n        width: ",";\n        height: ",";\n      }\n      @media (max-width: 1280px) {\n        width: ",";\n        height: ",";\n      }\n    }\n  }\n  "," {\n    margin-left: 0px;\n    margin-right: 14px;\n    padding: 12px 18px 8px 12px !important;\n    color: #000;\n    background: #f0f7ff 0% 0% no-repeat padding-box;\n    box-shadow: 0px 3px 6px #00000029;\n    border-radius: 10px;\n\n    @media (min-width: 2160px) {\n      margin-right: ",";\n      margin-top: ",";\n      padding: ",";\n    }\n    @media (min-width: 2560px) {\n      margin-right: ",";\n      margin-top: ",";\n      padding: ",";\n    }\n    @media (min-width: 3840px) {\n      margin-right: ",";\n      margin-top: ",";\n      padding: ",";\n    }\n\n    @media (max-width: 1920px) {\n      margin-right: ",";\n      margin-top: ",";\n      padding: ",";\n    }\n    @media (max-width: 1280px) {\n      margin-right: ",";\n      margin-top: ",";\n      padding: ",";\n    }\n\n    .widget_title.user_chat {\n      h6 {\n        @media (min-width: 2160px) {\n          font-size: ",";\n        }\n        @media (min-width: 2560px) {\n          font-size: ",";\n        }\n        @media (min-width: 3840px) {\n          font-size: ",";\n        }\n\n        @media (max-width: 1920px) {\n          font-size: ",";\n        }\n        @media (max-width: 1600px) {\n          font-size: ",";\n        }\n        @media (max-width: 1280px) {\n          font-size: ",";\n        }\n      }\n\n      .timestamp {\n        @media (min-width: 2160px) {\n          font-size: ",";\n        }\n        @media (min-width: 2560px) {\n          font-size: ",";\n        }\n        @media (min-width: 3840px) {\n          font-size: ",";\n        }\n\n        @media (max-width: 1920px) {\n          font-size: ",";\n        }\n        @media (max-width: 1600px) {\n          font-size: ",";\n        }\n        @media (max-width: 1280px) {\n          font-size: ",";\n        }\n      }\n    }\n  }\n  "," {\n    justify-content: flex-end;\n  }\n"])),pn,function(n){return X(n.size,"38px","42px","46px")},function(n){return X(n.size,"38px","42px","46px")},function(n){return X(n.size,"40px","48px","56px")},function(n){return X(n.size,"40px","48px","56px")},function(n){return X(n.size,"64px","72px","80px")},function(n){return X(n.size,"64px","72px","80px")},function(n){return X(n.size,"32px","36px","40px")},function(n){return X(n.size,"32px","36px","40px")},function(n){return X(n.size,"28px","32px","34px")},function(n){return X(n.size,"28px","32px","34px")},function(n){return X(n.size,"20px","24px","28px")},function(n){return X(n.size,"20px","24px","28px")},function(n){return X(n.size,"22px","24px","26px")},function(n){return X(n.size,"22px","24px","26px")},function(n){return X(n.size,"20px","24px","28px")},function(n){return X(n.size,"20px","24px","28px")},function(n){return X(n.size,"32px","36px","40px")},function(n){return X(n.size,"32px","36px","40px")},function(n){return X(n.size,"16px","18px","20px")},function(n){return X(n.size,"16px","18px","20px")},function(n){return X(n.size,"14px","16px","18px")},function(n){return X(n.size,"14px","16px","18px")},function(n){return X(n.size,"10px","12px","14px")},function(n){return X(n.size,"10px","12px","14px")},un,function(n){return X(n.size,"16px","18px","24px")},function(n){return X(n.size,"20px","24px","36px")},function(n){return X(n.size,"12px 28px 8px 12px !important","12px 28px 8px 12px !important","12px 28px 8px 12px !important")},function(n){return X(n.size,"20px","24px","32px")},function(n){return X(n.size,"28px","36px","36px")},function(n){return X(n.size,"12px 22px 8px 16px !important","12px 24px 8px 18px !important","12px 26px 8px 20px !important")},function(n){return X(n.size,"30px","34px","40px")},function(n){return X(n.size,"46px","54px","60px")},function(n){return X(n.size,"12px 46px 8px 22px !important","12px 46px 8px 22px !important","12px 46px 8px 22px !important")},function(n){return X(n.size,"10px","12px","22px")},function(n){return X(n.size,"14px","18px","30px")},function(n){return X(n.size,"12px 28px 8px 12px !important","12px 28px 8px 12px !important","12px 28px 8px 12px !important")},function(n){return X(n.size,"10px","12px","16px")},function(n){return X(n.size,"14px","18px","18px")},function(n){return X(n.size,"12px 18px 8px 12px !important","12px 18px 8px 12px !important","12px 18px 8px 12px !important")},function(n){return X(n.size,"20px","21px","22px")},function(n){return X(n.size,"18px","18px","24px")},function(n){return X(n.size,"28px","30px","32px")},function(n){return X(n.size,"14px","15px","16px")},function(n){return X(n.size,"12px","13px","14px")},function(n){return X(n.size,"9px","9px","12px")},function(n){return X(n.size,"12px","14px","16x")},function(n){return X(n.size,"16px","16px","20px")},function(n){return X(n.size,"24px","26px","30px")},function(n){return X(n.size,"12px","13px","15px")},function(n){return X(n.size,"10px","12px","13px")},function(n){return X(n.size,"8px","8px","10px")},cn),fn=M.default.p(m||(m=Q(["\n  color: #333;\n"]))),hn=M.default.h4(f||(f=Q(["\n  color: #000;\n"]))),gn=M.default.div(h||(h=Q(['\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']))),wn=M.default.button(g||(g=Q(['\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 X(n.size,"16px","18px","20px")},function(n){return X(n.size,"38px","41px","46px")},function(n){return X(n.size,"18px","20px","24px")},function(n){return X(n.size,"48px","52px","54px")},function(n){return X(n.size,"28px","32px","36px")},function(n){return X(n.size,"48px","58px","68px")},function(n){return X(n.size,"14px","16px","18px")},function(n){return X(n.size,"32px","35px","40px")},function(n){return X(n.size,"12px","13px","14px")},function(n){return X(n.size,"32px","35px","40px")},function(n){return X(n.size,"9px","10px","12px")},function(n){return X(n.size,"32px","35px","40px")},function(n){return n.primary?"#333":"#fff"});exports.Button=wn;var zn=M.default.div(w||(w=Q(['\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      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 X(n.size,"28px","40px","52px")},function(n){return X(n.size,"8px","12px","14px")},function(n){return X(n.size,"21px","22px","24px")},function(n){return X(n.size,"20px !important","21px !important","22px !important")},function(n){return X(n.size,"74px","90px","74px")},function(n){return X(n.size,"24px !important","24px !important","24px !important")},function(n){return X(n.size,"12px","6px","18px")},function(n){return X(n.size,"80px","90px","100px")},function(n){return X(n.size,"70px","80px","70px")},function(n){return X(n.size,"36px","54px","36px")},function(n){return X(n.size,"74px","90px","104px !important")},function(n){return X(n.size,"74px","90px","110px !important")},function(n){return X(n.size,"74px","80px","90px !important")},function(n){return X(n.size,"10px","12px","28px")},function(n){return X(n.size,"48px","54px","58px")},function(n){return X(n.size,"30px !important","34px !important","36px !important")},function(n){return X(n.size,"37px","40px","52px")},function(n){return X(n.size,"10px","12px","14px")},function(n){return X(n.size,"20px","22px","24px")},function(n){return X(n.size,"15px !important","17px !important","18px !important")},function(n){return X(n.size,"30px","34px","37px")},function(n){return X(n.size,"4px","6px","8px")},function(n){return X(n.size,"12px !important","15px !important","15px !important")},function(n){return X(n.size,"9px !important","10px !important","12px !important")},function(n){return X(n.size,"4px","6px","8px")},function(n){return X(n.size,"27px","30px","32px")},function(n){return X(n.size,"25px","28px","30px")},function(n){return X(n.size,"28px","32px","36px")},function(n){return X(n.size,"26px","30px","32px")},function(n){return X(n.size,"42px","48px","52px")},function(n){return X(n.size,"38px","44px","48px")},function(n){return X(n.size,"21px","24px","26px")},function(n){return X(n.size,"19px","22px","24px")},function(n){return X(n.size,"18px","21px","22px")},function(n){return X(n.size,"16px","19px","20px")},function(n){return X(n.size,"14px","16px","18px")},function(n){return X(n.size,"13px","15px","16px")}),bn=M.default.div(z||(z=Q(["\n  position: fixed;\n  bottom: 1rem;\n  right: 1.5rem;\n  box-sizing: border-box;\n  border: 0 solid #e5e7eb;\n\n  @media (min-width: 3840px) {\n    bottom: 2rem;\n    right: 2.5rem;\n  }\n  @media (max-width: 1920px) {\n    bottom: 0.5rem;\n    right: 0.8rem;\n  }\n  @media (max-width: 1680px) {\n    bottom: 0.5rem;\n    right: 0.8rem;\n  }\n  @media (max-width: 1280px) {\n    bottom: 0.5rem;\n    right: 0.8rem;\n  }\n\n  .close_button {\n    @media (min-width: 2160px) {\n      width: 54px !important;\n      height: 54px !important;\n    }\n\n    @media (max-width: 1920px) {\n      width: 48px !important;\n      height: 48px !important;\n    }\n    @media (max-width: 1680px) {\n      width: 40px !important;\n      height: 40px !important;\n    }\n    @media (max-width: 1280px) {\n      width: 32px !important;\n      height: 32px !important;\n    }\n\n    border: transparent !important;\n\n    svg {\n      @media (max-width: 1920px) {\n        width: 18px !important;\n        height: 18px !important;\n      }\n      @media (max-width: 1680px) {\n        width: 15px !important;\n        height: 15px !important;\n      }\n      @media (max-width: 1280px) {\n        width: 12px !important;\n        height: 12px !important;\n      }\n    }\n  }\n"]))),vn=M.default.span(b||(b=Q(["\n  width: 76px;\n  height: 76px;\n  float: left;\n  border-radius: 50%;\n  fill: #000;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n\n  @media (min-width: 2160px) {\n    width: 60px;\n    height: 60px;\n  }\n  @media (min-width: 2560px) {\n    width: 70px;\n    height: 70px;\n  }\n  @media (min-width: 3480px) {\n    width: 80px;\n    height: 80px;\n  }\n\n  label {\n    position: absolute;\n    background: #fff;\n    padding: 2px 4px;\n    border-radius: 4px;\n    top: -20px;\n    display: none;\n    font-size: 12px;\n    color: #555;\n    min-width: 80px;\n    text-align: center;\n    transition: 0.3s;\n  }\n\n  svg {\n    width: 14px;\n    height: 14px;\n    cursor: pointer;\n\n    @media (min-width: 2160px) {\n      width: 24px;\n      height: 24px;\n    }\n    @media (min-width: 2560px) {\n      width: 32px;\n      height: 32px;\n    }\n    @media (min-width: 3480px) {\n      width: 38px;\n      height: 38px;\n    }\n  }\n\n  :hover label {\n    display: block;\n    transition: 0.3s;\n  }\n"]))),_n=M.default.div(v||(v=Q(['\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\n      @media (max-width: 1280px) {\n        min-width: auto;\n      }\n\n      text-overflow: ellipsis;\n      white-space: nowrap !important;\n      overflow: hidden;\n\n      :hover {\n        background: #F0F7FF;\n        color: #000;\n        border: 1px solid #F0F7FF;\n      }\n      :active {\n        background: #F0F7FF;\n        color: #000;\n        border: 1px solid #F0F7FF;\n      }\n      \n      span{\n        width: 100%;\n        justify-content: center;\n        height: auto;\n        text-overflow: ellipsis;\n        white-space: nowrap !important;\n        overflow: hidden;\n        width: 100%;\n        padding-top: 2px; \n      }\n    }\n  }\n']))),yn={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"},En=function(n){var e,t,i,r=n.endpoint,a=n.widget_id,p=n.authToken,o=n.newToken,x=n.openByDefault,d=n.userDetails,s=n.widget_size,l=n.style,u=J((0,y.useState)(null==M?void 0:M.source_id),2),c=u[0],m=u[1],f=J((0,y.useState)(!1),2),h=f[0],g=f[1],w=J((0,y.useState)(null==M?void 0:M.workspace),2),z=(w[0],w[1],J((0,y.useState)(),2)),b=z[0],v=z[1],_=(0,F.default)({endpoint:r,widget_id:a,authToken:p,newToken:o,userDetails:d,sourceState:c}),k=(_.connected,_.messages),S=_.sendMessage,N=_.sendFeedback,M=_.widget,j=_.restart,P=_.exit,R=_.isTypingEnd,D=_.onFileUpload,G=null===(e=k[0])||void 0===e?void 0:null===(t=e.message)||void 0===t?void 0:null===(i=t.system)||void 0===i?void 0:i.conversationId,A=J((0,y.useState)(x),2),L=A[0],I=A[1],q=J((0,y.useState)(!1),2),W=q[0],B=q[1],U=J((0,y.useState)(!1),2),H=U[0],V=U[1],Y=(0,y.useRef)(null);return(0,y.useEffect)(function(){void 0!==(null==M?void 0:M.source_id)&&m(null==M?void 0:M.source_id)},[M]),(0,y.useEffect)(function(){null!=M&&M.id&&C.default.get("http://dev.pagergpt.ai/wgt-hook/public/".concat(null==M?void 0:M.workspace,"/").concat(M.id,"/form")).then(function(n){v(n.data)}).catch(function(n){console.error("Error fetching form:",n)})},[null==M?void 0:M.id,H]),(0,y.useEffect)(function(){Y.current&&Y.current.scroll(0,Y.current.scrollHeight)}),M?y.default.createElement(E.ScaleSizeProvider,{widgetSize:s},y.default.createElement(nn,{size:s,className:"widget_preview"},L?y.default.createElement(tn,{className:"widget_chat"},y.default.createElement(An,{widget:M,onClick:function(){return I(!L)},open:L,restart:j,exit:P,logoshape:l.logo_shape}),y.default.createElement(rn,{size:s,clsassName:"widget_chat_content",ref:Y},y.default.createElement(Sn,{sourceState:c,messages:k,sendMessage:S,sendFeedback:N,widget:M,style:l}),"new_user"===c&&1==M.user_consent&&y.default.createElement(T.default,{formData:b,conversationId:G,widget:M,enableConsent:h,setEnableConsent:g,isVisible:W,setIsVisible:B,setSourceState:m}),c&&"string"==typeof c&&c.includes("browser")&&b&&null!==(null==M?void 0:M.lead_form_id)||0==M.user_consent&&"new_user"==c&&null!==(null==M?void 0:M.lead_form_id)&&b?y.default.createElement(O.default,{formData:b,conversationId:G,widgetId:a,workspace:null==M?void 0:M.workspace,setFormSubmit:V,setSourceState:m}):null),y.default.createElement(kn,{sendMessage:S,onFileUpload:D,widget:M,messages:k,isTypingEnd:R})):null,y.default.createElement(Yn,{onClick:function(){return I(!L)},widget:M,open:L,logoshape:l.logo_shape,logosize:l.logo_size.size,logoborder:l.logo_border,widget_size:s},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},kn=function(n){var e=n.sendMessage,t=n.widget,i=(n.messages,n.isTypingEnd),r=n.onFileUpload,a=J((0,y.useState)(""),2),p=a[0],o=a[1],x=J((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(zn,{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:yn,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"))))},Sn=function(n){var e=n.sourceState,t=n.messages,i=n.sendMessage,r=n.sendFeedback,a=n.widget,p=n.style;return y.default.createElement(y.default.Fragment,null,t.map(function(n,t){return y.default.createElement(y.default.Fragment,null,("new_user"==e&&0==a.user_consent||"new_user"!==e)&&y.default.createElement(Nn,W({},U({key:t},n),{sendMessage:i,sendFeedback:r,widget:a,timestamp:n.time,style:p,key:t})))}))},Nn=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(Mn,{message:t,sendMessage:i,sendFeedback:r,widget:a,timestamp:p,style:o});case"sent":return y.default.createElement(Fn,{timestamp:p,message:t,widget:a,logoshape:o.logo_shape,logosize:o.logo_size.size,logoborder:o.logo_border})}},Mn=function(n){var e=n.message,t=n.sendMessage,i=n.sendFeedback,r=n.widget,a=n.timestamp,p=n.style;(0,E.useScaleContext)();return e.output.map(function(n,o){return y.default.createElement(an,{className:"widget_chat_logs_box",key:o},y.default.createElement(In,{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}))})},Fn=function(n){return y.default.createElement(Vn,n)},On=function(n){var e=n.widget,t=n.timestamp,i=n.logoshape,r=(0,E.useScaleContext)();return y.default.createElement(cn,{size:r.widgetSize,className:"widget_chat_adaptiveCard"},y.default.createElement(pn,{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,N.formatTimeAMPM)(t))),y.default.createElement("div",{className:"chat_adaptiveCard_section"},y.default.createElement(Tn,n)))))},Tn=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(hn,{className:"widget_chat_adaptiveHeader"},y.default.createElement(_.default,{mdText:(0,S.convertToMDText)(t)})),y.default.createElement(fn,{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(gn,{key:e},y.default.createElement("a",{href:(0,_.evalNormalOrJoinText)((0,S.convertToMDText)(i)),target:"_blank"},y.default.createElement(wn,{type:"button",size:x.widgetSize},y.default.createElement(_.default,{className:"widget_btn_content",mdText:(0,S.convertToMDText)(t)}))))})))))},Cn=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(hn,{className:"widget_chat_adaptiveHeader"},y.default.createElement(_.default,{mdText:(0,S.convertToMDText)(t)})),y.default.createElement(fn,{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(gn,{key:e},y.default.createElement("a",{href:i.value,target:"_blank"},y.default.createElement(wn,{type:"button",size:s.widgetSize},y.default.createElement(_.default,{className:"widget_btn_content",mdText:(0,S.convertToMDText)(t)}))))})))))},jn=function(n){return n+1},Pn=function(n,e){return n-e},Rn=function(n){return n-1},Dn=function(n,e){return n+e},Gn=function(n){var e=n.widget,t=n.timestamp,i=n.logoshape,r=(n.widget_size,n.carousal.carousal_adaptive_card),a=J((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(jn,Pn),l=d(Rn,Dn),u=(0,E.useScaleContext)();return y.default.createElement(cn,{size:u.widgetSize,className:"widget_chat_adaptiveCard slider"},y.default.createElement(pn,{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,N.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(Cn,{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}))))))},An=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(on,{className:"widget_chat_top",style:{backgroundColor:e?e.accent_color:"#FFD15C"},size:a.widgetSize},y.default.createElement(pn,{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(sn,null,y.default.createElement(xn,null,y.default.createElement(en,{style:{color:e.primary_color},size:a.widgetSize},e&&e.name),y.default.createElement(ln,{style:{color:e.primary_color},size:a.widgetSize},e&&e.description)),y.default.createElement(dn,{size:a.widgetSize},y.default.createElement(vn,{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(vn,{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 ")))))},Ln=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(cn,{size:x.widgetSize,className:"widget_chat_logs"},y.default.createElement(pn,{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(un,{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,N.formatTimeAMPM)(a))),y.default.createElement("div",null,y.default.createElement(_.default,{mdText:e.text})))),y.default.createElement(Bn,{options:e.buttons,sendFeedback:t,sendMessage:o,event_id:p}))},In=function(n){var e=n.output,t=e.type,i=I(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(Ln,{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(cn,{size:s.widgetSize,className:"widget_chat_logs"},y.default.createElement(pn,{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(un,{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,N.formatTimeAMPM)(o))),"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(Un,{options:i.buttons,sendMessage:r,widget:p}))},qn=function(n){var e=n.sendMessage,t=(n.widget,n.label),i=n.value,r=(0,E.useScaleContext)();return y.default.createElement(gn,null,y.default.createElement(wn,{type:"button",onClick:function(){e((0,_.evalNormalOrJoinText)(i))},className:"widget_btn",size:r.widgetSize},y.default.createElement(_.default,{mdText:t})))},Wn=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(gn,null,y.default.createElement(wn,{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(_.default,{mdText:e})))},Bn=function(n){var e=n.options,t=n.sendFeedback,i=n.sendMessage,r=n.event_id;return y.default.createElement(_n,null,e.map(function(n,e){var a=n.label,p=n.action;return y.default.createElement(Wn,{label:a,action:p,key:e,sendFeedback:t,sendMessage:i,event_id:r})}))},Un=function(n){var e=n.options,t=n.sendMessage,i=n.widget;return y.default.createElement(_n,null,e.map(function(n,e){var r=n.label,a=n.action;return y.default.createElement(qn,{label:r,value:a.send_rly,key:e,sendMessage:t,widget:i})}))},Hn=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(D(n),[e,y.default.createElement("br",{key:n.length})])},[]),t)},Jn=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(Hn,{text:i,key:e})})},Vn=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(mn,{size:d.widgetSize},y.default.createElement(cn,{size:d.widgetSize},y.default.createElement(un,{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,N.formatTimeAMPM)(o))),y.default.createElement("div",{style:{color:"#fff"}},r?"File uploaded":y.default.createElement(Jn,{text:t.value}))),y.default.createElement(pn,{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"}))))))},Yn=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 y.default.createElement(bn,{className:"widget_cancel_button"},i?y.default.createElement(vn,{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(vn,{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"}})))},Kn=En;exports.default=Kn;
 },{"./md/assistant_md":"gHGY","react":"HdMw","./useScale":"go4Y","autosize":"hl55","./md/md_format_converter":"M0oY","./lib":"BGoO","styled-components":"OuUI","./useWidgetService":"O0SM","./InputConverter":"s3I1","./ConsentPopup":"yhSM","axios":"O4Aa"}],"d2vs":[function(require,module,exports) {
@@ -266,7 +266,7 @@ 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.1.0",description:"",main:"index.js",targets:{default:{sourceMap:{inline:!0}}},scripts:{"build:css":"postcss styles/global.pcss -o static/global.css",watch:"watch 'npm run build:css' .",build:"cross-env NODE_ENV=production parcel build lib.jsx  --no-source-maps",test:'echo "Error: no test specified" && exit 1',dev:"cross-env NODE_ENV=development parcel index.html",format:"prettier --write --ignore-unknown",prebuild:"rimraf dist",prepublishOnly:"npm run build:css && npm run build",format_changed_files:"pretty-quick --staged",postinstall:"npm run build:css"},keywords:[],author:"",license:"ISC",dependencies:{"@fullhuman/postcss-purgecss":"^4.0.3","@skitter/assistant_md":"^1.0.1",autoprefixer:"^9.8.7",autosize:"^6.0.1",axios:"^0.21.1","broadcast-channel":"^4.9.0","country-codes-flags-phone-codes":"^1.1.1",deepmerge:"^4.3.1",jsonwebtoken:"^8.5.1",parcel:"^2.0.0-nightly.852",postcss:"^8.3.8","postcss-cli":"^9.0.1","postcss-loader":"^4.0.3","postcss-modules":"^4.2.2","postcss-scopify":"^0.1.9","prop-types":"^15.8.1",react:"^17.0.2","react-device-detect":"^2.2.3","react-dom":"^17.0.2","react-is":"^17.0.2","socket.io-client":"^4.7.5","styled-components":"^5.3.0",tailwindcss:"npm:@tailwindcss/postcss7-compat@^2.2.17","url-parse":"^1.5.1","use-media":"^1.4.0",uuid:"^8.3.2",watch:"^1.0.2"},devDependencies:{"@babel/core":"^7.15.8","babel-plugin-macros":"^3.1.0","cross-env":"^7.0.3",cssnano:"^4.1.11","fast-glob":"^3.2.7","json.macro":"^1.3.0","parcel-bundler":"^1.12.5",prettier:"2.2.1","pretty-quick":"^3.1.0",rimraf:"^3.0.2"},"@parcel/transformer-js":{inlineFS:!1,inlineEnvironment:!1},volta:{node:"14.21.3"}},s=e;exports.data=s;var t=function(){return{name:e.name,version:e.version}};exports.getPackageNameAndVersion=t;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getPackageNameAndVersion=exports.data=void 0;var e={name:"pager-widget",version:"0.2.0",description:"",main:"index.js",targets:{default:{sourceMap:{inline:!0}}},scripts:{"build:css":"postcss styles/global.pcss -o static/global.css",watch:"watch 'npm run build:css' .",build:"cross-env NODE_ENV=production parcel build lib.jsx  --no-source-maps",test:'echo "Error: no test specified" && exit 1',dev:"cross-env NODE_ENV=development parcel index.html",format:"prettier --write --ignore-unknown",prebuild:"rimraf dist",prepublishOnly:"npm run build:css && npm run build",format_changed_files:"pretty-quick --staged",postinstall:"npm run build:css"},keywords:[],author:"",license:"ISC",dependencies:{"@fullhuman/postcss-purgecss":"^4.0.3","@skitter/assistant_md":"^1.0.1",autoprefixer:"^9.8.7",autosize:"^6.0.1",axios:"^0.21.1","broadcast-channel":"^4.9.0","country-codes-flags-phone-codes":"^1.1.1",deepmerge:"^4.3.1",jsonwebtoken:"^8.5.1",parcel:"^2.0.0-nightly.852",postcss:"^8.3.8","postcss-cli":"^9.0.1","postcss-loader":"^4.0.3","postcss-modules":"^4.2.2","postcss-scopify":"^0.1.9","prop-types":"^15.8.1",react:"^17.0.2","react-device-detect":"^2.2.3","react-dom":"^17.0.2","react-is":"^17.0.2","socket.io-client":"^4.7.5","styled-components":"^5.3.0",tailwindcss:"npm:@tailwindcss/postcss7-compat@^2.2.17","url-parse":"^1.5.1","use-media":"^1.4.0",uuid:"^8.3.2",watch:"^1.0.2"},devDependencies:{"@babel/core":"^7.15.8","babel-plugin-macros":"^3.1.0","cross-env":"^7.0.3",cssnano:"^4.1.11","fast-glob":"^3.2.7","json.macro":"^1.3.0","parcel-bundler":"^1.12.5",prettier:"2.2.1","pretty-quick":"^3.1.0",rimraf:"^3.0.2"},"@parcel/transformer-js":{inlineFS:!1,inlineEnvironment:!1},volta:{node:"14.21.3"}},s=e;exports.data=s;var t=function(){return{name:e.name,version:e.version}};exports.getPackageNameAndVersion=t;
 },{}],"dsgS":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e,t=f(require("./static/fonts/Gordita-Medium.woff2")),n=f(require("./static/fonts/Gordita-Regular.woff2")),o=require("styled-components"),r=require("./getVersion");function f(e){return e&&e.__esModule?e:{default:e}}function a(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var i=(0,r.getPackageNameAndVersion)(),c=function(e){return"GM"==e?"https://unpkg.com/".concat(i.name,"@").concat(i.version,"/dist/Gordita-Medium.e5d1fa87.woff2"):"GR"==e?"https://unpkg.com/".concat(i.name,"@").concat(i.version,"/dist/Gordita-Regular.6d2fd269.woff2"):""},u=(0,o.createGlobalStyle)(e||(e=a(["\n\n@font-face {\n    font-family: 'Gordita-Medium';\n    src: url(",") format('woff2');\n    font-weight: 500;\n    font-style: normal;\n  } \n  \n  @font-face {\n    font-family: 'Gordita-Regular';\n    src: url(",") format('woff2');\n    font-weight: 500;\n    font-style: normal;\n  } \n"])),c("GM"),c("GR")),s=u;exports.default=s;
 },{"./static/fonts/Gordita-Medium.woff2":"d2vs","./static/fonts/Gordita-Regular.woff2":"gBt7","styled-components":"OuUI","./getVersion":"l4JY"}],"x9cO":[function(require,module,exports) {

package/package.json

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