npm - @d19n/webchat - Versions diffs - 1.0.4 → 1.0.6 - Mend

@d19n/webchat 1.0.4 → 1.0.6

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

Files changed (69) hide show

package/dist/node_modules/styled-components/dist/styled-components.browser.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{r as e}from"../../../_virtual/index5.js";import t,{useContext as n,createElement as r,useRef as o}from"react";import s from"../../@emotion/stylis/dist/stylis.browser.esm.js";import i from"../../@emotion/unitless/dist/unitless.browser.esm.js";import a from"../../@emotion/is-prop-valid/dist/emotion-is-prop-valid.esm.js";import c from"../../../_virtual/hoist-non-react-statics.cjs.js";function u(){return(u=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}var l=function(e,t){for(var n=[e[0]],r=0,o=t.length;r<o;r+=1)n.push(t[r],e[r+1]);return n},d=function(t){return null!==t&&"object"==typeof t&&"[object Object]"===(t.toString?t.toString():Object.prototype.toString.call(t))&&!e.typeOf(t)},h=Object.freeze([]),p=Object.freeze({});function f(e){return"function"==typeof e}function m(e){return"production"!==process.env.NODE_ENV&&"string"==typeof e&&e||e.displayName||e.name||"Component"}function y(e){return e&&"string"==typeof e.styledComponentId}var v="undefined"!=typeof process&&void 0!==process.env&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",g="undefined"!=typeof window&&"HTMLElement"in window,S=Boolean("boolean"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env&&(void 0!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&""!==process.env.REACT_APP_SC_DISABLE_SPEEDY?"false"!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&process.env.REACT_APP_SC_DISABLE_SPEEDY:void 0!==process.env.SC_DISABLE_SPEEDY&&""!==process.env.SC_DISABLE_SPEEDY?"false"!==process.env.SC_DISABLE_SPEEDY&&process.env.SC_DISABLE_SPEEDY:"production"!==process.env.NODE_ENV)),w="production"!==process.env.NODE_ENV?{1:"Cannot create styled-component for component: %s.\n\n",2:"Can't collect styles once you've consumed a `ServerStyleSheet`'s styles! `ServerStyleSheet` is a one off instance for each server-side render cycle.\n\n- Are you trying to reuse it across renders?\n- Are you accidentally calling collectStyles twice?\n\n",3:"Streaming SSR is only supported in a Node.js environment; Please do not try to call this method in the browser.\n\n",4:"The `StyleSheetManager` expects a valid target or sheet prop!\n\n- Does this error occur on the client and is your target falsy?\n- Does this error occur on the server and is the sheet falsy?\n\n",5:"The clone method cannot be used on the client!\n\n- Are you running in a client-like environment on the server?\n- Are you trying to run SSR on the client?\n\n",6:"Trying to insert a new style tag, but the given Node is unmounted!\n\n- Are you using a custom target that isn't mounted?\n- Does your document not have a valid head element?\n- Have you accidentally removed a style tag manually?\n\n",7:'ThemeProvider: Please return an object from your "theme" prop function, e.g.\n\n```js\ntheme={() => ({})}\n```\n\n',8:'ThemeProvider: Please make your "theme" prop an object.\n\n',9:"Missing document `<head>`\n\n",10:"Cannot find a StyleSheet instance. Usually this happens if there are multiple copies of styled-components loaded at once. Check out this issue for how to troubleshoot and fix the common cases where this situation can happen: https://github.com/styled-components/styled-components/issues/1941#issuecomment-417862021\n\n",11:"_This error was replaced with a dev-time warning, it will be deleted for v4 final._ [createGlobalStyle] received children which will not be rendered. Please use the component without passing children elements.\n\n",12:"It seems you are interpolating a keyframe declaration (%s) into an untagged string. This was supported in styled-components v3, but is not longer supported in v4 as keyframes are now injected on-demand. Please wrap your string in the css\\`\\` helper which ensures the styles are injected correctly. See https://www.styled-components.com/docs/api#css\n\n",13:"%s is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.\n\n",14:'ThemeProvider: "theme" prop is required.\n\n',15:"A stylis plugin has been supplied that is not named. We need a name for each plugin to be able to prevent styling collisions between different stylis configurations within the same app. Before you pass your plugin to `<StyleSheetManager stylisPlugins={[]}>`, please make sure each plugin is uniquely-named, e.g.\n\n```js\nObject.defineProperty(importedPlugin, 'name', { value: 'some-unique-name' });\n```\n\n",16:"Reached the limit of how many styled components may be created at group %s.\nYou may only create up to 1,073,741,824 components. If you're creating components dynamically,\nas for instance in your render method then you may be running into this limitation.\n\n",17:"CSSStyleSheet could not be found on HTMLStyleElement.\nHas styled-components' style tag been unmounted or altered by another script?\n"}:{};function b(){for(var e=arguments.length<=0?void 0:arguments[0],t=[],n=1,r=arguments.length;n<r;n+=1)t.push(n<0||arguments.length<=n?void 0:arguments[n]);return t.forEach(function(t){e=e.replace(/%[a-z]/,t)}),e}function E(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];throw"production"===process.env.NODE_ENV?new Error("An error occurred. See https://git.io/JUIaE#"+e+" for more information."+(n.length>0?" Args: "+n.join(", "):"")):new Error(b.apply(void 0,[w[e]].concat(n)).trim())}var _=function(){function e(e){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e}var t=e.prototype;return t.indexOfGroup=function(e){for(var t=0,n=0;n<e;n++)t+=this.groupSizes[n];return t},t.insertRules=function(e,t){if(e>=this.groupSizes.length){for(var n=this.groupSizes,r=n.length,o=r;e>=o;)(o<<=1)<0&&E(16,""+e);this.groupSizes=new Uint32Array(o),this.groupSizes.set(n),this.length=o;for(var s=r;s<o;s++)this.groupSizes[s]=0}for(var i=this.indexOfGroup(e+1),a=0,c=t.length;a<c;a++)this.tag.insertRule(i,t[a])&&(this.groupSizes[e]++,i++)},t.clearGroup=function(e){if(e<this.length){var t=this.groupSizes[e],n=this.indexOfGroup(e),r=n+t;this.groupSizes[e]=0;for(var o=n;o<r;o++)this.tag.deleteRule(n)}},t.getGroup=function(e){var t="";if(e>=this.length||0===this.groupSizes[e])return t;for(var n=this.groupSizes[e],r=this.indexOfGroup(e),o=r+n,s=r;s<o;s++)t+=this.tag.getRule(s)+"/*!sc*/\n";return t},e}(),A=new Map,C=new Map,N=1,I=function(e){if(A.has(e))return A.get(e);for(;C.has(N);)N++;var t=N++;return"production"!==process.env.NODE_ENV&&((0|t)<0||t>1<<30)&&E(16,""+t),A.set(e,t),C.set(t,e),t},P=function(e){return C.get(e)},R=function(e,t){t>=N&&(N=t+1),A.set(e,t),C.set(t,e)},j="style["+v+'][data-styled-version="5.3.11"]',O=new RegExp("^"+v+'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)'),D=function(e,t,n){for(var r,o=n.split(","),s=0,i=o.length;s<i;s++)(r=o[s])&&e.registerName(t,r)},T=function(e,t){for(var n=(t.textContent||"").split("/*!sc*/\n"),r=[],o=0,s=n.length;o<s;o++){var i=n[o].trim();if(i){var a=i.match(O);if(a){var c=0|parseInt(a[1],10),u=a[2];0!==c&&(R(u,c),D(e,u,a[3]),e.getTag().insertRules(c,r)),r.length=0}else r.push(i)}}},k=function(e){var t=document.head,n=e||t,r=document.createElement("style"),o=function(e){for(var t=e.childNodes,n=t.length;n>=0;n--){var r=t[n];if(r&&1===r.nodeType&&r.hasAttribute(v))return r}}(n),s=void 0!==o?o.nextSibling:null;r.setAttribute(v,"active"),r.setAttribute("data-styled-version","5.3.11");var i="undefined"!=typeof __webpack_nonce__?__webpack_nonce__:null;return i&&r.setAttribute("nonce",i),n.insertBefore(r,s),r},x=function(){function e(e){var t=this.element=k(e);t.appendChild(document.createTextNode("")),this.sheet=function(e){if(e.sheet)return e.sheet;for(var t=document.styleSheets,n=0,r=t.length;n<r;n++){var o=t[n];if(o.ownerNode===e)return o}E(17)}(t),this.length=0}var t=e.prototype;return t.insertRule=function(e,t){try{return this.sheet.insertRule(t,e),this.length++,!0}catch(e){return!1}},t.deleteRule=function(e){this.sheet.deleteRule(e),this.length--},t.getRule=function(e){var t=this.sheet.cssRules[e];return void 0!==t&&"string"==typeof t.cssText?t.cssText:""},e}(),z=function(){function e(e){var t=this.element=k(e);this.nodes=t.childNodes,this.length=0}var t=e.prototype;return t.insertRule=function(e,t){if(e<=this.length&&e>=0){var n=document.createTextNode(t),r=this.nodes[e];return this.element.insertBefore(n,r||null),this.length++,!0}return!1},t.deleteRule=function(e){this.element.removeChild(this.nodes[e]),this.length--},t.getRule=function(e){return e<this.length?this.nodes[e].textContent:""},e}(),B=function(){function e(e){this.rules=[],this.length=0}var t=e.prototype;return t.insertRule=function(e,t){return e<=this.length&&(this.rules.splice(e,0,t),this.length++,!0)},t.deleteRule=function(e){this.rules.splice(e,1),this.length--},t.getRule=function(e){return e<this.length?this.rules[e]:""},e}(),V=g,F={isServer:!g,useCSSOMInjection:!S},L=function(){function e(e,t,n){void 0===e&&(e=p),void 0===t&&(t={}),this.options=u({},F,{},e),this.gs=t,this.names=new Map(n),this.server=!!e.isServer,!this.server&&g&&V&&(V=!1,function(e){for(var t=document.querySelectorAll(j),n=0,r=t.length;n<r;n++){var o=t[n];o&&"active"!==o.getAttribute(v)&&(T(e,o),o.parentNode&&o.parentNode.removeChild(o))}}(this))}e.registerId=function(e){return I(e)};var t=e.prototype;return t.reconstructWithOptions=function(t,n){return void 0===n&&(n=!0),new e(u({},this.options,{},t),this.gs,n&&this.names||void 0)},t.allocateGSInstance=function(e){return this.gs[e]=(this.gs[e]||0)+1},t.getTag=function(){return this.tag||(this.tag=(n=(t=this.options).isServer,r=t.useCSSOMInjection,o=t.target,e=n?new B(o):r?new x(o):new z(o),new _(e)));var e,t,n,r,o},t.hasNameForId=function(e,t){return this.names.has(e)&&this.names.get(e).has(t)},t.registerName=function(e,t){if(I(e),this.names.has(e))this.names.get(e).add(t);else{var n=new Set;n.add(t),this.names.set(e,n)}},t.insertRules=function(e,t,n){this.registerName(e,t),this.getTag().insertRules(I(e),n)},t.clearNames=function(e){this.names.has(e)&&this.names.get(e).clear()},t.clearRules=function(e){this.getTag().clearGroup(I(e)),this.clearNames(e)},t.clearTag=function(){this.tag=void 0},t.toString=function(){return function(e){for(var t=e.getTag(),n=t.length,r="",o=0;o<n;o++){var s=P(o);if(void 0!==s){var i=e.names.get(s),a=t.getGroup(o);if(i&&a&&i.size){var c=v+".g"+o+'[id="'+s+'"]',u="";void 0!==i&&i.forEach(function(e){e.length>0&&(u+=e+",")}),r+=""+a+c+'{content:"'+u+'"}/*!sc*/\n'}}}return r}(this)},e}(),M=/(a)(d)/gi,G=function(e){return String.fromCharCode(e+(e>25?39:97))};function Y(e){var t,n="";for(t=Math.abs(e);t>52;t=t/52|0)n=G(t%52)+n;return(G(t%52)+n).replace(M,"$1-$2")}var q=function(e,t){for(var n=t.length;n;)e=33*e^t.charCodeAt(--n);return e},$=function(e){return q(5381,e)};var H=$("5.3.11"),U=function(){function e(e,t,n){this.rules=e,this.staticRulesId="",this.isStatic="production"===process.env.NODE_ENV&&(void 0===n||n.isStatic)&&function(e){for(var t=0;t<e.length;t+=1){var n=e[t];if(f(n)&&!y(n))return!1}return!0}(e),this.componentId=t,this.baseHash=q(H,t),this.baseStyle=n,L.registerId(t)}return e.prototype.generateAndInjectStyles=function(e,t,n){var r=this.componentId,o=[];if(this.baseStyle&&o.push(this.baseStyle.generateAndInjectStyles(e,t,n)),this.isStatic&&!n.hash)if(this.staticRulesId&&t.hasNameForId(r,this.staticRulesId))o.push(this.staticRulesId);else{var s=ae(this.rules,e,t,n).join(""),i=Y(q(this.baseHash,s)>>>0);if(!t.hasNameForId(r,i)){var a=n(s,"."+i,void 0,r);t.insertRules(r,i,a)}o.push(i),this.staticRulesId=i}else{for(var c=this.rules.length,u=q(this.baseHash,n.hash),l="",d=0;d<c;d++){var h=this.rules[d];if("string"==typeof h)l+=h,"production"!==process.env.NODE_ENV&&(u=q(u,h+d));else if(h){var p=ae(h,e,t,n),f=Array.isArray(p)?p.join(""):p;u=q(u,f+d),l+=f}}if(l){var m=Y(u>>>0);if(!t.hasNameForId(r,m)){var y=n(l,"."+m,void 0,r);t.insertRules(r,m,y)}o.push(m)}}return o.join(" ")},e}(),W=/^\s*\/\/.*$/gm,Z=[":","[",".","#"];var J=t.createContext();J.Consumer;var X=t.createContext(),K=(X.Consumer,new L),Q=function(){var e,t,n,r,o=p,i=o.options,a=void 0===i?p:i,c=o.plugins,u=void 0===c?h:c,l=new s(a),d=[],f=function(e){function t(t){if(t)try{e(t+"}")}catch(e){}}return function(n,r,o,s,i,a,c,u,l,d){switch(n){case 1:if(0===l&&64===r.charCodeAt(0))return e(r+";"),"";break;case 2:if(0===u)return r+"/*|*/";break;case 3:switch(u){case 102:case 112:return e(o[0]+r),"";default:return r+(0===d?"/*|*/":"")}case-2:r.split("/*|*/}").forEach(t)}}}(function(e){d.push(e)}),m=function(n,o,s){return 0===o&&-1!==Z.indexOf(s[t.length])||s.match(r)?n:"."+e};function y(o,s,i,a){void 0===a&&(a="&");var c=o.replace(W,""),u=s&&i?i+" "+s+" { "+c+" }":c;return e=a,t=s,n=new RegExp("\\"+t+"\\b","g"),r=new RegExp("(\\"+t+"\\b){2,}"),l(i||!s?"":s,u)}return l.use([].concat(u,[function(e,r,o){2===e&&o.length&&o[0].lastIndexOf(t)>0&&(o[0]=o[0].replace(n,m))},f,function(e){if(-2===e){var t=d;return d=[],t}}])),y.hash=u.length?u.reduce(function(e,t){return t.name||E(15),q(e,t.name)},5381).toString():"",y}();var ee=function(){function e(e,t){var n=this;this.inject=function(e,t){void 0===t&&(t=Q);var r=n.name+t.hash;e.hasNameForId(n.id,r)||e.insertRules(n.id,r,t(n.rules,r,"@keyframes"))},this.toString=function(){return E(12,String(n.name))},this.name=e,this.id="sc-keyframes-"+e,this.rules=t}return e.prototype.getName=function(e){return void 0===e&&(e=Q),this.name+e.hash},e}(),te=/([A-Z])/,ne=/([A-Z])/g,re=/^ms-/,oe=function(e){return"-"+e.toLowerCase()};function se(e){return te.test(e)?e.replace(ne,oe).replace(re,"-ms-"):e}var ie=function(e){return null==e||!1===e||""===e};function ae(t,n,r,o){if(Array.isArray(t)){for(var s,a=[],c=0,u=t.length;c<u;c+=1)""!==(s=ae(t[c],n,r,o))&&(Array.isArray(s)?a.push.apply(a,s):a.push(s));return a}if(ie(t))return"";if(y(t))return"."+t.styledComponentId;if(f(t)){if("function"!=typeof(h=t)||h.prototype&&h.prototype.isReactComponent||!n)return t;var l=t(n);return"production"!==process.env.NODE_ENV&&e.isElement(l)&&console.warn(m(t)+" is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details."),ae(l,n,r,o)}var h;return t instanceof ee?r?(t.inject(r,o),t.getName(o)):t:d(t)?function e(t,n){var r,o,s=[];for(var a in t)t.hasOwnProperty(a)&&!ie(t[a])&&(Array.isArray(t[a])&&t[a].isCss||f(t[a])?s.push(se(a)+":",t[a],";"):d(t[a])?s.push.apply(s,e(t[a],a)):s.push(se(a)+": "+(r=a,(null==(o=t[a])||"boolean"==typeof o||""===o?"":"number"!=typeof o||0===o||r in i||r.startsWith("--")?String(o).trim():o+"px")+";")));return n?[n+" {"].concat(s,["}"]):s}(t):t.toString()}var ce=function(e){return Array.isArray(e)&&(e.isCss=!0),e};function ue(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];return f(e)||d(e)?ce(ae(l(h,[e].concat(n)))):0===n.length&&1===e.length&&"string"==typeof e[0]?e:ce(ae(l(e,n)))}var le=/invalid hook call/i,de=new Set,he=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,pe=/(^-|-$)/g;function fe(e){return e.replace(he,"-").replace(pe,"")}function me(e){return"string"==typeof e&&("production"===process.env.NODE_ENV||e.charAt(0)===e.charAt(0).toLowerCase())}var ye=function(e){return"function"==typeof e||"object"==typeof e&&null!==e&&!Array.isArray(e)},ve=function(e){return"__proto__"!==e&&"constructor"!==e&&"prototype"!==e};function ge(e,t,n){var r=e[n];ye(t)&&ye(r)?Se(r,t):e[n]=t}function Se(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];for(var o=0,s=n;o<s.length;o++){var i=s[o];if(ye(i))for(var a in i)ve(a)&&ge(e,i[a],a)}return e}var we=t.createContext();we.Consumer;var be={};function Ee(e,s,i){var l=y(e),d=!me(e),v=s.attrs,g=void 0===v?h:v,S=s.componentId,w=void 0===S?function(e,t){var n="string"!=typeof e?"sc":fe(e);be[n]=(be[n]||0)+1;var r=n+"-"+function(e){return Y($(e)>>>0)}("5.3.11"+n+be[n]);return t?t+"-"+r:r}(s.displayName,s.parentComponentId):S,b=s.displayName,E=void 0===b?function(e){return me(e)?"styled."+e:"Styled("+m(e)+")"}(e):b,_=s.displayName&&s.componentId?fe(s.displayName)+"-"+s.componentId:s.componentId||w,A=l&&e.attrs?Array.prototype.concat(e.attrs,g).filter(Boolean):g,C=s.shouldForwardProp;l&&e.shouldForwardProp&&(C=s.shouldForwardProp?function(t,n,r){return e.shouldForwardProp(t,n,r)&&s.shouldForwardProp(t,n,r)}:e.shouldForwardProp);var N,I=new U(i,_,l?e.componentStyle:void 0),P=I.isStatic&&0===g.length,R=function(e,t){return function(e,t,o,s){var i=e.attrs,c=e.componentStyle,l=e.defaultProps,d=e.foldedComponentIds,h=e.shouldForwardProp,m=e.styledComponentId,y=e.target,v=function(e,t,n){void 0===e&&(e=p);var r=u({},t,{theme:e}),o={};return n.forEach(function(e){var t,n,s,i=e;for(t in f(i)&&(i=i(r)),i)r[t]=o[t]="className"===t?(n=o[t],s=i[t],n&&s?n+" "+s:n||s):i[t]}),[r,o]}(function(e,t,n){return void 0===n&&(n=p),e.theme!==n.theme&&e.theme||t||n.theme}(t,n(we),l)||p,t,i),g=v[0],S=v[1],w=function(e,t,r,o){var s=n(J)||K,i=n(X)||Q,a=t?e.generateAndInjectStyles(p,s,i):e.generateAndInjectStyles(r,s,i);return"production"!==process.env.NODE_ENV&&!t&&o&&o(a),a}(c,s,g,"production"!==process.env.NODE_ENV?e.warnTooManyClasses:void 0),b=o,E=S.$as||t.$as||S.as||t.as||y,_=me(E),A=S!==t?u({},t,{},S):t,C={};for(var N in A)"$"!==N[0]&&"as"!==N&&("forwardedAs"===N?C.as=A[N]:(h?h(N,a,E):!_||a(N))&&(C[N]=A[N]));return t.style&&S.style!==t.style&&(C.style=u({},t.style,{},S.style)),C.className=Array.prototype.concat(d,m,w!==m?w:null,t.className,S.className).filter(Boolean).join(" "),C.ref=b,r(E,C)}(N,e,t,P)};return R.displayName=E,(N=t.forwardRef(R)).attrs=A,N.componentStyle=I,N.displayName=E,N.shouldForwardProp=C,N.foldedComponentIds=l?Array.prototype.concat(e.foldedComponentIds,e.styledComponentId):h,N.styledComponentId=_,N.target=l?e.target:e,N.withComponent=function(e){var t=s.componentId,n=function(e,t){if(null==e)return{};var n,r,o={},s=Object.keys(e);for(r=0;r<s.length;r++)n=s[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(s,["componentId"]),r=t&&t+"-"+(me(e)?e:fe(m(e)));return Ee(e,u({},n,{attrs:A,componentId:r}),i)},Object.defineProperty(N,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(t){this._foldedDefaultProps=l?Se({},e.defaultProps,t):t}}),"production"!==process.env.NODE_ENV&&(function(e,t){if("production"!==process.env.NODE_ENV){var n="The component "+e+(t?' with the id of "'+t+'"':"")+" has been created dynamically.\nYou may see this warning because you've called styled inside another component.\nTo resolve this only create new StyledComponents outside of any render method and function component.",r=console.error;try{var s=!0;console.error=function(e){if(le.test(e))s=!1,de.delete(n);else{for(var t=arguments.length,o=new Array(t>1?t-1:0),i=1;i<t;i++)o[i-1]=arguments[i];r.apply(void 0,[e].concat(o))}},o(),s&&!de.has(n)&&(console.warn(n),de.add(n))}catch(e){le.test(e.message)&&de.delete(n)}finally{console.error=r}}}(E,_),N.warnTooManyClasses=function(e,t){var n={},r=!1;return function(o){if(!r&&(n[o]=!0,Object.keys(n).length>=200)){var s=t?' with the id of "'+t+'"':"";console.warn("Over 200 classes were generated for component "+e+s+".\nConsider using the attrs method, together with a style object for frequently changed styles.\nExample:\n  const Component = styled.div.attrs(props => ({\n    style: {\n      background: props.background,\n    },\n  }))`width: 100%;`\n\n  <Component />"),r=!0,n={}}}}(E,_)),Object.defineProperty(N,"toString",{value:function(){return"."+N.styledComponentId}}),d&&c(N,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0,withComponent:!0}),N}var _e=function(t){return function t(n,r,o){if(void 0===o&&(o=p),!e.isValidElementType(r))return E(1,String(r));var s=function(){return n(r,o,ue.apply(void 0,arguments))};return s.withConfig=function(e){return t(n,r,u({},o,{},e))},s.attrs=function(e){return t(n,r,u({},o,{attrs:Array.prototype.concat(o.attrs,e).filter(Boolean)}))},s}(Ee,t)};["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","marquee","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","textPath","tspan"].forEach(function(e){_e[e]=_e(e)}),"production"!==process.env.NODE_ENV&&"undefined"!=typeof navigator&&"ReactNative"===navigator.product&&console.warn("It looks like you've imported 'styled-components' on React Native.\nPerhaps you're looking to import 'styled-components/native'?\nRead more about this at https://www.styled-components.com/docs/basics#react-native"),"production"!==process.env.NODE_ENV&&"test"!==process.env.NODE_ENV&&"undefined"!=typeof window&&(window["__styled-components-init__"]=window["__styled-components-init__"]||0,1===window["__styled-components-init__"]&&console.warn("It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason.\n\nSee https://s-c.sh/2BAXzed for more info."),window["__styled-components-init__"]+=1);export{J as StyleSheetContext,we as ThemeContext,ue as css,_e as default,y as isStyledComponent};
+import{r as e}from"../../../_virtual/index4.js";import t,{useContext as n,createElement as r,useRef as o}from"react";import s from"../../@emotion/stylis/dist/stylis.browser.esm.js";import i from"../../@emotion/unitless/dist/unitless.browser.esm.js";import a from"../../@emotion/is-prop-valid/dist/emotion-is-prop-valid.esm.js";import c from"../../../_virtual/hoist-non-react-statics.cjs.js";function u(){return(u=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}var l=function(e,t){for(var n=[e[0]],r=0,o=t.length;r<o;r+=1)n.push(t[r],e[r+1]);return n},d=function(t){return null!==t&&"object"==typeof t&&"[object Object]"===(t.toString?t.toString():Object.prototype.toString.call(t))&&!e.typeOf(t)},h=Object.freeze([]),p=Object.freeze({});function f(e){return"function"==typeof e}function m(e){return"production"!==process.env.NODE_ENV&&"string"==typeof e&&e||e.displayName||e.name||"Component"}function y(e){return e&&"string"==typeof e.styledComponentId}var v="undefined"!=typeof process&&void 0!==process.env&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",g="undefined"!=typeof window&&"HTMLElement"in window,S=Boolean("boolean"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env&&(void 0!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&""!==process.env.REACT_APP_SC_DISABLE_SPEEDY?"false"!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&process.env.REACT_APP_SC_DISABLE_SPEEDY:void 0!==process.env.SC_DISABLE_SPEEDY&&""!==process.env.SC_DISABLE_SPEEDY?"false"!==process.env.SC_DISABLE_SPEEDY&&process.env.SC_DISABLE_SPEEDY:"production"!==process.env.NODE_ENV)),w="production"!==process.env.NODE_ENV?{1:"Cannot create styled-component for component: %s.\n\n",2:"Can't collect styles once you've consumed a `ServerStyleSheet`'s styles! `ServerStyleSheet` is a one off instance for each server-side render cycle.\n\n- Are you trying to reuse it across renders?\n- Are you accidentally calling collectStyles twice?\n\n",3:"Streaming SSR is only supported in a Node.js environment; Please do not try to call this method in the browser.\n\n",4:"The `StyleSheetManager` expects a valid target or sheet prop!\n\n- Does this error occur on the client and is your target falsy?\n- Does this error occur on the server and is the sheet falsy?\n\n",5:"The clone method cannot be used on the client!\n\n- Are you running in a client-like environment on the server?\n- Are you trying to run SSR on the client?\n\n",6:"Trying to insert a new style tag, but the given Node is unmounted!\n\n- Are you using a custom target that isn't mounted?\n- Does your document not have a valid head element?\n- Have you accidentally removed a style tag manually?\n\n",7:'ThemeProvider: Please return an object from your "theme" prop function, e.g.\n\n```js\ntheme={() => ({})}\n```\n\n',8:'ThemeProvider: Please make your "theme" prop an object.\n\n',9:"Missing document `<head>`\n\n",10:"Cannot find a StyleSheet instance. Usually this happens if there are multiple copies of styled-components loaded at once. Check out this issue for how to troubleshoot and fix the common cases where this situation can happen: https://github.com/styled-components/styled-components/issues/1941#issuecomment-417862021\n\n",11:"_This error was replaced with a dev-time warning, it will be deleted for v4 final._ [createGlobalStyle] received children which will not be rendered. Please use the component without passing children elements.\n\n",12:"It seems you are interpolating a keyframe declaration (%s) into an untagged string. This was supported in styled-components v3, but is not longer supported in v4 as keyframes are now injected on-demand. Please wrap your string in the css\\`\\` helper which ensures the styles are injected correctly. See https://www.styled-components.com/docs/api#css\n\n",13:"%s is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.\n\n",14:'ThemeProvider: "theme" prop is required.\n\n',15:"A stylis plugin has been supplied that is not named. We need a name for each plugin to be able to prevent styling collisions between different stylis configurations within the same app. Before you pass your plugin to `<StyleSheetManager stylisPlugins={[]}>`, please make sure each plugin is uniquely-named, e.g.\n\n```js\nObject.defineProperty(importedPlugin, 'name', { value: 'some-unique-name' });\n```\n\n",16:"Reached the limit of how many styled components may be created at group %s.\nYou may only create up to 1,073,741,824 components. If you're creating components dynamically,\nas for instance in your render method then you may be running into this limitation.\n\n",17:"CSSStyleSheet could not be found on HTMLStyleElement.\nHas styled-components' style tag been unmounted or altered by another script?\n"}:{};function b(){for(var e=arguments.length<=0?void 0:arguments[0],t=[],n=1,r=arguments.length;n<r;n+=1)t.push(n<0||arguments.length<=n?void 0:arguments[n]);return t.forEach(function(t){e=e.replace(/%[a-z]/,t)}),e}function E(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];throw"production"===process.env.NODE_ENV?new Error("An error occurred. See https://git.io/JUIaE#"+e+" for more information."+(n.length>0?" Args: "+n.join(", "):"")):new Error(b.apply(void 0,[w[e]].concat(n)).trim())}var _=function(){function e(e){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e}var t=e.prototype;return t.indexOfGroup=function(e){for(var t=0,n=0;n<e;n++)t+=this.groupSizes[n];return t},t.insertRules=function(e,t){if(e>=this.groupSizes.length){for(var n=this.groupSizes,r=n.length,o=r;e>=o;)(o<<=1)<0&&E(16,""+e);this.groupSizes=new Uint32Array(o),this.groupSizes.set(n),this.length=o;for(var s=r;s<o;s++)this.groupSizes[s]=0}for(var i=this.indexOfGroup(e+1),a=0,c=t.length;a<c;a++)this.tag.insertRule(i,t[a])&&(this.groupSizes[e]++,i++)},t.clearGroup=function(e){if(e<this.length){var t=this.groupSizes[e],n=this.indexOfGroup(e),r=n+t;this.groupSizes[e]=0;for(var o=n;o<r;o++)this.tag.deleteRule(n)}},t.getGroup=function(e){var t="";if(e>=this.length||0===this.groupSizes[e])return t;for(var n=this.groupSizes[e],r=this.indexOfGroup(e),o=r+n,s=r;s<o;s++)t+=this.tag.getRule(s)+"/*!sc*/\n";return t},e}(),A=new Map,C=new Map,N=1,I=function(e){if(A.has(e))return A.get(e);for(;C.has(N);)N++;var t=N++;return"production"!==process.env.NODE_ENV&&((0|t)<0||t>1<<30)&&E(16,""+t),A.set(e,t),C.set(t,e),t},P=function(e){return C.get(e)},R=function(e,t){t>=N&&(N=t+1),A.set(e,t),C.set(t,e)},j="style["+v+'][data-styled-version="5.3.11"]',O=new RegExp("^"+v+'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)'),D=function(e,t,n){for(var r,o=n.split(","),s=0,i=o.length;s<i;s++)(r=o[s])&&e.registerName(t,r)},T=function(e,t){for(var n=(t.textContent||"").split("/*!sc*/\n"),r=[],o=0,s=n.length;o<s;o++){var i=n[o].trim();if(i){var a=i.match(O);if(a){var c=0|parseInt(a[1],10),u=a[2];0!==c&&(R(u,c),D(e,u,a[3]),e.getTag().insertRules(c,r)),r.length=0}else r.push(i)}}},k=function(e){var t=document.head,n=e||t,r=document.createElement("style"),o=function(e){for(var t=e.childNodes,n=t.length;n>=0;n--){var r=t[n];if(r&&1===r.nodeType&&r.hasAttribute(v))return r}}(n),s=void 0!==o?o.nextSibling:null;r.setAttribute(v,"active"),r.setAttribute("data-styled-version","5.3.11");var i="undefined"!=typeof __webpack_nonce__?__webpack_nonce__:null;return i&&r.setAttribute("nonce",i),n.insertBefore(r,s),r},x=function(){function e(e){var t=this.element=k(e);t.appendChild(document.createTextNode("")),this.sheet=function(e){if(e.sheet)return e.sheet;for(var t=document.styleSheets,n=0,r=t.length;n<r;n++){var o=t[n];if(o.ownerNode===e)return o}E(17)}(t),this.length=0}var t=e.prototype;return t.insertRule=function(e,t){try{return this.sheet.insertRule(t,e),this.length++,!0}catch(e){return!1}},t.deleteRule=function(e){this.sheet.deleteRule(e),this.length--},t.getRule=function(e){var t=this.sheet.cssRules[e];return void 0!==t&&"string"==typeof t.cssText?t.cssText:""},e}(),z=function(){function e(e){var t=this.element=k(e);this.nodes=t.childNodes,this.length=0}var t=e.prototype;return t.insertRule=function(e,t){if(e<=this.length&&e>=0){var n=document.createTextNode(t),r=this.nodes[e];return this.element.insertBefore(n,r||null),this.length++,!0}return!1},t.deleteRule=function(e){this.element.removeChild(this.nodes[e]),this.length--},t.getRule=function(e){return e<this.length?this.nodes[e].textContent:""},e}(),B=function(){function e(e){this.rules=[],this.length=0}var t=e.prototype;return t.insertRule=function(e,t){return e<=this.length&&(this.rules.splice(e,0,t),this.length++,!0)},t.deleteRule=function(e){this.rules.splice(e,1),this.length--},t.getRule=function(e){return e<this.length?this.rules[e]:""},e}(),V=g,F={isServer:!g,useCSSOMInjection:!S},L=function(){function e(e,t,n){void 0===e&&(e=p),void 0===t&&(t={}),this.options=u({},F,{},e),this.gs=t,this.names=new Map(n),this.server=!!e.isServer,!this.server&&g&&V&&(V=!1,function(e){for(var t=document.querySelectorAll(j),n=0,r=t.length;n<r;n++){var o=t[n];o&&"active"!==o.getAttribute(v)&&(T(e,o),o.parentNode&&o.parentNode.removeChild(o))}}(this))}e.registerId=function(e){return I(e)};var t=e.prototype;return t.reconstructWithOptions=function(t,n){return void 0===n&&(n=!0),new e(u({},this.options,{},t),this.gs,n&&this.names||void 0)},t.allocateGSInstance=function(e){return this.gs[e]=(this.gs[e]||0)+1},t.getTag=function(){return this.tag||(this.tag=(n=(t=this.options).isServer,r=t.useCSSOMInjection,o=t.target,e=n?new B(o):r?new x(o):new z(o),new _(e)));var e,t,n,r,o},t.hasNameForId=function(e,t){return this.names.has(e)&&this.names.get(e).has(t)},t.registerName=function(e,t){if(I(e),this.names.has(e))this.names.get(e).add(t);else{var n=new Set;n.add(t),this.names.set(e,n)}},t.insertRules=function(e,t,n){this.registerName(e,t),this.getTag().insertRules(I(e),n)},t.clearNames=function(e){this.names.has(e)&&this.names.get(e).clear()},t.clearRules=function(e){this.getTag().clearGroup(I(e)),this.clearNames(e)},t.clearTag=function(){this.tag=void 0},t.toString=function(){return function(e){for(var t=e.getTag(),n=t.length,r="",o=0;o<n;o++){var s=P(o);if(void 0!==s){var i=e.names.get(s),a=t.getGroup(o);if(i&&a&&i.size){var c=v+".g"+o+'[id="'+s+'"]',u="";void 0!==i&&i.forEach(function(e){e.length>0&&(u+=e+",")}),r+=""+a+c+'{content:"'+u+'"}/*!sc*/\n'}}}return r}(this)},e}(),M=/(a)(d)/gi,G=function(e){return String.fromCharCode(e+(e>25?39:97))};function Y(e){var t,n="";for(t=Math.abs(e);t>52;t=t/52|0)n=G(t%52)+n;return(G(t%52)+n).replace(M,"$1-$2")}var q=function(e,t){for(var n=t.length;n;)e=33*e^t.charCodeAt(--n);return e},$=function(e){return q(5381,e)};var H=$("5.3.11"),U=function(){function e(e,t,n){this.rules=e,this.staticRulesId="",this.isStatic="production"===process.env.NODE_ENV&&(void 0===n||n.isStatic)&&function(e){for(var t=0;t<e.length;t+=1){var n=e[t];if(f(n)&&!y(n))return!1}return!0}(e),this.componentId=t,this.baseHash=q(H,t),this.baseStyle=n,L.registerId(t)}return e.prototype.generateAndInjectStyles=function(e,t,n){var r=this.componentId,o=[];if(this.baseStyle&&o.push(this.baseStyle.generateAndInjectStyles(e,t,n)),this.isStatic&&!n.hash)if(this.staticRulesId&&t.hasNameForId(r,this.staticRulesId))o.push(this.staticRulesId);else{var s=ae(this.rules,e,t,n).join(""),i=Y(q(this.baseHash,s)>>>0);if(!t.hasNameForId(r,i)){var a=n(s,"."+i,void 0,r);t.insertRules(r,i,a)}o.push(i),this.staticRulesId=i}else{for(var c=this.rules.length,u=q(this.baseHash,n.hash),l="",d=0;d<c;d++){var h=this.rules[d];if("string"==typeof h)l+=h,"production"!==process.env.NODE_ENV&&(u=q(u,h+d));else if(h){var p=ae(h,e,t,n),f=Array.isArray(p)?p.join(""):p;u=q(u,f+d),l+=f}}if(l){var m=Y(u>>>0);if(!t.hasNameForId(r,m)){var y=n(l,"."+m,void 0,r);t.insertRules(r,m,y)}o.push(m)}}return o.join(" ")},e}(),W=/^\s*\/\/.*$/gm,Z=[":","[",".","#"];var J=t.createContext();J.Consumer;var X=t.createContext(),K=(X.Consumer,new L),Q=function(){var e,t,n,r,o=p,i=o.options,a=void 0===i?p:i,c=o.plugins,u=void 0===c?h:c,l=new s(a),d=[],f=function(e){function t(t){if(t)try{e(t+"}")}catch(e){}}return function(n,r,o,s,i,a,c,u,l,d){switch(n){case 1:if(0===l&&64===r.charCodeAt(0))return e(r+";"),"";break;case 2:if(0===u)return r+"/*|*/";break;case 3:switch(u){case 102:case 112:return e(o[0]+r),"";default:return r+(0===d?"/*|*/":"")}case-2:r.split("/*|*/}").forEach(t)}}}(function(e){d.push(e)}),m=function(n,o,s){return 0===o&&-1!==Z.indexOf(s[t.length])||s.match(r)?n:"."+e};function y(o,s,i,a){void 0===a&&(a="&");var c=o.replace(W,""),u=s&&i?i+" "+s+" { "+c+" }":c;return e=a,t=s,n=new RegExp("\\"+t+"\\b","g"),r=new RegExp("(\\"+t+"\\b){2,}"),l(i||!s?"":s,u)}return l.use([].concat(u,[function(e,r,o){2===e&&o.length&&o[0].lastIndexOf(t)>0&&(o[0]=o[0].replace(n,m))},f,function(e){if(-2===e){var t=d;return d=[],t}}])),y.hash=u.length?u.reduce(function(e,t){return t.name||E(15),q(e,t.name)},5381).toString():"",y}();var ee=function(){function e(e,t){var n=this;this.inject=function(e,t){void 0===t&&(t=Q);var r=n.name+t.hash;e.hasNameForId(n.id,r)||e.insertRules(n.id,r,t(n.rules,r,"@keyframes"))},this.toString=function(){return E(12,String(n.name))},this.name=e,this.id="sc-keyframes-"+e,this.rules=t}return e.prototype.getName=function(e){return void 0===e&&(e=Q),this.name+e.hash},e}(),te=/([A-Z])/,ne=/([A-Z])/g,re=/^ms-/,oe=function(e){return"-"+e.toLowerCase()};function se(e){return te.test(e)?e.replace(ne,oe).replace(re,"-ms-"):e}var ie=function(e){return null==e||!1===e||""===e};function ae(t,n,r,o){if(Array.isArray(t)){for(var s,a=[],c=0,u=t.length;c<u;c+=1)""!==(s=ae(t[c],n,r,o))&&(Array.isArray(s)?a.push.apply(a,s):a.push(s));return a}if(ie(t))return"";if(y(t))return"."+t.styledComponentId;if(f(t)){if("function"!=typeof(h=t)||h.prototype&&h.prototype.isReactComponent||!n)return t;var l=t(n);return"production"!==process.env.NODE_ENV&&e.isElement(l)&&console.warn(m(t)+" is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details."),ae(l,n,r,o)}var h;return t instanceof ee?r?(t.inject(r,o),t.getName(o)):t:d(t)?function e(t,n){var r,o,s=[];for(var a in t)t.hasOwnProperty(a)&&!ie(t[a])&&(Array.isArray(t[a])&&t[a].isCss||f(t[a])?s.push(se(a)+":",t[a],";"):d(t[a])?s.push.apply(s,e(t[a],a)):s.push(se(a)+": "+(r=a,(null==(o=t[a])||"boolean"==typeof o||""===o?"":"number"!=typeof o||0===o||r in i||r.startsWith("--")?String(o).trim():o+"px")+";")));return n?[n+" {"].concat(s,["}"]):s}(t):t.toString()}var ce=function(e){return Array.isArray(e)&&(e.isCss=!0),e};function ue(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];return f(e)||d(e)?ce(ae(l(h,[e].concat(n)))):0===n.length&&1===e.length&&"string"==typeof e[0]?e:ce(ae(l(e,n)))}var le=/invalid hook call/i,de=new Set,he=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,pe=/(^-|-$)/g;function fe(e){return e.replace(he,"-").replace(pe,"")}function me(e){return"string"==typeof e&&("production"===process.env.NODE_ENV||e.charAt(0)===e.charAt(0).toLowerCase())}var ye=function(e){return"function"==typeof e||"object"==typeof e&&null!==e&&!Array.isArray(e)},ve=function(e){return"__proto__"!==e&&"constructor"!==e&&"prototype"!==e};function ge(e,t,n){var r=e[n];ye(t)&&ye(r)?Se(r,t):e[n]=t}function Se(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];for(var o=0,s=n;o<s.length;o++){var i=s[o];if(ye(i))for(var a in i)ve(a)&&ge(e,i[a],a)}return e}var we=t.createContext();we.Consumer;var be={};function Ee(e,s,i){var l=y(e),d=!me(e),v=s.attrs,g=void 0===v?h:v,S=s.componentId,w=void 0===S?function(e,t){var n="string"!=typeof e?"sc":fe(e);be[n]=(be[n]||0)+1;var r=n+"-"+function(e){return Y($(e)>>>0)}("5.3.11"+n+be[n]);return t?t+"-"+r:r}(s.displayName,s.parentComponentId):S,b=s.displayName,E=void 0===b?function(e){return me(e)?"styled."+e:"Styled("+m(e)+")"}(e):b,_=s.displayName&&s.componentId?fe(s.displayName)+"-"+s.componentId:s.componentId||w,A=l&&e.attrs?Array.prototype.concat(e.attrs,g).filter(Boolean):g,C=s.shouldForwardProp;l&&e.shouldForwardProp&&(C=s.shouldForwardProp?function(t,n,r){return e.shouldForwardProp(t,n,r)&&s.shouldForwardProp(t,n,r)}:e.shouldForwardProp);var N,I=new U(i,_,l?e.componentStyle:void 0),P=I.isStatic&&0===g.length,R=function(e,t){return function(e,t,o,s){var i=e.attrs,c=e.componentStyle,l=e.defaultProps,d=e.foldedComponentIds,h=e.shouldForwardProp,m=e.styledComponentId,y=e.target,v=function(e,t,n){void 0===e&&(e=p);var r=u({},t,{theme:e}),o={};return n.forEach(function(e){var t,n,s,i=e;for(t in f(i)&&(i=i(r)),i)r[t]=o[t]="className"===t?(n=o[t],s=i[t],n&&s?n+" "+s:n||s):i[t]}),[r,o]}(function(e,t,n){return void 0===n&&(n=p),e.theme!==n.theme&&e.theme||t||n.theme}(t,n(we),l)||p,t,i),g=v[0],S=v[1],w=function(e,t,r,o){var s=n(J)||K,i=n(X)||Q,a=t?e.generateAndInjectStyles(p,s,i):e.generateAndInjectStyles(r,s,i);return"production"!==process.env.NODE_ENV&&!t&&o&&o(a),a}(c,s,g,"production"!==process.env.NODE_ENV?e.warnTooManyClasses:void 0),b=o,E=S.$as||t.$as||S.as||t.as||y,_=me(E),A=S!==t?u({},t,{},S):t,C={};for(var N in A)"$"!==N[0]&&"as"!==N&&("forwardedAs"===N?C.as=A[N]:(h?h(N,a,E):!_||a(N))&&(C[N]=A[N]));return t.style&&S.style!==t.style&&(C.style=u({},t.style,{},S.style)),C.className=Array.prototype.concat(d,m,w!==m?w:null,t.className,S.className).filter(Boolean).join(" "),C.ref=b,r(E,C)}(N,e,t,P)};return R.displayName=E,(N=t.forwardRef(R)).attrs=A,N.componentStyle=I,N.displayName=E,N.shouldForwardProp=C,N.foldedComponentIds=l?Array.prototype.concat(e.foldedComponentIds,e.styledComponentId):h,N.styledComponentId=_,N.target=l?e.target:e,N.withComponent=function(e){var t=s.componentId,n=function(e,t){if(null==e)return{};var n,r,o={},s=Object.keys(e);for(r=0;r<s.length;r++)n=s[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(s,["componentId"]),r=t&&t+"-"+(me(e)?e:fe(m(e)));return Ee(e,u({},n,{attrs:A,componentId:r}),i)},Object.defineProperty(N,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(t){this._foldedDefaultProps=l?Se({},e.defaultProps,t):t}}),"production"!==process.env.NODE_ENV&&(function(e,t){if("production"!==process.env.NODE_ENV){var n="The component "+e+(t?' with the id of "'+t+'"':"")+" has been created dynamically.\nYou may see this warning because you've called styled inside another component.\nTo resolve this only create new StyledComponents outside of any render method and function component.",r=console.error;try{var s=!0;console.error=function(e){if(le.test(e))s=!1,de.delete(n);else{for(var t=arguments.length,o=new Array(t>1?t-1:0),i=1;i<t;i++)o[i-1]=arguments[i];r.apply(void 0,[e].concat(o))}},o(),s&&!de.has(n)&&(console.warn(n),de.add(n))}catch(e){le.test(e.message)&&de.delete(n)}finally{console.error=r}}}(E,_),N.warnTooManyClasses=function(e,t){var n={},r=!1;return function(o){if(!r&&(n[o]=!0,Object.keys(n).length>=200)){var s=t?' with the id of "'+t+'"':"";console.warn("Over 200 classes were generated for component "+e+s+".\nConsider using the attrs method, together with a style object for frequently changed styles.\nExample:\n  const Component = styled.div.attrs(props => ({\n    style: {\n      background: props.background,\n    },\n  }))`width: 100%;`\n\n  <Component />"),r=!0,n={}}}}(E,_)),Object.defineProperty(N,"toString",{value:function(){return"."+N.styledComponentId}}),d&&c(N,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0,withComponent:!0}),N}var _e=function(t){return function t(n,r,o){if(void 0===o&&(o=p),!e.isValidElementType(r))return E(1,String(r));var s=function(){return n(r,o,ue.apply(void 0,arguments))};return s.withConfig=function(e){return t(n,r,u({},o,{},e))},s.attrs=function(e){return t(n,r,u({},o,{attrs:Array.prototype.concat(o.attrs,e).filter(Boolean)}))},s}(Ee,t)};["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","marquee","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","textPath","tspan"].forEach(function(e){_e[e]=_e(e)}),"production"!==process.env.NODE_ENV&&"undefined"!=typeof navigator&&"ReactNative"===navigator.product&&console.warn("It looks like you've imported 'styled-components' on React Native.\nPerhaps you're looking to import 'styled-components/native'?\nRead more about this at https://www.styled-components.com/docs/basics#react-native"),"production"!==process.env.NODE_ENV&&"test"!==process.env.NODE_ENV&&"undefined"!=typeof window&&(window["__styled-components-init__"]=window["__styled-components-init__"]||0,1===window["__styled-components-init__"]&&console.warn("It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason.\n\nSee https://s-c.sh/2BAXzed for more info."),window["__styled-components-init__"]+=1);export{J as StyleSheetContext,we as ThemeContext,ue as css,_e as default,y as isStyledComponent};
 //# sourceMappingURL=styled-components.browser.esm.js.map

package/dist/node_modules/use-debounce/dist/index.module.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{useRef as r,useState as n,useCallback as t,useEffect as e,useMemo as u}from"react";function c(n,t,c,i){var a=this,o=r(null),f=r(0),l=r(0),m=r(null),v=r([]),s=r(),d=r(),p=r(n),w=r(!0);p.current=n;var b="undefined"!=typeof window,h=!t&&0!==t&&b;if("function"!=typeof n)throw new TypeError("Expected a function");t=+t\|\|0;var x=!!(c=c\|\|{}).leading,D=!("trailing"in c)\|\|!!c.trailing,g="maxWait"in c,y="debounceOnServer"in c&&!!c.debounceOnServer,A=g?Math.max(+c.maxWait\|\|0,t):null;e(function(){return w.current=!0,function(){w.current=!1}},[]);var F=u(function(){var r=function(r){var n=v.current,t=s.current;return v.current=s.current=null,f.current=r,l.current=l.current\|\|r,d.current=p.current.apply(t,n)},n=function(r,n){h&&cancelAnimationFrame(m.current),m.current=h?requestAnimationFrame(r):setTimeout(r,n)},e=function(r){if(!w.current)return!1;var n=r-o.current;return!o.current\|\|n>=t\|\|n<0\|\|g&&r-f.current>=A},u=function(n){return m.current=null,D&&v.current?r(n):(v.current=s.current=null,d.current)},c=function r(){var c=Date.now();if(x&&l.current===f.current&&F(),e(c))return u(c);if(w.current){var i=t-(c-o.current),a=g?Math.min(i,A-(c-f.current)):i;n(r,a)}},F=function(){i&&i({})},T=function(){if(b\|\|y){var u=Date.now(),i=e(u);if(v.current=[].slice.call(arguments),s.current=a,o.current=u,i){if(!m.current&&w.current)return f.current=o.current,n(c,t),x?r(o.current):d.current;if(g)return n(c,t),r(o.current)}return m.current\|\|n(c,t),d.current}};return T.cancel=function(){m.current&&(h?cancelAnimationFrame(m.current):clearTimeout(m.current)),f.current=0,v.current=o.current=s.current=m.current=null},T.isPending=function(){return!!m.current},T.flush=function(){return m.current?u(Date.now()):d.current},T},[x,g,t,A,D,h,b,y,i]);return F}function i(r,n){return r===n}function a(e,u,a){var o=i,f=r(e),l=n({})[1],m=c(t(function(r){f.current=r,l({})},[l]),u,a,l),v=r(e);return o(v.current,e)\|\|(m(e),v.current=e),[f.current,m]}export{a as useDebounce,c as useDebouncedCallback};
2	+ //# sourceMappingURL=index.module.js.map

package/dist/node_modules/use-debounce/dist/index.module.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.module.js","sources":["../../../../node_modules/use-debounce/dist/index.module.js"],"sourcesContent":["import{useRef as r,useEffect as n,useMemo as t,useState as e,useCallback as u}from\"react\";function c(e,u,c,i){var a=this,o=r(null),f=r(0),l=r(0),v=r(null),m=r([]),d=r(),g=r(),p=r(e),w=r(!0);p.current=e;var s=\"undefined\"!=typeof window,x=!u&&0!==u&&s;if(\"function\"!=typeof e)throw new TypeError(\"Expected a function\");u=+u||0;var h=!!(c=c||{}).leading,y=!(\"trailing\"in c)||!!c.trailing,F=\"maxWait\"in c,A=\"debounceOnServer\"in c&&!!c.debounceOnServer,D=F?Math.max(+c.maxWait||0,u):null;n(function(){return w.current=!0,function(){w.current=!1}},[]);var T=t(function(){var r=function(r){var n=m.current,t=d.current;return m.current=d.current=null,f.current=r,l.current=l.current||r,g.current=p.current.apply(t,n)},n=function(r,n){x&&cancelAnimationFrame(v.current),v.current=x?requestAnimationFrame(r):setTimeout(r,n)},t=function(r){if(!w.current)return!1;var n=r-o.current;return!o.current||n>=u||n<0||F&&r-f.current>=D},e=function(n){return v.current=null,y&&m.current?r(n):(m.current=d.current=null,g.current)},c=function r(){var c=Date.now();if(h&&l.current===f.current&&T(),t(c))return e(c);if(w.current){var i=u-(c-o.current),a=F?Math.min(i,D-(c-f.current)):i;n(r,a)}},T=function(){i&&i({})},W=function(){if(s||A){var e=Date.now(),i=t(e);if(m.current=[].slice.call(arguments),d.current=a,o.current=e,i){if(!v.current&&w.current)return f.current=o.current,n(c,u),h?r(o.current):g.current;if(F)return n(c,u),r(o.current)}return v.current||n(c,u),g.current}};return W.cancel=function(){v.current&&(x?cancelAnimationFrame(v.current):clearTimeout(v.current)),f.current=0,m.current=o.current=d.current=v.current=null},W.isPending=function(){return!!v.current},W.flush=function(){return v.current?e(Date.now()):g.current},W},[h,F,u,D,y,x,s,A,i]);return T}function i(r,n){return r===n}function a(n,t,a){var o=a&&a.equalityFn||i,f=r(n),l=e({})[1],v=c(u(function(r){f.current=r,l({})},[l]),t,a,l),m=r(n);return o(m.current,n)||(v(n),m.current=n),[f.current,v]}function o(r,n,t){var e=void 0===t?{}:t,u=e.leading,i=e.trailing;return c(r,n,{maxWait:n,leading:void 0===u||u,trailing:void 0===i||i})}export{a as useDebounce,c as useDebouncedCallback,o as useThrottledCallback};\n//# sourceMappingURL=index.module.js.map\n"],"names":["c","e","u","i","a","this","o","r","f","l","v","m","d","g","p","w","current","s","window","x","TypeError","h","leading","y","trailing","F","A","debounceOnServer","D","Math","max","maxWait","n","T","t","apply","cancelAnimationFrame","requestAnimationFrame","setTimeout","Date","now","min","W","slice","call","arguments","cancel","clearTimeout","isPending","flush"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/package.json/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@d19n/webchat",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "description": "D19N WebChat package",
   "author": "@d19n",
   "license": "ISC",
@@ -43,7 +43,6 @@
     "package": "^1.0.1",
     "process": "^0.11.10",
     "react-bootstrap": "^2.10.10",
-    "react-debounce-input": "^3.3.0",
     "react-dropzone": "^14.3.8",
     "react-icons": "^4.2.0",
     "react-markdown": "^5.0.3",
@@ -56,20 +55,25 @@
     "rollup-plugin-dts": "^6.2.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
+    "sass": "^1.87.0",
     "socket.io-client": "^4.7.5",
     "styled-components": "^5.2.1",
     "ts-node": "^10.9.2",
     "tslib": "^2.8.1",
     "typescript": "^5.8.3",
+    "use-debounce": "^10.0.5",
     "uuid": "^11.1.0"
   },
   "peerDependencies": {
     "axios": "^1.11.0",
-    "react": "^18.1.1",
-    "react-dom": "^18.1.1"
+    "react": ">=18.1.1 <21",
+    "react-dom": ">=18.1.1 <21"
   },
   "keywords": [
     "webchat",
     "chat"
-  ]
+  ],
+  "engines": {
+    "node": ">=18"
+  }
 }

package/dist/src/NotificationBar/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__makeTemplateObject as e}from"../../node_modules/tslib/tslib.es6.js";import n,{useState as o,useEffect as t}from"react";import a from"../../node_modules/styled-components/dist/styled-components.browser.esm.js";import{useGlobalContext as r}from"../context/GlobalContext.js";import l from"../../_virtual/react-markdown.js";import p from"../../_virtual/index3.js";var s,i=a.div(s||(s=e(["\n    background-color: #F9423A;\n    color: #000;\n    width: 100%;\n    -webkit-box-shadow: 2px 1px 12px 0px rgba(0, 0, 0, 0.35);\n    -moz-box-shadow: 2px 1px 12px 0px rgba(0, 0, 0, 0.35);\n    box-shadow: 2px 1px 12px 0px rgba(0, 0, 0, 0.35);\n    a, p {\n        color: #000 !important;\n        line-height: 1.25rem !important;\n    }\n"],["\n    background-color: #F9423A;\n    color: #000;\n    width: 100%;\n    -webkit-box-shadow: 2px 1px 12px 0px rgba(0, 0, 0, 0.35);\n    -moz-box-shadow: 2px 1px 12px 0px rgba(0, 0, 0, 0.35);\n    box-shadow: 2px 1px 12px 0px rgba(0, 0, 0, 0.35);\n    a, p {\n        color: #000 !important;\n        line-height: 1.25rem !important;\n    }\n"]))),x=function(e){var a=e.type,s=r(),x=o(null),d=x[0],m=x[1];t(function(){},[]),t(function(){c(a)},[s.appMessages]);var c=function(e){var n,o,t,a;switch(void 0===e&&(e=null),e){case"header":m((null===(n=null==s?void 0:s.appMessages)||void 0===n?void 0:n.website_banner_toggle)?null===(o=null==s?void 0:s.appMessages)||void 0===o?void 0:o.website_banner_text:"");break;case"chat":m((null===(t=null==s?void 0:s.appMessages)||void 0===t?void 0:t.chat_banner_toggle)?null===(a=null==s?void 0:s.appMessages)||void 0===a?void 0:a.chat_banner_text:"");break;default:m(null)}};return n.createElement(n.Fragment,null,d&&n.createElement(i,{className:"text-white p-1 text-center"},n.createElement("small",null,n.createElement(l,{plugins:[p],className:"supportArticleContent",children:d,linkTarget:"_blank"}))))};export{x as default};
+import{__makeTemplateObject as e}from"../../node_modules/tslib/tslib.es6.js";import n,{useState as o,useEffect as t}from"react";import a from"../../node_modules/styled-components/dist/styled-components.browser.esm.js";import{useGlobalContext as r}from"../context/GlobalContext.js";import l from"../../_virtual/react-markdown.js";import p from"../../_virtual/index2.js";var s,i=a.div(s||(s=e(["\n    background-color: #F9423A;\n    color: #000;\n    width: 100%;\n    -webkit-box-shadow: 2px 1px 12px 0px rgba(0, 0, 0, 0.35);\n    -moz-box-shadow: 2px 1px 12px 0px rgba(0, 0, 0, 0.35);\n    box-shadow: 2px 1px 12px 0px rgba(0, 0, 0, 0.35);\n    a, p {\n        color: #000 !important;\n        line-height: 1.25rem !important;\n    }\n"],["\n    background-color: #F9423A;\n    color: #000;\n    width: 100%;\n    -webkit-box-shadow: 2px 1px 12px 0px rgba(0, 0, 0, 0.35);\n    -moz-box-shadow: 2px 1px 12px 0px rgba(0, 0, 0, 0.35);\n    box-shadow: 2px 1px 12px 0px rgba(0, 0, 0, 0.35);\n    a, p {\n        color: #000 !important;\n        line-height: 1.25rem !important;\n    }\n"]))),x=function(e){var a=e.type,s=r(),x=o(null),d=x[0],m=x[1];t(function(){},[]),t(function(){c(a)},[s.appMessages]);var c=function(e){var n,o,t,a;switch(void 0===e&&(e=null),e){case"header":m((null===(n=null==s?void 0:s.appMessages)||void 0===n?void 0:n.website_banner_toggle)?null===(o=null==s?void 0:s.appMessages)||void 0===o?void 0:o.website_banner_text:"");break;case"chat":m((null===(t=null==s?void 0:s.appMessages)||void 0===t?void 0:t.chat_banner_toggle)?null===(a=null==s?void 0:s.appMessages)||void 0===a?void 0:a.chat_banner_text:"");break;default:m(null)}};return n.createElement(n.Fragment,null,d&&n.createElement(i,{className:"text-white p-1 text-center"},n.createElement("small",null,n.createElement(l,{plugins:[p],className:"supportArticleContent",children:d,linkTarget:"_blank"}))))};export{x as default};
 //# sourceMappingURL=index.js.map

package/dist/src/TwilioChat/Chat.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__makeTemplateObject as n,__assign as e,__awaiter as t,__generator as r,__rest as a}from"../../node_modules/tslib/tslib.es6.js";import o,{useRef as i,useState as l,useEffect as c}from"react";import d from"../../node_modules/styled-components/dist/styled-components.browser.esm.js";import s from"../../node_modules/linkify-html/dist/linkify-html.js";import m from"../../node_modules/react-modal-image/es/Lightbox.js";import{l as p}from"../../_virtual/index2.js";import{BsFiletypeMp3 as u,BsFiletypeMp4 as f,BsFiletypeTxt as g,BsFiletypePdf as b}from"../../node_modules/react-icons/bs/index.esm.js";import x from"../../_virtual/moment.js";import h from"../../node_modules/react-bootstrap/esm/Col.js";import y from"../../node_modules/react-bootstrap/esm/Row.js";var v=new URL("./assets/images/svg/favicon.svg",import.meta.url);new URL("./assets/images/svg/youfibre-upload.svg",import.meta.url);var w,E,k,I,N,z=d.div(w||(w=n(["\n  &, .animation {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    position: inherit;\n    margin-bottom: -9rem;\n    animation: slideIn .1s cubic-bezier(0.41, 0.39, 0.53, 1.38) forwards;\n  }\n  @keyframes slideIn {\n    from {\n      margin-bottom: -9rem;\n    }\n    to {\n      margin-bottom: 0rem;\n    }\n  }\n"],["\n  &, .animation {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    position: inherit;\n    margin-bottom: -9rem;\n    animation: slideIn .1s cubic-bezier(0.41, 0.39, 0.53, 1.38) forwards;\n  }\n  @keyframes slideIn {\n    from {\n      margin-bottom: -9rem;\n    }\n    to {\n      margin-bottom: 0rem;\n    }\n  }\n"]))),j=d.div(E||(E=n(["\n  width: 100%;\n  padding: 5px;\n  flex: 0;\n  display: flex;\n  gap: 15px;\n  img {\n    flex: 0;\n    width: 40px;\n    height: 40px;\n    -object-fit: fill;\n    object-fit: fill;\n    border-radius: 200px;\n    padding: 9px;\n    background-color: #ddf0fc;\n    &.system {\n      background-color: #f9f2eb;\n    }\n  }\n  span {\n    color: #263238;\n    background-color: #ddf0fc;\n    flex: 1;\n    padding: 1rem;\n    border-radius: 5px;\n    font-size: 1rem;\n    line-height: 1.5rem;\n    font-weight: 100;\n    display: block;\n    word-break: break-word;\n    a, a:visited, a:active {\n      font-size: 1rem !important;\n      text-decoration: underline;\n      color: #005095;\n    }\n    &.system {\n      color: #935610;\n      background-color: #f9f2eb;\n    }\n  }\n  button {\n    border: 2px solid #08DE9E;\n    cursor: pointer;\n    &:hover {\n      background-color: #08DE9E;\n    }\n  }\n  small {\n    font-size: 0.7rem !important;\n    font-weight: 100;\n    line-height: 0.8rem;\n    color: #bcc8d0;\n  }\n  .action {\n    width: 0.8rem;\n    height: 0.8rem;\n    opacity: 0.5;\n  }\n  .files {\n    margin: 0.3rem 0rem 0rem 0rem !important;\n    border-radius: 5px;\n    background-color: #f4f7f9 !important;;\n    padding: 0rem;\n    overlay: none;\n    display: flex;\n    flex-direction: row !important;\n    flex-wrap: wrap !important;\n    align-content: flex-start !important;\n    justify-content: space-evenly !important;\n    align-items: flex-start !important;\n    .file{\n      width: 130px;\n      height: 130px;\n      object-fit: contain;\n      opacity: 1;\n      cursor: pointer;\n    }\n  }\n"],["\n  width: 100%;\n  padding: 5px;\n  flex: 0;\n  display: flex;\n  gap: 15px;\n  img {\n    flex: 0;\n    width: 40px;\n    height: 40px;\n    -object-fit: fill;\n    object-fit: fill;\n    border-radius: 200px;\n    padding: 9px;\n    background-color: #ddf0fc;\n    &.system {\n      background-color: #f9f2eb;\n    }\n  }\n  span {\n    color: #263238;\n    background-color: #ddf0fc;\n    flex: 1;\n    padding: 1rem;\n    border-radius: 5px;\n    font-size: 1rem;\n    line-height: 1.5rem;\n    font-weight: 100;\n    display: block;\n    word-break: break-word;\n    a, a:visited, a:active {\n      font-size: 1rem !important;\n      text-decoration: underline;\n      color: #005095;\n    }\n    &.system {\n      color: #935610;\n      background-color: #f9f2eb;\n    }\n  }\n  button {\n    border: 2px solid #08DE9E;\n    cursor: pointer;\n    &:hover {\n      background-color: #08DE9E;\n    }\n  }\n  small {\n    font-size: 0.7rem !important;\n    font-weight: 100;\n    line-height: 0.8rem;\n    color: #bcc8d0;\n  }\n  .action {\n    width: 0.8rem;\n    height: 0.8rem;\n    opacity: 0.5;\n  }\n  .files {\n    margin: 0.3rem 0rem 0rem 0rem !important;\n    border-radius: 5px;\n    background-color: #f4f7f9 !important;;\n    padding: 0rem;\n    overlay: none;\n    display: flex;\n    flex-direction: row !important;\n    flex-wrap: wrap !important;\n    align-content: flex-start !important;\n    justify-content: space-evenly !important;\n    align-items: flex-start !important;\n    .file{\n      width: 130px;\n      height: 130px;\n      object-fit: contain;\n      opacity: 1;\n      cursor: pointer;\n    }\n  }\n"]))),M=d.div(k||(k=n(["\n  width: 100%;\n  padding: 5px;\n  flex: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 5px;\n  img {\n    flex: 0;\n    width: 40px;\n    height: 40px;\n    opacity: 0;\n  }\n  span, button {\n    display: block;\n    background-color: #c1f7e7;\n    flex: 0;\n    padding: 5px;\n    border-radius: 5px;\n    color: #263238;\n    font-size: 1rem;\n    line-height: 1.5rem;\n    font-weight: 100;\n    min-width: 40%;\n    word-break: break-word;\n    b {\n      font-weight: 900;\n    }\n    a, a:visited, a:active {\n      font-size: 1rem !important;\n      text-decoration: underline;\n      color: #397040;\n    }\n  }\n  input, select {\n    font-size: 0.9rem;\n    border: 1px solid #d5d5d5;\n    border-radius: 5px;\n    padding: 1px 4px;\n    height: 30px;\n    outline: none;\n    &.invalid {\n     border-bottom: 1px solid red;\n    }\n    &:focus{\n      border-radius: 5px;\n    }\n    &:disabled{\n      border: 1px solid #d9d9d9;\n    }\n  }\n  select {\n    cursor: pointer;\n    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 98% 50%;\n    -moz-appearance: none; \n    -webkit-appearance: none; \n    appearance: none;\n  }\n  .loader {\n    opacity: 1;\n  }\n  button {\n    border: 1px solid #08DE9E;\n    cursor: pointer;\n    &:hover {\n      background-color: #08DE9E;\n    }\n    &:disabled, &:disabled:hover {\n      border: 1px solid #e1e1e1;\n      background-color: #e1e1e1;\n      cursor: default;\n    }\n  }\n  small {\n    font-size: 0.7rem !important;\n    font-weight: 100;\n    line-height: 0.8rem;\n    color: #bcc8d0;\n  }\n  .action {\n    width: 0.8rem;\n    height: 0.8rem;\n    opacity: 0.5;\n  }\n  .files {\n    margin: 0rem !important;\n    border-radius: 5px;\n    background-color: #f4f7f9 !important;;\n    padding: 0rem;\n    overlay: none;\n    display: flex;\n    flex-direction: row !important;\n    flex-wrap: wrap !important;\n    align-content: flex-start !important;\n    justify-content: space-evenly !important;\n    align-items: flex-start !important;\n    .file{\n      width: 130px;\n      height: 130px;\n      object-fit: contain;\n      opacity: 1;\n      cursor: pointer;\n    }\n  }\n"],["\n  width: 100%;\n  padding: 5px;\n  flex: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 5px;\n  img {\n    flex: 0;\n    width: 40px;\n    height: 40px;\n    opacity: 0;\n  }\n  span, button {\n    display: block;\n    background-color: #c1f7e7;\n    flex: 0;\n    padding: 5px;\n    border-radius: 5px;\n    color: #263238;\n    font-size: 1rem;\n    line-height: 1.5rem;\n    font-weight: 100;\n    min-width: 40%;\n    word-break: break-word;\n    b {\n      font-weight: 900;\n    }\n    a, a:visited, a:active {\n      font-size: 1rem !important;\n      text-decoration: underline;\n      color: #397040;\n    }\n  }\n  input, select {\n    font-size: 0.9rem;\n    border: 1px solid #d5d5d5;\n    border-radius: 5px;\n    padding: 1px 4px;\n    height: 30px;\n    outline: none;\n    &.invalid {\n     border-bottom: 1px solid red;\n    }\n    &:focus{\n      border-radius: 5px;\n    }\n    &:disabled{\n      border: 1px solid #d9d9d9;\n    }\n  }\n  select {\n    cursor: pointer;\n    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 98% 50%;\n    -moz-appearance: none; \n    -webkit-appearance: none; \n    appearance: none;\n  }\n  .loader {\n    opacity: 1;\n  }\n  button {\n    border: 1px solid #08DE9E;\n    cursor: pointer;\n    &:hover {\n      background-color: #08DE9E;\n    }\n    &:disabled, &:disabled:hover {\n      border: 1px solid #e1e1e1;\n      background-color: #e1e1e1;\n      cursor: default;\n    }\n  }\n  small {\n    font-size: 0.7rem !important;\n    font-weight: 100;\n    line-height: 0.8rem;\n    color: #bcc8d0;\n  }\n  .action {\n    width: 0.8rem;\n    height: 0.8rem;\n    opacity: 0.5;\n  }\n  .files {\n    margin: 0rem !important;\n    border-radius: 5px;\n    background-color: #f4f7f9 !important;;\n    padding: 0rem;\n    overlay: none;\n    display: flex;\n    flex-direction: row !important;\n    flex-wrap: wrap !important;\n    align-content: flex-start !important;\n    justify-content: space-evenly !important;\n    align-items: flex-start !important;\n    .file{\n      width: 130px;\n      height: 130px;\n      object-fit: contain;\n      opacity: 1;\n      cursor: pointer;\n    }\n  }\n"]))),A=d.div(I||(I=n(["\n  padding: 5px;\n  flex: 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 5px;\n  img {\n    flex: 0;\n    width: 40px;\n    height: 40px;\n  }\n  span {\n    display: block;\n    background-color: #00468b;\n    flex: 1;\n    padding: 5px 15px;\n    max-width: 80%;\n    border-radius: 5px;\n    color: #ffffff;\n    font-size: 1rem;\n    line-height: 1.5rem;\n    font-weight: 100;\n    text-align: center;\n    flex-wrap: wrap;\n    word-break: break-word;\n    b {\n      font-weight: 900;\n    }\n  }\n"],["\n  padding: 5px;\n  flex: 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 5px;\n  img {\n    flex: 0;\n    width: 40px;\n    height: 40px;\n  }\n  span {\n    display: block;\n    background-color: #00468b;\n    flex: 1;\n    padding: 5px 15px;\n    max-width: 80%;\n    border-radius: 5px;\n    color: #ffffff;\n    font-size: 1rem;\n    line-height: 1.5rem;\n    font-weight: 100;\n    text-align: center;\n    flex-wrap: wrap;\n    word-break: break-word;\n    b {\n      font-weight: 900;\n    }\n  }\n"]))),C=d.hr(N||(N=n(["\n  width: 100%;\n  height: 1px;\n  background-color: unset;\n"],["\n  width: 100%;\n  height: 1px;\n  background-color: unset;\n"]))),L=function(n){var d=n.messages;n.chatUsername;var w=n.chatConversationId;n.chatUserId;var E=n.chatActive,k=n.setChatForm,I=n.buttonAction,N=n.resetFormValues,L=void 0!==N&&N,_=n.newMessages,S=n.API,Z=i(null),T=l({}),H=T[0],D=T[1],G=l(""),P=G[0],F=G[1],R=l(""),Q=R[0],Y=R[1],U=l(new Set),B=U[0],V=U[1],W=l({available:!1,salesStatus:null,loading:!1,chatActive:!1,data:null}),J=W[0],O=W[1],X=l(!1),q=X[0],$=X[1],K=i(null);c(function(){D({}),F("")},[w,L]),c(function(){P.length>0?nn(P):O(e(e({},J),{data:null}))},[P]);var nn=function(n){return t(void 0,void 0,void 0,function(){return r(this,function(t){O(e(e({},J),{data:null,loading:!0})),en("address","text",null);try{S.get("CrmModule/v2.0/premises/post-code-checker?searchString=".concat(n)).then(function(n){var t=null==n?void 0:n.map(function(n){return{value:n.properties.PostalCode,label:n.properties.FullAddress}});O(e(e({},J),{loading:!1,data:t}))}).catch(function(n){console.error("Error fetching ZIP codes:",n),O(e(e({},J),{loading:!1}))})}catch(n){console.error("Error fetching ZIP codes:",n)}return[2]})})},en=function(n,t,r){H[n]=r;var a=B;!function(n,e){return"string"==typeof e&&0===e.length||"number"==typeof e&&0===e||{select:/^[a-zA-Z0-9\s\-_,.!?()/@"']+$/,text:/^[a-zA-Z0-9\s\-_,.!?()/@"']+$/,email:/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.+-]+\.[a-zA-Z0-9]{2,}$/,number:/^(?:1000000(?:\.0{1,2})?|[0-9]{1,6}(?:\.\d{1,2})?)$/}[n].test(e)}(t,r)?a.add(n):a.delete(n),V(a),D(e({},H)),k(H)},tn=function(n){var i=n.url,d=a(n,["url"]),s=l(null),m=s[0],p=s[1];return c(function(){t(void 0,void 0,void 0,function(){var n,e;return r(this,function(t){switch(t.label){case 0:return t.trys.push([0,3,,4]),[4,fetch(i)];case 1:return[4,t.sent().text()];case 2:return n=t.sent(),p(n),[3,4];case 3:return e=t.sent(),console.error("Error loading SVG:",e),[3,4];case 4:return[2]}})})},[i]),o.createElement("div",e({},d,{dangerouslySetInnerHTML:{__html:m||""},"aria-hidden":"true"}))},rn=function(n){var e;if(n&&"undefined"!=typeof window)switch(null===(e=n.split(".").pop())||void 0===e?void 0:e.toLocaleLowerCase()){case"pdf":return o.createElement(b,{className:"file",onClick:function(){return window.open(n,"_blank")}});case"txt":return o.createElement(g,{className:"file",onClick:function(){return window.open(n,"_blank")}});case"mp4":return o.createElement(f,{className:"file",onClick:function(){return window.open(n,"_blank")}});case"mp3":return o.createElement(u,{className:"file",onClick:function(){return window.open(n,"_blank")}});case"svg":return o.createElement(tn,{className:"file",url:n,onClick:function(){return window.open(n,"_blank")}});default:return o.createElement("img",{className:"file",src:n,onClick:function(){K.current=n,$(!0)}})}},an=function(n,e){return void 0===e&&(e=!1),o.createElement(o.Fragment,null,o.createElement(j,{key:n.messageId,className:"".concat(e?"animation":"")},o.createElement("img",{src:v.toString()}),o.createElement(h,{className:"p-0 m-0"},o.createElement("div",null,n.message&&o.createElement("span",{dangerouslySetInnerHTML:{__html:s(n.message,{target:"_blank"}).replaceAll(/\r\n|\n/g,"<br />")}})),Array.isArray(n.files)&&n.files.length>0&&o.createElement("div",{className:"files"},n.files.map(function(n){return rn(n.url)})),o.createElement(y,{className:"justify-between w-100 p-0 m-0 mt-1"},o.createElement("small",{dangerouslySetInnerHTML:{__html:n.from}}),n.createdAt&&o.createElement("small",{className:"pt-1"},x(n.createdAt).format("HH:mm"))))),e&&o.createElement(C,null))},on=function(n,e){return void 0===e&&(e=!1),o.createElement(o.Fragment,null,o.createElement(j,{key:n.messageId,className:"".concat(e?"animation":"")},o.createElement("img",{className:"system",src:v.toString()}),o.createElement(h,{className:"p-0 m-0"},o.createElement("div",null,n.message&&o.createElement("span",{className:"system",dangerouslySetInnerHTML:{__html:s(n.message,{target:"_blank"}).replaceAll(/\r\n|\n/g,"<br />")}})),Array.isArray(n.files)&&n.files.length>0&&o.createElement("div",{className:"files"},n.files.map(function(n){return rn(n.url)})),o.createElement(y,{className:"justify-between w-100 p-0 m-0 mt-1"},o.createElement("small",{dangerouslySetInnerHTML:{__html:n.from}}),n.createdAt&&o.createElement("small",{className:"pt-1"},x(n.createdAt).format("HH:mm"))))),e&&o.createElement(C,null))},ln=function(n){var t,r,a,i;return o.createElement(o.Fragment,null,o.createElement(M,{key:n.messageId},!n.form&&o.createElement(o.Fragment,null,n.message&&o.createElement("span",{dangerouslySetInnerHTML:{__html:s(n.message,{target:"_blank"}).replaceAll(/\r\n|\n/g,"<br />")}}),Array.isArray(n.files)&&n.files.length>0&&o.createElement("div",{className:"files"},n.files.map(function(n){return rn(n.url)})),o.createElement(y,{className:"justify-between w-100 p-0 m-0"},"Client"===n.from?o.createElement("small",null,"Client"):o.createElement("small",{dangerouslySetInnerHTML:{__html:n.from}}),n.createdAt&&o.createElement("small",{className:"pt-1"},x(n.createdAt).format("HH:mm")))),"buttons"===(null===(t=n.form)||void 0===t?void 0:t.type)&&o.createElement(o.Fragment,null,null===(r=n.form)||void 0===r?void 0:r.value.map(function(n,e){return o.createElement("button",{key:e,onClick:function(){return I(n.action)},dangerouslySetInnerHTML:{__html:n.title}})})),"form"===(null===(a=n.form)||void 0===a?void 0:a.type)&&o.createElement("form",{ref:Z,method:"get",action:"javascript:void(0);"},o.createElement("div",{className:"flex flex-column gap-5"},null===(i=n.form)||void 0===i?void 0:i.value.map(function(t,r){return o.createElement(o.Fragment,null,"button"!==(null==t?void 0:t.type)?o.createElement(o.Fragment,null,o.createElement("div",{dangerouslySetInnerHTML:{__html:t.title},className:"mt-2"}),("number"===(null==t?void 0:t.type)||"email"===(null==t?void 0:t.type)||"text"===(null==t?void 0:t.type))&&o.createElement("input",e({onChange:function(n){return en(t.action,null==t?void 0:t.type,n.target.value)},value:H[t.action],placeholder:t.placeholder,maxLength:250},(null==t?void 0:t.required)&&{required:!0},B.has(t.action)&&{className:"invalid"},"number"===(null==t?void 0:t.type)&&{step:"0.01",min:0,max:1e6},{type:null==t?void 0:t.type,key:r})),"zip"===(null==t?void 0:t.type)&&o.createElement(o.Fragment,null,o.createElement(p.DebounceInput,{required:!0,type:"text",placeholder:t.placeholder,debounceTimeout:700,value:P,onChange:function(n){F(n.target.value),Y(""),en(t.action,"text","/")}}),P&&o.createElement("select",{required:!0,disabled:null===J.data,defaultValue:t.action,value:Q,onChange:function(n){Y(n.target.value),en(t.action,"select",n.target.value)},className:"mt-1 ".concat(B.has(t.action)&&"invalid"),key:r},o.createElement("option",{value:"",disabled:!0,selected:!0},J.loading?"Loading...":J.data?"Select your Address":""),J.data&&J.data.map(function(n){return o.createElement("option",{value:n.label},n.label)}))),"select"===(null==t?void 0:t.type)&&o.createElement("select",{required:!0,onChange:function(n){return en(t.action,null==t?void 0:t.type,n.target.value)},defaultValue:H[t.action],value:H[t.action],key:r},o.createElement("option",{disabled:!0,selected:!0,hidden:!0}),(null==t?void 0:t.options)&&Object.entries(null==t?void 0:t.options).map(function(n){var e=n[0],t=n[1];return o.createElement("option",{key:e,value:e},t)}))):o.createElement("button",e({type:"submit"},B.size>0&&!E?{disabled:!0}:{disabled:!1},{style:{marginTop:"15px"},onClick:function(e){var r,a=function(n,e){if(n){var t=n.reduce(function(n,t){return"submit_form"!==t.action&&(n[t.action]="/"!==e[t.action]&&e[t.action]||null),n},{});return!Object.values(t).some(function(n){return null===n})}}(null===(r=n.form)||void 0===r?void 0:r.value,H)||!1;0===B.size&&I(t.action),e.target.disabled=a}}),"Submit"))})))))},cn=function(n,e){return void 0===e&&(e=!1),o.createElement(o.Fragment,null,o.createElement(A,{key:n.messageId,className:"".concat(e?"animation":"")},o.createElement("img",{src:v.toString()})," ",n.message&&o.createElement("span",{dangerouslySetInnerHTML:{__html:n.message.replaceAll(/\r\n|\n/g,"<br />")}})),e&&o.createElement(C,null))};return o.createElement(o.Fragment,null,q&&o.createElement(m,{medium:K.current,large:K.current,showRotate:!0,onClose:function(){return $(!1)}}),_&&o.createElement(z,null,_.map(function(n,e){return o.createElement("div",{key:e},Object.keys(d).length>0&&o.createElement(C,null),"AGENT"===n.senderType&&an(n),"CUSTOMER"===n.senderType&&ln(n),"EVENT"===n.senderType&&cn(n),"SYSTEM"===n.senderType&&on(n))})),d&&d.map(function(n,e){return o.createElement(o.Fragment,null,"AGENT"===n.senderType&&an(n),("CUSTOMER"===n.senderType||n.form)&&ln(n),"EVENT"===n.senderType&&cn(n),"SYSTEM"===n.senderType&&on(n),Object.keys(d).length-1!==e&&o.createElement(C,null))}))};export{L as default};
+import{__makeTemplateObject as n,__assign as e,__awaiter as t,__generator as r,__rest as a}from"../../node_modules/tslib/tslib.es6.js";import o,{useRef as i,useState as l,useEffect as c}from"react";import d from"../../node_modules/styled-components/dist/styled-components.browser.esm.js";import s from"../../node_modules/linkify-html/dist/linkify-html.js";import m from"../../node_modules/react-modal-image/es/Lightbox.js";import{useDebounce as p}from"../../node_modules/use-debounce/dist/index.module.js";import{BsFiletypeMp3 as u,BsFiletypeMp4 as f,BsFiletypeTxt as g,BsFiletypePdf as x}from"../../node_modules/react-icons/bs/index.esm.js";import b from"../../_virtual/moment.js";import h from"../../node_modules/react-bootstrap/esm/Col.js";import v from"../../node_modules/react-bootstrap/esm/Row.js";var y=new URL("./assets/images/svg/favicon.svg",import.meta.url);new URL("./assets/images/svg/youfibre-upload.svg",import.meta.url);var w,E,k,I,N,z,j=d.div(w||(w=n(["\n  &, .animation {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    position: inherit;\n    margin-bottom: -9rem;\n    animation: slideIn .1s cubic-bezier(0.41, 0.39, 0.53, 1.38) forwards;\n  }\n  @keyframes slideIn {\n    from {\n      margin-bottom: -9rem;\n    }\n    to {\n      margin-bottom: 0rem;\n    }\n  }\n"],["\n  &, .animation {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    position: inherit;\n    margin-bottom: -9rem;\n    animation: slideIn .1s cubic-bezier(0.41, 0.39, 0.53, 1.38) forwards;\n  }\n  @keyframes slideIn {\n    from {\n      margin-bottom: -9rem;\n    }\n    to {\n      margin-bottom: 0rem;\n    }\n  }\n"]))),M=d.div(E||(E=n(["\n  width: calc(100% - 20px);\n  padding: 5px 10px;\n  flex: 0;\n  display: flex;\n  gap: 15px;\n  img {\n    flex: 0;\n    width: 25px;\n    height: 25px;\n    -object-fit: fill;\n    object-fit: fill;\n    border-radius: 200px;\n    padding: 9px;\n    background-color: #ddf0fc;\n    &.system {\n      background-color: #f9f2eb;\n    }\n  }\n  span {\n    color: #263238;\n    background-color: #ddf0fc;\n    flex: 1;\n    padding: 1rem;\n    border-radius: 5px;\n    font-size: 1rem;\n    line-height: 1.5rem;\n    font-weight: 100;\n    display: block;\n    word-break: break-word;\n    a, a:visited, a:active {\n      font-size: 1rem !important;\n      text-decoration: underline;\n      color: #005095;\n    }\n    &.system {\n      color: #935610;\n      background-color: #f9f2eb;\n    }\n  }\n  button {\n    border: 2px solid #08DE9E;\n    cursor: pointer;\n    &:hover {\n      background-color: #08DE9E;\n    }\n  }\n  small {\n    font-size: 0.75rem !important;\n    font-weight: 100;\n    line-height: 0.85rem;\n    color: #bcc8d0;\n  }\n  .action {\n    width: 0.8rem;\n    height: 0.8rem;\n    opacity: 0.5;\n  }\n  .files {\n    margin: 0.3rem 0rem 0rem 0rem !important;\n    border-radius: 5px;\n    background-color: #f4f7f9 !important;;\n    padding: 0rem;\n    overlay: none;\n    display: flex;\n    flex-direction: row !important;\n    flex-wrap: wrap !important;\n    align-content: flex-start !important;\n    justify-content: space-evenly !important;\n    align-items: flex-start !important;\n    .file{\n      width: 130px;\n      height: 130px;\n      object-fit: contain;\n      opacity: 1;\n      cursor: pointer;\n    }\n  }\n"],["\n  width: calc(100% - 20px);\n  padding: 5px 10px;\n  flex: 0;\n  display: flex;\n  gap: 15px;\n  img {\n    flex: 0;\n    width: 25px;\n    height: 25px;\n    -object-fit: fill;\n    object-fit: fill;\n    border-radius: 200px;\n    padding: 9px;\n    background-color: #ddf0fc;\n    &.system {\n      background-color: #f9f2eb;\n    }\n  }\n  span {\n    color: #263238;\n    background-color: #ddf0fc;\n    flex: 1;\n    padding: 1rem;\n    border-radius: 5px;\n    font-size: 1rem;\n    line-height: 1.5rem;\n    font-weight: 100;\n    display: block;\n    word-break: break-word;\n    a, a:visited, a:active {\n      font-size: 1rem !important;\n      text-decoration: underline;\n      color: #005095;\n    }\n    &.system {\n      color: #935610;\n      background-color: #f9f2eb;\n    }\n  }\n  button {\n    border: 2px solid #08DE9E;\n    cursor: pointer;\n    &:hover {\n      background-color: #08DE9E;\n    }\n  }\n  small {\n    font-size: 0.75rem !important;\n    font-weight: 100;\n    line-height: 0.85rem;\n    color: #bcc8d0;\n  }\n  .action {\n    width: 0.8rem;\n    height: 0.8rem;\n    opacity: 0.5;\n  }\n  .files {\n    margin: 0.3rem 0rem 0rem 0rem !important;\n    border-radius: 5px;\n    background-color: #f4f7f9 !important;;\n    padding: 0rem;\n    overlay: none;\n    display: flex;\n    flex-direction: row !important;\n    flex-wrap: wrap !important;\n    align-content: flex-start !important;\n    justify-content: space-evenly !important;\n    align-items: flex-start !important;\n    .file{\n      width: 130px;\n      height: 130px;\n      object-fit: contain;\n      opacity: 1;\n      cursor: pointer;\n    }\n  }\n"]))),A=d.div(k||(k=n(["\n  width: calc(100% - 20px);\n  padding: 5px 10px;\n  flex: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 5px;\n  img {\n    flex: 0;\n    width: 25px;\n    height: 25px;\n    opacity: 0;\n  }\n  span, button {\n    display: block;\n    background-color: #c1f7e7;\n    flex: 0;\n    padding: 5px;\n    border-radius: 5px;\n    color: #263238;\n    font-size: 1rem;\n    line-height: 1.5rem;\n    font-weight: 100;\n    min-width: 40%;\n    word-break: break-word;\n    b {\n      font-weight: 900;\n    }\n    a, a:visited, a:active {\n      font-size: 1rem !important;\n      text-decoration: underline;\n      color: #397040;\n    }\n  }\n  input, select {\n    font-size: 0.9rem;\n    border: 1px solid #d5d5d5;\n    border-radius: 5px;\n    padding: 1px 4px;\n    height: 30px;\n    outline: none;\n    &.invalid {\n     border-bottom: 1px solid red;\n    }\n    &:focus{\n      border-radius: 5px;\n    }\n    &:disabled{\n      border: 1px solid #d9d9d9;\n    }\n  }\n  select {\n    cursor: pointer;\n    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 98% 50%;\n    -moz-appearance: none; \n    -webkit-appearance: none; \n    appearance: none;\n  }\n  .loader {\n    opacity: 1;\n  }\n  button {\n    border: 1px solid #08DE9E;\n    cursor: pointer;\n    &:hover {\n      background-color: #08DE9E;\n    }\n    &:disabled, &:disabled:hover {\n      border: 1px solid #e1e1e1;\n      background-color: #e1e1e1;\n      cursor: default;\n    }\n  }\n  small {\n    font-size: 0.75rem !important;\n    font-weight: 100;\n    line-height: 0.85rem;\n    color: #bcc8d0;\n  }\n  .action {\n    width: 0.8rem;\n    height: 0.8rem;\n    opacity: 0.5;\n  }\n  .files {\n    margin: 0rem !important;\n    border-radius: 5px;\n    background-color: #f4f7f9 !important;;\n    padding: 0rem;\n    overlay: none;\n    display: flex;\n    flex-direction: row !important;\n    flex-wrap: wrap !important;\n    align-content: flex-start !important;\n    justify-content: space-evenly !important;\n    align-items: flex-start !important;\n    .file{\n      width: 130px;\n      height: 130px;\n      object-fit: contain;\n      opacity: 1;\n      cursor: pointer;\n    }\n  }\n"],["\n  width: calc(100% - 20px);\n  padding: 5px 10px;\n  flex: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 5px;\n  img {\n    flex: 0;\n    width: 25px;\n    height: 25px;\n    opacity: 0;\n  }\n  span, button {\n    display: block;\n    background-color: #c1f7e7;\n    flex: 0;\n    padding: 5px;\n    border-radius: 5px;\n    color: #263238;\n    font-size: 1rem;\n    line-height: 1.5rem;\n    font-weight: 100;\n    min-width: 40%;\n    word-break: break-word;\n    b {\n      font-weight: 900;\n    }\n    a, a:visited, a:active {\n      font-size: 1rem !important;\n      text-decoration: underline;\n      color: #397040;\n    }\n  }\n  input, select {\n    font-size: 0.9rem;\n    border: 1px solid #d5d5d5;\n    border-radius: 5px;\n    padding: 1px 4px;\n    height: 30px;\n    outline: none;\n    &.invalid {\n     border-bottom: 1px solid red;\n    }\n    &:focus{\n      border-radius: 5px;\n    }\n    &:disabled{\n      border: 1px solid #d9d9d9;\n    }\n  }\n  select {\n    cursor: pointer;\n    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 98% 50%;\n    -moz-appearance: none; \n    -webkit-appearance: none; \n    appearance: none;\n  }\n  .loader {\n    opacity: 1;\n  }\n  button {\n    border: 1px solid #08DE9E;\n    cursor: pointer;\n    &:hover {\n      background-color: #08DE9E;\n    }\n    &:disabled, &:disabled:hover {\n      border: 1px solid #e1e1e1;\n      background-color: #e1e1e1;\n      cursor: default;\n    }\n  }\n  small {\n    font-size: 0.75rem !important;\n    font-weight: 100;\n    line-height: 0.85rem;\n    color: #bcc8d0;\n  }\n  .action {\n    width: 0.8rem;\n    height: 0.8rem;\n    opacity: 0.5;\n  }\n  .files {\n    margin: 0rem !important;\n    border-radius: 5px;\n    background-color: #f4f7f9 !important;;\n    padding: 0rem;\n    overlay: none;\n    display: flex;\n    flex-direction: row !important;\n    flex-wrap: wrap !important;\n    align-content: flex-start !important;\n    justify-content: space-evenly !important;\n    align-items: flex-start !important;\n    .file{\n      width: 130px;\n      height: 130px;\n      object-fit: contain;\n      opacity: 1;\n      cursor: pointer;\n    }\n  }\n"]))),C=d.div(I||(I=n(["\n  padding: 5px 10px;\n  flex: 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 5px;\n  img {\n    flex: 0;\n    width: 40px;\n    height: 40px;\n  }\n  span {\n    display: block;\n    background-color: #00468b;\n    flex: 1;\n    padding: 5px 15px;\n    max-width: 80%;\n    border-radius: 5px;\n    color: #ffffff;\n    font-size: 1rem;\n    line-height: 1.5rem;\n    font-weight: 100;\n    text-align: center;\n    flex-wrap: wrap;\n    word-break: break-word;\n    b {\n      font-weight: 900;\n    }\n  }\n"],["\n  padding: 5px 10px;\n  flex: 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 5px;\n  img {\n    flex: 0;\n    width: 40px;\n    height: 40px;\n  }\n  span {\n    display: block;\n    background-color: #00468b;\n    flex: 1;\n    padding: 5px 15px;\n    max-width: 80%;\n    border-radius: 5px;\n    color: #ffffff;\n    font-size: 1rem;\n    line-height: 1.5rem;\n    font-weight: 100;\n    text-align: center;\n    flex-wrap: wrap;\n    word-break: break-word;\n    b {\n      font-weight: 900;\n    }\n  }\n"]))),L=d.hr(N||(N=n(["\n  width: 100%;\n  height: 1px;\n  border: 0px;\n  border-top: 1px solid #dbe4ea;\n  outline: none;\n  box-shadow: none;\n  margin: 5px 0px;\n"],["\n  width: 100%;\n  height: 1px;\n  border: 0px;\n  border-top: 1px solid #dbe4ea;\n  outline: none;\n  box-shadow: none;\n  margin: 5px 0px;\n"]))),_=d.div(z||(z=n(["\n  width: 100%;\n"],["\n  width: 100%;\n"]))),S=function(n){var d=n.messages;n.chatUsername;var w=n.chatConversationId;n.chatUserId;var E=n.chatActive,k=n.setChatForm,I=n.buttonAction,N=n.resetFormValues,z=void 0!==N&&N,S=n.newMessages,Z=n.API,T=i(null),H=l({}),D=H[0],G=H[1],P=l(""),F=P[0],R=P[1],Q=l(""),Y=Q[0],U=Q[1],B=l(new Set),V=B[0],W=B[1],J=l({available:!1,salesStatus:null,loading:!1,chatActive:!1,data:null}),X=J[0],O=J[1],q=l(!1),$=q[0],K=q[1],nn=i(null),en=p(F,700)[0];c(function(){G({}),R("")},[w,z]),c(function(){F.length>0?tn(F):O(e(e({},X),{data:null}))},[en]);var tn=function(n){return t(void 0,void 0,void 0,function(){return r(this,function(t){O(e(e({},X),{data:null,loading:!0})),rn("address","text",null);try{Z.get("CrmModule/v2.0/premises/post-code-checker?searchString=".concat(n)).then(function(n){var t=null==n?void 0:n.map(function(n){return{value:n.properties.PostalCode,label:n.properties.FullAddress}});O(e(e({},X),{loading:!1,data:t}))}).catch(function(n){console.error("Error fetching ZIP codes:",n),O(e(e({},X),{loading:!1}))})}catch(n){console.error("Error fetching ZIP codes:",n)}return[2]})})},rn=function(n,t,r){D[n]=r;var a=V;!function(n,e){return"string"==typeof e&&0===e.length||"number"==typeof e&&0===e||{select:/^[a-zA-Z0-9\s\-_,.!?()/@"']+$/,text:/^[a-zA-Z0-9\s\-_,.!?()/@"']+$/,email:/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.+-]+\.[a-zA-Z0-9]{2,}$/,number:/^(?:1000000(?:\.0{1,2})?|[0-9]{1,6}(?:\.\d{1,2})?)$/}[n].test(e)}(t,r)?a.add(n):a.delete(n),W(a),G(e({},D)),k(D)},an=function(n){var i=n.url,d=a(n,["url"]),s=l(null),m=s[0],p=s[1];return c(function(){t(void 0,void 0,void 0,function(){var n,e;return r(this,function(t){switch(t.label){case 0:return t.trys.push([0,3,,4]),[4,fetch(i)];case 1:return[4,t.sent().text()];case 2:return n=t.sent(),p(n),[3,4];case 3:return e=t.sent(),console.error("Error loading SVG:",e),[3,4];case 4:return[2]}})})},[i]),o.createElement("div",e({},d,{dangerouslySetInnerHTML:{__html:m||""},"aria-hidden":"true"}))},on=function(n){var e;if(n&&"undefined"!=typeof window)switch(null===(e=n.split(".").pop())||void 0===e?void 0:e.toLocaleLowerCase()){case"pdf":return o.createElement(x,{className:"file",onClick:function(){return window.open(n,"_blank")}});case"txt":return o.createElement(g,{className:"file",onClick:function(){return window.open(n,"_blank")}});case"mp4":return o.createElement(f,{className:"file",onClick:function(){return window.open(n,"_blank")}});case"mp3":return o.createElement(u,{className:"file",onClick:function(){return window.open(n,"_blank")}});case"svg":return o.createElement(an,{className:"file",url:n,onClick:function(){return window.open(n,"_blank")}});default:return o.createElement("img",{className:"file",src:n,onClick:function(){nn.current=n,K(!0)},alt:""})}},ln=function(n,e){return void 0===e&&(e=!1),o.createElement(o.Fragment,null,o.createElement(M,{key:n.messageId,className:"".concat(e?"animation":"")},o.createElement("img",{src:y.toString()}),o.createElement(h,{className:"p-0 m-0 text-left"},o.createElement("div",null,n.message&&o.createElement("span",{dangerouslySetInnerHTML:{__html:s(n.message,{target:"_blank"}).replaceAll(/\r\n|\n/g,"<br />")}})),Array.isArray(n.files)&&n.files.length>0&&o.createElement("div",{className:"files"},n.files.map(function(n){return on(n.url)})),o.createElement(v,{className:"flex-center-justified w-100 p-0 m-0 mt-1"},o.createElement("small",{dangerouslySetInnerHTML:{__html:n.from}}),n.createdAt&&o.createElement("small",{className:"pt-1"},b(n.createdAt).format("HH:mm"))))),e&&o.createElement(L,null))},cn=function(n,e){return void 0===e&&(e=!1),o.createElement(o.Fragment,null,o.createElement(M,{key:n.messageId,className:"".concat(e?"animation":"")},o.createElement("img",{className:"system",src:y.toString(),alt:""}),o.createElement(h,{className:"p-0 m-0 text-left"},o.createElement("div",null,n.message&&o.createElement("span",{className:"system",dangerouslySetInnerHTML:{__html:s(n.message,{target:"_blank"}).replaceAll(/\r\n|\n/g,"<br />")}})),Array.isArray(n.files)&&n.files.length>0&&o.createElement("div",{className:"files"},n.files.map(function(n){return on(n.url)})),o.createElement(v,{className:"flex-center-justified w-100 p-0 m-0 mt-1"},o.createElement("small",{dangerouslySetInnerHTML:{__html:n.from}}),n.createdAt&&o.createElement("small",{className:"pt-1"},b(n.createdAt).format("HH:mm"))))),e&&o.createElement(L,null))},dn=function(n){var t,r,a,i;return o.createElement(o.Fragment,null,o.createElement(A,{key:n.messageId},!n.form&&o.createElement(o.Fragment,null,n.message&&o.createElement("span",{className:"text-left",dangerouslySetInnerHTML:{__html:s(n.message,{target:"_blank"}).replaceAll(/\r\n|\n/g,"<br />")}}),Array.isArray(n.files)&&n.files.length>0&&o.createElement("div",{className:"files"},n.files.map(function(n){return on(n.url)})),o.createElement(v,{className:"flex-center-justified w-100 p-0 m-0"},"Client"===n.from?o.createElement("small",null,"Client"):o.createElement("small",{dangerouslySetInnerHTML:{__html:n.from}}),n.createdAt&&o.createElement("small",{className:"pt-1"},b(n.createdAt).format("HH:mm")))),"buttons"===(null===(t=n.form)||void 0===t?void 0:t.type)&&o.createElement(o.Fragment,null,null===(r=n.form)||void 0===r?void 0:r.value.map(function(n,e){return o.createElement("button",{key:e,onClick:function(){return I(n.action)},dangerouslySetInnerHTML:{__html:n.title}})})),"form"===(null===(a=n.form)||void 0===a?void 0:a.type)&&o.createElement("form",{ref:T,method:"get",action:"javascript:void(0);"},o.createElement("div",{className:"flex flex-column gap-5 fs-1"},null===(i=n.form)||void 0===i?void 0:i.value.map(function(t,r){return o.createElement(o.Fragment,null,"button"!==(null==t?void 0:t.type)?o.createElement(o.Fragment,null,o.createElement("div",{dangerouslySetInnerHTML:{__html:t.title},className:"text-left mt-2"}),("number"===(null==t?void 0:t.type)||"email"===(null==t?void 0:t.type)||"text"===(null==t?void 0:t.type))&&o.createElement("input",e({onChange:function(n){return rn(t.action,null==t?void 0:t.type,n.target.value)},value:D[t.action],placeholder:t.placeholder,maxLength:250},(null==t?void 0:t.required)&&{required:!0},V.has(t.action)&&{className:"invalid"},"number"===(null==t?void 0:t.type)&&{step:"0.01",min:0,max:1e6},{type:null==t?void 0:t.type,key:r})),"zip"===(null==t?void 0:t.type)&&o.createElement(o.Fragment,null,o.createElement("input",{required:!0,type:"text",placeholder:t.placeholder,value:F,onChange:function(n){R(n.target.value),U(""),rn(t.action,"text","/")}}),F&&o.createElement("select",{required:!0,disabled:null===X.data,defaultValue:t.action,value:Y,onChange:function(n){U(n.target.value),rn(t.action,"select",n.target.value)},className:"mt-1 ".concat(V.has(t.action)&&"invalid"),key:r},o.createElement("option",{value:"",disabled:!0,selected:!0},X.loading?"Loading...":X.data?"Select your Address":""),X.data&&X.data.map(function(n){return o.createElement("option",{value:n.label},n.label)}))),"select"===(null==t?void 0:t.type)&&o.createElement("select",{required:!0,onChange:function(n){return rn(t.action,null==t?void 0:t.type,n.target.value)},defaultValue:D[t.action],value:D[t.action],key:r},o.createElement("option",{disabled:!0,selected:!0,hidden:!0}),(null==t?void 0:t.options)&&Object.entries(null==t?void 0:t.options).map(function(n){var e=n[0],t=n[1];return o.createElement("option",{key:e,value:e},t)}))):o.createElement("button",e({type:"submit"},V.size>0&&!E?{disabled:!0}:{disabled:!1},{style:{marginTop:"15px"},onClick:function(e){var r,a=function(n,e){if(n){var t=n.reduce(function(n,t){return"submit_form"!==t.action&&(n[t.action]="/"!==e[t.action]&&e[t.action]||null),n},{});return!Object.values(t).some(function(n){return null===n})}}(null===(r=n.form)||void 0===r?void 0:r.value,D)||!1;0===V.size&&I(t.action),e.target.disabled=a}}),"Submit"))})))))},sn=function(n,e){return void 0===e&&(e=!1),o.createElement(o.Fragment,null,o.createElement(C,{key:n.messageId,className:"".concat(e?"animation":"")},o.createElement("img",{src:y.toString(),alt:""})," ",n.message&&o.createElement("span",{dangerouslySetInnerHTML:{__html:n.message.replaceAll(/\r\n|\n/g,"<br />")}})),e&&o.createElement(L,null))};return o.createElement(o.Fragment,null,$&&o.createElement(m,{medium:nn.current,large:nn.current,showRotate:!0,onClose:function(){return K(!1)}}),S&&o.createElement(j,null,S.map(function(n,e){return o.createElement(_,{key:e},Object.keys(d).length>0&&o.createElement(L,null),"AGENT"===n.senderType&&ln(n),"CUSTOMER"===n.senderType&&dn(n),"EVENT"===n.senderType&&sn(n),"SYSTEM"===n.senderType&&cn(n))})),d&&d.map(function(n,e){return o.createElement(_,{key:e},"AGENT"===n.senderType&&ln(n),("CUSTOMER"===n.senderType||n.form)&&dn(n),"EVENT"===n.senderType&&sn(n),"SYSTEM"===n.senderType&&cn(n),0!==e&&o.createElement(L,null))}))};export{S as default};
 //# sourceMappingURL=Chat.js.map

package/dist/src/TwilioChat/Chat.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Chat.js","sources":["../../../src/TwilioChat/Chat.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport linkifyHtml from 'linkify-html';\nimport { Col, Row } from 'react-bootstrap';\nimport { Lightbox } from \"react-modal-image\";\nimport { DebounceInput } from 'react-debounce-input';\nimport { BsFiletypePdf } from \"react-icons/bs\";\nimport { BsFiletypeTxt } from \"react-icons/bs\";\nimport { BsFiletypeMp4 } from \"react-icons/bs\";\nimport { BsFiletypeMp3 } from \"react-icons/bs\";\n\nimport moment from 'moment';\n\nconst icoYouFibre = new URL(\"./assets/images/svg/favicon.svg\", import.meta.url);\nconst icoUpload = new URL(\"./assets/images/svg/youfibre-upload.svg\", import.meta.url);\n\nconst Animation = styled.div`\n &, .animation {\n width: 100%;\n display: flex;\n flex-direction: column;\n position: inherit;\n margin-bottom: -9rem;\n animation: slideIn .1s cubic-bezier(0.41, 0.39, 0.53, 1.38) forwards;\n }\n @keyframes slideIn {\n from {\n margin-bottom: -9rem;\n }\n to {\n margin-bottom: 0rem;\n }\n }\n`;\n\nconst YFPost = styled.div`\n width: 100%;\n padding: 5px;\n flex: 0;\n display: flex;\n gap: 15px;\n img {\n flex: 0;\n width: 40px;\n height: 40px;\n -object-fit: fill;\n object-fit: fill;\n border-radius: 200px;\n padding: 9px;\n background-color: #ddf0fc;\n &.system {\n background-color: #f9f2eb;\n }\n }\n span {\n color: #263238;\n background-color: #ddf0fc;\n flex: 1;\n padding: 1rem;\n border-radius: 5px;\n font-size: 1rem;\n line-height: 1.5rem;\n font-weight: 100;\n display: block;\n word-break: break-word;\n a, a:visited, a:active {\n font-size: 1rem !important;\n text-decoration: underline;\n color: #005095;\n }\n &.system {\n color: #935610;\n background-color: #f9f2eb;\n }\n }\n button {\n border: 2px solid #08DE9E;\n cursor: pointer;\n &:hover {\n background-color: #08DE9E;\n }\n }\n small {\n font-size: 0.7rem !important;\n font-weight: 100;\n line-height: 0.8rem;\n color: #bcc8d0;\n }\n .action {\n width: 0.8rem;\n height: 0.8rem;\n opacity: 0.5;\n }\n .files {\n margin: 0.3rem 0rem 0rem 0rem !important;\n border-radius: 5px;\n background-color: #f4f7f9 !important;;\n padding: 0rem;\n overlay: none;\n display: flex;\n flex-direction: row !important;\n flex-wrap: wrap !important;\n align-content: flex-start !important;\n justify-content: space-evenly !important;\n align-items: flex-start !important;\n .file{\n width: 130px;\n height: 130px;\n object-fit: contain;\n opacity: 1;\n cursor: pointer;\n }\n }\n`;\n\nconst MyPost = styled.div`\n width: 100%;\n padding: 5px;\n flex: 0;\n display: flex;\n flex-direction: column;\n gap: 5px;\n img {\n flex: 0;\n width: 40px;\n height: 40px;\n opacity: 0;\n }\n span, button {\n display: block;\n background-color: #c1f7e7;\n flex: 0;\n padding: 5px;\n border-radius: 5px;\n color: #263238;\n font-size: 1rem;\n line-height: 1.5rem;\n font-weight: 100;\n min-width: 40%;\n word-break: break-word;\n b {\n font-weight: 900;\n }\n a, a:visited, a:active {\n font-size: 1rem !important;\n text-decoration: underline;\n color: #397040;\n }\n }\n input, select {\n font-size: 0.9rem;\n border: 1px solid #d5d5d5;\n border-radius: 5px;\n padding: 1px 4px;\n height: 30px;\n outline: none;\n &.invalid {\n border-bottom: 1px solid red;\n }\n &:focus{\n border-radius: 5px;\n }\n &:disabled{\n border: 1px solid #d9d9d9;\n }\n }\n select {\n cursor: pointer;\n background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 98% 50%;\n -moz-appearance: none; \n -webkit-appearance: none; \n appearance: none;\n }\n .loader {\n opacity: 1;\n }\n button {\n border: 1px solid #08DE9E;\n cursor: pointer;\n &:hover {\n background-color: #08DE9E;\n }\n &:disabled, &:disabled:hover {\n border: 1px solid #e1e1e1;\n background-color: #e1e1e1;\n cursor: default;\n }\n }\n small {\n font-size: 0.7rem !important;\n font-weight: 100;\n line-height: 0.8rem;\n color: #bcc8d0;\n }\n .action {\n width: 0.8rem;\n height: 0.8rem;\n opacity: 0.5;\n }\n .files {\n margin: 0rem !important;\n border-radius: 5px;\n background-color: #f4f7f9 !important;;\n padding: 0rem;\n overlay: none;\n display: flex;\n flex-direction: row !important;\n flex-wrap: wrap !important;\n align-content: flex-start !important;\n justify-content: space-evenly !important;\n align-items: flex-start !important;\n .file{\n width: 130px;\n height: 130px;\n object-fit: contain;\n opacity: 1;\n cursor: pointer;\n }\n }\n`;\n\nconst EventPost = styled.div`\n padding: 5px;\n flex: 0;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 5px;\n img {\n flex: 0;\n width: 40px;\n height: 40px;\n }\n span {\n display: block;\n background-color: #00468b;\n flex: 1;\n padding: 5px 15px;\n max-width: 80%;\n border-radius: 5px;\n color: #ffffff;\n font-size: 1rem;\n line-height: 1.5rem;\n font-weight: 100;\n text-align: center;\n flex-wrap: wrap;\n word-break: break-word;\n b {\n font-weight: 900;\n }\n }\n`;\n\nconst Splitter = styled.hr`\n width: 100%;\n height: 1px;\n background-color: unset;\n`;\n\ninterface Result {\n available: boolean \| null;\n salesStatus: boolean \| null;\n loading: boolean;\n chatActive: boolean;\n data: Array<{ label: string; value: string; }> \| null;\n}\n\nconst Chat = ({messages, chatUsername, chatConversationId, chatUserId, chatActive, setChatForm, buttonAction, resetFormValues = false, newMessages, API}) => {\n const formRef = useRef<any>(null);\n const [formValues, setFormValues] = useState({});\n const [postCode, setPostCode] = useState('');\n const [postCodeAddress, setPostCodeAddress] = useState('');\n const [invalidFields, setInvalidFields] =useState<Set<string>>(new Set());\n const [searchResult, setSearchResult] = useState<Result>({\n available: false,\n salesStatus: null,\n loading: false,\n chatActive: false,\n data: null,\n });\n const [openLightbox, setOpenLightbox] = useState(false);\n const lightboxUrl = useRef<string\|null>(null);\n\n useEffect(() => {\n setFormValues({});\n setPostCode('');\n }, [chatConversationId, resetFormValues]);\n\n useEffect(() => {\n postCode.length > 0\n ? loadOptionsAsync(postCode)\n : setSearchResult({\n ...searchResult,\n data: null,\n });\n }, [postCode]);\n\n const loadOptionsAsync = async(input) => {\n setSearchResult({\n ...searchResult,\n data: null,\n loading: true,\n });\n updateFormValues('address', 'text', null);\n try {\n API.get(`CrmModule/v2.0/premises/post-code-checker?searchString=${input}`)\n .then((response) => { \n const data = response?.map((category) => ({\n value:category.properties.PostalCode,\n label: category.properties.FullAddress,\n }));\n setSearchResult({\n ...searchResult,\n loading: false,\n data,\n });\n })\n .catch(function (error) {\n console.error('Error fetching ZIP codes:', error);\n setSearchResult({\n ...searchResult,\n loading: false,\n });\n });\n } catch (error) { console.error('Error fetching ZIP codes:', error); }\n };\n\n const validateInput = (type:string, data:any) => {\n if((typeof data === 'string' && data.length === 0) \|\| (typeof data === 'number' && data === 0)) return true;\n const regex = {\n 'select': /^[a-zA-Z0-9\\s\\-_,.!?()/@\"']+$/,\n 'text': /^[a-zA-Z0-9\\s\\-_,.!?()/@\"']+$/,\n 'email': /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.+-]+\\.[a-zA-Z0-9]{2,}$/,\n 'number': /^(?:1000000(?:\\.0{1,2})?\|[0-9]{1,6}(?:\\.\\d{1,2})?)$/,\n };\n return regex[type].test(data);\n };\n\n const updateFormValues = (action, type, value) => {\n formValues[action] = value;\n const tmpInvalidFields = invalidFields;\n validateInput(type, value)?tmpInvalidFields.delete(action):tmpInvalidFields.add(action); \n setInvalidFields(tmpInvalidFields); \n setFormValues({...formValues});\n setChatForm(formValues);\n };\n\n const validateForm = (form, values) => {\n if(form){\n let tmpValues:object = form.reduce((acc: any, item: any) => {\n if (item.action !== \"submit_form\") {\n acc[item.action] = (values[item.action] !== \"/\" && values[item.action]) \|\| null;\n }\n return acc;\n }, {});\n return !Object.values(tmpValues).some(value => value === null);\n }\n };\n\n const InlineSvg = ({ url, ...props }) => {\n const [svgContent, setSvgContent] = useState<string \| null>(null); \n useEffect(() => {\n const fetchSvg = async () => {\n try {\n const response = await fetch(url);\n const svgText = await response.text();\n setSvgContent(svgText);\n } catch (error) {\n console.error(\"Error loading SVG:\", error);\n }\n }; \n fetchSvg();\n }, [url]); \n return (\n <div {...props}\n dangerouslySetInnerHTML={{ __html: svgContent \|\| \"\" }}\n aria-hidden=\"true\"\n />\n );\n };\n\n const getIcon = (url:string) => {\n if(url && typeof window !== 'undefined'){\n const extension = url.split('.').pop()?.toLocaleLowerCase();\n switch(extension){\n case 'pdf': return <BsFiletypePdf className='file' onClick={() => window.open(url,'_blank')}/>; break;\n case 'txt': return <BsFiletypeTxt className='file' onClick={() => window.open(url,'_blank')}/>; break;\n case 'mp4': return <BsFiletypeMp4 className='file' onClick={() => window.open(url,'_blank')}/>; break;\n case 'mp3': return <BsFiletypeMp3 className='file' onClick={() => window.open(url,'_blank')}/>; break;\n case 'svg': return <InlineSvg className='file' url={url} onClick={() => window.open(url,'_blank')} />; break;\n default: return <img className='file' src={url} onClick={() => { lightboxUrl.current = url; setOpenLightbox(true);}} />; break;\n }\n }\n };\n\n const agentMessage = (item, isNew = false) => {\n return <>\n <YFPost key={item.messageId} className={`${isNew ? \"animation\" : \"\"}`}>\n <img src={icoYouFibre.toString()} />\n <Col className='p-0 m-0'>\n <div>\n {item.message && <span dangerouslySetInnerHTML={{ __html: linkifyHtml(item.message, { target: \"_blank\" }).replaceAll(/\\r\\n\|\\n/g, \"<br />\") }} />}\n </div>\n {Array.isArray(item.files) && item.files.length > 0 && <div className='files'>\n {item.files.map((file) => getIcon(file.url))}\n </div>}\n <Row className='justify-between w-100 p-0 m-0 mt-1'>\n <small dangerouslySetInnerHTML={{ __html: item.from }} />\n { item.createdAt && <small className='pt-1'>{moment(item.createdAt).format('HH:mm')}</small> }\n </Row>\n </Col>\n </YFPost>\n {isNew && <Splitter />}\n </>\n };\n\n const systemMessage = (item, isNew = false) => {\n return <>\n <YFPost key={item.messageId} className={`${isNew ? \"animation\" : \"\"}`}>\n <img className='system' src={icoYouFibre.toString()} />\n <Col className='p-0 m-0'>\n <div>\n {item.message && <span className='system' dangerouslySetInnerHTML={{ __html: linkifyHtml(item.message, { target: \"_blank\" }).replaceAll(/\\r\\n\|\\n/g, \"<br />\") }} />}\n </div>\n {Array.isArray(item.files) && item.files.length > 0 && <div className='files'>\n {item.files.map((file) => getIcon(file.url))}\n </div>}\n <Row className='justify-between w-100 p-0 m-0 mt-1'>\n <small dangerouslySetInnerHTML={{ __html: item.from }} />\n { item.createdAt && <small className='pt-1'>{moment(item.createdAt).format('HH:mm')}</small> }\n </Row>\n </Col>\n </YFPost>\n {isNew && <Splitter />}\n </>\n };\n\n const customerMessage = (item) => {\n return <>\n <MyPost key={item.messageId}>\n { !item.form && <>\n {item.message && <span dangerouslySetInnerHTML={{ __html: linkifyHtml(item.message, { target: \"_blank\" }).replaceAll(/\\r\\n\|\\n/g, \"<br />\") }} />}\n {Array.isArray(item.files) && item.files.length > 0 && <div className='files'>\n {item.files.map((file) => getIcon(file.url))}\n </div>}\n <Row className='justify-between w-100 p-0 m-0'>\n {item.from === 'Client' ? <small>Client</small> : <small dangerouslySetInnerHTML={{ __html: item.from }} /> }\n { item.createdAt && <small className='pt-1'>{moment(item.createdAt).format('HH:mm')}</small> }\n </Row></>}\n { item.form?.type === \"buttons\" && <>\n { item.form?.value.map((itm, i) => <button key={i} onClick={() => buttonAction(itm.action)} dangerouslySetInnerHTML={{ __html: itm.title }} />)}\n </>}\n { item.form?.type === \"form\" && <form ref={formRef} method='get' action='javascript:void(0);'>\n <div className='flex flex-column gap-5'>\n { item.form?.value.map((itm, i) => <> \n { itm?.type !== 'button' ? <><div dangerouslySetInnerHTML={{ __html: itm.title }} className='mt-2' />\n { (itm?.type === 'number' \|\| itm?.type === 'email' \|\| itm?.type === 'text') && \n <input\n onChange={(e) => updateFormValues(itm.action, itm?.type, e.target.value)}\n value={formValues[itm.action]}\n placeholder={itm.placeholder}\n maxLength={250}\n {...(itm?.required && { required: true })}\n {...(invalidFields.has(itm.action) && { className: 'invalid' })}\n {...(itm?.type === 'number' && { step: \"0.01\", min: 0, max: 1000000 })}\n type={itm?.type}\n key={i}\n />}\n { itm?.type === 'zip' && <>\n <DebounceInput\n required\n type=\"text\"\n placeholder={itm.placeholder}\n debounceTimeout={700}\n value={postCode}\n onChange={e => {\n setPostCode(e.target.value);\n setPostCodeAddress('');\n updateFormValues(itm.action, 'text', '/');\n }}\n />\n {postCode && <select\n required\n disabled={searchResult.data === null}\n defaultValue={itm.action}\n value={postCodeAddress}\n onChange={(e) => {\n setPostCodeAddress((e.target as HTMLSelectElement).value);\n updateFormValues(itm.action, 'select', (e.target as HTMLSelectElement).value);\n }}\n className={`mt-1 ${invalidFields.has(itm.action) && 'invalid'}`} key={i}>\n <option value={''} disabled selected>{searchResult.loading ? \"Loading...\" : !searchResult.data ? \"\" : \"Select your Address\"}</option>\n {searchResult.data && searchResult.data.map(item => (\n <option value={item.label}>\n {item.label as String}\n </option>\n ))}\n </select>}\n </>\n }\n { itm?.type === 'select' && <select required onChange={(e) => updateFormValues(itm.action, itm?.type, e.target.value)} defaultValue={formValues[itm.action]} value={formValues[itm.action]} key={i}>\n <option disabled selected hidden></option>\n {itm?.options && Object.entries(itm?.options).map(([key, title]) => (\n <option key={key} value={key}>\n {title as String}\n </option>\n ))}\n </select>\n }\n </> : \n <button type='submit' {...(invalidFields.size > 0 && !chatActive ? { disabled: true } : {disabled: false})} style={{marginTop: '15px'}}\n onClick={(e) => {\n const valid:boolean = validateForm(item.form?.value, formValues) \|\| false;\n invalidFields.size === 0 && buttonAction(itm.action);\n const target = e.target as HTMLButtonElement\n target.disabled = valid;\n }} >Submit</button>}\n \n </>)}\n </div>\n </form>}\n </MyPost>\n </>\n };\n\n const eventMessage = (item, isNew = false) => {\n return <>\n <EventPost key={item.messageId} className={`${isNew ? \"animation\" : \"\"}`}>\n <img src={icoYouFibre.toString()} /> {item.message && <span dangerouslySetInnerHTML={{ __html: item.message.replaceAll(/\\r\\n\|\\n/g, \"<br />\") }} />}\n </EventPost>\n {isNew && <Splitter />}\n </>\n };\n\n return (\n <> \n {openLightbox && <Lightbox\n medium={lightboxUrl.current}\n large={lightboxUrl.current}\n showRotate={true}\n onClose={() => setOpenLightbox(false)}\n />} \n {newMessages && <Animation>\n { newMessages.map((item, index) => <div key={index}>\n { Object.keys(messages).length > 0 && <Splitter /> } \n { item.senderType === \"AGENT\" && agentMessage(item) }\n { item.senderType === \"CUSTOMER\" && customerMessage(item) }\n { item.senderType === \"EVENT\" && eventMessage(item) } \n { item.senderType === \"SYSTEM\" && systemMessage(item) } \n </div> \n )}\n </Animation>}\n {messages && messages.map((item, index) => \n <>\n { item.senderType === \"AGENT\" && agentMessage(item) }\n { (item.senderType === \"CUSTOMER\" \|\| item.form) && customerMessage(item) }\n { item.senderType === \"EVENT\" && eventMessage(item) }\n { item.senderType === \"SYSTEM\" && systemMessage(item) } \n { (Object.keys(messages).length - 1) !== index && <Splitter /> }\n </>\n )}\n </>\n );\n};\n\nexport default Chat;\n"],"names":["icoYouFibre","URL","url","Animation","styled","div","templateObject_1","__makeTemplateObject","YFPost","templateObject_2","MyPost","templateObject_3","EventPost","templateObject_4","Splitter","hr","templateObject_5","Chat","_a","messages","chatUsername","chatConversationId","chatUserId","chatActive","setChatForm","buttonAction","_b","resetFormValues","newMessages","API","formRef","useRef","_c","useState","formValues","setFormValues","_d","postCode","setPostCode","_e","postCodeAddress","setPostCodeAddress","_f","Set","invalidFields","setInvalidFields","_g","available","salesStatus","loading","data","searchResult","setSearchResult","_h","openLightbox","setOpenLightbox","lightboxUrl","useEffect","length","loadOptionsAsync","__assign","input","__awaiter","updateFormValues","get","concat","then","response","map","category","value","properties","PostalCode","label","FullAddress","catch","error","console","action","type","tmpInvalidFields","select","text","email","number","test","validateInput","add","delete","InlineSvg","props","__rest","svgContent","setSvgContent","fetch","sent","svgText","error_1","React","createElement","dangerouslySetInnerHTML","__html","getIcon","window","split","pop","toLocaleLowerCase","BsFiletypePdf","className","onClick","open","BsFiletypeTxt","BsFiletypeMp4","BsFiletypeMp3","src","current","agentMessage","item","isNew","Fragment","key","messageId","toString","Col","message","linkifyHtml","target","replaceAll","Array","isArray","files","file","Row","from","createdAt","moment","format","systemMessage","customerMessage","form","itm","i","title","ref","method","onChange","e","placeholder","maxLength","required","has","step","min","max","DebounceInput","debounceTimeout","disabled","defaultValue","selected","hidden","options","Object","entries","size","style","marginTop","valid","values","tmpValues","reduce","acc","some","validateForm","eventMessage","Lightbox","medium","large","showRotate","onClose","index","keys","senderType"],"mappings":"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"}
1	+ {"version":3,"file":"Chat.js","sources":["../../../src/TwilioChat/Chat.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport linkifyHtml from 'linkify-html';\nimport { Col, Row } from 'react-bootstrap';\nimport { Lightbox } from \"react-modal-image\";\nimport { useDebounce } from 'use-debounce';\nimport { BsFiletypePdf } from \"react-icons/bs\";\nimport { BsFiletypeTxt } from \"react-icons/bs\";\nimport { BsFiletypeMp4 } from \"react-icons/bs\";\nimport { BsFiletypeMp3 } from \"react-icons/bs\";\n\nimport moment from 'moment';\n\nconst icoYouFibre = new URL(\"./assets/images/svg/favicon.svg\", import.meta.url);\nconst icoUpload = new URL(\"./assets/images/svg/youfibre-upload.svg\", import.meta.url);\n\nconst Animation = styled.div`\n &, .animation {\n width: 100%;\n display: flex;\n flex-direction: column;\n position: inherit;\n margin-bottom: -9rem;\n animation: slideIn .1s cubic-bezier(0.41, 0.39, 0.53, 1.38) forwards;\n }\n @keyframes slideIn {\n from {\n margin-bottom: -9rem;\n }\n to {\n margin-bottom: 0rem;\n }\n }\n`;\n\nconst YFPost = styled.div`\n width: calc(100% - 20px);\n padding: 5px 10px;\n flex: 0;\n display: flex;\n gap: 15px;\n img {\n flex: 0;\n width: 25px;\n height: 25px;\n -object-fit: fill;\n object-fit: fill;\n border-radius: 200px;\n padding: 9px;\n background-color: #ddf0fc;\n &.system {\n background-color: #f9f2eb;\n }\n }\n span {\n color: #263238;\n background-color: #ddf0fc;\n flex: 1;\n padding: 1rem;\n border-radius: 5px;\n font-size: 1rem;\n line-height: 1.5rem;\n font-weight: 100;\n display: block;\n word-break: break-word;\n a, a:visited, a:active {\n font-size: 1rem !important;\n text-decoration: underline;\n color: #005095;\n }\n &.system {\n color: #935610;\n background-color: #f9f2eb;\n }\n }\n button {\n border: 2px solid #08DE9E;\n cursor: pointer;\n &:hover {\n background-color: #08DE9E;\n }\n }\n small {\n font-size: 0.75rem !important;\n font-weight: 100;\n line-height: 0.85rem;\n color: #bcc8d0;\n }\n .action {\n width: 0.8rem;\n height: 0.8rem;\n opacity: 0.5;\n }\n .files {\n margin: 0.3rem 0rem 0rem 0rem !important;\n border-radius: 5px;\n background-color: #f4f7f9 !important;;\n padding: 0rem;\n overlay: none;\n display: flex;\n flex-direction: row !important;\n flex-wrap: wrap !important;\n align-content: flex-start !important;\n justify-content: space-evenly !important;\n align-items: flex-start !important;\n .file{\n width: 130px;\n height: 130px;\n object-fit: contain;\n opacity: 1;\n cursor: pointer;\n }\n }\n`;\n\nconst MyPost = styled.div`\n width: calc(100% - 20px);\n padding: 5px 10px;\n flex: 0;\n display: flex;\n flex-direction: column;\n gap: 5px;\n img {\n flex: 0;\n width: 25px;\n height: 25px;\n opacity: 0;\n }\n span, button {\n display: block;\n background-color: #c1f7e7;\n flex: 0;\n padding: 5px;\n border-radius: 5px;\n color: #263238;\n font-size: 1rem;\n line-height: 1.5rem;\n font-weight: 100;\n min-width: 40%;\n word-break: break-word;\n b {\n font-weight: 900;\n }\n a, a:visited, a:active {\n font-size: 1rem !important;\n text-decoration: underline;\n color: #397040;\n }\n }\n input, select {\n font-size: 0.9rem;\n border: 1px solid #d5d5d5;\n border-radius: 5px;\n padding: 1px 4px;\n height: 30px;\n outline: none;\n &.invalid {\n border-bottom: 1px solid red;\n }\n &:focus{\n border-radius: 5px;\n }\n &:disabled{\n border: 1px solid #d9d9d9;\n }\n }\n select {\n cursor: pointer;\n background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 98% 50%;\n -moz-appearance: none; \n -webkit-appearance: none; \n appearance: none;\n }\n .loader {\n opacity: 1;\n }\n button {\n border: 1px solid #08DE9E;\n cursor: pointer;\n &:hover {\n background-color: #08DE9E;\n }\n &:disabled, &:disabled:hover {\n border: 1px solid #e1e1e1;\n background-color: #e1e1e1;\n cursor: default;\n }\n }\n small {\n font-size: 0.75rem !important;\n font-weight: 100;\n line-height: 0.85rem;\n color: #bcc8d0;\n }\n .action {\n width: 0.8rem;\n height: 0.8rem;\n opacity: 0.5;\n }\n .files {\n margin: 0rem !important;\n border-radius: 5px;\n background-color: #f4f7f9 !important;;\n padding: 0rem;\n overlay: none;\n display: flex;\n flex-direction: row !important;\n flex-wrap: wrap !important;\n align-content: flex-start !important;\n justify-content: space-evenly !important;\n align-items: flex-start !important;\n .file{\n width: 130px;\n height: 130px;\n object-fit: contain;\n opacity: 1;\n cursor: pointer;\n }\n }\n`;\n\nconst EventPost = styled.div`\n padding: 5px 10px;\n flex: 0;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 5px;\n img {\n flex: 0;\n width: 40px;\n height: 40px;\n }\n span {\n display: block;\n background-color: #00468b;\n flex: 1;\n padding: 5px 15px;\n max-width: 80%;\n border-radius: 5px;\n color: #ffffff;\n font-size: 1rem;\n line-height: 1.5rem;\n font-weight: 100;\n text-align: center;\n flex-wrap: wrap;\n word-break: break-word;\n b {\n font-weight: 900;\n }\n }\n`;\n\nconst Splitter = styled.hr`\n width: 100%;\n height: 1px;\n border: 0px;\n border-top: 1px solid #dbe4ea;\n outline: none;\n box-shadow: none;\n margin: 5px 0px;\n`;\n\nconst Box = styled.div`\n width: 100%;\n`;\n\ninterface Result {\n available: boolean \| null;\n salesStatus: boolean \| null;\n loading: boolean;\n chatActive: boolean;\n data: Array<{ label: string; value: string; }> \| null;\n}\n\nconst Chat = ({messages, chatUsername, chatConversationId, chatUserId, chatActive, setChatForm, buttonAction, resetFormValues = false, newMessages, API}) => {\n const formRef = useRef<any>(null);\n const [formValues, setFormValues] = useState({});\n const [postCode, setPostCode] = useState('');\n const [postCodeAddress, setPostCodeAddress] = useState('');\n const [invalidFields, setInvalidFields] =useState<Set<string>>(new Set());\n const [searchResult, setSearchResult] = useState<Result>({\n available: false,\n salesStatus: null,\n loading: false,\n chatActive: false,\n data: null,\n });\n const [openLightbox, setOpenLightbox] = useState(false);\n const lightboxUrl = useRef<string\|null>(null);\n const [debounced] = useDebounce(postCode, 700);\n\n useEffect(() => {\n setFormValues({});\n setPostCode('');\n }, [chatConversationId, resetFormValues]);\n\n useEffect(() => {\n postCode.length > 0\n ? loadOptionsAsync(postCode)\n : setSearchResult({\n ...searchResult,\n data: null,\n });\n }, [debounced]);\n\n const loadOptionsAsync = async(input) => {\n setSearchResult({\n ...searchResult,\n data: null,\n loading: true,\n });\n updateFormValues('address', 'text', null);\n try {\n API.get(`CrmModule/v2.0/premises/post-code-checker?searchString=${input}`)\n .then((response) => { \n const data = response?.map((category) => ({\n value:category.properties.PostalCode,\n label: category.properties.FullAddress,\n }));\n setSearchResult({\n ...searchResult,\n loading: false,\n data,\n });\n })\n .catch(function (error) {\n console.error('Error fetching ZIP codes:', error);\n setSearchResult({\n ...searchResult,\n loading: false,\n });\n });\n } catch (error) { console.error('Error fetching ZIP codes:', error); }\n };\n\n const validateInput = (type:string, data:any) => {\n if((typeof data === 'string' && data.length === 0) \|\| (typeof data === 'number' && data === 0)) return true;\n const regex = {\n 'select': /^[a-zA-Z0-9\\s\\-_,.!?()/@\"']+$/,\n 'text': /^[a-zA-Z0-9\\s\\-_,.!?()/@\"']+$/,\n 'email': /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.+-]+\\.[a-zA-Z0-9]{2,}$/,\n 'number': /^(?:1000000(?:\\.0{1,2})?\|[0-9]{1,6}(?:\\.\\d{1,2})?)$/,\n };\n return regex[type].test(data);\n };\n\n const updateFormValues = (action, type, value) => {\n formValues[action] = value;\n const tmpInvalidFields = invalidFields;\n validateInput(type, value)?tmpInvalidFields.delete(action):tmpInvalidFields.add(action); \n setInvalidFields(tmpInvalidFields); \n setFormValues({...formValues});\n setChatForm(formValues);\n };\n\n const validateForm = (form, values) => {\n if(form){\n let tmpValues:object = form.reduce((acc: any, item: any) => {\n if (item.action !== \"submit_form\") {\n acc[item.action] = (values[item.action] !== \"/\" && values[item.action]) \|\| null;\n }\n return acc;\n }, {});\n return !Object.values(tmpValues).some(value => value === null);\n }\n };\n\n const InlineSvg = ({ url, ...props }) => {\n const [svgContent, setSvgContent] = useState<string \| null>(null); \n useEffect(() => {\n const fetchSvg = async () => {\n try {\n const response = await fetch(url);\n const svgText = await response.text();\n setSvgContent(svgText);\n } catch (error) {\n console.error(\"Error loading SVG:\", error);\n }\n }; \n fetchSvg();\n }, [url]); \n return (\n <div {...props}\n dangerouslySetInnerHTML={{ __html: svgContent \|\| \"\" }}\n aria-hidden=\"true\"\n />\n );\n };\n\n const getIcon = (url:string) => {\n if(url && typeof window !== 'undefined'){\n const extension = url.split('.').pop()?.toLocaleLowerCase();\n switch(extension){\n case 'pdf': return <BsFiletypePdf className='file' onClick={() => window.open(url,'_blank')}/>; break;\n case 'txt': return <BsFiletypeTxt className='file' onClick={() => window.open(url,'_blank')}/>; break;\n case 'mp4': return <BsFiletypeMp4 className='file' onClick={() => window.open(url,'_blank')}/>; break;\n case 'mp3': return <BsFiletypeMp3 className='file' onClick={() => window.open(url,'_blank')}/>; break;\n case 'svg': return <InlineSvg className='file' url={url} onClick={() => window.open(url,'_blank')} />; break;\n default: return <img className='file' src={url} onClick={() => { lightboxUrl.current = url; setOpenLightbox(true);}} alt='' />; break;\n }\n }\n };\n\n const agentMessage = (item, isNew = false) => {\n return <>\n <YFPost key={item.messageId} className={`${isNew ? \"animation\" : \"\"}`}>\n <img src={icoYouFibre.toString()} />\n <Col className='p-0 m-0 text-left'>\n <div>\n {item.message && <span dangerouslySetInnerHTML={{ __html: linkifyHtml(item.message, { target: \"_blank\" }).replaceAll(/\\r\\n\|\\n/g, \"<br />\") }} />}\n </div>\n {Array.isArray(item.files) && item.files.length > 0 && <div className='files'>\n {item.files.map((file) => getIcon(file.url))}\n </div>}\n <Row className='flex-center-justified w-100 p-0 m-0 mt-1'>\n <small dangerouslySetInnerHTML={{ __html: item.from }} />\n { item.createdAt && <small className='pt-1'>{moment(item.createdAt).format('HH:mm')}</small> }\n </Row>\n </Col>\n </YFPost>\n {isNew && <Splitter />}\n </>\n };\n\n const systemMessage = (item, isNew = false) => {\n return <>\n <YFPost key={item.messageId} className={`${isNew ? \"animation\" : \"\"}`}>\n <img className='system' src={icoYouFibre.toString()} alt='' />\n <Col className='p-0 m-0 text-left'>\n <div>\n {item.message && <span className='system' dangerouslySetInnerHTML={{ __html: linkifyHtml(item.message, { target: \"_blank\" }).replaceAll(/\\r\\n\|\\n/g, \"<br />\") }} />}\n </div>\n {Array.isArray(item.files) && item.files.length > 0 && <div className='files'>\n {item.files.map((file) => getIcon(file.url))}\n </div>}\n <Row className='flex-center-justified w-100 p-0 m-0 mt-1'>\n <small dangerouslySetInnerHTML={{ __html: item.from }} />\n { item.createdAt && <small className='pt-1'>{moment(item.createdAt).format('HH:mm')}</small> }\n </Row>\n </Col>\n </YFPost>\n {isNew && <Splitter />}\n </>\n };\n\n const customerMessage = (item) => {\n return <>\n <MyPost key={item.messageId}>\n { !item.form && <>\n {item.message && <span className=\"text-left\" dangerouslySetInnerHTML={{ __html: linkifyHtml(item.message, { target: \"_blank\" }).replaceAll(/\\r\\n\|\\n/g, \"<br />\") }} />}\n {Array.isArray(item.files) && item.files.length > 0 && <div className='files'>\n {item.files.map((file) => getIcon(file.url))}\n </div>}\n <Row className='flex-center-justified w-100 p-0 m-0'>\n {item.from === 'Client' ? <small>Client</small> : <small dangerouslySetInnerHTML={{ __html: item.from }} /> }\n { item.createdAt && <small className='pt-1'>{moment(item.createdAt).format('HH:mm')}</small> }\n </Row></>}\n { item.form?.type === \"buttons\" && <>\n { item.form?.value.map((itm, i) => <button key={i} onClick={() => buttonAction(itm.action)} dangerouslySetInnerHTML={{ __html: itm.title }} />)}\n </>}\n { item.form?.type === \"form\" && <form ref={formRef} method='get' action='javascript:void(0);'>\n <div className='flex flex-column gap-5 fs-1'>\n { item.form?.value.map((itm, i) => <> \n { itm?.type !== 'button' ? <><div dangerouslySetInnerHTML={{ __html: itm.title }} className='text-left mt-2' />\n { (itm?.type === 'number' \|\| itm?.type === 'email' \|\| itm?.type === 'text') && \n <input\n onChange={(e) => updateFormValues(itm.action, itm?.type, e.target.value)}\n value={formValues[itm.action]}\n placeholder={itm.placeholder}\n maxLength={250}\n {...(itm?.required && { required: true })}\n {...(invalidFields.has(itm.action) && { className: 'invalid' })}\n {...(itm?.type === 'number' && { step: \"0.01\", min: 0, max: 1000000 })}\n type={itm?.type}\n key={i}\n />}\n { itm?.type === 'zip' && <>\n <input\n required\n type=\"text\"\n placeholder={itm.placeholder}\n value={postCode}\n onChange={e => {\n setPostCode(e.target.value);\n setPostCodeAddress('');\n updateFormValues(itm.action, 'text', '/');\n }}\n />\n {postCode && <select\n required\n disabled={searchResult.data === null}\n defaultValue={itm.action}\n value={postCodeAddress}\n onChange={(e) => {\n setPostCodeAddress((e.target as HTMLSelectElement).value);\n updateFormValues(itm.action, 'select', (e.target as HTMLSelectElement).value);\n }}\n className={`mt-1 ${invalidFields.has(itm.action) && 'invalid'}`} key={i}>\n <option value={''} disabled selected>{searchResult.loading ? \"Loading...\" : !searchResult.data ? \"\" : \"Select your Address\"}</option>\n {searchResult.data && searchResult.data.map(item => (\n <option value={item.label}>\n {item.label as String}\n </option>\n ))}\n </select>}\n </>\n }\n { itm?.type === 'select' && <select required onChange={(e) => updateFormValues(itm.action, itm?.type, e.target.value)} defaultValue={formValues[itm.action]} value={formValues[itm.action]} key={i}>\n <option disabled selected hidden></option>\n {itm?.options && Object.entries(itm?.options).map(([key, title]) => (\n <option key={key} value={key}>\n {title as String}\n </option>\n ))}\n </select>\n }\n </> : \n <button type='submit' {...(invalidFields.size > 0 && !chatActive ? { disabled: true } : {disabled: false})} style={{marginTop: '15px'}}\n onClick={(e) => {\n const valid:boolean = validateForm(item.form?.value, formValues) \|\| false;\n invalidFields.size === 0 && buttonAction(itm.action);\n const target = e.target as HTMLButtonElement\n target.disabled = valid;\n }} >Submit</button>}\n \n </>)}\n </div>\n </form>}\n </MyPost>\n </>\n };\n\n const eventMessage = (item, isNew = false) => {\n return <>\n <EventPost key={item.messageId} className={`${isNew ? \"animation\" : \"\"}`}>\n <img src={icoYouFibre.toString()} alt='' /> {item.message && <span dangerouslySetInnerHTML={{ __html: item.message.replaceAll(/\\r\\n\|\\n/g, \"<br />\") }} />}\n </EventPost>\n {isNew && <Splitter />}\n </>\n };\n\n return (\n <> \n {openLightbox && <Lightbox\n medium={lightboxUrl.current}\n large={lightboxUrl.current}\n showRotate={true}\n onClose={() => setOpenLightbox(false)}\n />} \n {newMessages && <Animation>\n { newMessages.map((item, index) => <Box key={index}>\n { Object.keys(messages).length > 0 && <Splitter /> } \n { item.senderType === \"AGENT\" && agentMessage(item) }\n { item.senderType === \"CUSTOMER\" && customerMessage(item) }\n { item.senderType === \"EVENT\" && eventMessage(item) } \n { item.senderType === \"SYSTEM\" && systemMessage(item) } \n </Box> \n )}\n </Animation>}\n {messages && messages.map((item, index) => \n <Box key={index}>\n { item.senderType === \"AGENT\" && agentMessage(item) }\n { (item.senderType === \"CUSTOMER\" \|\| item.form) && customerMessage(item) }\n { item.senderType === \"EVENT\" && eventMessage(item) }\n { item.senderType === \"SYSTEM\" && systemMessage(item) } \n { index !== 0 && <Splitter /> }\n </Box>\n )}\n </>\n );\n};\n\nexport default Chat;\n"],"names":["icoYouFibre","URL","url","Animation","styled","div","templateObject_1","__makeTemplateObject","YFPost","templateObject_2","MyPost","templateObject_3","EventPost","templateObject_4","Splitter","hr","templateObject_5","Box","templateObject_6","Chat","_a","messages","chatUsername","chatConversationId","chatUserId","chatActive","setChatForm","buttonAction","_b","resetFormValues","newMessages","API","formRef","useRef","_c","useState","formValues","setFormValues","_d","postCode","setPostCode","_e","postCodeAddress","setPostCodeAddress","_f","Set","invalidFields","setInvalidFields","_g","available","salesStatus","loading","data","searchResult","setSearchResult","_h","openLightbox","setOpenLightbox","lightboxUrl","debounced","useDebounce","useEffect","length","loadOptionsAsync","__assign","input","__awaiter","updateFormValues","get","concat","then","response","map","category","value","properties","PostalCode","label","FullAddress","catch","error","console","action","type","tmpInvalidFields","select","text","email","number","test","validateInput","add","delete","InlineSvg","props","__rest","svgContent","setSvgContent","fetch","sent","svgText","error_1","React","createElement","dangerouslySetInnerHTML","__html","getIcon","window","split","pop","toLocaleLowerCase","BsFiletypePdf","className","onClick","open","BsFiletypeTxt","BsFiletypeMp4","BsFiletypeMp3","src","current","alt","agentMessage","item","isNew","Fragment","key","messageId","toString","Col","message","linkifyHtml","target","replaceAll","Array","isArray","files","file","Row","from","createdAt","moment","format","systemMessage","customerMessage","form","itm","i","title","ref","method","onChange","e","placeholder","maxLength","required","has","step","min","max","disabled","defaultValue","selected","hidden","options","Object","entries","size","style","marginTop","valid","values","tmpValues","reduce","acc","some","validateForm","eventMessage","Lightbox","medium","large","showRotate","onClose","index","keys","senderType"],"mappings":"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"}