npm - pager-widget - Versions diffs - 0.2.9 → 0.2.10 - Mend

pager-widget 0.2.9 → 0.2.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/dist/lib.js CHANGED Viewed

@@ -3400,11 +3400,11 @@ var i;!function(e,o){"use strict";var a="model",r="name",n="type",t="vendor",s="
 },{"react":"HdMw","react-device-detect":"aopE","axios":"O4Aa","styled-components":"OuUI","./md/assistant_md":"gHGY","./useEndpoint":"N386"}],"DPRK":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.SearchIcon=exports.DropdownItem=exports.DropdownContainer=exports.Button=void 0;var n,e,t,i,r,a,p,o,d,x,l,s,u,m,c,f,h,g,w,z,b,v,_,y,E,k,S,O,C,F,N,j,M,I,T,D,P,A,L,R,W,q,B,H,U,Z,V,G,J,Y,K,$,Q=cn(require("./md/assistant_md")),X=cn(require("react")),nn=require("./useScale"),en=require("lucide-react"),tn=un(require("autosize")),rn=require("./md/md_format_converter"),an=require("./lib"),pn=un(require("styled-components")),on=un(require("./useWidgetService")),dn=un(require("./InputConverter")),xn=un(require("./ConsentPopup")),ln=un(require("axios")),sn=require("./useEndpoint");function un(n){return n&&n.__esModule?n:{default:n}}function mn(n){if("function"!=typeof WeakMap)return null;var e=new WeakMap,t=new WeakMap;return(mn=function(n){return n?t:e})(n)}function cn(n,e){if(!e&&n&&n.__esModule)return n;if(null===n||"object"!=typeof n&&"function"!=typeof n)return{default:n};var t=mn(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 fn(n){return wn(n)||gn(n)||On(n)||hn()}function hn(){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 gn(n){if("undefined"!=typeof Symbol&&null!=n[Symbol.iterator]||null!=n["@@iterator"])return Array.from(n)}function wn(n){if(Array.isArray(n))return Cn(n)}function zn(n,e){if(null==n)return{};var t,i,r=bn(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 bn(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 vn(){return(vn=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 _n(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 yn(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?_n(Object(t),!0).forEach(function(e){En(n,e,t[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):_n(Object(t)).forEach(function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))})}return n}function En(n,e,t){return e in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}function kn(n,e){return Nn(n)||Fn(n,e)||On(n,e)||Sn()}function Sn(){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 On(n,e){if(n){if("string"==typeof n)return Cn(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)?Cn(n,e):void 0}}function Cn(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 Fn(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(d){o=!0,r=d}finally{try{p||null==t.return||t.return()}finally{if(o)throw r}}return a}}function Nn(n){if(Array.isArray(n))return n}function jn(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}var Mn=function(n,e,t,i){switch(n){case"small":return e;case"medium":return t;case"large":return i;default:return e}},In=pn.default.div(n||(n=jn(["\n  padding: 0px;\n  margin: 0px;\n\n  .typing-dots {\n    display: flex;\n    padding: 0px;\n    margin: 0px;\n    justify-content: center;\n    align-items: center;\n    height: auto;\n  }\n\n  .dot {\n    width: 8px;\n    height: 8px;\n    margin: 0 5px;\n    background-color: #564cff;\n    border-radius: 50%;\n    animation: blink 1.4s infinite both;\n  }\n\n  .dot:nth-child(2) {\n    animation-delay: 0.2s;\n  }\n\n  .dot:nth-child(3) {\n    animation-delay: 0.4s;\n  }\n\n  @keyframes blink {\n    0%,\n    80%,\n    100% {\n      opacity: 0;\n    }\n    40% {\n      opacity: 1;\n    }\n  }\n"]))),Tn=pn.default.div(e||(e=jn(["\n  // width: ",";\n  width: ",';\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: 22px;\n  box-sizing: border-box;\n  font-family: "Open Sans", sans-serif;\n  transition: 0.4s;\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n'])),function(n){return n.isExpanded?"600px":"390px"},function(n){var e=n.isExpanded,t=n.size;return e?Mn(t,"600px","600px","600px"):Mn(t,"400px","440px","480px")}),Dn=pn.default.div(t||(t=jn(['\n  display: flex;\n  align-items: center;\n  width: 100%;\n  float: left;\n  font-family: "Inter", "Open Sans";\n  font-size: clamp(1rem, calc(0.75rem + 0.3125vw), 1.125rem);\n  color: #020618;\n  margin: 0px 12px;\n  margin-bottom: 0px;\n  justify-content: space-between;\n  max-width: none;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 24px;\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']))),Pn=pn.default.div(i||(i=jn(['\n  box-sizing: border-box;\n  height: 728px;\n\n    .widget_footer{\n        display: flex;\n        position: relative;\n        width: 100%;\n        align-items: center;\n        justify-content: center;\n        padding: 4px 0 2px 0;\n        box-sizing: border-box;\n        height: 46px;\n\n            p{\n            font-family: "Inter", "Open Sans";\n            font-size: clamp(0.75rem, calc(0.5rem + 0.3125vw), 0.875rem);\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: clamp(0.875rem, calc(0.625rem + 0.3125vw), 1rem);\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']))),An=pn.default.div(r||(r=jn(["\n  height: ",';\n  width: 100%;\n  float: left;\n  padding: 12px 20px 20px 15px;\n  display: block;\n  overflow-y: scroll;\n  background: #FFFFFF;\n  overflow-x: hidden;\n  box-sizing: border-box;\n  // background-position: center;\n  // background-size: contain;\n  // background-image: url("https://workativ-asssistant-widget-images.s3.amazonaws.com/widget_bg.svg");\n  // background-repeat: no-repeat;\n  }\n'])),function(n){return n.isMessageContainer?"75%":"85%"}),Ln=pn.default.div(a||(a=jn(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 16px;\n  margin-bottom: 12px;\n"]))),Rn=pn.default.span(p||(p=jn(['\n  color: #62748e;\n  text-align: center;\n  font-size: clamp(0.75rem, calc(0.5rem + 0.3125vw), 0.875rem);\n  font-family: "Inter", "Open Sans";\n  font-style: normal;\n  font-weight: 400;\n  line-height: 18px;\n']))),Wn=pn.default.div(o||(o=jn(["\n  display: flex;\n  padding: 10px 10px 10px 12px;\n  align-items: flex-start;\n  gap: 8px;\n  align-self: stretch;\n  border-radius: 12px;\n  border: 1px solid var(--zinc-200, #e4e4e7);\n"]))),qn=pn.default.span(d||(d=jn(['\n  color: #1d293d;\n  font-family: "Inter", "Open Sans";\n  font-size: clamp(0.75rem, calc(0.5rem + 0.3125vw), 0.875rem);\n  font-style: normal;\n  font-weight: 400;\n  line-height: 18px;\n']))),Bn=pn.default.div(x||(x=jn(["\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"]))),Hn=pn.default.div(l||(l=jn(["\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  border: none;\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"]))),Un=pn.default.div(s||(s=jn(["\n  width: 100%;\n  height: 60px;\n  display: flex;\n  align-items: center;\n  padding: 0px 20px;\n  background: #ffd15c;\n  border-top-left-radius: 22px;\n  border-top-right-radius: 22px;\n  background-position: right;\n  background-size: contain;\n  justify-content: space-between;\n  box-sizing: border-box;\n\n  img {\n    width: 30px;\n    height: 30px;\n  }\n"]))),Zn=pn.default.div(u||(u=jn(["\n  width: 82%;\n  display: flex;\n  align-items: center;\n"]))),Vn=pn.default.div(m||(m=jn(["\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 Mn(n.size,"30px","32px","36px")},function(n){return Mn(n.size,"30px","32px","36px")},function(n){return Mn(n.size,"36px","40px","44px")},function(n){return Mn(n.size,"36px","40px","44px")},function(n){return Mn(n.size,"52px","58px","66px")},function(n){return Mn(n.size,"53px","58px","66px")},function(n){return Mn(n.size,"26px","29px","33px")},function(n){return Mn(n.size,"26px","29px","33px")},function(n){return Mn(n.size,"22px","26px","28px")},function(n){return Mn(n.size,"22px","26px","28px")},function(n){return Mn(n.size,"18px","20px","22px")},function(n){return Mn(n.size,"18px","20px","22px")},function(n){return Mn(n.size,"26px","30px","34px")},function(n){return Mn(n.size,"26px","30px","34px")},function(n){return Mn(n.size,"36px","40px","44px")},function(n){return Mn(n.size,"36px","40px","44px")},function(n){return Mn(n.size,"52px","58px","66px")},function(n){return Mn(n.size,"53px","58px","66px")},function(n){return Mn(n.size,"26px","29px","33px")},function(n){return Mn(n.size,"26px","29px","33px")},function(n){return Mn(n.size,"22px","26px","28px")},function(n){return Mn(n.size,"22px","26px","28px")},function(n){return Mn(n.size,"18px","20px","22px")},function(n){return Mn(n.size,"18px","20px","22px")}),Gn=pn.default.div(c||(c=jn(["\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"]))),Jn=pn.default.p(f||(f=jn(['\n  font-family: "Inter", "Open Sans";\n  margin: 0;\n  width: 100%;\n  color: #000;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n  // font-size: clamp(0.8125rem, calc(0.5625rem + 0.3125vw), 0.9375rem);\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 Mn(n.size,"15px","16px","18px")},function(n){return Mn(n.size,"18px","22px","26px")},function(n){return Mn(n.size,"30px","32px","36px")},function(n){return Mn(n.size,"15px","16px","18px")},function(n){return Mn(n.size,"13px","14px","15px")},function(n){return Mn(n.size,"9px","11px","13px")}),Yn=pn.default.div(h||(h=jn(['\n  width: 85%;\n  max-width: max-content;\n  padding: 10px 14px !important;\n  margin-left: 32px;\n  margin-top: 14px;\n  font-size: clamp(0.875rem, calc(0.625rem + 0.3125vw), 1rem);\n  font-family: "Inter", "Open Sans";\n  white-space: pre-wrap;\n  box-sizing: border-box;\n  word-break: break-word;\n  color: #333;\n  position: relative;\n  background: #f2f4f7 0% 0% no-repeat padding-box;\n  border-radius: 8px;\n  background: #f4f4f5;\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: clamp(0.625rem, calc(0.375rem + 0.3125vw), 0.75rem);\n    font-family: "Inter", "Open Sans";\n    position: relative;\n    bottom: 0px;\n    text-transform: uppercase;\n\n    @media (min-width: 2160px) {\n      font-size: ',";\n    }\n    @media (min-width: 2560px) {\n      font-size: ",";\n    }\n    @media (min-width: 3840px) {\n      font-size: ",";\n    }\n\n    @media (max-width: 1920px) {\n      font-size: ",";\n    }\n    @media (max-width: 1680px) {\n      font-size: ",";\n    }\n    @media (max-width: 1280px) {\n      font-size: ",';\n    }\n  }\n\n  .widget_title {\n    gap: 0 8px;\n    align-items: center;\n    margin-bottom: 2px;\n    display: flex;\n    margin-bottom: 4px;\n\n    h6 {\n      // font-size: clamp(0.8125rem, calc(0.5625rem + 0.3125vw), 0.9375rem);\n      font-family: "Inter", "Open Sans";\n      color: #333;\n      margin: 0;\n\n      @media (min-width: 2160px) {\n        font-size: ',";\n      }\n      @media (min-width: 2560px) {\n        font-size: ",";\n      }\n      @media (min-width: 3840px) {\n        font-size: ",";\n      }\n\n      @media (max-width: 1920px) {\n        font-size: ",";\n      }\n      @media (max-width: 1680px) {\n        font-size: ",";\n      }\n      @media (max-width: 1280px) {\n        font-size: ",';\n      }\n    }\n  }\n\n  .chatAssistant_one {\n    h6 {\n      font-size: clamp(1rem, calc(0.75rem + 0.3125vw), 1.125rem);\n      font-family: "Inter", "Open Sans";\n      color: #555;\n      margin: 16px 0 0;\n      font-style: italic;\n    }\n    ol {\n      margin: 0;\n      padding: 4px 0 0 2px;\n      list-style: none;\n      li {\n        color: #1d48eb;\n        font-size: clamp(1rem, calc(0.75rem + 0.3125vw), 1.125rem);\n        font-family: "Inter", "Open Sans";\n        margin-bottom: 4px;\n        a {\n          text-decoration: none;\n          cursor: pointer;\n          :hover {\n            text-decoration: underline;\n          }\n        }\n      }\n    }\n    p {\n      margin: 6px 0 0;\n    }\n  }\n\n  .wid_message {\n    font-size: clamp(1rem, calc(0.75rem + 0.3125vw), 1.125rem);\n    font-family: "Inter", "Open Sans";\n  }\n'])),function(n){return Mn(n.size,"16px","19px","21px")},function(n){return Mn(n.size,"14px","16px","20px")},function(n){return Mn(n.size,"24px","26px","30px")},function(n){return Mn(n.size,"12px","13px","15px")},function(n){return Mn(n.size,"10px","12px","13px")},function(n){return Mn(n.size,"7px","8px","10px")},function(n){return Mn(n.size,"16px","18px","22px")},function(n){return Mn(n.size,"16px","18px","24px")},function(n){return Mn(n.size,"28px","30px","32px")},function(n){return Mn(n.size,"14px","15px","16px")},function(n){return Mn(n.size,"12px","14px","14px")},function(n){return Mn(n.size,"8px","9px","12px")}),Kn=pn.default.div(g||(g=jn(['\n  width: 85%;\n  margin-left: 32px;\n  font-family: "Inter", "Open Sans";\n  font-size: clamp(0.875rem, calc(0.625rem + 0.3125vw), 1rem);\n  white-space: pre-wrap;\n  box-sizing: border-box;\n  word-break: break-word;\n  color: #333;\n  // position: relative;\n  background: #f6f8fa 0% 0% no-repeat padding-box;\n  border-radius: 8px;\n  background: #f4f4f5;\n']))),$n=pn.default.div(w||(w=jn(["\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    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: clamp(0.625rem, calc(0.375rem + 0.3125vw), 0.75rem);\n    font-family: "Inter", "Open Sans";\n\n    @media (min-width: 2160px) {\n      font-size: ',";\n    }\n    @media (min-width: 2560px) {\n      font-size: ",";\n    }\n    @media (min-width: 3840px) {\n      font-size: ",";\n    }\n\n    @media (max-width: 1920px) {\n      font-size: ",";\n    }\n    @media (max-width: 1600px) {\n      font-size: ",";\n    }\n    @media (max-width: 1280px) {\n      font-size: ",';\n    }\n  }\n\n  .tryit_cards h4 {\n    font-size: clamp(0.8125rem, calc(0.5625rem + 0.3125vw), 0.9375rem);\n    margin-top: 10px;\n    margin-bottom: 0px;\n    font-family: "Inter", "Open Sans";\n    width: 100%;\n    color: #fff;\n\n    @media (min-width: 2160px) {\n      font-size: ',";\n    }\n    @media (min-width: 2560px) {\n      font-size: ",";\n    }\n    @media (min-width: 3840px) {\n      font-size: ",";\n      margin-top: 16px;\n    }\n\n    @media (max-width: 1920px) {\n      font-size: ",";\n    }\n    @media (max-width: 1600px) {\n      font-size: ",";\n    }\n    @media (max-width: 1280px) {\n      font-size: ",';\n    }\n  }\n\n  .tryit_cards .tryit_cards_top_right p {\n    font-size: clamp(0.75rem, calc(0.5rem + 0.3125vw), 0.875rem);\n    color: #fff;\n    max-width: 100%;\n    font-family: "Inter", "Open Sans";\n    margin: 0 0 8px 0;\n    display: flex;\n\n    @media (min-width: 2160px) {\n      font-size: ',";\n    }\n    @media (min-width: 2560px) {\n      font-size: ",";\n    }\n    @media (min-width: 3840px) {\n      font-size: ",";\n    }\n\n    a {\n      color: #fff;\n      text-decoration: none;\n    }\n  }\n\n  .tryit_ticket_details_wrapper button {\n    min-height: 28px;\n  }\n\n  .tryit_wrapper_card {\n    width: 90%;\n    margin-left: 12px;\n    margin-top: 12px;\n    border: none !important;\n\n    @media (min-width: 2160px) {\n      margin-left: ",";\n      margin-top: ",";\n    }\n    @media (min-width: 2560px) {\n      margin-left: ",";\n      margin-top: ",";\n    }\n    @media (min-width: 3840px) {\n      margin-left: ",";\n      margin-top: ",";\n    }\n\n    @media (max-width: 1920px) {\n      margin-left: ",";\n      margin-top: ",";\n    }\n    @media (max-width: 1680px) {\n      margin-left: ",";\n      margin-top: ",";\n    }\n    @media (max-width: 1280px) {\n      margin-left: ",";\n      margin-top: ",";\n    }\n\n    @media (max-width: 1280px) {\n      margin-left: 16px;\n      margin-top: 22px;\n    }\n\n    .adaptive_tail_icon {\n      position: absolute;\n    }\n    .adaptive_tail_icon svg {\n      width: 6px;\n      height: 6px;\n      top: 0px;\n      margin-left: -5px;\n      position: absolute;\n    }\n\n    .tryit_cards {\n      margin-top: 0px;\n      width: 98.2%;\n      min-height: 200px;\n      background: #ffffff 0% 0% no-repeat padding-box;\n      box-shadow: 0px 3px 6px #00000029 !important;\n      border-radius: 10px;\n      padding: 12px 30px 12px 0px;\n      float: left;\n\n      @media (min-width: 2160px) {\n        padding: ",";\n        width: 99%;\n      }\n      @media (min-width: 2560px) {\n        padding: ",";\n      }\n      @media (min-width: 3840px) {\n        padding: ",";\n      }\n\n      .widget_title {\n        padding-left: 22px;\n      }\n\n      .tryit_ticket_wrapper {\n        padding: 16px 0px 0 16px;\n        box-shadow: none;\n        width: 95.5%;\n        max-height: 164px;\n        overflow-y: scroll;\n        background: #fff;\n        border-radius: 0px 10px 10px 10px;\n        float: left;\n\n        @media (min-width: 2160px) {\n          max-height: ",";\n        }\n        @media (min-width: 2560px) {\n          max-height: ",";\n        }\n        @media (min-width: 3840px) {\n          max-height: ",';\n        }\n\n        .tryit_ticket_details_wrapper {\n          grid-template-columns: auto;\n\n          .tryit_ticket_details {\n            .tryit_ticket_colun {\n              width: auto;\n            }\n          }\n        }\n        div:nth-child(3) h6 {\n          width: 35%;\n        }\n        .tryit_ticket_details span {\n          position: relative;\n          bottom: 0px;\n        }\n      }\n\n      .widget_title {\n        gap: 0 8px;\n        align-items: center;\n        margin-bottom: 2px;\n        display: flex;\n\n        h6 {\n          font-size: clamp(0.8125rem, calc(0.5625rem + 0.3125vw), 0.9375rem);\n          font-family: "Inter", "Open Sans";\n          color: #333;\n          margin: 0;\n\n          @media (min-width: 2160px) {\n            font-size: ',";\n          }\n          @media (min-width: 2560px) {\n            font-size: ",";\n          }\n          @media (min-width: 3840px) {\n            font-size: ",";\n          }\n\n          @media (max-width: 1920px) {\n            font-size: ",";\n          }\n          @media (max-width: 1600px) {\n            font-size: ",";\n          }\n          @media (max-width: 1280px) {\n            font-size: ",";\n          }\n        }\n      }\n    }\n    .tryit_cards .tryit_cards_wrapper {\n      width: 99%;\n      float: left;\n      background: #fff;\n      border-top: none;\n      border-bottom-right-radius: 10px;\n      border-bottom-left-radius: 12px;\n      border: 1px solid #c8c8c8;\n\n      @media (min-width: 2160px) {\n        font-size: ",";\n      }\n      @media (min-width: 2560px) {\n        font-size: ",';\n        width: 99.4%;\n      }\n      @media (min-width: 3840px) {\n        width: 99.3%;\n      }\n    }\n\n    .tryit_ticket_wrapper.tryit_button_wrapper {\n      padding-top: 0px;\n      display: flex;\n      justify-content: flex-start;\n      flex-direction: row;\n      flex-wrap: wrap;\n      gap: 0 8px;\n      margin-bottom: 12px;\n      padding-bottom: 6px;\n    }\n\n    .tryit_button_wrapper .tryit_ticket_details_wrapper {\n      left: inherit;\n      width: max-content;\n      width: 100%;\n\n      button {\n        margin-top: 0px;\n        min-width: unset;\n        width: 100%;\n        max-width: 100%;\n        margin-right: 0px;\n        margin-bottom: 6px;\n        :hover {\n          box-shadow: 0px 3px 5px #00000029;\n        }\n      }\n    }\n  }\n\n  .tryit_ticket_details_wrapper .tryit_ticket_details {\n    flex-direction: row;\n    gap: 0 8px;\n    align-items: baseline;\n    display: flex;\n    margin-bottom: 10px;\n  }\n  .tryit_ticket_wrapper h6 {\n    font-size: clamp(0.75rem, calc(0.5rem + 0.3125vw), 0.875rem);\n    width: 35%;\n    margin: 0;\n    font-family: "Inter", "Open Sans";\n\n    @media (min-width: 2160px) {\n      font-size: ',";\n    }\n    @media (min-width: 2560px) {\n      font-size: ",";\n    }\n    @media (min-width: 3840px) {\n      font-size: ",";\n    }\n\n    @media (max-width: 1920px) {\n      font-size: ",";\n    }\n    @media (max-width: 1600px) {\n      font-size: ",";\n    }\n    @media (max-width: 1280px) {\n      font-size: ",';\n    }\n  }\n  .tryit_ticket_wrapper p {\n    font-size: clamp(0.75rem, calc(0.5rem + 0.3125vw), 0.875rem);\n    line-height: normal;\n    position: relative;\n    bottom: 1px;\n    width: 60%;\n    font-family: "Inter", "Open Sans";\n    margin: 0;\n    word-break: break-word;\n\n    @media (min-width: 2160px) {\n      font-size: ',";\n    }\n    @media (min-width: 2560px) {\n      font-size: ",";\n    }\n    @media (min-width: 3840px) {\n      font-size: ",";\n    }\n\n    @media (max-width: 1920px) {\n      font-size: ",";\n    }\n    @media (max-width: 1600px) {\n      font-size: ",";\n    }\n    @media (max-width: 1280px) {\n      font-size: ",";\n    }\n  }\n\n  .tryit_ticket_wrapper p:first-child {\n    bottom: 3px;\n  }\n"])),Hn,function(n){return Mn(n.size,"36px","42px","46px")},function(n){return Mn(n.size,"36px","42px","46px")},function(n){return Mn(n.size,"40px","48px","56px")},function(n){return Mn(n.size,"40px","48px","56px")},function(n){return Mn(n.size,"64px","72px","80px")},function(n){return Mn(n.size,"64px","72px","80px")},function(n){return Mn(n.size,"320px","36px","40px")},function(n){return Mn(n.size,"320px","36px","40px")},function(n){return Mn(n.size,"320px","32px","34px")},function(n){return Mn(n.size,"320px","32px","34px")},function(n){return console.log("props",n),Mn(n.size,"320px","24px","28px")},function(n){return Mn(n.size,"320px","24px","28px")},function(n){return Mn(n.size,"94.1%","96%","98.1%")},function(n){return Mn(n.size,"94.1%","96%","98%")},function(n){return Mn(n.size,"97%","100%","100%")},function(n){return Mn(n.size,"4%","6%","6%")},function(n){return Mn(n.size,"76px","84px","90px")},function(n){return Mn(n.size,"10px 12px 0 0;","12px 14px 0 0;","16px 18px 0 0;")},function(n){return Mn(n.size,"4%","6%","6%")},function(n){return Mn(n.size,"80px","100px","110px")},function(n){return Mn(n.size,"16px 18px 0 0;","20px 22px 0 0;","20px 22px 0 0;")},function(n){return Mn(n.size,"8%","10%","10%")},function(n){return Mn(n.size,"100px","116px","124px")},function(n){return Mn(n.size,"16px 18px 0 0;","20px 22px 0 0;","20px 22px 0 0;")},function(n){return Mn(n.size,"12px","12px","16px")},function(n){return Mn(n.size,"16px","16px","20px")},function(n){return Mn(n.size,"24px","26px","30px")},function(n){return Mn(n.size,"12px","13px","15px")},function(n){return Mn(n.size,"10px","12px","13px")},function(n){return Mn(n.size,"8px","8px","10px")},function(n){return Mn(n.size,"16px","16px","21px")},function(n){return Mn(n.size,"22px","22px","22px")},function(n){return Mn(n.size,"24px","26px","30px")},function(n){return Mn(n.size,"12px","13px","15px")},function(n){return Mn(n.size,"10px","12px","13px")},function(n){return Mn(n.size,"8px","8px","11px")},function(n){return Mn(n.size,"14px","16px","18px")},function(n){return Mn(n.size,"18px","20px","22px")},function(n){return Mn(n.size,"24px","24px","24px")},function(n){return Mn(n.size,"28px","28px","28px")},function(n){return Mn(n.size,"34px","34px","34px")},function(n){return Mn(n.size,"20px","25px","20px")},function(n){return Mn(n.size,"30px","45px","30px")},function(n){return Mn(n.size,"30px","44px","44px")},function(n){return Mn(n.size,"56px","56px","56px")},function(n){return Mn(n.size,"22px","22px","22px")},function(n){return Mn(n.size,"28px","28px","28px")},function(n){return Mn(n.size,"14px","18px","18px")},function(n){return Mn(n.size,"22px","28px","28px")},function(n){return Mn(n.size,"10px","10px","10px")},function(n){return Mn(n.size,"15px","15px","15px")},function(n){return Mn(n.size,"12px 30px 12px 0px","12px 30px 12px 0px","12px 36px 12px 2px")},function(n){return Mn(n.size,"12px 30px 12px 0px","12px 30px 12px 0px","24px 44px 24px 20px")},function(n){return Mn(n.size,"24px 50px 24px 25px","24px 50px 24px 25px","24px 50px 24px 25px")},function(n){return Mn(n.size,"186px","190px","230px")},function(n){return Mn(n.size,"186px","190px","230px")},function(n){return Mn(n.size,"280px","328px","328px")},function(n){return Mn(n.size,"16px","18px","22px")},function(n){return Mn(n.size,"18px","18px","24px")},function(n){return Mn(n.size,"28px","30px","32px")},function(n){return Mn(n.size,"14px","15px","16px")},function(n){return Mn(n.size,"12px","13px","14px")},function(n){return Mn(n.size,"9px","9px","12px")},function(n){return Mn(n.size,"20px","21px","22px")},function(n){return Mn(n.size,"18px","18px","24px")},function(n){return Mn(n.size,"16px","18px","20px")},function(n){return Mn(n.size,"18px","18px","24px")},function(n){return Mn(n.size,"28px","30px","32px")},function(n){return Mn(n.size,"14px","15px","16px")},function(n){return Mn(n.size,"12px","13px","14px")},function(n){return Mn(n.size,"9px","9px","12px")},function(n){return Mn(n.size,"16px","18px","20px")},function(n){return Mn(n.size,"18px","18px","24px")},function(n){return Mn(n.size,"28px","30px","32px")},function(n){return Mn(n.size,"14px","15px","16px")},function(n){return Mn(n.size,"12px","13px","14px")},function(n){return Mn(n.size,"9px","9px","12px")}),Qn=pn.default.div(z||(z=jn(["\n  width: 100%;\n  position: relative;\n  display: flex;\n\n  "," {\n    position: absolute;\n    z-index: 1;\n    // width: 20px;\n    // height: 20px;\n    border: 1px solid #cecece;\n\n    @media (min-width: 2160px) {\n      width: ",";\n      height: ",";\n    }\n    @media (min-width: 2560px) {\n      width: ",";\n      height: ",";\n    }\n    @media (min-width: 3840px) {\n      width: ",";\n      height: ",";\n    }\n\n    @media (max-width: 1920px) {\n      width: ",";\n      height: ",";\n    }\n    @media (max-width: 1680px) {\n      width: ",";\n      height: ",";\n    }\n    @media (max-width: 1280px) {\n      width: ",";\n      height: ",";\n    }\n\n    img {\n      // width: 24px;\n      // height: 24px;\n\n      @media (min-width: 2160px) {\n        width: ",";\n        height: ",";\n      }\n      @media (min-width: 2560px) {\n        width: ",";\n        height: ",";\n      }\n      @media (min-width: 3840px) {\n        width: ",";\n        height: ",";\n      }\n\n      @media (max-width: 1920px) {\n        width: ",";\n        height: ",";\n      }\n      @media (max-width: 1680px) {\n        width: ",";\n        height: ",";\n      }\n      @media (max-width: 1280px) {\n        width: ",";\n        height: ",";\n      }\n    }\n    svg {\n      width: 18px;\n      height: 18px;\n    }\n  }\n\n  .left_arrow {\n    transform: rotate(180deg);\n  }\n\n  .arrows {\n    display: flex;\n    align-items: center;\n    margin-top: 28px;\n    img {\n      width: 16px;\n      height: 32px;\n      cursor: pointer;\n\n      @media (min-width: 2160px) {\n        width: 22px;\n        height: 44px;\n      }\n      @media (min-width: 2560px) {\n        width: 27px;\n        height: 54px;\n      }\n      @media (min-width: 3840px) {\n        width: 32px;\n        height: 64px;\n      }\n    }\n  }\n\n  .carousal_wrapper {\n    display: flex;\n    @media (max-width: 1920px) {\n      position: relative;\n      left: 10px;\n    }\n    @media (max-width: 1680px) {\n      position: relative;\n      left: 0px;\n    }\n  }\n\n  .carousal_container {\n    margin-left: auto;\n    margin-right: auto;\n    overflow: hidden;\n    list-style: none;\n    padding: 0;\n    z-index: 1;\n\n    .widget_arrows {\n      display: flex;\n      align-items: center;\n      position: absolute;\n      width: 458px;\n      justify-content: space-between;\n      float: left;\n      left: -20px;\n      top: 44%;\n\n      div:first-child {\n        transform: rotate(180deg);\n      }\n      div:last-child {\n        position: relative;\n        right: 0px;\n      }\n\n      img {\n        width: 16px;\n        height: 32px;\n      }\n    }\n  }\n\n  .carousal_slide_container {\n    position: relative;\n    width: 100%;\n    height: 100%;\n    z-index: 1;\n    display: flex;\n    transition-property: transform;\n    box-sizing: content-box;\n    transition-duration: 300ms;\n\n    .tryit_cards {\n      width: 97%;\n    }\n\n    .slide,\n    .carousal_slide_container {\n      transform: translate3d(0px, 0, 0);\n    }\n\n    .slide {\n      border-radius: 10px;\n      width: 100%;\n      float: left;\n      flex-shrink: 0;\n      position: relative;\n      transition-property: transform;\n      transform: translateZ(0);\n      backface-visibility: hidden;\n      display: flex;\n      flex-direction: column;\n      margin-top: 5px;\n      box-sizing: border-box;\n      overflow: hidden;\n    }\n  }\n\n  .carousal_box_section {\n    position: relative;\n    width: 100%;\n\n    @media (min-width: 2160px) {\n      width: ",";\n    }\n    @media (min-width: 2560px) {\n      width: ",";\n    }\n    @media (min-width: 3840px) {\n      width: ",";\n    }\n\n    @media (max-width: 1920px) {\n      left: 3px;\n    }\n    @media (max-width: 1680px) {\n      left: 1px;\n    }\n    @media (max-width: 1280px) {\n      left: 0px;\n    }\n  }\n\n  .adaptive_card_box {\n    width: 99.7%;\n    flex-direction: row-reverse;\n    display: flex;\n    background: transparent linear-gradient(180deg, #444444 0%, #222222 100%) 0%\n      0% no-repeat padding-box;\n    justify-content: space-evenly;\n    border-radius: 10px 11px 0 0;\n    align-items: center;\n\n    @media (min-width: 2160px) {\n      gap: ",";\n      height: ",";\n      border-radius: ",";\n    }\n    @media (min-width: 2560px) {\n      gap: ",";\n      height: ",";\n      border-radius: ",";\n    }\n    @media (min-width: 3840px) {\n      gap: ",";\n      height: ",";\n      border-radius: ",";\n    }\n\n    .tryit_cards_top_left {\n      width: 28px;\n      height: 24px;\n      margin-right: 0;\n      position: relative;\n      float: left;\n      border: 1px solid rgb(225, 225, 225);\n      display: flex;\n      align-items: center;\n      background: #fff;\n      justify-content: center;\n      border-radius: 50%;\n\n      @media (min-width: 2160px) {\n        width: 36px;\n        height: 28px;\n      }\n      @media (min-width: 2560px) {\n        width: 46px;\n        height: 38px;\n      }\n      @media (min-width: 3840px) {\n        width: 56px;\n        height: 48px;\n      }\n\n      img {\n        max-width: 100%;\n        height: auto;\n        border-radius: 50%;\n      }\n    }\n  }\n\n  .chat_adaptiveCard_section {\n    margin: 10px 10px 10px 16px;\n    width: 100%;\n    float: left;\n    position: relative;\n\n    @media (max-width: 1280px) {\n      margin: 4px 10px 10px 16px;\n    }\n  }\n\n  .tryit_cards_top_right {\n    position: relative;\n    width: 78%;\n    float: left;\n    padding-left: 0;\n    height: 100%;\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    padding: 0 4px;\n    min-height: 54px;\n\n    @media (min-width: 2160px) {\n      width: 74%;\n    }\n  }\n\n  .timestamp {\n    color: #888;\n    font-size: clamp(0.625rem, calc(0.375rem + 0.3125vw), 0.75rem);\n    font-family: \"'Inter', 'Open Sans'\";\n\n    @media (min-width: 2160px) {\n      font-size: ",";\n    }\n    @media (min-width: 2560px) {\n      font-size: ",";\n    }\n    @media (min-width: 3840px) {\n      font-size: ",";\n    }\n\n    @media (max-width: 1920px) {\n      font-size: ",";\n    }\n    @media (max-width: 1600px) {\n      font-size: ",";\n    }\n    @media (max-width: 1280px) {\n      font-size: ",";\n    }\n  }\n\n  .tryit_cards h4 {\n    font-size: clamp(0.8125rem, calc(0.5625rem + 0.3125vw), 0.9375rem);\n    margin-top: 10px;\n    margin-bottom: 0px;\n    font-family: \"'Inter', 'Open Sans'\";\n    width: 100%;\n    color: #fff;\n\n    @media (min-width: 2160px) {\n      font-size: ",";\n    }\n    @media (min-width: 2560px) {\n      font-size: ",";\n    }\n    @media (min-width: 3840px) {\n      font-size: ",";\n      margin-top: 16px;\n    }\n\n    @media (max-width: 1920px) {\n      font-size: ",";\n    }\n    @media (max-width: 1600px) {\n      font-size: ",";\n    }\n    @media (max-width: 1280px) {\n      font-size: ",";\n    }\n  }\n\n  .tryit_cards .tryit_cards_top_right p {\n    font-size: clamp(0.75rem, calc(0.5rem + 0.3125vw), 0.875rem);\n    color: #fff;\n    max-width: 100%;\n    font-family: \"'Inter', 'Open Sans'\";\n    margin: 0 0 8px 0;\n    display: flex;\n\n    @media (min-width: 2160px) {\n      font-size: ",";\n    }\n    @media (min-width: 2560px) {\n      font-size: ",";\n    }\n    @media (min-width: 3840px) {\n      font-size: ",";\n    }\n\n    a {\n      color: #fff;\n      text-decoration: none;\n    }\n  }\n\n  .tryit_ticket_details_wrapper button {\n    min-height: 28px;\n  }\n\n  .tryit_wrapper_card {\n    width: 90%;\n    margin-left: 12px;\n    margin-top: 12px;\n    border: none !important;\n\n    @media (min-width: 2160px) {\n      margin-left: ",";\n      margin-top: ",";\n    }\n    @media (min-width: 2560px) {\n      margin-left: ",";\n      margin-top: ",";\n    }\n    @media (min-width: 3840px) {\n      margin-left: ",";\n      margin-top: ",";\n    }\n\n    @media (max-width: 1920px) {\n      margin-left: ",";\n      margin-top: ",";\n    }\n    @media (max-width: 1680px) {\n      margin-left: ",";\n      margin-top: ",";\n    }\n    @media (max-width: 1280px) {\n      margin-left: ",";\n      margin-top: ",";\n    }\n\n    @media (max-width: 1280px) {\n      margin-left: 16px;\n      margin-top: 22px;\n    }\n\n    .adaptive_tail_icon {\n      position: absolute;\n    }\n    .adaptive_tail_icon svg {\n      width: 6px;\n      height: 6px;\n      top: 0px;\n      margin-left: -5px;\n      position: absolute;\n    }\n\n    .tryit_cards {\n      margin-top: 0px;\n      width: 98.2%;\n      min-height: 200px;\n      background: #ffffff 0% 0% no-repeat padding-box;\n      box-shadow: 0px 3px 6px #00000029 !important;\n      border-radius: 10px;\n      padding: 12px 30px 12px 0px;\n      float: left;\n\n      @media (min-width: 2160px) {\n        padding: ",";\n        width: 99%;\n      }\n      @media (min-width: 2560px) {\n        padding: ",";\n      }\n      @media (min-width: 3840px) {\n        padding: ",";\n      }\n\n      .widget_title {\n        padding-left: 22px;\n      }\n\n      .tryit_ticket_wrapper {\n        padding: 16px 0px 0 16px;\n        box-shadow: none;\n        width: 95.5%;\n        max-height: 164px;\n        overflow-y: scroll;\n        background: #fff;\n        border-radius: 0px 10px 10px 10px;\n        float: left;\n\n        @media (min-width: 2160px) {\n          max-height: ",";\n        }\n        @media (min-width: 2560px) {\n          max-height: ",";\n        }\n        @media (min-width: 3840px) {\n          max-height: ",";\n        }\n\n        .tryit_ticket_details_wrapper {\n          grid-template-columns: auto;\n\n          .tryit_ticket_details {\n            .tryit_ticket_colun {\n              width: auto;\n            }\n          }\n        }\n        div:nth-child(3) h6 {\n          width: 35%;\n        }\n        .tryit_ticket_details span {\n          position: relative;\n          bottom: 0px;\n        }\n      }\n\n      .widget_title {\n        gap: 0 8px;\n        align-items: center;\n        margin-bottom: 2px;\n        display: flex;\n\n        h6 {\n          font-size: clamp(0.8125rem, calc(0.5625rem + 0.3125vw), 0.9375rem);\n          font-family: \"'Inter', 'Open Sans'\";\n          color: #333;\n          margin: 0;\n\n          @media (min-width: 2160px) {\n            font-size: ",";\n          }\n          @media (min-width: 2560px) {\n            font-size: ",";\n          }\n          @media (min-width: 3840px) {\n            font-size: ",";\n          }\n\n          @media (max-width: 1920px) {\n            font-size: ",";\n          }\n          @media (max-width: 1600px) {\n            font-size: ",";\n          }\n          @media (max-width: 1280px) {\n            font-size: ",";\n          }\n        }\n      }\n    }\n    .tryit_cards .tryit_cards_wrapper {\n      width: 99%;\n      float: left;\n      background: #fff;\n      border-top: none;\n      border-bottom-right-radius: 10px;\n      border-bottom-left-radius: 12px;\n      border: 1px solid #c8c8c8;\n\n      @media (min-width: 2160px) {\n        font-size: ",";\n      }\n      @media (min-width: 2560px) {\n        font-size: ",";\n        width: 99.4%;\n      }\n      @media (min-width: 3840px) {\n        width: 99.3%;\n      }\n    }\n\n    .tryit_ticket_wrapper.tryit_button_wrapper {\n      padding-top: 0px;\n      display: flex;\n      justify-content: flex-start;\n      flex-direction: row;\n      flex-wrap: wrap;\n      gap: 0 8px;\n      margin-bottom: 12px;\n      padding-bottom: 6px;\n    }\n\n    .tryit_button_wrapper .tryit_ticket_details_wrapper {\n      left: inherit;\n      width: max-content;\n      width: 100%;\n\n      button {\n        margin-top: 0px;\n        min-width: unset;\n        width: 100%;\n        max-width: 100%;\n        margin-right: 0px;\n        margin-bottom: 6px;\n        :hover {\n          box-shadow: 0px 3px 5px #00000029;\n        }\n      }\n    }\n  }\n\n  .tryit_ticket_details_wrapper .tryit_ticket_details {\n    flex-direction: row;\n    gap: 0 8px;\n    align-items: baseline;\n    display: flex;\n    margin-bottom: 10px;\n  }\n  .tryit_ticket_wrapper h6 {\n    font-size: clamp(0.75rem, calc(0.5rem + 0.3125vw), 0.875rem);\n    width: 35%;\n    margin: 0;\n    font-family: \"'Inter', 'Open Sans'\";\n\n    @media (min-width: 2160px) {\n      font-size: ",";\n    }\n    @media (min-width: 2560px) {\n      font-size: ",";\n    }\n    @media (min-width: 3840px) {\n      font-size: ",";\n    }\n\n    @media (max-width: 1920px) {\n      font-size: ",";\n    }\n    @media (max-width: 1600px) {\n      font-size: ",";\n    }\n    @media (max-width: 1280px) {\n      font-size: ",";\n    }\n  }\n  .tryit_ticket_wrapper p {\n    font-size: clamp(0.75rem, calc(0.5rem + 0.3125vw), 0.875rem);\n    line-height: normal;\n    position: relative;\n    bottom: 1px;\n    width: 60%;\n    font-family: \"'Inter', 'Open Sans'\";\n    margin: 0;\n    word-break: break-word;\n\n    @media (min-width: 2160px) {\n      font-size: ",";\n    }\n    @media (min-width: 2560px) {\n      font-size: ",";\n    }\n    @media (min-width: 3840px) {\n      font-size: ",";\n    }\n\n    @media (max-width: 1920px) {\n      font-size: ",";\n    }\n    @media (max-width: 1600px) {\n      font-size: ",";\n    }\n    @media (max-width: 1280px) {\n      font-size: ",";\n    }\n  }\n\n  .tryit_ticket_wrapper p:first-child {\n    bottom: 3px;\n  }\n"])),Hn,function(n){return Mn(n.size,"36px","42px","46px")},function(n){return Mn(n.size,"36px","42px","46px")},function(n){return Mn(n.size,"40px","48px","56px")},function(n){return Mn(n.size,"40px","48px","56px")},function(n){return Mn(n.size,"64px","72px","80px")},function(n){return Mn(n.size,"64px","72px","80px")},function(n){return Mn(n.size,"32px","36px","40px")},function(n){return Mn(n.size,"32px","36px","40px")},function(n){return Mn(n.size,"28px","32px","34px")},function(n){return Mn(n.size,"28px","32px","34px")},function(n){return Mn(n.size,"20px","24px","28px")},function(n){return Mn(n.size,"20px","24px","28px")},function(n){return Mn(n.size,"32px","40px","44px")},function(n){return Mn(n.size,"32px","40px","44px")},function(n){return Mn(n.size,"36px","44px","52px")},function(n){return Mn(n.size,"36px","44px","52px")},function(n){return Mn(n.size,"64px","68px","76px")},function(n){return Mn(n.size,"64px","68px","76px")},function(n){return Mn(n.size,"32px","34px","38px")},function(n){return Mn(n.size,"32px","34px","38px")},function(n){return Mn(n.size,"26px","30px","32px")},function(n){return Mn(n.size,"26px","30px","32px")},function(n){return Mn(n.size,"18px","22px","26px")},function(n){return Mn(n.size,"18px","22px","26px")},function(n){return Mn(n.size,"94.1%","96%","98.1%")},function(n){return Mn(n.size,"94.1%","96%","98%")},function(n){return Mn(n.size,"97%","100%","100%")},function(n){return Mn(n.size,"4%","6%","6%")},function(n){return Mn(n.size,"76px","84px","90px")},function(n){return Mn(n.size,"10px 12px 0 0;","12px 14px 0 0;","16px 18px 0 0;")},function(n){return Mn(n.size,"4%","6%","6%")},function(n){return Mn(n.size,"80px","100px","110px")},function(n){return Mn(n.size,"16px 18px 0 0;","20px 22px 0 0;","20px 22px 0 0;")},function(n){return Mn(n.size,"8%","10%","10%")},function(n){return Mn(n.size,"100px","116px","124px")},function(n){return Mn(n.size,"16px 18px 0 0;","20px 22px 0 0;","20px 22px 0 0;")},function(n){return Mn(n.size,"12px","12px","16px")},function(n){return Mn(n.size,"16px","16px","20px")},function(n){return Mn(n.size,"24px","26px","30px")},function(n){return Mn(n.size,"12px","13px","15px")},function(n){return Mn(n.size,"10px","12px","13px")},function(n){return Mn(n.size,"8px","8px","10px")},function(n){return Mn(n.size,"16px","16px","21px")},function(n){return Mn(n.size,"22px","22px","22px")},function(n){return Mn(n.size,"24px","26px","30px")},function(n){return Mn(n.size,"12px","13px","15px")},function(n){return Mn(n.size,"10px","12px","13px")},function(n){return Mn(n.size,"8px","8px","11px")},function(n){return Mn(n.size,"14px","16px","18px")},function(n){return Mn(n.size,"18px","20px","22px")},function(n){return Mn(n.size,"24px","24px","24px")},function(n){return Mn(n.size,"28px","28px","28px")},function(n){return Mn(n.size,"34px","34px","34px")},function(n){return Mn(n.size,"20px","25px","20px")},function(n){return Mn(n.size,"30px","45px","30px")},function(n){return Mn(n.size,"30px","44px","44px")},function(n){return Mn(n.size,"56px","56px","56px")},function(n){return Mn(n.size,"22px","22px","22px")},function(n){return Mn(n.size,"28px","28px","28px")},function(n){return Mn(n.size,"14px","18px","18px")},function(n){return Mn(n.size,"22px","28px","28px")},function(n){return Mn(n.size,"10px","10px","10px")},function(n){return Mn(n.size,"15px","15px","15px")},function(n){return Mn(n.size,"12px 30px 12px 0px","12px 30px 12px 0px","12px 36px 12px 2px")},function(n){return Mn(n.size,"12px 30px 12px 0px","12px 30px 12px 0px","24px 44px 24px 20px")},function(n){return Mn(n.size,"24px 50px 24px 25px","24px 50px 24px 25px","24px 50px 24px 25px")},function(n){return Mn(n.size,"186px","190px","230px")},function(n){return Mn(n.size,"186px","190px","230px")},function(n){return Mn(n.size,"280px","328px","328px")},function(n){return Mn(n.size,"16px","18px","22px")},function(n){return Mn(n.size,"18px","18px","24px")},function(n){return Mn(n.size,"28px","30px","32px")},function(n){return Mn(n.size,"14px","15px","16px")},function(n){return Mn(n.size,"12px","13px","14px")},function(n){return Mn(n.size,"9px","9px","12px")},function(n){return Mn(n.size,"20px","21px","22px")},function(n){return Mn(n.size,"18px","18px","24px")},function(n){return Mn(n.size,"16px","18px","20px")},function(n){return Mn(n.size,"18px","18px","24px")},function(n){return Mn(n.size,"28px","30px","32px")},function(n){return Mn(n.size,"14px","15px","16px")},function(n){return Mn(n.size,"12px","13px","14px")},function(n){return Mn(n.size,"9px","9px","12px")},function(n){return Mn(n.size,"16px","18px","20px")},function(n){return Mn(n.size,"18px","18px","24px")},function(n){return Mn(n.size,"28px","30px","32px")},function(n){return Mn(n.size,"14px","15px","16px")},function(n){return Mn(n.size,"12px","13px","14px")},function(n){return Mn(n.size,"9px","9px","12px")}),Xn=pn.default.div(b||(b=jn(["\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    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"])),Hn,function(n){return Mn(n.size,"38px","42px","46px")},function(n){return Mn(n.size,"38px","42px","46px")},function(n){return Mn(n.size,"40px","48px","56px")},function(n){return Mn(n.size,"40px","48px","56px")},function(n){return Mn(n.size,"64px","72px","80px")},function(n){return Mn(n.size,"64px","72px","80px")},function(n){return Mn(n.size,"32px","36px","40px")},function(n){return Mn(n.size,"32px","36px","40px")},function(n){return Mn(n.size,"28px","32px","34px")},function(n){return Mn(n.size,"28px","32px","34px")},function(n){return Mn(n.size,"20px","24px","28px")},function(n){return Mn(n.size,"20px","24px","28px")},function(n){return Mn(n.size,"22px","24px","26px")},function(n){return Mn(n.size,"22px","24px","26px")},function(n){return Mn(n.size,"20px","24px","28px")},function(n){return Mn(n.size,"20px","24px","28px")},function(n){return Mn(n.size,"32px","36px","40px")},function(n){return Mn(n.size,"32px","36px","40px")},function(n){return Mn(n.size,"16px","18px","20px")},function(n){return Mn(n.size,"16px","18px","20px")},function(n){return Mn(n.size,"14px","16px","18px")},function(n){return Mn(n.size,"14px","16px","18px")},function(n){return Mn(n.size,"10px","12px","14px")},function(n){return Mn(n.size,"10px","12px","14px")},Yn,function(n){return Mn(n.size,"16px","18px","24px")},function(n){return Mn(n.size,"20px","24px","36px")},function(n){return Mn(n.size,"10px 14px !important","10px 14px !important","10px 14px !important")},function(n){return Mn(n.size,"20px","24px","32px")},function(n){return Mn(n.size,"28px","36px","36px")},function(n){return Mn(n.size,"12px 22px 8px 16px !important","12px 24px 8px 18px !important","12px 26px 8px 20px !important")},function(n){return Mn(n.size,"30px","34px","40px")},function(n){return Mn(n.size,"46px","54px","60px")},function(n){return Mn(n.size,"12px 46px 8px 22px !important","12px 46px 8px 22px !important","12px 46px 8px 22px !important")},function(n){return Mn(n.size,"10px","12px","22px")},function(n){return Mn(n.size,"14px","18px","30px")},function(n){return Mn(n.size,"10px 14px !important","10px 14px !important","10px 14px !important")},function(n){return Mn(n.size,"10px","12px","16px")},function(n){return Mn(n.size,"14px","18px","18px")},function(n){return Mn(n.size,"12px 18px 8px 12px !important","12px 18px 8px 12px !important","12px 18px 8px 12px !important")},function(n){return Mn(n.size,"20px","21px","22px")},function(n){return Mn(n.size,"18px","18px","24px")},function(n){return Mn(n.size,"28px","30px","32px")},function(n){return Mn(n.size,"14px","15px","16px")},function(n){return Mn(n.size,"12px","13px","14px")},function(n){return Mn(n.size,"9px","9px","12px")},function(n){return Mn(n.size,"12px","14px","16x")},function(n){return Mn(n.size,"16px","16px","20px")},function(n){return Mn(n.size,"24px","26px","30px")},function(n){return Mn(n.size,"12px","13px","15px")},function(n){return Mn(n.size,"10px","12px","13px")},function(n){return Mn(n.size,"8px","8px","10px")},$n),ne=pn.default.p(v||(v=jn(["\n  color: #333;\n"]))),ee=pn.default.h4(_||(_=jn(["\n  color: #000;\n"]))),te=pn.default.div(y||(y=jn(['\n  button {\n    width: 100%;\n    padding: 6px;\n    background: white;\n    border: 1px solid #e4e4e7;\n    border-radius: 6px;\n    color: #314158;\n    font-family: "Inter", sans-serif;\n    font-size: clamp(0.875rem, calc(0.625rem + 0.3125vw), 1rem);\n    font-weight: 500;\n    line-height: 20px;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center; /* Centers text horizontally */\n\n    &:hover {\n      background: #ebefff;\n      border: 1px solid #4b2fff;\n      color: #4b2fff;\n    }\n\n    span {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 100%;\n    }\n  }\n']))),ie=pn.default.button(E||(E=jn(["\n  min-width: 64px;\n\n  height: 28px;\n\n  border: 1px solid #a0a0a0;\n  border-radius: 8px;\n  background: #ffffff;\n  color: #000;\n  outline: 0;\n  cursor: pointer;\n  margin-top: 4px;\n  font-family: \"'Inter', 'Open Sans'\";\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: clamp(0.75rem, calc(0.5rem + 0.3125vw), 0.875rem);\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 Mn(n.size,"16px","18px","20px")},function(n){return Mn(n.size,"38px","41px","46px")},function(n){return Mn(n.size,"18px","20px","24px")},function(n){return Mn(n.size,"48px","52px","54px")},function(n){return Mn(n.size,"28px","32px","36px")},function(n){return Mn(n.size,"48px","58px","68px")},function(n){return Mn(n.size,"14px","16px","18px")},function(n){return Mn(n.size,"32px","35px","40px")},function(n){return Mn(n.size,"12px","13px","14px")},function(n){return Mn(n.size,"32px","35px","40px")},function(n){return Mn(n.size,"9px","10px","12px")},function(n){return Mn(n.size,"32px","35px","40px")},function(n){return n.primary?"#333":"#fff"});exports.Button=ie;var re=pn.default.div(k||(k=jn(["\n  flex-shrink: 0;\n  max-width: 100%;\n  background: #fff;\n  padding: 8px 16px 4px 16px;\n  border-top: 1px solid #e5e5e5;\n  border-bottom: 1px solid #e5e5e5;\n  border-bottom-left-radius: 0px;\n  border-bottom-right-radius: 0px;\n\n  .widget_input_message_section {\n    display: flex;\n    width: 100%;\n    align-items: center;\n    justify-content: space-between;\n    flex-wrap: nowrap;\n\n    .widget_input_message_box {\n      width: 85%;\n      flex-basis: 100%;\n\n      textarea {\n        border-radius: 3px;\n        min-height: 24px;\n        max-height: 60px;\n        overflow: hidden auto !important;\n        overflow-x: hidden !important;\n        overflow-y: auto !important;\n        padding: 12px 6px 6px 6px;\n        position: relative;\n        width: 95%;\n        word-break: break-word;\n        cursor: text;\n        border: none;\n        background-color: transparent;\n        outline: none;\n        font-family: \"'Inter', 'Open Sans'\";\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: clamp(0.75rem, calc(0.5rem + 0.3125vw), 0.875rem);\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 Mn(n.size,"28px","40px","52px")},function(n){return Mn(n.size,"8px","12px","14px")},function(n){return Mn(n.size,"21px","22px","24px")},function(n){return Mn(n.size,"20px !important","21px !important","22px !important")},function(n){return Mn(n.size,"74px","90px","74px")},function(n){return Mn(n.size,"24px !important","24px !important","24px !important")},function(n){return Mn(n.size,"12px","6px","18px")},function(n){return Mn(n.size,"80px","90px","100px")},function(n){return Mn(n.size,"70px","80px","70px")},function(n){return Mn(n.size,"36px","54px","36px")},function(n){return Mn(n.size,"74px","90px","104px !important")},function(n){return Mn(n.size,"74px","90px","110px !important")},function(n){return Mn(n.size,"74px","80px","90px !important")},function(n){return Mn(n.size,"10px","12px","28px")},function(n){return Mn(n.size,"48px","54px","58px")},function(n){return Mn(n.size,"30px !important","34px !important","36px !important")},function(n){return Mn(n.size,"37px","40px","52px")},function(n){return Mn(n.size,"10px","12px","14px")},function(n){return Mn(n.size,"20px","22px","24px")},function(n){return Mn(n.size,"15px !important","17px !important","18px !important")},function(n){return Mn(n.size,"30px","34px","37px")},function(n){return Mn(n.size,"4px","6px","8px")},function(n){return Mn(n.size,"12px !important","15px !important","15px !important")},function(n){return Mn(n.size,"9px !important","10px !important","12px !important")},function(n){return Mn(n.size,"4px","6px","8px")},function(n){return Mn(n.size,"27px","30px","32px")},function(n){return Mn(n.size,"25px","28px","30px")},function(n){return Mn(n.size,"28px","32px","36px")},function(n){return Mn(n.size,"26px","30px","32px")},function(n){return Mn(n.size,"42px","48px","52px")},function(n){return Mn(n.size,"38px","44px","48px")},function(n){return Mn(n.size,"21px","24px","26px")},function(n){return Mn(n.size,"19px","22px","24px")},function(n){return Mn(n.size,"18px","21px","22px")},function(n){return Mn(n.size,"16px","19px","20px")},function(n){return Mn(n.size,"14px","16px","18px")},function(n){return Mn(n.size,"13px","15px","16px")}),ae=pn.default.div(S||(S=jn(["\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"]))),pe=pn.default.span(O||(O=jn(["\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: clamp(0.75rem, calc(0.5rem + 0.3125vw), 0.875rem);\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"]))),oe=pn.default.div(C||(C=jn(["\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      width: 28px;\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: clamp(0.75rem, calc(0.5rem + 0.3125vw), 0.875rem);\n      font-family: \"'Inter', 'Open Sans'\";\n      display: inline-flex;\n      align-items: center;\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"]))),de=pn.default.div(F||(F=jn(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 10px;\n  margin-bottom: 12px;\n  width: 85%;\n"]))),xe=pn.default.div(N||(N=jn(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 6px;\n  width: 100%;\n"]))),le=pn.default.div(j||(j=jn(["\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 0 26px;\n  width: 100%;\n"]))),se=pn.default.span(M||(M=jn(['\n  font-family: "Inter", sans-serif;\n  font-size: clamp(0.75rem, calc(0.5rem + 0.3125vw), 0.875rem);\n  font-weight: 500;\n  color: #020618;\n  line-height: 18px;\n']))),ue=pn.default.div(I||(I=jn(["\n  display: flex;\n  align-items: flex-start;\n  gap: 4px;\n"]))),me=pn.default.div(T||(T=jn(["\n  width: 26px;\n  height: 26px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"]))),ce=pn.default.div(D||(D=jn(["\n  width: 24px;\n  height: 24px;\n"]))),fe=pn.default.div(P||(P=jn(["\n  background: #f4f4f5;\n  border-radius: 8px;\n  padding: 14px;\n"]))),he=pn.default.p(A||(A=jn(['\n  font-family: "Inter", sans-serif;\n  font-size: clamp(0.875rem, calc(0.625rem + 0.3125vw), 1rem);\n  font-weight: 400;\n  color: #020618;\n  line-height: 20px;\n  margin-bottom: 10px;\n  margin-top: 0px;\n']))),ge=pn.default.div(L||(L=jn(["\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  width: 100%;\n"]))),we=pn.default.button(R||(R=jn(['\n  width: 100%;\n  padding: 6px;\n  background: white;\n  border: 1px solid #e4e4e7;\n  border-radius: 6px;\n  color: #314158;\n  font-family: "Inter", sans-serif;\n  font-size: clamp(0.875rem, calc(0.625rem + 0.3125vw), 1rem);\n  font-weight: 500;\n  line-height: 20px;\n  cursor: pointer;\n\n  &:hover {\n    background: #ebefff;\n    border: 1px solid #4b2fff;\n    color: #4b2fff;\n  }\n']))),ze=pn.default.div(W||(W=jn(["\n  display: flex;\n  width: 100%;\n  align-items: flex-start;\n  gap: 4px;\n"]))),be=pn.default.div(q||(q=jn(["\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 0 8px 0 30px;\n  flex: 1;\n"]))),ve=pn.default.span(B||(B=jn(['\n  font-family: "Inter", sans-serif;\n  font-size: clamp(0.75rem, calc(0.5rem + 0.3125vw), 0.875rem);\n  font-weight: 400;\n  color: #62748e;\n  line-height: 18px;\n']))),_e=pn.default.div(H||(H=jn(["\n  display: flex;\n  align-items: center;\n  gap: 4px;\n"]))),ye=pn.default.button(U||(U=jn(["\n  width: 22px;\n  height: 22px;\n  padding: 4px;\n  background: #f4f4f5;\n  border-radius: 50%;\n  border: none;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  &:hover {\n    background: #e4e4e7;\n  }\n\n  svg {\n    width: 14px;\n    height: 14px;\n  }\n"]))),Ee=pn.default.div(Z||(Z=jn(["\n  border-radius: 10px;\n  border: 1px solid #e4e4e7;\n  overflow: hidden;\n  margin-bottom: 12px;\n"]))),ke=pn.default.div(V||(V=jn(["\n  padding: 0;\n"]))),Se=pn.default.div(G||(G=jn(["\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 10px 16px;\n  background-color: white;\n"]))),Oe=pn.default.input(J||(J=jn(['\n  flex: 1;\n  border: none;\n  outline: none;\n  color: #020618;\n  font-size: clamp(0.875rem, calc(0.625rem + 0.3125vw), 1rem);\n  font-weight: normal;\n  background: transparent;\n  font-weight: 500;\n  font-family: "Inter", "Open Sans";\n\n  &:focus {\n    box-shadow: none;\n  }\n\n  &::placeholder {\n    color: #62748e;\n  }\n']))),Ce=pn.default.button(Y||(Y=jn(["\n  padding: 6px;\n  height: auto;\n  width: auto;\n  background: transparent;\n  border: none;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  &:hover {\n    background-color: rgba(0, 0, 0, 0.05);\n    border-radius: 4px;\n  }\n"]))),Fe={maxHeight:"90px",minHeight:"38px",resize:"none",padding:"9px",boxSizing:"border-box",fontSize:"clamp(0.8125rem, calc(0.5625rem + 0.3125vw), 0.9375rem)",width:"100%",border:"none",overflow:"hidden",overflowWrap:"break-word",textAlign:"start",height:"38px",fontFamily:"'Inter', 'Open Sans'"},Ne=pn.default.div(K||(K=jn(["\n  width: 72px;\n  height: max-content;\n  position: absolute;\n  top: 30px;\n  right: 10px;\n  padding: 6px;\n  border-radius: 8px;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  background: white;\n  box-shadow: 0px 2px 6px #00000040;\n  z-index: 50;\n"])));exports.DropdownContainer=Ne;var je=pn.default.span($||($=jn(["\n  width: 100%;\n  background: white;\n  font-size: clamp(0.75rem, calc(0.5rem + 0.3125vw), 0.875rem);\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  color: #1f2937; /* Tailwind's text-gray-900 */\n  white-space: nowrap;\n  line-height: normal;\n\n  &:hover {\n    color: #000;\n  }\n"])));exports.DropdownItem=je;var Me=function(n){var e=n.style;return X.default.createElement("svg",{style:e,xmlns:"\nhttp://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",height:20,width:20},X.default.createElement("path",{d:"M21 21L14.9497 14.9497M14.9497 14.9497C16.2165 13.683 17 11.933 17 10C17 6.13401 13.866 3 10 3C6.13401 3 3 6.13401 3 10C3 13.866 6.13401 17 10 17C11.933 17 13.683 16.2165 14.9497 14.9497Z",stroke:"currentColor",strokeWidth:"1.7",strokeLinecap:"round",strokeLinejoin:"round"}))};exports.SearchIcon=Me;var Ie=function(n){var e,t,i,r=n.endpoint,a=n.widget_id,p=n.authToken,o=n.newToken,d=n.openByDefault,x=n.userDetails,l=n.widget_size,s=n.style;console.log("widget size",l);var u=kn((0,X.useState)(null==F?void 0:F.source_id),2),m=u[0],c=u[1],f=kn((0,X.useState)(!1),2),h=f[0],g=f[1],w=kn((0,X.useState)(!1),2),z=w[0],b=w[1],v=kn((0,X.useState)(null==F?void 0:F.workspace),2),_=(v[0],v[1],kn((0,X.useState)(),2)),y=_[0],E=_[1],k=(0,on.default)({endpoint:r,widget_id:a,authToken:p,newToken:o,userDetails:x,sourceState:m}),S=(k.connected,k.messages),O=k.sendMessage,C=k.sendFeedback,F=k.widget,N=k.restart,j=k.exit,M=k.isTypingEnd,I=k.onFileUpload;console.log("widget",F);var T=null===(e=S[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,D=kn((0,X.useState)(!0),2),P=D[0],A=D[1],L=kn((0,X.useState)(d),2),R=L[0],W=L[1],q=kn((0,X.useState)(!1),2),B=q[0],H=q[1],U=kn((0,X.useState)(!1),2),Z=U[0],V=U[1],G=(0,X.useRef)(null);(0,X.useEffect)(function(){A(M)},[M]),(0,X.useEffect)(function(){void 0!==(null==F?void 0:F.source_id)&&c(null==F?void 0:F.source_id)},[F]),(0,X.useEffect)(function(){null!=F&&F.id&&ln.default.get("".concat(r,"/public/").concat(null==F?void 0:F.workspace,"/").concat(F.id,"/form")).then(function(n){E(n.data)}).catch(function(n){console.error("Error fetching form:",n)})},[null==F?void 0:F.id,Z]),(0,X.useEffect)(function(){G.current&&G.current.scroll(0,G.current.scrollHeight)});return F?X.default.createElement(nn.ScaleSizeProvider,{widgetSize:l},X.default.createElement(Tn,{className:"widget_preview",isExpanded:h,size:l},R?X.default.createElement(Pn,{className:"widget_chat"},X.default.createElement(Ge,{setIsExpanded:g,isExpanded:h,widget:F,onClick:function(){return W(!R)},open:R,restart:N,exit:j,logoshape:s.logo_shape}),X.default.createElement(sn.EndPointProvider,{endpoint:r},X.default.createElement(An,{clsassName:"widget_chat_content",ref:G,isMessageContainer:"new_user"==m&&0==F.user_consent||"new_user"!==m&&!(null!=m&&m.includes("browser"))},!1,!1,X.default.createElement(De,{sourceState:m,messages:S,sendMessage:O,sendFeedback:C,widget:F,style:s}),"new_user"===m&&1==F.user_consent&&X.default.createElement(xn.default,{formData:y,conversationId:T,widget:F,enableConsent:z,setEnableConsent:b,isVisible:B,setIsVisible:H,setSourceState:c,userDetails:x}),m&&"string"==typeof m&&m.includes("browser")&&y&&null!==(null==F?void 0:F.lead_form_id)||0==F.user_consent&&"new_user"==m&&null!==(null==F?void 0:F.lead_form_id)&&y?X.default.createElement(X.default.Fragment,null,X.default.createElement(Qn,null,X.default.createElement(Hn,{style:{borderRadius:"50%",top:"0px",height:"24.9px",width:"24px",border:"none"}},X.default.createElement("img",{alt:"logo",src:F&&F.logo_url||"https://workativ-asssistant-widget-images.s3.amazonaws.com/chat_logo.png",style:{width:"24px",height:"24px"}})),X.default.createElement(Kn,null,X.default.createElement(dn.default,{formData:y,conversationId:T,widget:F,workspace:null==F?void 0:F.workspace,setFormSubmit:V,setSourceState:c})))):null,P&&X.default.createElement(de,null,X.default.createElement(xe,null,X.default.createElement(le,null,X.default.createElement(se,null,F&&F.name)),X.default.createElement(ue,null,X.default.createElement(me,null,X.default.createElement(ce,null,X.default.createElement("img",{alt:"logo",src:F&&F.logo_url||"https://workativ-asssistant-widget-images.s3.amazonaws.com/chat_logo.png"}))),X.default.createElement(fe,null,X.default.createElement(he,{style:{marginBottom:"0px"}},X.default.createElement(In,null,X.default.createElement("div",{class:"typing-dots"},X.default.createElement("div",{class:"dot"}),X.default.createElement("div",{class:"dot"}),X.default.createElement("div",{class:"dot"})))),X.default.createElement("div",{className:"snippet","data-title":".dot-flashing"},X.default.createElement("div",{className:"stage"},X.default.createElement("div",{className:"dot-flashing"})))))))),X.default.createElement(Te,{sourceState:m,sendMessage:O,onFileUpload:I,widget:F,messages:S,isTypingEnd:M}))):null,X.default.createElement(it,{onClick:function(){return W(!R)},widget:F,open:R,logoshape:s.logo_shape,logosize:s.logo_size.size,logoborder:s.logo_border,widget_size:l},X.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 28.4 28.4",xmlSpace:"preserve"},X.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"}),X.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},Te=function(n){var e=n.sourceState,t=n.sendMessage,i=n.widget,r=(n.messages,n.isTypingEnd,n.onFileUpload,kn((0,X.useState)(""),2)),a=r[0],p=r[1],o=function(){console.log("typed message",a),a.trim()&&t(a),p("")},d=((0,X.useRef)(null),(0,X.useRef)(null));(0,X.useEffect)(function(){d.current&&(d.current.focus(),(0,tn.default)(d.current))},[d.current]);var x=(0,nn.useScaleContext)();return X.default.createElement(X.default.Fragment,null,console.log("3420",i),console.log("source state footer",e),!1===(null==i?void 0:i.user_consent)||!0===(null==i?void 0:i.user_consent)&&"string"==typeof e&&e.includes("browser")&&null==(null==i?void 0:i.lead_form_id)||"string"==typeof e&&!e.includes("browser")&&"new_user"!==e&&!0===(null==i?void 0:i.user_consent)&&null!=(null==i?void 0:i.lead_form_id)?X.default.createElement(re,{size:x.widgetSize,className:"widget_input_message"},X.default.createElement(Ee,null,X.default.createElement(ke,null,X.default.createElement(Se,null,X.default.createElement(Oe,{value:a,onChange:function(n){return p(n.target.value)},onKeyDown:function(n){"Enter"===n.key&&(n.preventDefault(),o(),d.current&&(d.current.style.height="30px",d.current.style.overflow="hidden"))},style:Fe,ref:d,rows:1,id:"typemsg",wrap:"hard",placeholder:"Enter message"}),X.default.createElement(Ce,null,X.default.createElement(en.SendIcon,{style:{cursor:"pointer"},size:18,onClick:function(){return o()}})))))):null,X.default.createElement("div",{className:"widget_footer"},X.default.createElement("p",null,"Powered by ",X.default.createElement("span",null," PagerGPT"))))},De=function(n){var e=n.sourceState,t=n.messages,i=n.sendMessage,r=n.sendFeedback,a=n.widget,p=n.style;return X.default.createElement(X.default.Fragment,null,t.map(function(n,t){return X.default.createElement(X.default.Fragment,null,("new_user"==e&&0==a.user_consent||"new_user"!==e&&!e.includes("browser")||1==(null==a?void 0:a.user_consent)&&null===(null==a?void 0:a.lead_form_id))&&X.default.createElement(Pe,vn({},yn({key:t},n),{sendMessage:i,sendFeedback:r,widget:a,timestamp:n.time,style:p,key:t})))}))},Pe=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 X.default.createElement(Ae,{message:t,sendMessage:i,sendFeedback:r,widget:a,timestamp:p,style:o});case"sent":return X.default.createElement(Le,{timestamp:p,message:t,widget:a,logoshape:o.logo_shape,logosize:o.logo_size.size,logoborder:o.logo_border})}},Ae=function(n){var e=n.message,t=n.sendMessage,i=n.sendFeedback,r=n.widget,a=n.timestamp,p=n.style;(0,nn.useScaleContext)();return e.output.map(function(n,o){return X.default.createElement(Bn,{className:"widget_chat_logs_box",key:o},X.default.createElement(Ye,{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}))})},Le=function(n){return X.default.createElement(tt,n)},Re=function(n){var e=n.widget,t=n.timestamp,i=n.logoshape,r=(0,nn.useScaleContext)();return X.default.createElement($n,{size:r.widgetSize,className:"widget_chat_adaptiveCard"},X.default.createElement(Hn,{style:{borderRadius:"box"==i?"5%":"50%"}},X.default.createElement("img",{alt:"logo",src:e&&e.logo_url||"https://workativ-asssistant-widget-images.s3.amazonaws.com/chat_logo.png"})),X.default.createElement("div",{className:"position-realtive tryit_wrapper_card"},X.default.createElement("div",{className:"tryit_cards"},X.default.createElement("div",{className:"flex widget_title single_card_message"},X.default.createElement("h6",null,e&&e.name),X.default.createElement("div",{className:"timestamp"},(0,an.formatTimeAMPM)(t))),X.default.createElement("div",{className:"chat_adaptiveCard_section"},X.default.createElement(We,n)))))},We=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,d=(0,nn.useScaleContext)();return X.default.createElement(X.default.Fragment,null,X.default.createElement("div",{className:"adaptive_card_box"},X.default.createElement("div",{className:"tryit_cards_top_left",style:{borderRadius:"box"==o?"5%":"50%"}},i&&X.default.createElement("img",{src:i,alt:"logo"})),X.default.createElement("div",{className:"tryit_cards_top_right"},X.default.createElement(ee,{className:"widget_chat_adaptiveHeader"},X.default.createElement(Q.default,{mdText:(0,rn.convertToMDText)(t)})),X.default.createElement(ne,{className:"widget_chat_adaptiverParagraph"},X.default.createElement(Q.default,{mdText:(0,rn.convertToMDText)(r)})))),X.default.createElement("div",{className:"tryit_cards_wrapper"},X.default.createElement("div",{className:"tryit_cards_left"},X.default.createElement("div",{className:"tryit_ticket_wrapper tryit_content_wrapper"},X.default.createElement("div",{className:"tryit_ticket_details_wrapper"},a.map(function(n,e){var t=n.title,i=n.value;return X.default.createElement("div",{className:"tryit_ticket_details flex",key:e},X.default.createElement("h6",null,X.default.createElement(Q.default,{mdText:(0,rn.convertToMDText)(t)})," "),X.default.createElement("p",{className:"tryit_ticket_colun"},":"),X.default.createElement("p",null,X.default.createElement(Q.default,{mdText:(0,rn.convertToMDText)(i)})))}))),X.default.createElement("div",{className:"tryit_ticket_wrapper tryit_button_wrapper"},p.map(function(n,e){var t=n.text,i=n.url;return X.default.createElement(te,{key:e},X.default.createElement("a",{href:(0,Q.evalNormalOrJoinText)((0,rn.convertToMDText)(i)),target:"_blank"},X.default.createElement(ie,{type:"button",size:d.widgetSize},X.default.createElement(Q.default,{className:"widget_btn_content",mdText:(0,rn.convertToMDText)(t)}))))})))))},qe=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),d=n.index,x=n.logoshape,l=(0,nn.useScaleContext)();return X.default.createElement("div",{className:"slide",ref:function(n){return o&&(o.current[d]=n)}},X.default.createElement("div",{className:"adaptive_card_box"},X.default.createElement("div",{className:"tryit_cards_top_left",style:{borderRadius:"box"==x?"5%":"50%"}},i&&X.default.createElement("img",{src:i,alt:"logo"})),X.default.createElement("div",{className:"tryit_cards_top_right"},X.default.createElement(ee,{className:"widget_chat_adaptiveHeader"},X.default.createElement(Q.default,{mdText:(0,rn.convertToMDText)(t)})),X.default.createElement(ne,{className:"widget_chat_adaptiverParagraph"},X.default.createElement(Q.default,{mdText:(0,rn.convertToMDText)(r)})))),X.default.createElement("div",{className:"tryit_cards_wrapper"},X.default.createElement("div",{className:"tryit_cards_left"},X.default.createElement("div",{className:"tryit_ticket_wrapper tryit_content_wrapper"},X.default.createElement("div",{className:"tryit_ticket_details_wrapper"},a.map(function(n,e){var t=n.title,i=n.value;return X.default.createElement("div",{className:"tryit_ticket_details flex",key:e},X.default.createElement("h6",null,X.default.createElement(Q.default,{mdText:(0,rn.convertToMDText)(t)})," "),X.default.createElement("p",{className:"tryit_ticket_colun"},":"),X.default.createElement("p",null,X.default.createElement(Q.default,{mdText:(0,rn.convertToMDText)(i)})))}))),X.default.createElement("div",{className:"tryit_ticket_wrapper tryit_button_wrapper"},p.map(function(n,e){var t=n.text,i=n.url;return X.default.createElement(te,{key:e},X.default.createElement("a",{href:i.value,target:"_blank"},X.default.createElement(ie,{type:"button",size:l.widgetSize},X.default.createElement(Q.default,{className:"widget_btn_content",mdText:(0,rn.convertToMDText)(t)}))))})))))},Be=function(n){return n+1},He=function(n,e){return n-e},Ue=function(n){return n-1},Ze=function(n,e){return n+e},Ve=function(n){var e=n.widget,t=n.timestamp,i=n.logoshape,r=(n.widget_size,n.carousal.carousal_adaptive_card),a=kn((0,X.useState)({index:0,transformWidth:0}),2),p=a[0],o=a[1],d=(0,X.useRef)([]),x=function(n,e){return function(){var t=n(p.index);if(!(t>=d.current.length||t<0)){var i=d.current[t].offsetWidth;o({index:t,transformWidth:e(p.transformWidth,i)})}}},l=x(Be,He),s=x(Ue,Ze),u=(0,nn.useScaleContext)();return X.default.createElement($n,{size:u.widgetSize,className:"widget_chat_adaptiveCard slider"},X.default.createElement(Hn,{style:{borderRadius:"box"==i?"5%":"50%"}},X.default.createElement("img",{alt:"bot_chat_logo",src:e&&e.logo_url||"https://workativ-asssistant-widget-images.s3.amazonaws.com/chat_logo.png"})),X.default.createElement("div",{className:"position-realtive tryit_wrapper_card"},X.default.createElement("div",{className:"tryit_cards"},X.default.createElement("div",{className:"flex widget_title slider_message"},X.default.createElement("h6",null,e&&e.name),X.default.createElement("div",{className:"timestamp"},(0,an.formatTimeAMPM)(t))),X.default.createElement("div",{className:"carousal_wrapper"},X.default.createElement("div",{onClick:s,className:"arrows left"},X.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})),X.default.createElement("div",{className:"carousal_box_section"},X.default.createElement("div",{className:"carousal_container"},X.default.createElement("div",{className:"carousal_slide_container",style:{transform:"translate3d(".concat(p.transformWidth,"px, 0px, 0px)")}},r.map(function(n,r){return X.default.createElement(qe,{widget:e,timestamp:t,adaptive_card:n,logoshape:i,currentSlideEls:d,index:r,key:r})})))),X.default.createElement("div",{onClick:l,className:"arrows"},X.default.createElement("img",{alt:"right_arrow",src:"https://workativ-asssistant-widget-images.s3.amazonaws.com/adaptive_card_arrow.svg",style:p.index==d.current.length-1?{visibility:"hidden"}:null}))))))},Ge=function(n){var e=n.widget,t=(n.onClick,n.open,n.restart),i=n.exit,r=(n.logoshape,n.setIsExpanded),a=n.isExpanded,p=(0,nn.useScaleContext)(),o=kn((0,X.useState)(!1),2),d=o[0],x=o[1],l=(0,X.useRef)(null),s=function(n){var e=l.current;d&&l.current&&!e.contains(n.target)&&x(!d)};return(0,X.useEffect)(function(){return document.addEventListener("click",s),function(){document.removeEventListener("click",s)}}),X.default.createElement(Un,{className:"widget_chat_top",style:{backgroundColor:e?e.accent_color:"#FFD15C"},size:p.widgetSize},X.default.createElement("img",{title:"logo",src:e&&e.logo_url||"https://workativ-asssistant-widget-images.s3.amazonaws.com/chat_logo.png"}),X.default.createElement(Gn,null,X.default.createElement(Zn,null,X.default.createElement(Dn,{size:p.widgetSize,style:{color:e.primary_color}},e&&e.name)),X.default.createElement(Vn,{size:p.widgetSize},X.default.createElement("div",{style:{display:"flex",gap:"16px",alignItems:"center"}},X.default.createElement(en.Maximize2Icon,{onClick:function(){return r(!a)},width:16,height:16,style:{color:"white",cursor:"pointer"}}),X.default.createElement("div",{className:"relative"},X.default.createElement(en.EllipsisVertical,{width:20,height:20,style:{color:"white",cursor:"pointer"},onClick:function(){return x(!d)}}),d&&X.default.createElement(Ne,{ref:l},X.default.createElement(je,{onClick:function(){t(),x(!1)}},"Restart Chat"),X.default.createElement(je,{onClick:function(){i(),x(!1)}},"End Chat")))))))},Je=function(n){var e=n.output,t=n.sendFeedback,i=(n.logoshape,n.widget),r=n.timestamp,a=n.event_id,p=n.sendMessage,o=(0,nn.useScaleContext)();return X.default.createElement(X.default.Fragment,null,X.default.createElement($n,{size:o.widgetSize,className:"widget_chat_logs"},X.default.createElement(de,null,X.default.createElement(xe,null,X.default.createElement(le,null,X.default.createElement(se,null,i&&i.name)),X.default.createElement(ue,null,X.default.createElement(me,null,X.default.createElement(ce,null,X.default.createElement("img",{alt:"logo",src:i&&i.logo_url||"https://workativ-asssistant-widget-images.s3.amazonaws.com/chat_logo.png"}))),X.default.createElement(fe,null,X.default.createElement(Q.default,{mdText:e.text}))),X.default.createElement(ze,null,X.default.createElement(be,null,X.default.createElement(ve,null,(0,an.formatTimeAMPM)(r))),X.default.createElement(Qe,{options:e.buttons,sendFeedback:t,sendMessage:p,event_id:a}))))))},Ye=function(n){var e=n.output,t=e.type,i=zn(e,["type"]),r=n.sendMessage,a=n.sendFeedback,p=n.widget,o=n.timestamp,d=n.logoshape,x=(n.logosize,n.logoborder,n.event_id),l=(0,nn.useScaleContext)();return console.log("chat assistant",i),"ai_response"===i.response_type?X.default.createElement(Je,{output:i,sendMessage:r,timestamp:o,widget:p,logoshape:d,sendFeedback:a,event_id:x}):X.default.createElement(X.default.Fragment,null,X.default.createElement($n,{size:l.widgetSize,className:"widget_chat_logs"},X.default.createElement(de,null,X.default.createElement(xe,null,X.default.createElement(le,null,X.default.createElement(se,null,p&&p.name)),X.default.createElement(ue,null,X.default.createElement(me,null,X.default.createElement(ce,null,X.default.createElement("img",{alt:"logo",src:p&&p.logo_url||"https://workativ-asssistant-widget-images.s3.amazonaws.com/chat_logo.png"}))),X.default.createElement(fe,null,"text_with_btns"===t?X.default.createElement("div",{style:{marginBottom:"12px"}},console.log("check scenarios",i),X.default.createElement(Q.default,{mdText:i.text})):X.default.createElement("div",null,console.log("output struct",i.value),X.default.createElement(Q.default,{mdText:i.value})),"text_with_btns"===t&&X.default.createElement(X.default.Fragment,null,X.default.createElement(Xe,{options:i.buttons,sendMessage:r,widget:p})))),X.default.createElement(ze,null,X.default.createElement(be,null,X.default.createElement(ve,null,(0,an.formatTimeAMPM)(o))))))))},Ke=function(n){var e=n.sendMessage,t=(n.widget,n.label),i=n.value,r=(0,nn.useScaleContext)();return X.default.createElement(te,null,X.default.createElement(ie,{type:"button",onClick:function(){e((0,Q.evalNormalOrJoinText)(i))},className:"widget_btn",size:r.widgetSize},X.default.createElement(Q.default,{mdText:t})))},$e=function(n){var e=n.label,t=n.action,i=n.sendFeedback,r=n.sendMessage,a=n.event_id,p=(0,nn.useScaleContext)();console.log("labelll",e);var o=function(){return X.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"14",height:"14",viewBox:"0 0 14 14",fill:"none"},X.default.createElement("path",{d:"M10.5 2.33341C10.7188 2.87383 10.8392 3.46455 10.8392 4.08341C10.8392 4.70227 10.7188 5.29299 10.5 5.83341M12.1337 1.16675C12.581 2.04183 12.8333 3.03315 12.8333 4.08341C12.8333 5.13366 12.581 6.12499 12.1337 7.00007M8.75 4.08341C8.75 5.37207 7.70533 6.41674 6.41667 6.41674C5.128 6.41674 4.08333 5.37207 4.08333 4.08341C4.08333 2.79474 5.128 1.75007 6.41667 1.75007C7.70533 1.75007 8.75 2.79474 8.75 4.08341ZM4.08333 8.75007H8.75C10.0387 8.75007 11.0833 9.79474 11.0833 11.0834C11.0833 11.7277 10.561 12.2501 9.91667 12.2501H2.91667C2.27233 12.2501 1.75 11.7277 1.75 11.0834C1.75 9.79474 2.79467 8.75007 4.08333 8.75007Z",stroke:"#45556C","stroke-linecap":"round","stroke-linejoin":"round"}))};return X.default.createElement(ye,{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)},size:p.widgetSize},console.log("label",e),"Satisfied"===e?X.default.createElement(en.ThumbsUpIcon,{strokeWidth:1.4,color:"#45556C"}):null,"Not Satisfied"===e?X.default.createElement(en.ThumbsDownIcon,{strokeWidth:1.4,color:"#45556C"}):null,"Hand over to Live agent"===e?X.default.createElement(o,{width:"24",height:"24"}):null)},Qe=function(n){var e=n.options,t=n.sendFeedback,i=n.sendMessage,r=n.event_id;return X.default.createElement(_e,null,e.map(function(n,e){var a=n.label,p=n.action;return X.default.createElement($e,{label:a,action:p,key:e,sendFeedback:t,sendMessage:i,event_id:r})}))},Xe=function(n){var e=n.options,t=n.sendMessage,i=n.widget;return X.default.createElement(ge,null,e.map(function(n,e){var r=n.label,a=n.action;return X.default.createElement(X.default.Fragment,null,console.log("send message",t),X.default.createElement(Ke,{label:r,value:a.send_rly,key:e,sendMessage:t,widget:i}))}))},nt=function(n){var e=n.text.split("\n"),t=e[e.length-1],i=e.slice(0,e.length-1);return console.log("DEBUG",e,t,i.reduce(function(n,e){return[].concat(fn(n),[e,X.default.createElement("br",{key:n.length})])},[])),X.default.createElement(X.default.Fragment,null,i.reduce(function(n,e){return[].concat(fn(n),[e,X.default.createElement("br",{key:n.length})])},[]),t)},et=function(n){var e=n.text;return(0,Q.parseUrlAndString)(e).map(function(n,e){var t=n.type,i=n.value;return"url"===t?X.default.createElement("a",{href:i,target:"_blank",key:e},i):X.default.createElement(nt,{text:i,key:e})})},tt=function(n){var e=n.message,t=e.input,i=e.context,r=i.SYS_UPLOADED_FILE,a=(i.SYS_FirstName,n.widget),p=n.timestamp,o=(n.logoshape,n.logosize,n.logoborder,(0,nn.useScaleContext)());return X.default.createElement(Xn,{size:o.widgetSize},X.default.createElement($n,{size:o.widgetSize,style:{flexDirection:"column",alignItems:"flex-end"}},X.default.createElement(Yn,{size:o.widgetSize,style:{background:a?a.secondary_color:"#fff",marginRight:"0px"}},X.default.createElement("div",{style:{color:"".concat(a.user_message_text_color),fontFamily:"'Inter', 'Open Sans'",fontSize:"clamp(0.875rem, calc(0.625rem + 0.3125vw), 1rem)",fontStyle:"normal",fontWeight:400,lineHeight:"20px"}},r?"File uploaded":X.default.createElement(et,{text:t.value}))),X.default.createElement(ze,null,X.default.createElement(be,{style:{justifyContent:"flex-end",paddingRight:"2px",paddingTop:"4px"}},X.default.createElement(ve,null,(0,an.formatTimeAMPM)(p))))))},it=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,nn.useScaleContext)()),d={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 X.default.createElement(ae,{className:"widget_cancel_button"},i?X.default.createElement(pe,{className:"close_button",style:d,onClick:t},X.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 28.4 28.4",xmlSpace:"preserve"},X.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"}),X.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"}))):X.default.createElement(pe,{style:d,onClick:t},X.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"}})))},rt=Ie;exports.default=rt;
 },{"./md/assistant_md":"gHGY","react":"HdMw","./useScale":"go4Y","lucide-react":"hCbx","autosize":"hl55","./md/md_format_converter":"M0oY","./lib":"BGoO","styled-components":"OuUI","./useWidgetService":"O0SM","./InputConverter":"s3I1","./ConsentPopup":"yhSM","axios":"O4Aa","./useEndpoint":"N386"}],"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.2.9",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","lucide-react":"^0.484.0",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.10",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","lucide-react":"^0.484.0",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;
 },{}],"f4Ny":[function(require,module,exports) {
 module.exports="/inter.fd2364ba.woff2";
 },{}],"dsgS":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e,t=o(require("./static/fonts/inter.woff2")),r=require("styled-components"),n=require("./getVersion");function o(e){return e&&e.__esModule?e:{default:e}}function f(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var i=function(){return'https://unpkg.com/pager-widget@"0.2.9"/dist/inter.fd2364ba.woff2'},u=(0,r.createGlobalStyle)(e||(e=f(["\ncolor: ","\n  @font-face {\n    font-family: 'Inter';\n    src: url(https://unpkg.com/pager-widget@0.2.9/dist/inter.fd2364ba.woff2) format('woff2);\n    font-weight: 400;\n    font-style: normal;\n"])),function(e){return e.$whiteColor?"white":"black"}),a=u;exports.default=a;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e,t=f(require("./static/fonts/inter.woff2")),r=require("styled-components"),n=require("./getVersion");function f(e){return e&&e.__esModule?e:{default:e}}function o(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var i=function(){return'https://unpkg.com/pager-widget@"0.2.9"/dist/inter.fd2364ba.woff2'},s=(0,r.createGlobalStyle)(e||(e=o(["\n  @font-face {\n    font-family: 'Inter';\n    src: url(https://unpkg.com/pager-widget@0.2.10/dist/inter.fd2364ba.woff2) format('woff2');\n    font-weight: 400;\n    font-style: normal;\n }\n"]))),u=s;exports.default=u;
 },{"./static/fonts/inter.woff2":"f4Ny","styled-components":"OuUI","./getVersion":"l4JY"}],"x9cO":[function(require,module,exports) {
 "use strict";var e,t,n,r;if("object"==typeof performance&&"function"==typeof performance.now){var o=performance;exports.unstable_now=function(){return o.now()}}else{var a=Date,l=a.now();exports.unstable_now=function(){return a.now()-l}}if("undefined"==typeof window||"function"!=typeof MessageChannel){var i=null,s=null,u=function(){if(null!==i)try{var e=exports.unstable_now();i(!0,e),i=null}catch(t){throw setTimeout(u,0),t}};e=function(t){null!==i?setTimeout(e,0,t):(i=t,setTimeout(u,0))},t=function(e,t){s=setTimeout(e,t)},n=function(){clearTimeout(s)},exports.unstable_shouldYield=function(){return!1},r=exports.unstable_forceFrameRate=function(){}}else{var c=window.setTimeout,f=window.clearTimeout;if("undefined"!=typeof console){var p=window.cancelAnimationFrame;"function"!=typeof window.requestAnimationFrame&&console.error("This browser doesn't support requestAnimationFrame. Make sure that you load a polyfill in older browsers. https://reactjs.org/link/react-polyfills"),"function"!=typeof p&&console.error("This browser doesn't support cancelAnimationFrame. Make sure that you load a polyfill in older browsers. https://reactjs.org/link/react-polyfills")}var b=!1,d=null,v=-1,x=5,y=0;exports.unstable_shouldYield=function(){return exports.unstable_now()>=y},r=function(){},exports.unstable_forceFrameRate=function(e){0>e||125<e?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):x=0<e?Math.floor(1e3/e):5};var m=new MessageChannel,w=m.port2;m.port1.onmessage=function(){if(null!==d){var e=exports.unstable_now();y=e+x;try{d(!0,e)?w.postMessage(null):(b=!1,d=null)}catch(t){throw w.postMessage(null),t}}else b=!1},e=function(e){d=e,b||(b=!0,w.postMessage(null))},t=function(e,t){v=c(function(){e(exports.unstable_now())},t)},n=function(){f(v),v=-1}}function _(e,t){var n=e.length;e.push(t);e:for(;;){var r=n-1>>>1,o=e[r];if(!(void 0!==o&&0<T(o,t)))break e;e[r]=t,e[n]=o,n=r}}function h(e){return void 0===(e=e[0])?null:e}function k(e){var t=e[0];if(void 0!==t){var n=e.pop();if(n!==t){e[0]=n;e:for(var r=0,o=e.length;r<o;){var a=2*(r+1)-1,l=e[a],i=a+1,s=e[i];if(void 0!==l&&0>T(l,n))void 0!==s&&0>T(s,l)?(e[r]=s,e[i]=n,r=i):(e[r]=l,e[a]=n,r=a);else{if(!(void 0!==s&&0>T(s,n)))break e;e[r]=s,e[i]=n,r=i}}}return t}return null}function T(e,t){var n=e.sortIndex-t.sortIndex;return 0!==n?n:e.id-t.id}var g=[],P=[],F=1,I=null,M=3,C=!1,j=!1,A=!1;function L(e){for(var t=h(P);null!==t;){if(null===t.callback)k(P);else{if(!(t.startTime<=e))break;k(P),t.sortIndex=t.expirationTime,_(g,t)}t=h(P)}}function q(n){if(A=!1,L(n),!j)if(null!==h(g))j=!0,e(R);else{var r=h(P);null!==r&&t(q,r.startTime-n)}}function R(e,r){j=!1,A&&(A=!1,n()),C=!0;var o=M;try{for(L(r),I=h(g);null!==I&&(!(I.expirationTime>r)||e&&!exports.unstable_shouldYield());){var a=I.callback;if("function"==typeof a){I.callback=null,M=I.priorityLevel;var l=a(I.expirationTime<=r);r=exports.unstable_now(),"function"==typeof l?I.callback=l:I===h(g)&&k(g),L(r)}else k(g);I=h(g)}if(null!==I)var i=!0;else{var s=h(P);null!==s&&t(q,s.startTime-r),i=!1}return i}finally{I=null,M=o,C=!1}}var Y=r;exports.unstable_IdlePriority=5,exports.unstable_ImmediatePriority=1,exports.unstable_LowPriority=4,exports.unstable_NormalPriority=3,exports.unstable_Profiling=null,exports.unstable_UserBlockingPriority=2,exports.unstable_cancelCallback=function(e){e.callback=null},exports.unstable_continueExecution=function(){j||C||(j=!0,e(R))},exports.unstable_getCurrentPriorityLevel=function(){return M},exports.unstable_getFirstCallbackNode=function(){return h(g)},exports.unstable_next=function(e){switch(M){case 1:case 2:case 3:var t=3;break;default:t=M}var n=M;M=t;try{return e()}finally{M=n}},exports.unstable_pauseExecution=function(){},exports.unstable_requestPaint=Y,exports.unstable_runWithPriority=function(e,t){switch(e){case 1:case 2:case 3:case 4:case 5:break;default:e=3}var n=M;M=e;try{return t()}finally{M=n}},exports.unstable_scheduleCallback=function(r,o,a){var l=exports.unstable_now();switch("object"==typeof a&&null!==a?a="number"==typeof(a=a.delay)&&0<a?l+a:l:a=l,r){case 1:var i=-1;break;case 2:i=250;break;case 5:i=1073741823;break;case 4:i=1e4;break;default:i=5e3}return r={id:F++,callback:o,priorityLevel:r,startTime:a,expirationTime:i=a+i,sortIndex:-1},a>l?(r.sortIndex=a,_(P,r),null===h(g)&&r===h(P)&&(A?n():A=!0,t(q,a-l))):(r.sortIndex=i,_(g,r),j||C||(j=!0,e(R))),r},exports.unstable_wrapCallback=function(e){var t=M;return function(){var n=M;M=t;try{return e.apply(this,arguments)}finally{M=n}}};
 },{}],"IGIl":[function(require,module,exports) {

package/fontStyles.js CHANGED Viewed

@@ -18,12 +18,12 @@ const getFontUrls = () => {
 };
 // const x = "./hello";
 const FontStyles = createGlobalStyle`
-color: ${(props) => (props.$whiteColor ? "white" : "black")}
   @font-face {
     font-family: 'Inter';
-    src: url(https://unpkg.com/pager-widget@0.2.9/dist/inter.fd2364ba.woff2) format('woff2);
+    src: url(https://unpkg.com/pager-widget@0.2.10/dist/inter.fd2364ba.woff2) format('woff2');
     font-weight: 400;
     font-style: normal;
+ }
 `;
 export default FontStyles;

package/package.json CHANGED Viewed

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