@zappway/embeds 1.0.77 → 1.0.78
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.
- package/dist/chatbox/index.js +1 -1
- package/dist/chatbox/legacy.js +1 -1
- package/package.json +1 -1
package/dist/chatbox/index.js
CHANGED
|
@@ -2930,7 +2930,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
|
|
|
2930
2930
|
white-space: nowrap;
|
|
2931
2931
|
width: 1px;
|
|
2932
2932
|
`,Yj=hqe;var Ar=j(te()),kqe=Dw.join(",");function _B({changeCallback:e,placeholder:a,variant:t="plain"}){let{t:o}=ot(["_FileUploaderDropZone"],{i18n:dt}),[i,n]=(0,Ts.useState)(void 0),[r,s]=(0,Ts.useState)(!1),l=(0,Ts.useRef)(null),[u,d]=(0,Ts.useState)([]),p=(0,Ts.useCallback)(async f=>{n(!0);let y=1e7,g=Array.from(f).filter(k=>!u.find(A=>A.name===k.name));g.find(k=>k.size>y)?(l.current&&(l.current.value=""),alert(o("file_size_limit")),n(!1)):(await e(g),d([...u,...g]),n(!1))},[e,u,o]),m=(0,Ts.useCallback)(f=>{f.preventDefault(),s(!0)},[]),c=(0,Ts.useCallback)(f=>{f.preventDefault(),s(!1)},[]),b=(0,Ts.useCallback)(f=>{f.preventDefault(),s(!1),f.dataTransfer.files&&f.dataTransfer.files.length>0&&(p(f.dataTransfer.files),f.dataTransfer.clearData())},[p]);return(0,Ar.jsxs)(Se,{gap:1,children:[(0,Ar.jsx)(ui,{component:"div",sx:{maxHeight:"100%",borderStyle:"dashed"},onDragOver:m,onDragLeave:c,onDrop:b,color:r?"primary":"neutral",variant:"outlined",children:(0,Ar.jsxs)(Se,{sx:{justifyContent:"center",alignItems:"center"},gap:1,children:[(0,Ar.jsx)(pue.default,{sx:{opacity:.5,fontSize:32}}),(0,Ar.jsxs)(na,{component:"label",level:"body-sm",color:"neutral",children:[o("drop_items_here_or")," ",(0,Ar.jsxs)(na,{component:"label",color:"primary",sx:{cursor:"pointer"},level:"body-sm",fontWeight:"bold",children:[o("browse_files"),(0,Ar.jsx)(Yj,{ref:l,accept:kqe,type:"file",multiple:!0,onChange:f=>{p(f.target.files)}})]})]})]})}),(0,Ar.jsx)(Se,{direction:"row",sx:{flexWrap:"wrap"},gap:1,children:u.map((f,y)=>(0,Ar.jsx)(Yo,{size:"sm",variant:"soft",color:"primary",endDecorator:(0,Ar.jsx)(uy,{disabled:i,onDelete:async()=>{let g=u.filter((h,k)=>k!==y);d(g),await e(g)}}),children:f.name},f.name))})]})}var AB=(e,a,t)=>{let o=a.split(/[\.\[\]]/g),i=e;for(let n of o){if(i===null||i===void 0)return t;let r=n.replace(/['"]/g,"");r.trim()!==""&&(i=i[r])}return i===void 0?t:i};var mue=j($());var ub=j(te()),cue=(0,mue.forwardRef)((e,a)=>{let{control:t,name:o,label:i,helperText:n,formControlProps:r,disabled:s,hidden:l,onChange:u,onBlur:d,value:p,...m}=e,{errors:c}=dM({control:t}),b=o?AB(c,`${o}.message`):void 0,f=b??n;return(0,ub.jsxs)(di,{...r,error:!!b,children:[!l&&i&&(0,ub.jsx)(ql,{sx:s?{color:"text.disabled"}:void 0,children:i}),(0,ub.jsx)(NM,{ref:a,name:o,onChange:u,onBlur:d,value:p,error:!!b,disabled:s,...m}),f&&(0,ub.jsx)(qs,{children:f})]})});cue.displayName="RHFormInput";var fp=cue;var yue=j(gue());var hp=j($());var Ln=j($(),1),Is=j($(),1),Jj=j($(),1),IB=j($(),1),wB=j($(),1),Pt=j($(),1),kue=j($(),1),Tu=j($(),1),ml=[["Afghanistan","af","93"],["Albania","al","355"],["Algeria","dz","213"],["Andorra","ad","376"],["Angola","ao","244"],["Antigua and Barbuda","ag","1268"],["Argentina","ar","54","(..) ........",0],["Armenia","am","374",".. ......"],["Aruba","aw","297"],["Australia","au","61",{default:". .... ....","/^4/":"... ... ...","/^5(?!50)/":"... ... ...","/^1(3|8)00/":".... ... ...","/^13/":".. .. ..","/^180/":"... ...."},0,[]],["Austria","at","43"],["Azerbaijan","az","994","(..) ... .. .."],["Bahamas","bs","1242"],["Bahrain","bh","973"],["Bangladesh","bd","880"],["Barbados","bb","1246"],["Belarus","by","375","(..) ... .. .."],["Belgium","be","32","... .. .. .."],["Belize","bz","501"],["Benin","bj","229"],["Bhutan","bt","975"],["Bolivia","bo","591"],["Bosnia and Herzegovina","ba","387"],["Botswana","bw","267"],["Brazil","br","55","(..) .....-...."],["British Indian Ocean Territory","io","246"],["Brunei","bn","673"],["Bulgaria","bg","359"],["Burkina Faso","bf","226"],["Burundi","bi","257"],["Cambodia","kh","855"],["Cameroon","cm","237"],["Canada","ca","1","(...) ...-....",1,["204","226","236","249","250","289","306","343","365","387","403","416","418","431","437","438","450","506","514","519","548","579","581","587","604","613","639","647","672","705","709","742","778","780","782","807","819","825","867","873","902","905"]],["Cape Verde","cv","238"],["Caribbean Netherlands","bq","599","",1],["Cayman Islands","ky","1","... ... ....",4,["345"]],["Central African Republic","cf","236"],["Chad","td","235"],["Chile","cl","56"],["China","cn","86","... .... ...."],["Colombia","co","57","... ... ...."],["Comoros","km","269"],["Congo","cd","243"],["Congo","cg","242"],["Costa Rica","cr","506","....-...."],["Côte d'Ivoire","ci","225",".. .. .. .. .."],["Croatia","hr","385"],["Cuba","cu","53"],["Curaçao","cw","599","",0],["Cyprus","cy","357",".. ......"],["Czech Republic","cz","420","... ... ..."],["Denmark","dk","45",".. .. .. .."],["Djibouti","dj","253",".. .. ...."],["Dominica","dm","1767"],["Dominican Republic","do","1","(...) ...-....",2,["809","829","849"]],["Ecuador","ec","593"],["Egypt","eg","20"],["El Salvador","sv","503","....-...."],["Equatorial Guinea","gq","240"],["Eritrea","er","291"],["Estonia","ee","372",".... ......"],["Ethiopia","et","251",".. ... ...."],["Fiji","fj","679"],["Finland","fi","358",".. ... .. .."],["France","fr","33",". .. .. .. .."],["French Guiana","gf","594"],["French Polynesia","pf","689"],["Gabon","ga","241"],["Gambia","gm","220"],["Georgia","ge","995"],["Germany","de","49","... ........."],["Ghana","gh","233"],["Greece","gr","30"],["Greenland","gl","299",".. .. .."],["Grenada","gd","1473"],["Guadeloupe","gp","590","",0],["Guam","gu","1671"],["Guatemala","gt","502","....-...."],["Guinea","gn","224"],["Guinea-Bissau","gw","245"],["Guyana","gy","592"],["Haiti","ht","509","....-...."],["Honduras","hn","504"],["Hong Kong","hk","852",".... ...."],["Hungary","hu","36"],["Iceland","is","354","... ...."],["India","in","91",".....-....."],["Indonesia","id","62"],["Iran","ir","98","... ... ...."],["Iraq","iq","964"],["Ireland","ie","353",".. ......."],["Israel","il","972","... ... ...."],["Italy","it","39","... .......",0],["Jamaica","jm","1876"],["Japan","jp","81",".. .... ...."],["Jordan","jo","962"],["Kazakhstan","kz","7","... ...-..-..",0],["Kenya","ke","254"],["Kiribati","ki","686"],["Kosovo","xk","383"],["Kuwait","kw","965"],["Kyrgyzstan","kg","996","... ... ..."],["Laos","la","856"],["Latvia","lv","371",".. ... ..."],["Lebanon","lb","961"],["Lesotho","ls","266"],["Liberia","lr","231"],["Libya","ly","218"],["Liechtenstein","li","423"],["Lithuania","lt","370"],["Luxembourg","lu","352"],["Macau","mo","853"],["Macedonia","mk","389"],["Madagascar","mg","261"],["Malawi","mw","265"],["Malaysia","my","60","..-....-...."],["Maldives","mv","960"],["Mali","ml","223"],["Malta","mt","356"],["Marshall Islands","mh","692"],["Martinique","mq","596"],["Mauritania","mr","222"],["Mauritius","mu","230"],["Mayotte","yt","262","",1,["269","639"]],["Mexico","mx","52","... ... ....",0],["Micronesia","fm","691"],["Moldova","md","373","(..) ..-..-.."],["Monaco","mc","377"],["Mongolia","mn","976"],["Montenegro","me","382"],["Morocco","ma","212"],["Mozambique","mz","258"],["Myanmar","mm","95"],["Namibia","na","264"],["Nauru","nr","674"],["Nepal","np","977"],["Netherlands","nl","31",{"/^06/":"(.). .........","/^6/":". .........","/^0(10|13|14|15|20|23|24|26|30|33|35|36|38|40|43|44|45|46|50|53|55|58|70|71|72|73|74|75|76|77|78|79|82|84|85|87|88|91)/":"(.).. ........","/^(10|13|14|15|20|23|24|26|30|33|35|36|38|40|43|44|45|46|50|53|55|58|70|71|72|73|74|75|76|77|78|79|82|84|85|87|88|91)/":".. ........","/^0/":"(.)... .......",default:"... ......."}],["New Caledonia","nc","687"],["New Zealand","nz","64","...-...-...."],["Nicaragua","ni","505"],["Niger","ne","227"],["Nigeria","ng","234"],["North Korea","kp","850"],["Norway","no","47","... .. ..."],["Oman","om","968"],["Pakistan","pk","92","...-......."],["Palau","pw","680"],["Palestine","ps","970"],["Panama","pa","507"],["Papua New Guinea","pg","675"],["Paraguay","py","595"],["Peru","pe","51"],["Philippines","ph","63","... ... ...."],["Poland","pl","48","...-...-..."],["Portugal","pt","351"],["Puerto Rico","pr","1","(...) ...-....",3,["787","939"]],["Qatar","qa","974"],["Réunion","re","262","",0],["Romania","ro","40"],["Russia","ru","7","(...) ...-..-..",1],["Rwanda","rw","250"],["Saint Kitts and Nevis","kn","1869"],["Saint Lucia","lc","1758"],["Saint Vincent and the Grenadines","vc","1784"],["Samoa","ws","685"],["San Marino","sm","378"],["São Tomé and Príncipe","st","239"],["Saudi Arabia","sa","966"],["Senegal","sn","221"],["Serbia","rs","381"],["Seychelles","sc","248"],["Sierra Leone","sl","232"],["Singapore","sg","65","....-...."],["Slovakia","sk","421"],["Slovenia","si","386"],["Solomon Islands","sb","677"],["Somalia","so","252"],["South Africa","za","27"],["South Korea","kr","82","... .... ...."],["South Sudan","ss","211"],["Spain","es","34","... ... ..."],["Sri Lanka","lk","94"],["Sudan","sd","249"],["Suriname","sr","597"],["Swaziland","sz","268"],["Sweden","se","46","... ... ..."],["Switzerland","ch","41",".. ... .. .."],["Syria","sy","963"],["Taiwan","tw","886"],["Tajikistan","tj","992"],["Tanzania","tz","255"],["Thailand","th","66"],["Timor-Leste","tl","670"],["Togo","tg","228"],["Tonga","to","676"],["Trinidad and Tobago","tt","1868"],["Tunisia","tn","216"],["Turkey","tr","90","... ... .. .."],["Turkmenistan","tm","993"],["Tuvalu","tv","688"],["Uganda","ug","256"],["Ukraine","ua","380","(..) ... .. .."],["United Arab Emirates","ae","971"],["United Kingdom","gb","44",".... ......"],["United States","us","1","(...) ...-....",0],["Uruguay","uy","598"],["Uzbekistan","uz","998",".. ... .. .."],["Vanuatu","vu","678"],["Vatican City","va","39",".. .... ....",1],["Venezuela","ve","58"],["Vietnam","vn","84"],["Yemen","ye","967"],["Zambia","zm","260"],["Zimbabwe","zw","263"]],Aqe="react-international-phone-",hue=(...e)=>e.filter(a=>!!a).join(" ").trim(),Tqe=(...e)=>hue(...e).split(" ").map(a=>`${Aqe}${a}`).join(" "),_i=({addPrefix:e,rawClassNames:a})=>hue(Tqe(...e),...a),Iqe=({value:e,mask:a,maskSymbol:t,offset:o=0,trimNonMaskCharsLeftover:i=!1})=>{if(e.length<o)return e;let n=e.slice(0,o),r=e.slice(o),s=n,l=0;for(let u of a.split("")){if(l>=r.length){if(!i&&u!==t){s+=u;continue}break}u===t?(s+=r[l],l+=1):s+=u}return s},db=e=>e?/^\d+$/.test(e):!1,Xj=e=>e.replace(/\D/g,""),wqe=(e,a)=>{let t=e.style.display;t!=="block"&&(e.style.display="block");let o=e.getBoundingClientRect(),i=a.getBoundingClientRect(),n=i.top-o.top,r=o.bottom-i.bottom;n>=0&&r>=0||(Math.abs(n)<Math.abs(r)?e.scrollTop+=n:e.scrollTop-=r),e.style.display=t};var Pqe=()=>typeof window>"u"?!1:window.navigator.userAgent.toLowerCase().includes("macintosh");var xqe=(e,a)=>{let t=a.disableDialCodeAndPrefix?!1:a.forceDialCode,o=a.disableDialCodeAndPrefix?!1:a.insertDialCodeOnEmpty,i=e,n=u=>a.trimNonDigitsEnd?u.trim():u;if(!i)return o&&!i.length||t?n(`${a.prefix}${a.dialCode}${a.charAfterDialCode}`):n(i);if(i=Xj(i),i===a.dialCode&&!a.disableDialCodeAndPrefix)return n(`${a.prefix}${a.dialCode}${a.charAfterDialCode}`);if(a.dialCode.startsWith(i)&&!a.disableDialCodeAndPrefix)return n(t?`${a.prefix}${a.dialCode}${a.charAfterDialCode}`:`${a.prefix}${i}`);if(!i.startsWith(a.dialCode)&&!a.disableDialCodeAndPrefix){if(t)return n(`${a.prefix}${a.dialCode}${a.charAfterDialCode}`);if(i.length<a.dialCode.length)return n(`${a.prefix}${i}`)}let r=()=>{let u=a.dialCode.length,d=i.slice(0,u),p=i.slice(u);return{phoneLeftSide:d,phoneRightSide:p}},{phoneLeftSide:s,phoneRightSide:l}=r();return s=`${a.prefix}${s}${a.charAfterDialCode}`,l=Iqe({value:l,mask:a.mask,maskSymbol:a.maskChar,trimNonMaskCharsLeftover:a.trimNonDigitsEnd||a.disableDialCodeAndPrefix&&l.length===0}),a.disableDialCodeAndPrefix&&(s=""),n(`${s}${l}`)},Sqe=({phoneBeforeInput:e,phoneAfterInput:a,phoneAfterFormatted:t,cursorPositionAfterInput:o,leftOffset:i=0,deletion:n})=>{if(o<i)return i;if(!e)return t.length;let r=null;for(let d=o-1;d>=0;d-=1)if(db(a[d])){r=d;break}if(r===null){for(let d=0;d<a.length;d+=1)if(db(t[d]))return d;return a.length}let s=0;for(let d=0;d<r;d+=1)db(a[d])&&(s+=1);let l=0,u=0;for(let d=0;d<t.length&&(l+=1,db(t[d])&&(u+=1),!(u>=s+1));d+=1);if(n!=="backward")for(;!db(t[l])&&l<t.length;)l+=1;return l},$j=({phone:e,prefix:a})=>e?`${a}${Xj(e)}`:"";function TB({value:e,country:a,insertDialCodeOnEmpty:t,trimNonDigitsEnd:o,countries:i,prefix:n,charAfterDialCode:r,forceDialCode:s,disableDialCodeAndPrefix:l,defaultMask:u,countryGuessingEnabled:d,disableFormatting:p}){let m=e;l&&(m=m.startsWith(`${n}`)?m:`${n}${a.dialCode}${m}`);let c=d?Gqe({phone:m,countries:i,currentCountryIso2:a?.iso2}):void 0,b=c?.country??a,f=xqe(m,{prefix:n,mask:Mqe({phone:m,country:b,defaultMask:u,disableFormatting:p}),maskChar:bue,dialCode:b.dialCode,trimNonDigitsEnd:o,charAfterDialCode:r,forceDialCode:s,insertDialCodeOnEmpty:t,disableDialCodeAndPrefix:l}),y=d&&!c?.fullDialCodeMatch?a:b;return{phone:$j({phone:l?`${y.dialCode}${f}`:f,prefix:n}),inputValue:f,country:y}}var zqe=e=>{if(e?.toLocaleLowerCase().includes("delete")??!1)return e?.toLocaleLowerCase().includes("forward")?"forward":"backward"},jqe=(e,{country:a,insertDialCodeOnEmpty:t,phoneBeforeInput:o,prefix:i,charAfterDialCode:n,forceDialCode:r,disableDialCodeAndPrefix:s,countryGuessingEnabled:l,defaultMask:u,disableFormatting:d,countries:p})=>{let m=e.nativeEvent,c=m.inputType,b=zqe(c),f=!!c?.startsWith("insertFrom"),y=c==="insertText",g=m?.data||void 0,h=e.target.value,k=e.target.selectionStart??0;if(c?.includes("history"))return{inputValue:o,phone:$j({phone:o,prefix:i}),cursorPosition:o.length,country:a};if(y&&!db(g)&&h!==i)return{inputValue:o,phone:$j({phone:s?`${a.dialCode}${o}`:o,prefix:i}),cursorPosition:k-(g?.length??0),country:a};if(r&&!h.startsWith(`${i}${a.dialCode}`)&&!f){let w=h?o:`${i}${a.dialCode}${n}`;return{inputValue:w,phone:$j({phone:w,prefix:i}),cursorPosition:i.length+a.dialCode.length+n.length,country:a}}let{phone:A,inputValue:T,country:_}=TB({value:h,country:a,trimNonDigitsEnd:b==="backward",insertDialCodeOnEmpty:t,countryGuessingEnabled:l,countries:p,prefix:i,charAfterDialCode:n,forceDialCode:r,disableDialCodeAndPrefix:s,disableFormatting:d,defaultMask:u}),I=Sqe({cursorPositionAfterInput:k,phoneBeforeInput:o,phoneAfterInput:h,phoneAfterFormatted:T,leftOffset:r?i.length+a.dialCode.length+n.length:0,deletion:b});return{phone:A,inputValue:T,cursorPosition:I,country:_}},Cqe=(e,a)=>{let t=Object.keys(e),o=Object.keys(a);if(t.length!==o.length)return!1;for(let i of t)if(e[i]!==a[i])return!1;return!0},Dqe=()=>{let e=(0,IB.useRef)(),a=(0,IB.useRef)(Date.now());return{check:()=>{let t=Date.now(),o=e.current?t-a.current:void 0;return e.current=a.current,a.current=t,o}}},Eqe={size:20,overrideLastItemDebounceMS:-1};function Rqe(e,a){let{size:t,overrideLastItemDebounceMS:o,onChange:i}={...Eqe,...a},[n,r]=(0,Jj.useState)(e),[s,l]=(0,Jj.useState)([n]),[u,d]=(0,Jj.useState)(0),p=Dqe();return[n,(m,c)=>{if(typeof m=="object"&&typeof n=="object"&&Cqe(m,n)||m===n)return;let b=o>0,f=p.check(),y=b&&f!==void 0?f>o:!0;if(c?.overrideLastItem!==void 0?c.overrideLastItem:!y)l(g=>[...g.slice(0,u),m]);else{let g=s.length>=t;l(h=>[...h.slice(g?1:0,u+1),m]),g||d(h=>h+1)}r(m),i?.(m)},()=>{if(u<=0)return{success:!1};let m=s[u-1];return r(m),d(c=>c-1),i?.(m),{success:!0,value:m}},()=>{if(u+1>=s.length)return{success:!1};let m=s[u+1];return r(m),d(c=>c+1),i?.(m),{success:!0,value:m}}]}var bue=".",Tr={defaultCountry:"us",value:"",prefix:"+",defaultMask:"............",charAfterDialCode:" ",historySaveDebounceMS:200,disableCountryGuess:!1,disableDialCodePrefill:!1,forceDialCode:!1,disableDialCodeAndPrefix:!1,disableFormatting:!1,countries:ml,preferredCountries:[]},PB=({defaultCountry:e=Tr.defaultCountry,value:a=Tr.value,countries:t=Tr.countries,prefix:o=Tr.prefix,defaultMask:i=Tr.defaultMask,charAfterDialCode:n=Tr.charAfterDialCode,historySaveDebounceMS:r=Tr.historySaveDebounceMS,disableCountryGuess:s=Tr.disableCountryGuess,disableDialCodePrefill:l=Tr.disableDialCodePrefill,forceDialCode:u=Tr.forceDialCode,disableDialCodeAndPrefix:d=Tr.disableDialCodeAndPrefix,disableFormatting:p=Tr.disableFormatting,onChange:m,inputRef:c})=>{let b={countries:t,prefix:o,charAfterDialCode:n,forceDialCode:d?!1:u,disableDialCodeAndPrefix:d,defaultMask:i,countryGuessingEnabled:!s,disableFormatting:p},f=(0,Is.useRef)(null),y=c||f,g=F=>{Promise.resolve().then(()=>{typeof window>"u"||y.current!==document?.activeElement||y.current?.setSelectionRange(F,F)})},[{phone:h,inputValue:k,country:A},T,_,I]=Rqe(()=>{let F=pb({value:e,field:"iso2",countries:t});F||console.error(`[react-international-phone]: can not find a country with "${e}" iso2 code`);let M=F||pb({value:"us",field:"iso2",countries:t}),{phone:C,inputValue:N,country:O}=TB({value:a,country:M,insertDialCodeOnEmpty:!l,...b});return g(N.length),{phone:C,inputValue:N,country:O.iso2}},{overrideLastItemDebounceMS:r,onChange:({inputValue:F,phone:M,country:C})=>{if(!m)return;let N=w(C);m({phone:M,inputValue:F,country:N})}}),w=(0,Is.useCallback)(F=>pb({value:F,field:"iso2",countries:t}),[t]),D=(0,Is.useMemo)(()=>w(A),[A,w]);(0,Is.useEffect)(()=>{let F=y.current;if(!F)return;let M=C=>{if(!C.key)return;let N=C.ctrlKey,O=C.metaKey,ee=C.shiftKey;if(C.key.toLowerCase()==="z"){if(Pqe()){if(!O)return}else if(!N)return;ee?I():_()}};return F.addEventListener("keydown",M),()=>{F.removeEventListener("keydown",M)}},[y,_,I]);let z=F=>{F.preventDefault();let{phone:M,inputValue:C,country:N,cursorPosition:O}=jqe(F,{country:D,phoneBeforeInput:k,insertDialCodeOnEmpty:!1,...b});return T({inputValue:C,phone:M,country:N.iso2}),g(O),a},B=(F,M={focusOnInput:!1})=>{let C=pb({value:F,field:"iso2",countries:t});if(!C){console.error(`[react-international-phone]: can not find a country with "${F}" iso2 code`);return}let N=d?"":`${o}${C.dialCode}${n}`;T({inputValue:N,phone:`${o}${C.dialCode}`,country:C.iso2}),M.focusOnInput&&Promise.resolve().then(()=>{y.current?.focus()})},[G,E]=(0,Is.useState)(!1);return(0,Is.useEffect)(()=>{if(!G){E(!0),a!==h&&m?.({inputValue:k,phone:h,country:D});return}if(a===h)return;let{phone:F,inputValue:M,country:C}=TB({value:a,country:D,insertDialCodeOnEmpty:!l,...b});T({phone:F,inputValue:M,country:C.iso2})},[a]),{phone:h,inputValue:k,country:D,setCountry:B,handlePhoneValueChange:z,inputRef:y}},Mqe=({phone:e,country:a,defaultMask:t="............",disableFormatting:o=!1})=>{let i=a.format,n=s=>o?s.replace(new RegExp(`[^${bue}]`,"g"),""):s;if(!i)return n(t);if(typeof i=="string")return n(i);if(!i.default)return console.error(`[react-international-phone]: default mask for ${a.iso2} is not provided`),n(t);let r=Object.keys(i).find(s=>{if(s==="default")return!1;if(!(s.charAt(0)==="/"&&s.charAt(s.length-1)==="/"))return console.error(`[react-international-phone]: format regex "${s}" for ${a.iso2} is not valid`),!1;let l=new RegExp(s.substring(1,s.length-1)),u=e.replace(a.dialCode,"");return l.test(Xj(u))});return n(r?i[r]:i.default)},pn=e=>{let[a,t,o,i,n,r]=e;return{name:a,iso2:t,dialCode:o,format:i,priority:n,areaCodes:r}},Lqe=e=>`Field "${e}" is not supported`,pb=({field:e,value:a,countries:t=ml})=>{if(["priority"].includes(e))throw new Error(Lqe(e));let o=t.find(i=>{let n=pn(i);return a===n[e]});if(o)return pn(o)},Gqe=({phone:e,countries:a=ml,currentCountryIso2:t})=>{let o={country:void 0,fullDialCodeMatch:!1};if(!e)return o;let i=Xj(e);if(!i)return o;let n=o,r=({country:s,fullDialCodeMatch:l})=>{let u=s.dialCode===n.country?.dialCode,d=(s.priority??0)<(n.country?.priority??0);(!u||d)&&(n={country:s,fullDialCodeMatch:l})};for(let s of a){let l=pn(s),{dialCode:u,areaCodes:d}=l;if(i.startsWith(u)){let p=n.country?Number(u)>=Number(n.country.dialCode):!0;if(d){let m=i.substring(u.length);for(let c of d)if(m.startsWith(c))return{country:l,fullDialCodeMatch:!0}}(p||u===i||!n.fullDialCodeMatch)&&r({country:l,fullDialCodeMatch:!0})}n.fullDialCodeMatch||i.length<u.length&&u.startsWith(i)&&(!n.country||Number(u)<=Number(n.country.dialCode))&&r({country:l,fullDialCodeMatch:!1})}if(t){let s=pb({value:t,field:"iso2",countries:a});if(!s)return n;let l=s?(u=>{if(!u?.areaCodes)return!1;let d=i.substring(u.dialCode.length);return u.areaCodes.some(p=>p.startsWith(d))})(s):!1;n&&n.country?.dialCode===s.dialCode&&n.country!==s&&n.fullDialCodeMatch&&(!s.areaCodes||l)&&(n={country:s,fullDialCodeMatch:!0})}return n},Fqe=(e,a)=>{let t=parseInt(e,16);return Number(t+a).toString(16)},Wqe="abcdefghijklmnopqrstuvwxyz",Nqe="1f1e6",fue=Wqe.split("").reduce((e,a,t)=>({...e,[a]:Fqe(Nqe,t)}),{}),Bqe=e=>[fue[e[0]],fue[e[1]]].join("-"),eC=({iso2:e,size:a,src:t,protocol:o="https",disableLazyLoading:i,className:n,style:r,...s})=>{if(!e)return wB.default.createElement("img",{className:_i({addPrefix:["flag-emoji"],rawClassNames:[n]}),width:a,height:a,...s});let l=()=>{if(t)return t;let u=Bqe(e);return`${o}://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/${u}.svg`};return wB.default.createElement("img",{className:_i({addPrefix:["flag-emoji"],rawClassNames:[n]}),src:l(),width:a,height:a,draggable:!1,"data-country":e,loading:i?void 0:"lazy",style:{width:a,height:a,...r},alt:"",...s})},Oqe=1e3,Zqe=({show:e,dialCodePrefix:a="+",selectedCountry:t,countries:o=ml,preferredCountries:i=[],flags:n,onSelect:r,onClose:s,...l})=>{let u=(0,Pt.useRef)(null),d=(0,Pt.useRef)(),p=(0,Pt.useMemo)(()=>{if(!i||!i.length)return o;let _=[],I=[...o];for(let w of i){let D=I.findIndex(z=>pn(z).iso2===w);if(D!==-1){let z=I.splice(D,1)[0];_.push(z)}}return _.concat(I)},[o,i]),m=(0,Pt.useRef)({updatedAt:void 0,value:""}),c=_=>{let I=m.current.updatedAt&&new Date().getTime()-m.current.updatedAt.getTime()>Oqe;m.current={value:I?_:`${m.current.value}${_}`,updatedAt:new Date};let w=p.findIndex(D=>pn(D).name.toLowerCase().startsWith(m.current.value));w!==-1&&y(w)},b=(0,Pt.useCallback)(_=>p.findIndex(I=>pn(I).iso2===_),[p]),[f,y]=(0,Pt.useState)(b(t)),g=()=>{d.current!==t&&y(b(t))},h=(0,Pt.useCallback)(_=>{y(b(_.iso2)),r?.(_)},[r,b]),k=_=>{let I=p.length-1,w=D=>_==="prev"?D-1:_==="next"?D+1:_==="last"?I:0;y(D=>{let z=w(D);return z<0?0:z>I?I:z})},A=_=>{if(_.stopPropagation(),_.key==="Enter"){_.preventDefault();let I=pn(p[f]);h(I);return}if(_.key==="Escape"){s?.();return}if(_.key==="ArrowUp"){_.preventDefault(),k("prev");return}if(_.key==="ArrowDown"){_.preventDefault(),k("next");return}if(_.key==="PageUp"){_.preventDefault(),k("first");return}if(_.key==="PageDown"){_.preventDefault(),k("last");return}_.key===" "&&_.preventDefault(),_.key.length===1&&!_.altKey&&!_.ctrlKey&&!_.metaKey&&c(_.key.toLocaleLowerCase())},T=(0,Pt.useCallback)(()=>{if(!u.current||f===void 0)return;let _=pn(p[f]).iso2;if(_===d.current)return;let I=u.current.querySelector(`[data-country="${_}"]`);I&&(wqe(u.current,I),d.current=_)},[f,p]);return(0,Pt.useEffect)(()=>{T()},[f,T]),(0,Pt.useEffect)(()=>{u.current&&(e?u.current.focus():g())},[e]),(0,Pt.useEffect)(()=>{g()},[t]),Pt.default.createElement("ul",{ref:u,role:"listbox",className:_i({addPrefix:["country-selector-dropdown"],rawClassNames:[l.className]}),style:{display:e?"block":"none",...l.style},onKeyDown:A,onBlur:s,tabIndex:-1,"aria-activedescendant":`react-international-phone__${pn(p[f]).iso2}-option`},p.map((_,I)=>{let w=pn(_),D=w.iso2===t,z=I===f,B=i.includes(w.iso2),G=I===i.length-1,E=n?.find(F=>F.iso2===w.iso2);return Pt.default.createElement(Pt.default.Fragment,{key:w.iso2},Pt.default.createElement("li",{"data-country":w.iso2,role:"option","aria-selected":D,"aria-label":`${w.name} ${a}${w.dialCode}`,id:`react-international-phone__${w.iso2}-option`,className:_i({addPrefix:["country-selector-dropdown__list-item",B&&"country-selector-dropdown__list-item--preferred",D&&"country-selector-dropdown__list-item--selected",z&&"country-selector-dropdown__list-item--focused"],rawClassNames:[l.listItemClassName]}),onClick:()=>h(w),style:l.listItemStyle,title:w.name},Pt.default.createElement(eC,{iso2:w.iso2,src:E?.src,className:_i({addPrefix:["country-selector-dropdown__list-item-flag-emoji"],rawClassNames:[l.listItemFlagClassName]}),style:l.listItemFlagStyle}),Pt.default.createElement("span",{className:_i({addPrefix:["country-selector-dropdown__list-item-country-name"],rawClassNames:[l.listItemCountryNameClassName]}),style:l.listItemCountryNameStyle},w.name),Pt.default.createElement("span",{className:_i({addPrefix:["country-selector-dropdown__list-item-dial-code"],rawClassNames:[l.listItemDialCodeClassName]}),style:l.listItemDialCodeStyle},a,w.dialCode)),G?Pt.default.createElement("hr",{className:_i({addPrefix:["country-selector-dropdown__preferred-list-divider"],rawClassNames:[l.preferredListDividerClassName]}),style:l.preferredListDividerStyle}):null)}))},qqe=({selectedCountry:e,onSelect:a,disabled:t,hideDropdown:o,countries:i=ml,preferredCountries:n=[],flags:r,renderButtonWrapper:s,...l})=>{let[u,d]=(0,Ln.useState)(!1),p=(0,Ln.useMemo)(()=>{if(e)return pb({value:e,field:"iso2",countries:i})},[i,e]),m=(0,Ln.useRef)(null),c=f=>{f.key&&["ArrowUp","ArrowDown"].includes(f.key)&&(f.preventDefault(),d(!0))},b=()=>{let f={title:p?.name,onClick:()=>d(g=>!g),onMouseDown:g=>g.preventDefault(),onKeyDown:c,disabled:o||t,role:"combobox","aria-label":"Country selector","aria-haspopup":"listbox","aria-expanded":u},y=Ln.default.createElement("div",{className:_i({addPrefix:["country-selector-button__button-content"],rawClassNames:[l.buttonContentWrapperClassName]}),style:l.buttonContentWrapperStyle},Ln.default.createElement(eC,{iso2:e,src:r?.find(g=>g.iso2===e)?.src,className:_i({addPrefix:["country-selector-button__flag-emoji",t&&"country-selector-button__flag-emoji--disabled"],rawClassNames:[l.flagClassName]}),style:{visibility:e?"visible":"hidden",...l.flagStyle}}),!o&&Ln.default.createElement("div",{className:_i({addPrefix:["country-selector-button__dropdown-arrow",t&&"country-selector-button__dropdown-arrow--disabled",u&&"country-selector-button__dropdown-arrow--active"],rawClassNames:[l.dropdownArrowClassName]}),style:l.dropdownArrowStyle}));return s?s({children:y,rootProps:f}):Ln.default.createElement("button",{...f,type:"button",className:_i({addPrefix:["country-selector-button",u&&"country-selector-button--active",t&&"country-selector-button--disabled",o&&"country-selector-button--hide-dropdown"],rawClassNames:[l.buttonClassName]}),"data-country":e,style:l.buttonStyle},y)};return Ln.default.createElement("div",{className:_i({addPrefix:["country-selector"],rawClassNames:[l.className]}),style:l.style,ref:m},b(),Ln.default.createElement(Zqe,{show:u,countries:i,preferredCountries:n,flags:r,onSelect:f=>{d(!1),a?.(f)},selectedCountry:e,onClose:()=>{d(!1)},...l.dropdownStyleProps}))},Uqe=({dialCode:e,prefix:a,disabled:t,style:o,className:i})=>kue.default.createElement("div",{className:_i({addPrefix:["dial-code-preview",t&&"dial-code-preview--disabled"],rawClassNames:[i]}),style:o},`${a}${e}`),GJa=(0,Tu.forwardRef)(({value:e,onChange:a,countries:t=ml,preferredCountries:o=[],hideDropdown:i,showDisabledDialCodeAndPrefix:n,disableFocusAfterCountrySelect:r,flags:s,style:l,className:u,inputStyle:d,inputClassName:p,countrySelectorStyleProps:m,dialCodePreviewStyleProps:c,inputProps:b,placeholder:f,disabled:y,name:g,onFocus:h,onBlur:k,required:A,autoFocus:T,..._},I)=>{let{phone:w,inputValue:D,inputRef:z,country:B,setCountry:G,handlePhoneValueChange:E}=PB({value:e,countries:t,..._,onChange:M=>{a?.(M.phone,{country:M.country,inputValue:M.inputValue})}}),F=_.disableDialCodeAndPrefix&&n&&B?.dialCode;return(0,Tu.useImperativeHandle)(I,()=>z.current?Object.assign(z.current,{setCountry:G,state:{phone:w,inputValue:D,country:B}}):null,[z,G,w,D,B]),Tu.default.createElement("div",{ref:I,className:_i({addPrefix:["input-container"],rawClassNames:[u]}),style:l},Tu.default.createElement(qqe,{onSelect:M=>G(M.iso2,{focusOnInput:!r}),flags:s,selectedCountry:B.iso2,countries:t,preferredCountries:o,disabled:y,hideDropdown:i,...m}),F&&Tu.default.createElement(Uqe,{dialCode:B.dialCode,prefix:_.prefix??"+",disabled:y,...c}),Tu.default.createElement("input",{onChange:E,value:D,type:"tel",ref:z,className:_i({addPrefix:["input",y&&"input--disabled"],rawClassNames:[p]}),placeholder:f,disabled:y,style:d,name:g,onFocus:h,onBlur:k,autoFocus:T,required:A,...b}))});var cl=j(te()),Vqe=e=>e.toUpperCase().replace(/./g,a=>String.fromCodePoint(a.charCodeAt(0)+127397)),vue=(0,hp.forwardRef)(({value:e,onChange:a,onBlur:t,defaultCountryCode:o,disabled:i,control:n,name:r,selectProps:s,...l},u)=>{let[d,p]=(0,hp.useState)(e??""),m=(0,hp.useMemo)(()=>{if(o?.startsWith("+")){let h=ml.find(k=>pn(k).dialCode===o);return h?pn(h).iso2:"br"}return o??navigator.language?.split?.("-")[1]?.toLowerCase()??"br"},[o]),{inputValue:c,handlePhoneValueChange:b,inputRef:f,country:y,setCountry:g}=PB({defaultCountry:m,value:d,countries:ml,onChange:h=>{a(h.phone)}});return(0,hp.useEffect)(()=>{e!==d&&p(e??"")},[e]),(0,cl.jsx)(fp,{...l,ref:u,control:n,name:r,disabled:i,type:"tel",value:c,onChange:b,onBlur:t,startDecorator:(0,cl.jsxs)(na,{component:"label",sx:{position:"relative"},children:[(0,cl.jsxs)(Se,{direction:"row",alignItems:"center",gap:.5,sx:h=>({cursor:"pointer",color:h.palette.text.secondary}),children:[(0,cl.jsx)(st,{sx:{width:20},children:(0,cl.jsx)(eC,{iso2:y.iso2})}),(0,cl.jsx)(yue.default,{sx:{fontSize:"small"}})]}),(0,cl.jsx)(st,{component:"select",onChange:h=>g(h.target.value),sx:{position:"absolute",inset:0,width:"100%",height:"100%",opacity:0,cursor:"pointer"},children:ml.map(h=>{let k=pn(h);return(0,cl.jsxs)("option",{value:k.iso2,children:[k.name," ",Vqe(k.iso2)]},k.iso2)})})]})})});vue.displayName="PhoneNumberInput";var aC=vue;var et=j(te()),rXa={email:"email",phoneNumber:"phoneNumber",text:"text",textArea:"textArea",select:"select",multiple_choice:"ContactType",leadSelect:"leadSelect",file:"file",number:"number"};function _ue(e){return typeof e.key=="string"&&e.key.trim()!==""?e.key:e.id}var Aue=e=>{let a={};return e.forEach(t=>{let{key:o,required:i,type:n}=t,r;switch(n){case"email":r=Qa.string().email();break;case"textArea":r=i?Qa.string().min(25):Qa.string().optional();break;case"leadSelect":r=i?Qa.string().min(1):Qa.string().optional();break;case"multiple_choice":r=i?Qa.string().min(1):Qa.string().optional();break;case"phoneNumber":r=i?Qa.string().min(3):Qa.string().optional();break;case"text":r=i?Qa.string().min(1):Qa.string().optional();break;case"number":{let{min:s,max:l}=t,u=Qa.coerce.number().superRefine((d,p)=>{s!==void 0&&d<s&&p.addIssue({code:Qa.ZodIssueCode.too_small,minimum:s,inclusive:!1,type:"number"}),l!==void 0&&d>l&&p.addIssue({code:Qa.ZodIssueCode.too_big,maximum:l,inclusive:!1,type:"number"})});r=i?u:u.optional();break}case"file":{let s=Qa.unknown();r=i?Qa.array(s).min(1):Qa.array(s).optional();break}default:r=Qa.string()}a[o]=i?r:r.optional()}),a},Hqe={email:({key:e,methods:a,placeholder:t,disabled:o})=>{let i=a.formState.errors?.[e]?.message;return(0,et.jsx)(di,{error:!!i,children:(0,et.jsx)(tr,{name:e,control:a.control,render:({field:n})=>(0,et.jsx)(fp,{name:e,control:a.control,disabled:o,value:String(n.value??""),onChange:r=>{n.onChange(r),a.trigger(e)},onBlur:n.onBlur,placeholder:t??"",sx:{width:"100%"}})})})},phoneNumber:({key:e,methods:a,placeholder:t,defaultCountryCode:o,disabled:i})=>{let n=a.formState.errors?.[e]?.message;return(0,et.jsxs)(di,{error:!!n,children:[(0,et.jsx)(tr,{name:e,control:a.control,render:({field:r})=>(0,et.jsx)(aC,{control:a.control,name:e,disabled:i,value:String(r.value??""),onChange:s=>{r.onChange(s)},onBlur:r.onBlur,defaultCountryCode:o,placeholder:t??""})}),n&&(0,et.jsx)(qs,{children:String(n)})]})},text:({key:e,methods:a,placeholder:t,disabled:o})=>(0,et.jsx)(fp,{control:a.control,disabled:o,sx:{width:"100%"},...a.register(e),placeholder:t??""}),number:({key:e,methods:a,placeholder:t,min:o,max:i,disabled:n})=>(0,et.jsx)(fp,{control:a.control,disabled:n,type:"number",sx:{width:"100%"},placeholder:t??"",min:o,max:i,...a.register(e)}),textArea:({key:e,methods:a,placeholder:t,disabled:o})=>{let i=a.formState.errors?.[e]?.message,n=ob(),r=typeof t=="string"&&t.startsWith("templates.")?n(t,"placeholder"):t??"";return(0,et.jsxs)(di,{error:!!i,children:[(0,et.jsx)(hf,{disabled:o,sx:{width:"100%"},...a.register(e),minRows:4,placeholder:r}),i&&(0,et.jsx)(qs,{children:String(i)})]})},leadSelect:({key:e,options:a=[],placeholder:t,methods:o,disabled:i})=>{let n=ob(),r=o.formState.errors?.[e]?.message;return(0,et.jsxs)(di,{error:!!r,children:[(0,et.jsx)(tr,{name:e,control:o.control,defaultValue:"",render:({field:s})=>{let l=s.value??"";return(0,et.jsx)(rr,{value:l,onChange:(u,d)=>s.onChange(d??""),onBlur:s.onBlur,name:s.name,ref:s.ref,disabled:i,placeholder:t||"",slotProps:{listbox:{sx:{zIndex:9999999999+1}}},sx:{width:"100%"},children:a.map((u,d)=>(0,et.jsx)(nr,{value:u,children:u.startsWith("templates.")?n(u,"name"):u},d))})}}),r&&(0,et.jsx)(qs,{children:String(r)})]})},multiple_choice:({key:e,options:a=[],placeholder:t,methods:o,disabled:i})=>{let n=ob(),r=o.formState.errors?.[e]?.message;return(0,et.jsxs)(di,{error:!!r,children:[(0,et.jsx)(tr,{name:e,control:o.control,defaultValue:[],render:({field:s})=>{let l=Array.isArray(s.value)?s.value:[];return(0,et.jsx)(rr,{multiple:!0,value:l,onChange:(u,d)=>s.onChange(d??[]),onBlur:s.onBlur,name:s.name,ref:s.ref,disabled:i,placeholder:t||"",slotProps:{listbox:{sx:{zIndex:9999999999+1}}},sx:{width:"100%"},children:a.map((u,d)=>(0,et.jsx)(nr,{value:u,children:u.startsWith("templates.")?n(u,"name"):u},d))})}}),r&&(0,et.jsx)(qs,{children:String(r)})]})},file:({key:e,placeholder:a,changeHandler:t,methods:o,disabled:i})=>{let n=o.formState.errors?.[e]?.message,r=o.watch(e)??[],s=[];try{s=JSON.parse(r)}catch{}return(0,et.jsxs)(di,{error:!!n,children:[!i&&(0,et.jsx)(_B,{variant:"outlined",placeholder:a??"Browse Files",changeCallback:l=>{t?.(e,l),o.setValue(e,l,{shouldDirty:!0,shouldValidate:!0}),o.trigger(e)}}),i&&(0,et.jsx)(Se,{gap:1,children:s.map((l,u)=>(0,et.jsx)(Dz,{attachment:{url:l,name:l,mimeType:lue.getType(l),size:42}},u))}),n&&(0,et.jsx)(qs,{children:String(n)})]})}},b_=Hqe;var nt=j(CB()),Rue=e=>({schema:{fields:[{id:(0,nt.default)(),key:"email",type:"email",shouldCreateContact:!0,name:"templates.fromScratch.fields.email.name",required:!0},{id:(0,nt.default)(),key:"phoneNumber",type:"phoneNumber",name:"templates.leadForm.fields.phone.name",required:!0,placeholder:"templates.leadForm.fields.phone.placeholder"}]}}),Mue=e=>({name:"templates.fromScratch.name",description:"templates.fromScratch.description",schema:{fields:[{id:(0,nt.default)(),key:"email",type:"email",shouldCreateContact:!0,name:"templates.fromScratch.fields.email.name",required:!0},{id:(0,nt.default)(),key:"select",type:"select",group:"select",name:"templates.fromScratch.fields.select.name",required:!0,options:["templates.fromScratch.fields.select.options.support","templates.fromScratch.fields.select.options.sales","templates.fromScratch.fields.select.options.feedback","templates.fromScratch.fields.select.options.partnership","templates.fromScratch.fields.select.options.other"],placeholder:"templates.fromScratch.fields.select.placeholder"}],startScreen:{title:"templates.fromScratch.startScreen.title",description:"templates.fromScratch.startScreen.description"}}}),Lue=e=>({name:"templates.leadForm.name",description:"templates.leadForm.description",schema:{overview:"templates.leadForm.overview",fields:[{id:(0,nt.default)(),key:"email",type:"email",shouldCreateContact:!0,name:"templates.leadForm.fields.email.name",required:!0,placeholder:"templates.leadForm.fields.email.placeholder"},{id:(0,nt.default)(),key:"phoneNumber",type:"phoneNumber",name:"templates.leadForm.fields.phone.name",required:!0,placeholder:"templates.leadForm.fields.phone.placeholder"},{id:(0,nt.default)(),key:"comment",type:"textArea",name:"templates.leadForm.fields.comment.name",required:!1,placeholder:"templates.leadForm.fields.comment.placeholder"},{id:(0,nt.default)(),key:"select",type:"leadSelect",group:"select",name:"templates.leadForm.fields.select.name",required:!1,options:["templates.leadForm.fields.select.options.getMoreClients","templates.leadForm.fields.select.options.automateTasks","templates.leadForm.fields.select.options.organizeContacts","templates.leadForm.fields.select.options.learnMore","templates.leadForm.fields.select.options.other"],placeholder:"templates.leadForm.fields.select.placeholder"}],startScreen:{title:"templates.leadForm.startScreen.title",description:"templates.leadForm.startScreen.description"}}}),Gue=e=>({name:"templates.productFeedbackForm.name",description:"templates.productFeedbackForm.description",schema:{overview:"templates.productFeedbackForm.overview",fields:[{id:(0,nt.default)(),key:"email",type:"email",shouldCreateContact:!0,name:"templates.productFeedbackForm.fields.email.name",required:!0,placeholder:"templates.productFeedbackForm.fields.email.placeholder"},{id:(0,nt.default)(),key:"type",type:"select",group:"type",name:"templates.productFeedbackForm.fields.type.name",required:!0,options:["templates.productFeedbackForm.fields.type.options.featureRequest","templates.productFeedbackForm.fields.type.options.bugReport","templates.productFeedbackForm.fields.type.options.other"],placeholder:"templates.productFeedbackForm.fields.type.placeholder"},{id:(0,nt.default)(),key:"comment",type:"textArea",name:"templates.productFeedbackForm.fields.comment.name",required:!0,placeholder:"templates.productFeedbackForm.fields.comment.placeholder"},{id:(0,nt.default)(),key:"files",type:"file",name:"templates.productFeedbackForm.fields.files.name",required:!1,placeholder:"templates.productFeedbackForm.fields.files.placeholder"}],startScreen:{title:"templates.productFeedbackForm.startScreen.title",description:"templates.productFeedbackForm.startScreen.description"}}}),Fue=e=>({name:"templates.onboardingForm.name",description:"templates.onboardingForm.description",schema:{overview:"templates.onboardingForm.overview",fields:[{id:(0,nt.default)(),key:"email",type:"email",shouldCreateContact:!0,name:"templates.onboardingForm.fields.email.name",required:!0,placeholder:"templates.onboardingForm.fields.email.placeholder"},{id:(0,nt.default)(),key:"Enterprise",type:"select",group:"Enterprise",name:"templates.onboardingForm.fields.Enterprise.name",required:!0,options:["templates.onboardingForm.fields.Enterprise.options.eCommerce","templates.onboardingForm.fields.Enterprise.options.healthcare","templates.onboardingForm.fields.Enterprise.options.finance","templates.onboardingForm.fields.Enterprise.options.technology","templates.onboardingForm.fields.Enterprise.options.retail","templates.onboardingForm.fields.Enterprise.options.manufacturing","templates.onboardingForm.fields.Enterprise.options.other"],placeholder:"templates.onboardingForm.fields.Enterprise.placeholder"},{id:(0,nt.default)(),key:"companySize",type:"select",group:"companySize",name:"templates.onboardingForm.fields.companySize.name",required:!0,options:["templates.onboardingForm.fields.companySize.options.small","templates.onboardingForm.fields.companySize.options.medium","templates.onboardingForm.fields.companySize.options.large"],placeholder:"templates.onboardingForm.fields.companySize.placeholder"},{id:(0,nt.default)(),key:"referral",type:"select",group:"referral",name:"templates.onboardingForm.fields.referral.name",required:!0,options:["templates.onboardingForm.fields.referral.options.google","templates.onboardingForm.fields.referral.options.socialMedia","templates.onboardingForm.fields.referral.options.newsletter","templates.onboardingForm.fields.referral.options.wordOfMouth","templates.onboardingForm.fields.referral.options.tradeShow","templates.onboardingForm.fields.referral.options.other"],placeholder:"templates.onboardingForm.fields.referral.placeholder"}],startScreen:{title:"templates.onboardingForm.startScreen.title",description:"templates.onboardingForm.startScreen.description"}}}),Wue=e=>({name:"templates.inboundLead.name",description:"templates.inboundLead.description",schema:{overview:"templates.inboundLead.overview",fields:[{id:(0,nt.default)(),key:"firstName",type:"text",name:"templates.inboundLead.fields.firstName.name",required:!0},{id:(0,nt.default)(),key:"email",type:"email",shouldCreateContact:!0,name:"templates.inboundLead.fields.email.name",required:!0},{id:(0,nt.default)(),key:"interestedIn",type:"select",group:"interestedIn",name:"templates.inboundLead.fields.interestedIn.name",required:!0,options:["templates.inboundLead.fields.interestedIn.options.automatedSupport","templates.inboundLead.fields.interestedIn.options.increaseSales","templates.inboundLead.fields.interestedIn.options.reduceResponseTime","templates.inboundLead.fields.interestedIn.options.centralizeChannels","templates.inboundLead.fields.interestedIn.options.other"],placeholder:"templates.inboundLead.fields.interestedIn.placeholder"}],startScreen:{title:"templates.inboundLead.startScreen.title",description:"templates.inboundLead.startScreen.description"}}}),Nue=e=>({name:"templates.contactSales.name",description:"templates.contactSales.description",schema:{overview:"templates.contactSales.overview",fields:[{id:(0,nt.default)(),key:"firstName",type:"text",name:"templates.contactSales.fields.firstName.name",required:!0},{id:(0,nt.default)(),key:"email",type:"email",shouldCreateContact:!0,name:"templates.contactSales.fields.email.name",required:!0},{id:(0,nt.default)(),key:"interestedIn",type:"select",group:"interestedIn",name:"templates.contactSales.fields.interestedIn.name",required:!0,options:["templates.contactSales.fields.interestedIn.options.automateSupport","templates.contactSales.fields.interestedIn.options.centralizeChannels","templates.contactSales.fields.interestedIn.options.boostConversions","templates.contactSales.fields.interestedIn.options.customSolutions","templates.contactSales.fields.interestedIn.options.contentMarketing","templates.contactSales.fields.interestedIn.options.affiliates","templates.contactSales.fields.interestedIn.options.other"],placeholder:"templates.contactSales.fields.interestedIn.placeholder"}],startScreen:{title:"templates.contactSales.startScreen.title",description:"templates.contactSales.startScreen.description"}}}),Bue=e=>({name:"templates.feedback.name",description:"templates.feedback.description",schema:{overview:"templates.feedback.overview",fields:[{id:(0,nt.default)(),key:"usageContext",type:"select",group:"usageContext",name:"templates.feedback.fields.usageContext.name",required:!0,options:["templates.feedback.fields.usageContext.options.work","templates.feedback.fields.usageContext.options.sports","templates.feedback.fields.usageContext.options.casual","templates.feedback.fields.usageContext.options.travel","templates.feedback.fields.usageContext.options.other"],placeholder:"templates.feedback.fields.usageContext.placeholder"},{id:(0,nt.default)(),key:"recommendationLikelihood",type:"select",group:"recommendationLikelihood",name:"templates.feedback.fields.recommendationLikelihood.name",required:!0,options:["templates.feedback.fields.recommendationLikelihood.options.yes","templates.feedback.fields.recommendationLikelihood.options.maybe","templates.feedback.fields.recommendationLikelihood.options.no"],placeholder:"templates.feedback.fields.recommendationLikelihood.placeholder"},{id:(0,nt.default)(),key:"priceValue",type:"select",group:"priceValue",name:"templates.feedback.fields.priceValue.name",required:!0,options:["templates.feedback.fields.priceValue.options.excellent","templates.feedback.fields.priceValue.options.fair","templates.feedback.fields.priceValue.options.expensive"],placeholder:"templates.feedback.fields.priceValue.placeholder"},{id:(0,nt.default)(),key:"overallSatisfaction",type:"select",group:"overallSatisfaction",name:"templates.feedback.fields.overallSatisfaction.name",required:!0,options:["templates.feedback.fields.overallSatisfaction.options.1","templates.feedback.fields.overallSatisfaction.options.2","templates.feedback.fields.overallSatisfaction.options.3","templates.feedback.fields.overallSatisfaction.options.4","templates.feedback.fields.overallSatisfaction.options.5"],placeholder:"templates.feedback.fields.overallSatisfaction.placeholder"}],startScreen:{title:"templates.feedback.startScreen.title",description:"templates.feedback.startScreen.description"}}});var he=j(te());var iC={initials:Rue,fromScratch:Mue,leadForm:Lue,productFeedbackForm:Gue,onboardingForm:Fue,inboundLead:Wue,contactSales:Nue,feedback:Bue},eUe=(e,a)=>!e||e===""?`field_${a}`:e;function aUe({formId:e,conversationId:a,messageId:t,submissionId:o,isInEditor:i,tTpl:n,isStandalone:r=!i,isFormSubmitted:s,values:l,readOnly:u,styles:d,onEnd:p,config:m}){let{t:c}=ot("form",{i18n:dt}),{t:b}=ot("FormsPage",{i18n:dt}),{t:f,i18n:y}=ot("embeds_forms_traditional",{i18n:dt}),g=y.resolvedLanguage||y.language||"en",h=pl(e?`https://app.zappway.ai/api/forms/${e}?locale=${g}`:null,gp),k=ob(),A=(0,Ir.useMemo)(()=>{let x=h.data?.draftConfig,ae=h.data?.publishedConfig,Y=i?m??x??null:ae??null;if(Y){let re=Y.templateId?kr(Y.templateId):"initials",q=Object.keys(iC).find(V=>V.toLowerCase()==re.toLowerCase())??"initials";Y.fields?.forEach(V=>{Array.isArray(V.options)&&(V.options=V.options.map(ie=>{if(typeof ie=="string"&&ie.includes(" ")){let ue=kr(ie);return f_(q,V.key,ue)}return ie}))})}return Y},[m,h.data,i]),T=A?.templateId?kr(A.templateId):"initials",_=Object.keys(iC).find(x=>x.toLowerCase()===T.toLowerCase())??"initials",I=(0,Ir.useMemo)(()=>n||((x,ae="name")=>{if(!x)return"";if(typeof x=="object"&&x!==null)return typeof x[ae]=="string"?x[ae]:"";let re=x.match(/^templates\.([^\.]+)\./)?.[1]??_,q=Object.keys(iC).find(ie=>ie.toLowerCase()===re.toLowerCase())??_,V=k(x,ae,q);return!V||V===x||/^templates\.[^.]+\.fields\.[^.]+\.name$/.test(V)?b(x):V}),[n,_,k,b]),D=(iC[_]?.(I)??null)?.schema?.fields??[],z=D.filter(x=>x.type==="leadSelect"||x.type==="multiple_choice").map(x=>x.key),B=(0,Ir.useMemo)(()=>{let x=Array.isArray(A?.fields)?A.fields:[];if(!D.length)return[];let ae=_==="initials",Y=Object.values(Vj);return x.filter(q=>{let V=!!q.id&&typeof q.name=="string"&&!!q.name&&Y.includes(q.type);return V}).map(q=>{let V=q.type,ie=["select","leadSelect","multiple_choice"].includes(V),ue=_ue(q),le=D.find(ve=>ve.key===ue)??null,we=le?.key??ue;!q.id||q.name;let be;if(V==="file")if(typeof q.name=="string"&&!q.name.startsWith("templates."))be=q.name;else{let ve=ae?"":(()=>{let Re=I(q.name,"name");return Re&&!Re.includes("templates.")&&Re.trim().length>1&&!/^\w{1,3}$/.test(Re)?Re:q.name})();be=ve&&!ve.includes("templates.")?ve:c("fieldTypes.file",{defaultValue:"Arquivo"})}else if(ie){let ve=V==="leadSelect"?"fieldTypes.leadSelect":"fieldTypes.select";be=i?c(ve):(()=>{let Re=le?.name??q.name,Je=ae?"":(()=>{let He=I(Re,"name");return He&&!He.includes("templates.")&&He.trim().length>1&&!/^\w{1,3}$/.test(He)?He:Re})();return Je&&!Je.includes("templates.")?Je:c(ve)})()}else if(!ae&&typeof q.name=="string"&&q.name.startsWith("templates.")){let ve=(()=>{let Re=I(q.name,"name");return Re&&!Re.includes("templates.")&&Re.trim().length>1&&!/^\w{1,3}$/.test(Re)?Re:q.name})();be=ve&&!ve.includes("templates.")?ve:c(`fieldTypes.${V}`,{defaultValue:""})}else{let ve=q.name||c(`fieldTypes.${V}`,{defaultValue:""});be=eUe(ve,q.id)}let ke;if(V==="file"||ie){let ve=typeof le?.placeholder=="string"?le.placeholder:typeof q.placeholder=="string"?q.placeholder:"",Re=I(ve,"placeholder"),Je=`templates.${_}.fields.${q.key}.placeholder`,He=b(Je);ke=He&&!He.includes("templates.")&&He.trim().length>1&&!/^\w{1,3}$/.test(He)?He:""}else{let ve=q.placeholder??"";ke=ve.startsWith("templates.")?(()=>{let Re=I(ve,"placeholder");return Re&&!Re.includes("templates.")&&Re.trim().length>1&&!/^\w{1,3}$/.test(Re)?Re:b(ve)})():ve}let Ge,fe=ve=>ve?.map(Re=>{if(Re.startsWith("templates."))return Re;if(Re.includes(" ")){let Je=kr(Re);return f_(_,we,Je)}return Re});if(Array.isArray(q.options)&&q.options.length&&(Ge=fe(q.options)),!Ge&&ie&&Array.isArray(le?.options)&&(Ge=fe(le.options)),!Ge&&ie){let ve=D.find(Re=>Re.type===V&&Array.isArray(Re.options));ve?.options?.length&&(Ge=fe(ve.options))}return{...q,key:we,name:be,...ke?{placeholder:ke}:{},...Ge?{options:Ge}:{}}})},[A,D,I,c,i,_]),G=(x,ae)=>{if(typeof x=="string"&&x.trim())return x;if(typeof x=="object"&&x!==null&&"name"in x){let Y=x.name;if(typeof Y=="string")return Y}return`field_${ae}`},E=(0,Ir.useMemo)(()=>{let x={};return B.forEach(ae=>{let Y=G(ae.key,ae.id);switch(ae.type){case"multiple_choice":x[Y]=Array.isArray(l?.[Y])?l[Y]:[];break;case"select":case"leadSelect":x[Y]=typeof l?.[Y]=="string"?l[Y]:"";break;case"file":x[Y]=Array.isArray(l?.[Y])?l[Y]:[];break;default:x[Y]=typeof l?.[Y]=="string"?l[Y]:"";break}}),x},[B,l]),F=x=>Qa.object({...Aue(x.filter(ae=>typeof ae.key=="string"&&!!ae.key))}),M=F(B),[C,N]=vr({loading:!1,files:[],isFormSubmitted:!!s,hasErrored:!1});(0,Ir.useEffect)(()=>{N({isFormSubmitted:!!o})},[o]),(0,Ir.useEffect)(()=>{N({isFormSubmitted:!!s})},[s]);let O=of({resolver:nf(F(B)),mode:i?"onChange":"onBlur",reValidateMode:"onChange",criteriaMode:"firstError",defaultValues:E});(0,Ir.useEffect)(()=>{if(!l)return;let x={};B.forEach(ae=>{let Y=G(ae.key,ae.id);ae.type==="multiple_choice"?x[Y]=Array.isArray(l[Y])?l[Y]:[]:(ae.type==="select"||(ae.type,"leadSelect"),x[Y]=typeof l[Y]=="string"?l[Y]:"")}),O.reset(x),O.clearErrors()},[l,O,B,G]),(0,Ir.useEffect)(()=>{},[O.formState.isValid,O.formState.errors]);let{upload:ee}=rb(),P=async x=>{if(i){N({isFormSubmitted:!0});return}try{N({loading:!0,hasErrored:!1});for(let q of B)if(q.type==="file"&&typeof q.name=="string"){let V=x[q.name]??[];if(V.length){let ie=await ee(V.map(ue=>({case:"formUpload",fileName:ue.name,mimeType:ue.type,file:ue,formId:e,conversationId:a})));x[q.name]=JSON.stringify(ie)}}let ae=O.getValues(),Y=Object.fromEntries(B.filter(q=>typeof q.key=="string"&&!!q.key&&ae[q.key]!==void 0&&ae[q.key]!==null).map(q=>[q.key,ae[q.key]])),re=await ts.post(`https://app.zappway.ai/api/forms/${e}`,{formId:e,conversationId:a,formValues:Y,draftConfig:m,messageId:t});re.status===200&&N({isFormSubmitted:!0}),p?.(re.data?.data)}catch{N({hasErrored:!0})}finally{N({loading:!1})}},R=r,Q=R?"form":"div";return M instanceof Qa.ZodObject,r?(0,he.jsx)(uM,{...O,children:(0,he.jsx)(Q,{...R?{onSubmit:x=>{x.preventDefault(),O.handleSubmit(P)(x)}}:{},style:{flex:1},children:(0,he.jsx)(ui,{variant:"outlined",color:"neutral",sx:{position:"relative",overflowY:"auto",width:"100%",maxHeight:"100%",flex:1,...d},children:!h.data&&h.isLoading?(0,he.jsxs)(Se,{gap:1,sx:{textAlign:"left"},children:[(0,he.jsx)(ly,{ratio:"21/9",children:(0,he.jsx)(pi,{variant:"overlay",loading:!0,children:(0,he.jsx)("img",{src:"",alt:""})})}),(0,he.jsx)(na,{children:f("loading_data")}),(0,he.jsx)(na,{children:(0,he.jsx)(pi,{variant:"text",level:"h1",sx:{width:"100%"}})})]}):(0,he.jsxs)(my,{sx:{textAlign:"center",alignItems:"center",position:"relative",width:"100%",display:"flex"},children:[(0,he.jsx)(Xl,{children:C.isFormSubmitted&&!u&&(0,he.jsx)(ao.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.3},children:(0,he.jsxs)(Se,{spacing:2,sx:{p:4},justifyContent:"center",alignItems:"center",children:[(0,he.jsx)(DB.default,{sx:{fontSize:42},color:"primary"}),(0,he.jsx)(na,{level:"h4",children:f("form_submitted_successfully")}),typeof A?.endScreen?.cta?.label=="string"&&(0,he.jsx)("a",{href:A?.endScreen?.cta?.url||"#",target:A?.endScreen?.cta?.target,rel:"noopener noreferrer",children:(0,he.jsx)(yt,{variant:"solid",size:"lg",color:"primary",children:A?.endScreen?.cta?.label})})]})})}),(0,he.jsx)(Xl,{children:(!C.isFormSubmitted||u)&&(0,he.jsxs)(ao.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.3},style:{width:"100%"},children:[(typeof A?.startScreen?.title=="string"||typeof A?.startScreen?.description=="string")&&(0,he.jsxs)(Se,{sx:{mb:2},spacing:1.5,children:[typeof A?.startScreen?.title=="string"&&(0,he.jsx)(na,{level:"h3",children:(()=>{let x=I(A.startScreen.title,"name");return x&&!x.includes("templates.")&&x.trim().length>1&&!/^\w{1,3}$/.test(x)?x:A.startScreen.title})()}),typeof A?.startScreen?.description=="string"&&(0,he.jsx)(na,{level:"body-sm",children:(()=>{let x=I(A.startScreen.description,"placeholder");return x&&!x.includes("templates.")&&x.trim().length>1&&!/^\w{1,3}$/.test(x)?x:A.startScreen.description})()})]}),(0,he.jsx)(Se,{width:"100%",spacing:2,onChange:x=>x.stopPropagation(),children:B.map(x=>{let ae=G(x.key,x.id);if(typeof ae!="string"||!ae.trim())return null;let Y=x.type==="select"||x.type==="leadSelect"||x.type==="multiple_choice",re=Y?!1:i,q=x.type==="multiple_choice",V=x.placeholder??"";return(0,he.jsxs)(Se,{spacing:1,sx:{display:"flex",flexDirection:"column"},children:[(0,he.jsxs)(Se,{direction:"row",children:[(0,he.jsx)(na,{level:"title-md",children:x.name}),x.required&&(0,he.jsx)("span",{className:"text-red-500 ml-0.5",children:"*"})]}),Y&&re?(0,he.jsxs)(he.Fragment,{children:[(0,he.jsxs)(di,{children:[(0,he.jsx)(ql,{children:x.key&&typeof x.key=="string"?I(`templates.${T}.fields.${x.key}.name`):x.name}),(0,he.jsx)(rr,{value:x.key||"",disabled:!!u,onChange:(ie,ue)=>{x.key&&ue&&O.setValue(`draftConfig.fields.${x.id}.key`,ue,{shouldDirty:!0,shouldValidate:!0})},children:z.map(ie=>(0,he.jsx)(nr,{value:ie,children:I(`templates.${T}.fields.${ie}.name`)},ie))})]}),Array.isArray(x.options)&&x.options.length>0&&(0,he.jsxs)(di,{children:[(0,he.jsx)(ql,{children:c("labels.options")}),(0,he.jsx)(tr,{control:O.control,name:`draftConfig.fields.${x.id}.options`,defaultValue:[],render:({field:ie})=>{let ue=Array.isArray(ie.value)?ie.value:[];return(0,he.jsx)(rr,{multiple:q,placeholder:V,value:ue,disabled:!!u,onChange:(le,we)=>ie.onChange(we??[]),slotProps:{listbox:{ref:ie.ref}},children:x.options.map(le=>{let be=le.startsWith("templates.")?le:f_(_,x.key,le),ke=(()=>{let Ge=I(be,"name");return Ge&&!Ge.includes("templates.")&&Ge.trim().length>1&&!/^\w{1,3}$/.test(Ge)?Ge:be})()||le;return(0,he.jsx)(nr,{value:le,children:ke},le)})})}})]})]}):x.type==="file"?(0,he.jsx)(tr,{control:O.control,name:ae,render:({field:ie})=>{let ue=x.type,le=ue==="select"?"leadSelect":ue,we=b_[le];return we?(0,he.jsx)(he.Fragment,{children:we({...x,...ie,control:O.control,key:ae,formId:e,conversationId:a,methods:O,disabled:!!u,placeholder:x.placeholder,changeHandler:(be,ke)=>{be&&O.setValue(ae,ke,{shouldDirty:!0,shouldValidate:!0})}})}):(0,he.jsx)(he.Fragment,{})}}):(0,he.jsx)(tr,{control:O.control,name:ae,render:({field:ie})=>{let ue=x.type==="select"?"leadSelect":x.type,le=b_[ue];return le?(0,he.jsx)(he.Fragment,{children:le({...x,...ie,control:O.control,key:ae,formId:e,conversationId:a,methods:O,disabled:!!u,placeholder:x.placeholder,options:x.options,choices:x.choices,comment:x.comment,changeHandler:(we,be)=>{we&&O.setValue(ae,be,{shouldDirty:!0,shouldValidate:!0})}})}):(0,he.jsx)(he.Fragment,{})}})]},x.id)})}),!i&&!u&&(0,he.jsxs)(Se,{mt:2,children:[(0,he.jsx)(yt,{type:R?"submit":"button",onClick:R?void 0:O.handleSubmit(P),disabled:B.length===0||!O.formState.isValid||O.formState.isSubmitting,loading:C.loading,size:"md",color:"primary",endDecorator:(0,he.jsx)(EB.default,{sx:{fontSize:"sm"}}),sx:{width:"100%"},children:f("submit")}),(0,he.jsx)(fy,{anchorOrigin:{vertical:"bottom",horizontal:"right"},open:C.hasErrored,onClose:()=>N({hasErrored:!1}),color:"danger",children:f("submission_failed_try_again_later")})]}),!u&&(0,he.jsx)(Se,{sx:{mt:2},children:(0,he.jsx)(sb,{})})]})})]})})})}):(0,he.jsx)(uM,{...O,children:(0,he.jsx)(Q,{...R?{onSubmit:x=>{x.preventDefault(),O.handleSubmit(P)(x)}}:{},style:{flex:1},children:(0,he.jsx)(ui,{component:"div",variant:"outlined",color:"neutral",sx:{position:"relative",overflowY:"auto",width:"100%",maxHeight:"100%",flex:1,...d},children:!h.data&&h.isLoading?(0,he.jsxs)(Se,{gap:1,sx:{textAlign:"left"},children:[(0,he.jsx)(ly,{ratio:"21/9",children:(0,he.jsx)(pi,{variant:"overlay",loading:!0,children:(0,he.jsx)("img",{src:"",alt:""})})}),(0,he.jsx)(na,{children:f("loading_data")}),(0,he.jsx)(na,{children:(0,he.jsx)(pi,{variant:"text",level:"h1",sx:{width:"100%"}})})]}):(0,he.jsxs)(my,{sx:{textAlign:"center",alignItems:"center",position:"relative",width:"100%",display:"flex"},children:[(0,he.jsx)(Xl,{children:C.isFormSubmitted&&!u&&(0,he.jsx)(ao.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.3},children:(0,he.jsxs)(Se,{spacing:2,sx:{p:4},justifyContent:"center",alignItems:"center",children:[(0,he.jsx)(DB.default,{sx:{fontSize:42},color:"primary"}),(0,he.jsx)(na,{level:"h4",children:f("form_submitted_successfully")}),typeof A?.endScreen?.cta?.label=="string"&&(0,he.jsx)("a",{href:A?.endScreen?.cta?.url||"#",target:A?.endScreen?.cta?.target,rel:"noopener noreferrer",children:(0,he.jsx)(yt,{variant:"solid",size:"lg",color:"primary",children:A?.endScreen?.cta?.label})})]})})}),(0,he.jsx)(Xl,{children:(!C.isFormSubmitted||u)&&(0,he.jsxs)(ao.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.3},style:{width:"100%"},children:[A?.startScreen&&(()=>{let{title:x,description:ae}=A.startScreen;return typeof x!="string"&&typeof ae!="string"?null:(0,he.jsxs)(Se,{sx:{mb:2},children:[typeof x=="string"&&(0,he.jsx)(na,{level:"h3",children:(()=>{let Y=I(x,"name");return Y&&!Y.includes("templates.")&&Y.trim().length>1&&!/^\w{1,3}$/.test(Y)?Y:x})()}),typeof ae=="string"&&(0,he.jsx)(na,{level:"body-sm",children:(()=>{let Y=I(ae,"placeholder");return Y&&!Y.includes("templates.")&&Y.trim().length>1&&!/^\w{1,3}$/.test(Y)?Y:ae})()})]})})(),(0,he.jsx)(Se,{width:"100%",spacing:2,onChange:x=>x.stopPropagation(),children:B.map(x=>{let ae=G(x.key,x.id);if(typeof ae!="string"||!ae.trim())return null;let Y=x.type==="select"||x.type==="leadSelect"||x.type==="multiple_choice",re=Y?!1:i,q=x.type==="multiple_choice",V=x.placeholder??"";return(0,he.jsxs)(Se,{spacing:1,sx:{display:"flex",flexDirection:"column"},children:[(0,he.jsxs)(Se,{direction:"row",children:[(0,he.jsx)(na,{level:"title-md",children:x.name}),x.required&&(0,he.jsx)("span",{className:"text-red-500 ml-0.5",children:"*"})]}),Y&&re?(0,he.jsxs)(he.Fragment,{children:[(0,he.jsxs)(di,{children:[(0,he.jsx)(ql,{children:x.key&&typeof x.key=="string"?I(`templates.${T}.fields.${x.key}.name`):x.name}),(0,he.jsx)(rr,{value:x.key||"",disabled:!!u,onChange:(ie,ue)=>{x.key&&ue&&O.setValue(`draftConfig.fields.${x.id}.key`,ue,{shouldDirty:!0,shouldValidate:!0})},children:z.map(ie=>(0,he.jsx)(nr,{value:ie,children:I(`templates.${T}.fields.${ie}.name`)},ie))})]}),Array.isArray(x.options)&&x.options.length>0&&(0,he.jsxs)(di,{children:[(0,he.jsx)(ql,{children:c("labels.options")}),(0,he.jsx)(tr,{control:O.control,name:`draftConfig.fields.${x.id}.options`,defaultValue:[],render:({field:ie})=>{let ue=Array.isArray(ie.value)?ie.value:[];return(0,he.jsx)(rr,{multiple:q,placeholder:V,value:ue,disabled:!!u,onChange:(le,we)=>ie.onChange(we??[]),slotProps:{listbox:{ref:ie.ref}},children:x.options.map(le=>{let be=le.startsWith("templates.")?le:f_(_,x.key,le),ke=(()=>{let Ge=I(be,"name");return Ge&&!Ge.includes("templates.")&&Ge.trim().length>1&&!/^\w{1,3}$/.test(Ge)?Ge:be})()||le;return(0,he.jsx)(nr,{value:le,children:ke},le)})})}})]})]}):x.type==="file"?(0,he.jsx)(tr,{control:O.control,name:ae,render:({field:ie})=>{let ue=x.type,le=ue==="select"?"leadSelect":ue,we=b_[le];return we?(0,he.jsx)(he.Fragment,{children:we({...x,...ie,control:O.control,key:ae,formId:e,conversationId:a,methods:O,disabled:!!u,placeholder:x.placeholder,changeHandler:(be,ke)=>{be&&O.setValue(ae,ke,{shouldDirty:!0,shouldValidate:!0})}})}):(0,he.jsx)(he.Fragment,{})}}):(0,he.jsx)(tr,{control:O.control,name:ae,render:({field:ie})=>{let ue=x.type==="select"?"leadSelect":x.type,le=b_[ue];return le?(0,he.jsx)(he.Fragment,{children:le({...x,...ie,control:O.control,key:ae,formId:e,conversationId:a,methods:O,disabled:!!u,placeholder:x.placeholder,options:x.options,choices:x.choices,comment:x.comment,changeHandler:(we,be)=>{we&&O.setValue(ae,be,{shouldDirty:!0,shouldValidate:!0})}})}):(0,he.jsx)(he.Fragment,{})}})]},x.id)})}),!i&&!u&&(0,he.jsxs)(Se,{mt:2,children:[(0,he.jsx)(yt,{type:R?"submit":"button",onClick:R?void 0:O.handleSubmit(P),disabled:B.length===0||!O.formState.isValid||O.formState.isSubmitting,loading:C.loading,size:"md",color:"primary",endDecorator:(0,he.jsx)(EB.default,{sx:{fontSize:"sm"}}),sx:{width:"100%"},children:f("submit")}),(0,he.jsx)(fy,{anchorOrigin:{vertical:"bottom",horizontal:"right"},open:C.hasErrored,onClose:()=>N({hasErrored:!1}),color:"danger",children:f("submission_failed_try_again_later")})]}),!u&&(0,he.jsx)(Se,{sx:{mt:2},children:(0,he.jsx)(sb,{})})]})})]})})})})}var Oue=(0,Ir.memo)(aUe);var Zue=j(pW());var que=j($());var RB=j(te());function tUe({circularProgressProps:e,rootProps:a}){return(0,RB.jsx)(Se,{sx:{width:"100%",height:"100%",alignItems:"center",justifyContent:"center",...a?.style},...a,children:(0,RB.jsx)(en,{size:"sm",...e})})}var nC=tUe;var mb=j(te());function MB({changeCallback:e,placeholder:a,accept:t,variant:o="plain"}){let{t:i}=ot(["_FileUploader"],{i18n:dt}),[n,r]=(0,que.useState)(void 0);return(0,mb.jsxs)(Ya,{disabled:n,size:"sm",variant:o,sx:{maxHeight:"100%"},component:"label",children:[n?(0,mb.jsx)(nC,{rootProps:{style:{width:"40px",marginLeft:2}}}):(0,mb.jsx)(Zue.default,{}),(0,mb.jsx)(Yj,{accept:t?.join?.(","),type:"file",multiple:!0,onChange:async s=>{if(r(!0),!s.target.files){r(!1);return}let l=Array.from(s.target.files),u=5e6;if(l.find(p=>p.size>u)){s.target.value="",alert(i("file_size_limit")),r(!1);return}await e(l),r(!1)}})]})}var wr=j($());SM();var Uue=j(te()),LB=an((0,Uue.jsx)("path",{d:"M5 20h14v-2H5zM19 9h-4V3H9v6H5l7 7z"}),"Download");var Vue=j(te()),GB=an((0,Vue.jsx)("path",{d:"M6 19h4V5H6zm8-14v14h4V5z"}),"Pause");var Hue=j(te()),FB=an((0,Hue.jsx)("path",{d:"M8 5v14l11-7z"}),"PlayArrow");var Kue=j(te()),WB=an((0,Kue.jsx)("path",{d:"M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4z"}),"Refresh");var Yue=j(te()),NB=an((0,Yue.jsx)("path",{d:"M3 9v6h4l5 5V4L7 9zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02M14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77"}),"VolumeUp");var ct=j(te()),Que=({message:e})=>{let[a,t]=(0,wr.useState)(!1),[o,i]=(0,wr.useState)(!1),[n,r]=(0,wr.useState)(null),[s,l]=(0,wr.useState)(!1),u=(0,wr.useRef)(null),[d,p]=(0,wr.useState)(""),[m,c]=(0,wr.useState)(null),[b,f]=(0,wr.useState)(!1);(0,wr.useEffect)(()=>{console.log("Carregando áudio...");try{if(e?.metadata?.whatsapp?.mediaData?.audio?.base64){let I=e.metadata.whatsapp.mediaData.audio.base64,w=e.metadata.whatsapp.mediaData.audio.mimetype||"audio/ogg; codecs=opus",D=g(I,w),z="";typeof window<"u"&&(z=URL.createObjectURL(D)),c(D),p(z),console.log("Blob de áudio criado a partir do base64 armazenado")}else e?.metadata?.whatsapp?.message?.audioMessage?.url?(console.log("Baixando áudio do WhatsApp..."),y(e.metadata.whatsapp.message.audioMessage.url)):(r("Formato de áudio não suportado"),console.error("Nenhum formato de áudio reconhecido"))}catch(I){console.error("Erro ao processar dados do áudio:",I),r("Erro ao processar dados do áudio")}return()=>{typeof window<"u"&&d?.startsWith("blob:")&&URL.revokeObjectURL(d)}},[e]);let y=async I=>{try{i(!0),l(!0),r(null),f(!1),console.log("Baixando áudio via API...");let w=e?.metadata?.whatsapp,D=await ts.post("/api/proxy/download-whatsapp-audio",{url:I,messageId:e.id,message:w});if(D.data.audioBase64){let z=D.data.audioBase64,B=D.data.mimeType||"audio/ogg; codecs=opus";if(!z||z.length===0)throw new Error("API retornou base64 vazio");console.log(`Áudio baixado com sucesso (${B}), tamanho: ${z.length}`);let G=g(z,B);c(G);let E=URL.createObjectURL(G);p(E),console.log("Blob URL criada:",E)}else throw new Error("Resposta inválida do servidor")}catch(w){console.error("Erro ao baixar áudio:",w),r(`Erro ao baixar áudio: ${w.message||"Desconhecido"}`),f(!0)}finally{i(!1),l(!1)}},g=(I,w)=>{try{let D=atob(I),z=new ArrayBuffer(D.length),B=new Uint8Array(z);for(let G=0;G<D.length;G++)B[G]=D.charCodeAt(G);return new Blob([z],{type:w})}catch(D){throw console.error("Erro ao converter base64 para Blob:",D),D}},h=()=>{if(!(typeof window>"u"||!document)){if(m){let I=URL.createObjectURL(m),w=document.createElement("a");w.href=I,w.download=`audio-whatsapp-${new Date().getTime()}.ogg`,document.body.appendChild(w),w.click(),document.body.removeChild(w),URL.revokeObjectURL(I)}else if(d){let I=document.createElement("a");I.href=d,I.download=`audio-whatsapp-${new Date().getTime()}.ogg`,document.body.appendChild(I),I.click(),document.body.removeChild(I)}}},k=async()=>{if(u.current)try{if(a)u.current.pause(),t(!1);else{i(!0),r(null);try{await u.current.play(),t(!0)}catch(I){throw console.error("Erro ao reproduzir áudio:",I),r(`Erro ao reproduzir: ${I.message}`),f(!0),I}}}catch(I){console.error("Erro na reprodução:",I)}finally{i(!1)}},A=()=>{e?.metadata?.whatsapp?.message?.audioMessage?.url&&y(e.metadata.whatsapp.message.audioMessage.url)},T=()=>{if(m){let I=URL.createObjectURL(m);typeof window<"u"&&window.open(I,"_blank")}else d&&window.open(d,"_blank")},_=e?.metadata?.whatsapp?.mediaData?.audio?.duration||e?.metadata?.whatsapp?.message?.audioMessage?.seconds||0;return(0,ct.jsxs)(Se,{spacing:1,sx:{my:1},children:[(0,ct.jsxs)(Se,{direction:"row",spacing:1,alignItems:"center",children:[(0,ct.jsx)(Ya,{onClick:k,variant:"soft",color:"primary",size:"sm",disabled:o||!d&&!n,children:o?(0,ct.jsx)(en,{size:"sm"}):a?(0,ct.jsx)(GB,{}):(0,ct.jsx)(FB,{})}),(0,ct.jsx)(na,{fontSize:"sm",children:s?"Baixando áudio...":`Áudio ${Math.floor(_)}s`}),d&&(0,ct.jsxs)(ct.Fragment,{children:[(0,ct.jsx)(vd,{title:"Baixar áudio",children:(0,ct.jsx)(Ya,{size:"sm",variant:"outlined",color:"neutral",onClick:h,children:(0,ct.jsx)(LB,{fontSize:"small"})})}),(0,ct.jsx)(vd,{title:"Abrir em player externo",children:(0,ct.jsx)(Ya,{size:"sm",variant:"outlined",color:"neutral",onClick:T,children:(0,ct.jsx)(NB,{fontSize:"small"})})})]}),b&&(0,ct.jsx)(vd,{title:"Tentar novamente",children:(0,ct.jsx)(Ya,{size:"sm",variant:"outlined",color:"danger",onClick:A,children:(0,ct.jsx)(WB,{fontSize:"small"})})})]}),n&&(0,ct.jsxs)(na,{color:"danger",fontSize:"sm",sx:{mt:.5},children:[n,(0,ct.jsx)(yt,{size:"sm",variant:"soft",color:"primary",onClick:A,sx:{ml:1},children:"Tentar novamente"}),(0,ct.jsx)(yt,{size:"sm",variant:"soft",color:"primary",onClick:h,sx:{ml:1},children:"Baixar"}),(0,ct.jsx)(yt,{size:"sm",variant:"soft",color:"primary",onClick:T,sx:{ml:1},children:"Player externo"})]}),typeof window<"u"&&d&&(0,ct.jsx)("audio",{ref:u,src:d,preload:"auto",onEnded:()=>t(!1),onLoadedData:()=>{console.log("Áudio carregado com sucesso"),r(null),f(!1)},onError:I=>{let w=I.target,D=w.error?.message||"Erro desconhecido";console.error("Erro ao carregar áudio:",D,w.error?.code),f(!0),r(`Falha ao carregar: ${D}. Tente baixar o áudio ou usar player externo.`)},style:{display:"none"}})]})};var qe=j(te()),oUe=Qa.object({query:Qa.string().min(1)});function iUe({messages:e,onSubmit:a,messageTemplates:t,initialMessage:o,initialMessages:i,readOnly:n,renderAfterMessages:r,disableWatermark:s,agentIconUrl:l,isLoadingConversation:u,hasMoreMessages:d,topSettings:p,emptyComponent:m,handleLoadMoreMessages:c,handleEvalAnswer:b,handleImprove:f,handleSourceClick:y,handleAbort:g,hideInternalSources:h,renderBottom:k,userImgUrl:A,organizationId:T,refreshConversation:_,metadata:I,withFileUpload:w,draftReplyInput:D,withSources:z,isAiEnabled:B,autoFocus:G,agentIconStyle:E,fromInbox:F,isStreaming:M,conversationAttachments:C,fromDashboard:N,isOpen:O,actions:ee}){let{t:P}=ot("_Chatbox_index",{i18n:dt}),R=(0,Fo.useRef)(null),Q=(0,Fo.useRef)(null),x=(0,Fo.useRef)(null),ae=yY(async()=>{requestAnimationFrame(()=>{Q.current?.scrollTo({top:Q.current?.scrollHeight+100,behavior:"smooth"})})},50),[Y,re]=vr({isLoading:!1,isInKeyboadComposition:!1,isLastMsgInView:!0,firstMsgs:[],files:[],isTextAreaExpanded:!1,hideTemplateMessages:!1,wordCount:0,attachmentsForAI:[],showAgentTyping:!1}),q=(0,Fo.useCallback)(fe=>re({files:fe}),[re]),{isDragOver:V}=rb({ref:R,changeCallback:q}),ie=of({resolver:nf(oUe),defaultValues:{}}),ue=(0,Fo.useCallback)(()=>{re({isInKeyboadComposition:!Y.isInKeyboadComposition})},[re,Y.isInKeyboadComposition]),le=async({query:fe})=>{if(!(Y.isLoading||Y.isInKeyboadComposition))try{re({isLoading:!0,hideTemplateMessages:!0,isTextAreaExpanded:!1}),setTimeout(()=>{re({showAgentTyping:!0}),ae()},300),ie.reset(),await a({query:fe,files:Y.files,attachmentsForAI:Y.attachmentsForAI}),re({files:[]})}catch(ve){console.error("Error submitting:",ve)}finally{re({isLoading:!1,showAgentTyping:!1})}},we=e?.[e.length-1]?.message?.length;(0,Fo.useEffect)(()=>{we&&we-Y.wordCount>45&&(Q.current?.scrollTo({top:Q.current?.scrollHeight+100}),re({wordCount:we}))},[we,Y.wordCount,re]);let be=e?.[0]?.conversationId;(0,Fo.useEffect)(()=>{Q.current?.scrollTo({behavior:"smooth",top:Q.current?.scrollHeight+100}),re({wordCount:0})},[e.length,M,re]),(0,Fo.useEffect)(()=>{Q.current?.scrollTo({top:Q.current?.scrollHeight+100}),re({isLastMsgInView:!0,wordCount:0})},[be,O,re]),(0,Fo.useEffect)(()=>{let fe=setTimeout(()=>{let ve=(i||[]).map(Re=>({from:"agent",message:Re?.message?.trim?.(),iconUrl:l,component:Re?.component,approvals:[]}));re({firstMsgs:ve})},0);return()=>{clearTimeout(fe)}},[i,l,re]);let ke=(0,Fo.useCallback)(fe=>{ie.setValue("query",fe,{shouldDirty:!0,shouldValidate:!0})},[ie]),Ge=(0,Fo.useCallback)(()=>{let{scrollTop:fe,scrollHeight:ve,clientHeight:Re}=Q.current;if(ve===Re)re({isLastMsgInView:!0});else{let Je=fe/(ve-Re)*100;re({isLastMsgInView:Je>85})}},[re]);return(0,Fo.useEffect)(()=>{let fe=Q.current;return fe&&fe.addEventListener("scroll",Ge),()=>{fe&&fe.removeEventListener("scroll",Ge)}},[Ge]),(0,qe.jsxs)(Se,{ref:R,className:"zappway-chatbox",direction:"column",gap:2,sx:fe=>{let ve=fe.palette.mode;return{display:"flex",flex:1,flexBasis:"100%",maxWidth:"700px",width:"100%",height:"100%",maxHeight:"100%",minHeight:"100%",paddingRight:"0.5rem",paddingLeft:"0.5rem",mx:"auto",gap:0,position:"relative",borderRadius:"lg",background:ve==="light"?"linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(220, 255, 245, 0.5), rgba(255, 255, 255, 0.8))":"linear-gradient(to bottom, rgba(0, 60, 50, 0.7), rgba(0, 0, 0, 0.6))",boxShadow:ve==="light"?"2px 2px 6px rgba(0, 0, 0, 0.4), -2px -1px 12px rgba(0, 154, 126, 0.3)":"2px 2px 6px rgba(255, 255, 255, 0.1), -2px -1px 12px rgba(0, 154, 126, 0.1)",backdropFilter:ve==="light"?"blur(10px)":"none",border:ve==="light"?"1px solid rgba(255, 255, 255, 0.18)":"none"}},children:[V&&(0,qe.jsx)(Se,{sx:{position:"absolute",pointerEvents:"none",top:0,left:0,width:"100%",height:"100%",zIndex:2,justifyContent:"center",alignItems:"center",p:2},className:"bg-[radial-gradient(circle_at_center,_var(--tw-gradient-stops))] from-violet-500/80",children:(0,qe.jsx)(ui,{color:"primary",children:(0,qe.jsxs)(Se,{sx:{justifyContent:"center",alignItems:"center"},gap:1,children:[(0,qe.jsx)(Jue.default,{sx:{opacity:.5,fontSize:32}}),(0,qe.jsx)(na,{component:"label",level:"body-sm",color:"neutral",children:P("drop_files_here")})]})})}),typeof B=="boolean"&&!B&&e?.length>0&&(0,qe.jsx)(Yo,{color:"danger",sx:{left:"50%",transform:"translateX(-50%)",top:10,position:"absolute",zIndex:1},variant:"soft",size:"sm",startDecorator:(0,qe.jsx)(ede.default,{}),children:P("off")}),(0,qe.jsx)(Se,{ref:Q,direction:"column",sx:{boxSizing:"border-box",maxWidth:"100%",width:"100%",mx:"auto",flex:1,maxHeight:"100%",overflowY:"auto",pb:4,pt:2,mb:-2,scrollbarColor:"rgba(0, 0, 0, 0.1) transparent","&::-webkit-scrollbar":{width:"0.3rem"},"&::-webkit-scrollbar-track":{display:"none"},"&::-webkit-scrollbar-thumb":{backgroundColor:"rgba(150, 150, 150, 0.5)",borderRadius:"12px"}},children:(0,qe.jsx)(ide.default,{isReverse:!0,useWindow:!1,getScrollParent:()=>Q.current,loadMore:c||(()=>{}),hasMore:d,loader:(0,qe.jsx)(Fo.default.Fragment,{children:Array.from({length:2}).map((fe,ve)=>(0,qe.jsxs)(Se,{direction:"row",gap:2,mb:2,children:[(0,qe.jsx)(pi,{variant:"circular",width:34,height:34}),(0,qe.jsxs)(Se,{gap:1,sx:{width:"100%"},children:[(0,qe.jsx)(pi,{variant:"text",width:"97%"}),(0,qe.jsx)(pi,{variant:"text",width:"92%"}),(0,qe.jsx)(pi,{variant:"text",width:"95%"})]})]},`chatbox-skeleton-${ve}`))},"chatbox-loader"),children:(0,qe.jsxs)(Se,{gap:2,children:[(0,qe.jsx)(Wz,{messages:Y.firstMsgs,shouldAnimate:e.length<2}),u&&e?.length<=0&&(0,qe.jsx)(Se,{gap:2,children:Array(1).fill(0).map((fe,ve)=>(0,qe.jsxs)(Se,{direction:"row",gap:2,children:[(0,qe.jsx)(pi,{variant:"circular",width:34,height:34}),(0,qe.jsxs)(Se,{gap:1,sx:{width:"100%"},children:[(0,qe.jsx)(pi,{variant:"text",width:"97%"}),(0,qe.jsx)(pi,{variant:"text",width:"92%"}),(0,qe.jsx)(pi,{variant:"text",width:"95%"})]})]},ve))}),e?.length<=0&&!u&&m,(!u||e?.length>0)&&e.map((fe,ve)=>(0,qe.jsx)("div",{children:fe.metadata?.shouldDisplayForm?(0,qe.jsx)(Se,{sx:{zIndex:0,px:5},children:(0,qe.jsx)(Oue,{formId:fe.metadata.formId,conversationId:fe.conversationId,messageId:fe.id,submissionId:fe?.submission?.id,values:fe?.submission?.data,readOnly:F})}):fe.metadata?.whatsapp?.message?.audioMessage||fe.metadata?.whatsapp?.mediaData?.audio?(0,qe.jsx)(Que,{message:fe}):(0,qe.jsx)(Zv,{index:ve,message:{...fe,iconUrl:fe.from==="agent"?l:A||fe.iconUrl},withSources:z,hideInternalSources:h,handleEvalAnswer:b,handleImprove:f,handleSourceClick:y,organizationId:T})},fe.id??`${fe.from}-${ve}`)),!M&&!Y.isLoading&&e[e.length-1]?.from==="agent"&&ee,Y.files?.length>0&&Y.isLoading&&!Y.showAgentTyping&&(0,qe.jsx)(nC,{}),Y.showAgentTyping&&e?.[e.length-1]?.from==="human"&&(0,qe.jsx)(Zv,{cardProps:{variant:"plain",sx:{background:"none",p:0}},message:{from:"agent",message:"",component:(0,qe.jsx)(xz,{}),approvals:[]}})]})})}),r,n&&!Y.isLastMsgInView&&(0,qe.jsx)(Ya,{variant:"soft",color:"neutral",size:"sm",className:"absolute rounded-full right-1 bottom-2 z-99",onClick:()=>Q.current?.scrollTo({behavior:"smooth",top:Q.current?.scrollHeight+110}),children:(0,qe.jsx)(BB.default,{})}),!n&&(0,qe.jsxs)("form",{style:{maxWidth:"100%",width:"100%",position:"relative",display:"flex",flexDirection:"column",marginTop:"auto",overflow:"visible",background:"none",justifyContent:"center",marginLeft:"auto",marginRight:"auto"},onCompositionStart:ue,onCompositionEnd:ue,onSubmit:fe=>{fe.stopPropagation(),ie.handleSubmit(le)(fe)},children:[(0,qe.jsxs)(Se,{gap:1,children:[B&&C&&C?.length>0&&(0,qe.jsx)(rr,{size:"sm",slotProps:{listbox:{sx:{zIndex:9999999999+1}}},sx:{mr:"auto",mb:.5},startDecorator:(0,qe.jsx)($ue.default,{}),placeholder:P("use_uploaded_file"),multiple:!0,color:Y.attachmentsForAI?.length>0?"warning":"neutral",variant:Y.attachmentsForAI?.length>0?"soft":"plain",onChange:(fe,ve)=>{re({attachmentsForAI:ve})},children:C.map(fe=>(0,qe.jsx)(nr,{value:fe.id,children:fe.name},fe.id))}),(t?.length||0)>0&&Y.files?.length<=0&&(0,qe.jsx)(Se,{direction:"row",gap:1,sx:{flexWrap:"nowrap",mb:1,overflowX:"auto",maxWidth:"100%",scrollbarColor:"rgba(0,0,0,.1) transparent","&::-webkit-scrollbar":{height:"0.4em"},"&::-webkit-scrollbar-track":{display:"none"},"&::-webkit-scrollbar-thumb":{backgroundColor:"rgba(0,0,0,.0)",borderRadius:"20px"}},children:t?.map((fe,ve)=>(0,qe.jsx)(yt,{size:"sm",variant:"soft",onClick:()=>le({query:fe}),sx:{whiteSpace:"nowrap"},children:fe},ve))})]}),(0,qe.jsxs)(Se,{width:"100%",gap:.5,children:[p,Y.files?.length>0&&(0,qe.jsx)(Se,{gap:1,sx:{mb:1},children:(0,qe.jsx)(Se,{direction:"row",sx:{flexWrap:"wrap"},gap:1,children:Y.files.map((fe,ve)=>(0,qe.jsx)(Yo,{size:"lg",variant:"soft",color:"primary",endDecorator:(0,qe.jsx)(uy,{disabled:Y.isLoading,onDelete:()=>re({files:Y.files.filter((Re,Je)=>Je!==ve)})}),children:fe.name},fe.name))})}),(0,qe.jsxs)(Se,{sx:{position:"relative"},children:[!Y.isLastMsgInView&&(0,qe.jsx)(Ya,{variant:"soft",color:"neutral",size:"sm",sx:{position:"absolute",right:0,borderRadius:"50%",maxWidth:"12px",maxHeight:"12px",top:"-36px",zIndex:99},onClick:()=>Q.current?.scrollTo({behavior:"smooth",top:Q.current?.scrollHeight+110}),children:(0,qe.jsx)(BB.default,{})}),(0,qe.jsx)(hf,{variant:"outlined",autoFocus:!!G,slotProps:{textarea:{id:"chatbox-input",ref:x,sx:{my:"auto"}}},maxRows:24,minRows:Y.isTextAreaExpanded?18:1,onKeyDown:fe=>{fe.key==="Enter"&&!fe.shiftKey&&(fe.preventDefault(),ie.handleSubmit(le)(fe))},sx:fe=>({...Y.isTextAreaExpanded?{position:"absolute",bottom:0,zIndex:1}:{},width:"100%",flexDirection:"row",alignItems:"center",".MuiTextarea-endDecorator":{marginBlock:0,marginTop:"auto"},".MuiTextarea-startDecorator":{marginBlockEnd:0,marginTop:"auto"}}),startDecorator:(0,qe.jsx)(Se,{direction:"row",justifyContent:"space-between",sx:{width:"100%"},children:(0,qe.jsx)(Ya,{variant:"plain",sx:{maxHeight:"100%"},size:"sm",onClick:()=>re({isTextAreaExpanded:!Y.isTextAreaExpanded}),children:Y.isTextAreaExpanded?(0,qe.jsx)(tde.default,{}):(0,qe.jsx)(ode.default,{})})}),endDecorator:(0,qe.jsxs)(Se,{direction:"row",justifyContent:"space-between",sx:{width:"100%"},spacing:1,children:[D&&Fo.default.cloneElement(D,{onReply:ke,inputRef:x}),w&&(0,qe.jsx)(MB,{changeCallback:fe=>re({files:fe}),accept:Dw}),(0,qe.jsxs)(Se,{direction:"row",sx:{ml:"auto"},children:[!Y.isLoading&&(0,qe.jsx)(Ya,{size:"sm",type:"submit",disabled:Y.isLoading||!ie.formState.isValid,sx:{maxHeight:"100%"},color:"primary",variant:"soft",children:(0,qe.jsx)(Xue.default,{})}),Y.isLoading&&g&&(0,qe.jsx)(Ya,{size:"sm",color:"danger",sx:{maxHeight:"100%"},variant:"soft",onClick:()=>{g?.()},children:(0,qe.jsx)(ade.default,{})})]})]}),...ie.register("query"),onBlur:fe=>{}})]}),(0,qe.jsxs)(Se,{children:[(0,qe.jsx)(Se,{direction:"row",sx:{position:"relative",alignItems:"center",justifyContent:"space-between",width:"100%",maxWidth:"100%",overflowX:"auto","&::-webkit-scrollbar":{height:"0"}},children:k}),!s&&(0,qe.jsx)(Se,{sx:{mt:1},children:(0,qe.jsx)(sb,{})})]})]})]})]})}var nde=iUe;var cb=j(te());function nUe({agentId:e,layout:a,interfaceConfig:t,layoutClassName:o,containerSxProps:i,chatBoxProps:n,isLoadingAgent:r,agentIconUrl:s}){let{mode:l}=Fl(),u=a||rC.default.Fragment,d=t?.primaryColor||"#ffffff",p=(0,rC.useMemo)(()=>h3(d,"#ffffff","#000000"),[d]);return r?(0,cb.jsx)(st,{sx:{width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center",background:"transparent",...i||{}},children:(0,cb.jsx)(en,{size:"sm",variant:"soft",color:"neutral"})}):(0,cb.jsx)(u,{...a?{className:Xr(l,o),agentId:e,config:t,agentIconUrl:s}:{},children:(0,cb.jsx)(st,{className:Xr({[`${l} ${o}`]:!a}),sx:m=>({display:"flex",flex:1,flexDirection:"column",position:"relative",width:"100%",height:"100%",overflow:"hidden",maxHeight:"100%",boxSizing:"border-box",backgroundColor:t?.isBgTransparent?"transparent":m.palette.background.default??"#ffffff","& .message-agent":{},"& .message-human":{backgroundColor:d},"& .message-human *":{color:p},...i||{}}),children:(0,cb.jsx)(nde,{...n,...s?{agentIconUrl:s}:{}})})})}var sC=nUe;var OB="https://app.zappway.ai";function rUe({id:e}){let a=pl(e?`${OB}/api/agents/${e}`:null,gp),t=nb(e?`${OB}/api/agents/${e}`:`${OB}/api/agents`,ib(e?"PATCH":"POST"),{onSuccess(o,i,n){a.mutate()}});return{query:a,mutation:t}}var lC=rUe;var fde=j(CB()),qi=j($());var Iu=j($(),1);var sde=j(BW(),1);var sUe=()=>{},lUe=sUe(),UB=Object,rde=e=>e===lUe,uUe=e=>typeof e=="function",uC=new WeakMap,ZB=(e,a)=>UB.prototype.toString.call(e)===`[object ${a}]`,dUe=0,VB=e=>{let a=typeof e,t=ZB(e,"Date"),o=ZB(e,"RegExp"),i=ZB(e,"Object"),n,r;if(UB(e)===e&&!t&&!o){if(n=uC.get(e),n)return n;if(n=++dUe+"~",uC.set(e,n),Array.isArray(e)){for(n="@",r=0;r<e.length;r++)n+=VB(e[r])+",";uC.set(e,n)}if(i){n="#";let s=UB.keys(e).sort();for(;!rde(r=s.pop());)rde(e[r])||(n+=r+":"+VB(e[r])+",");uC.set(e,n)}}else n=t?e.toJSON():a=="symbol"?e.toString():a=="string"?JSON.stringify(e):""+e;return n},pUe=e=>{if(uUe(e))try{e=e()}catch{e=""}let a=e;return e=typeof e=="string"?e:(Array.isArray(e)?e.length:e)?VB(e):"",[e,a]},mUe=e=>pUe(e?e(0,null):null)[0];var qB=Promise.resolve(),cUe=e=>(a,t,o)=>{let i=(0,Iu.useRef)(!1),{cache:n,initialSize:r=1,revalidateAll:s=!1,persistSize:l=!1,revalidateFirstPage:u=!0,revalidateOnMount:d=!1,parallel:p=!1}=o,[,,,m]=Mn.get(Zh),c;try{c=mUe(a),c&&(c=a_+c)}catch{}let[b,f,y]=os(n,c),g=(0,Iu.useCallback)(()=>va(b()._l)?r:b()._l,[n,c,r]);(0,sde.useSyncExternalStore)((0,Iu.useCallback)(w=>c?y(c,()=>{w()}):()=>{},[n,c]),g,g);let h=(0,Iu.useCallback)(()=>{let w=b()._l;return va(w)?r:w},[c,r]),k=(0,Iu.useRef)(h());is(()=>{if(!i.current){i.current=!0;return}c&&f({_l:l?k.current:h()})},[c,n]);let A=d&&!i.current,T=e(c,async w=>{let D=b()._i,z=b()._r;f({_r:it});let B=[],G=h(),[E]=os(n,w),F=E().data,M=[],C=null;for(let N=0;N<G;++N){let[O,ee]=dl(a(N,p?null:C));if(!O)break;let[P,R]=os(n,O),Q=P().data,x=s||D||va(Q)||u&&!N&&!va(F)||A||F&&!va(F[N])&&!o.compare(F[N],Q);if(t&&(typeof z=="function"?z(Q,ee):x)){let ae=async()=>{if(!(O in m))Q=await t(ee);else{let re=m[O];delete m[O],Q=await re}R({data:Q,_k:ee}),B[N]=Q};p?M.push(ae):await ae()}else B[N]=Q;p||(C=Q)}return p&&await Promise.all(M.map(N=>N())),f({_i:it}),B},o),_=(0,Iu.useCallback)(function(w,D){let z=typeof D=="boolean"?{revalidate:D}:D||{},B=z.revalidate!==!1;return c?(B&&(va(w)?f({_i:!0,_r:z.revalidate}):f({_i:!1,_r:z.revalidate})),arguments.length?T.mutate(w,{...z,revalidate:B}):T.mutate()):qB},[c,n]),I=(0,Iu.useCallback)(w=>{if(!c)return qB;let[,D]=os(n,c),z;if(Bi(w)?z=w(h()):typeof w=="number"&&(z=w),typeof z!="number")return qB;D({_l:z}),k.current=z;let B=[],[G]=os(n,c),E=null;for(let F=0;F<z;++F){let[M]=dl(a(F,E)),[C]=os(n,M),N=M?C().data:it;if(va(N))return _(G().data);B.push(N),E=N}return _(B)},[c,n,_,h]);return{size:h(),setSize:I,mutate:_,get data(){return T.data},get error(){return T.error},get isValidating(){return T.isValidating},get isLoading(){return T.isLoading}}},lde=fj(pl,cUe);var Gc=class e extends Error{constructor(t,o){super(t);this.status=o;if(!o)switch(t){case"UNAUTHORIZED":this.status=403;break;case"USAGE_LIMIT":case"PREMIUM_FEATURE":this.status=402;break;case"NOT_FOUND":this.status=404;break;case"INVALID_REQUEST":case"EMPTY_DATASOURCE":case"ALREADY_INVITED":case"INTEGRATION_VALIDATION_FAILED":this.status=400;break;case"INTEGRATION_CREDENTIALS_INVALID":this.status=403;break;case"RATE_LIMIT":this.status=429;break;case"NOT_IMPLEMENTED":this.status=501;break;case"INTERNAL_ERROR":this.status=500;break;default:this.status=500;break}Object.setPrototypeOf(this,e.prototype)}};async function dde(e,a){let t=e.getReader(),o;for(;!(o=await t.read()).done;)a(o.value)}function pde(e){let a,t=0,o=-1,i=!1;return function(r){if(a===void 0)a=r;else{let u=new Uint8Array(a.length+r.length);u.set(a),u.set(r,a.length),a=u}let s=a.length,l=0;for(;t<s;){i&&(a[t]===10&&(l=++t),i=!1);let u=-1;for(;t<s&&u===-1;++t)switch(a[t]){case 58:o===-1&&(o=t-l);break;case 13:case 10:i=!0,u=t;break}if(u===-1)break;e(a.subarray(l,u),o),l=t,o=-1}l===s?a=void 0:l>0&&(a=a.subarray(l),t-=l)}}function mde(e,a,t){let o=ude(),i=new TextDecoder;return function(r,s){if(r.length===0)t?.(o),o=ude();else if(s>0){let l=i.decode(r.subarray(0,s)),u=s+(r[s+1]===32?2:1),d=i.decode(r.subarray(u));switch(l){case"data":o.data=o.data?o.data+`
|
|
2933
|
-
`+d:d;break;case"event":o.event=d;break;case"id":e(o.id=d);break;case"retry":let p=parseInt(d,10);isNaN(p)||a(o.retry=p);break}}}}function ude(){return{data:"",event:"",id:"",retry:void 0}}var gb="text/event-stream",gUe=1e3,cde="last-event-id";function HB(e,{signal:a,headers:t,onopen:o,onmessage:i,onclose:n,onerror:r,openWhenHidden:s,fetch:l,...u}){return new Promise((d,p)=>{let m={...t};m.accept||(m.accept=gb);let c;function b(){c.abort(),globalThis.hidden||A()}s||globalThis?.addEventListener?.("visibilitychange",b);let f=gUe,y;function g(){globalThis?.removeEventListener?.("visibilitychange",b),clearTimeout(y),c.abort()}a?.addEventListener("abort",()=>{g(),d()});let h=l??globalThis.fetch,k=o??fUe;async function A(){c=new AbortController;try{let T=await h(e,{...u,headers:m,signal:c.signal});await k(T),await dde(T.body,pde(mde(_=>{_?m[cde]=_:delete m[cde]},_=>{f=_},i))),n?.(),g(),d()}catch(T){if(!c.signal.aborted)try{let _=r?.(T)??f;clearTimeout(y),y=setTimeout(A,_)}catch(_){g(),p(_)}}}A()})}function fUe(e){let a=e.headers.get("content-type");if(!a?.startsWith(gb))throw new Error(`Expected content-type to be ${gb}, Actual: ${a}`)}var fb=j($());var hUe="https://app.zappway.ai",bUe=({agentId:e})=>{let[a,t]=(0,fb.useState)(!1),i=pl(e?`${hUe}/api/agents/${e}`:null,gp)?.data?.interfaceConfig,n=i?.rateLimit?.maxQueries||0,r=(0,fb.useCallback)(()=>{let s=0;try{s=Number(localStorage.getItem("rateLimitCount"))}catch{}s++;try{localStorage.setItem("rateLimitCount",`${s}`)}catch{}s>=n&&t(!0)},[n]);return(0,fb.useEffect)(()=>{if(!i?.rateLimit?.interval)return;let s=setInterval(()=>{try{localStorage.setItem("rateLimitCount","0")}catch{}t(!1)},i?.rateLimit?.interval*1e3);return()=>clearInterval(s)},[i]),{isRateExceeded:i?.rateLimit?.enabled?a:!1,handleIncrementRateLimitCount:r,rateExceededMessage:i?.rateLimit?.limitReachedMessage||"Usage limit reached"}},gde=bUe;var dC="https://app.zappway.ai",gl=(0,qi.createContext)({}),kUe=async e=>{let a="";try{a=localStorage.getItem("visitorId")}catch{}await fetch(`${dC}/api/conversations/eval-answer`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({eval:e.value,messageId:e.messageId,visitorId:a})})},yUe="conversationId",vUe=({endpoint:e,channel:a,queryBody:t,disableFetchHistory:o,...i})=>{let n=i.localStorageConversationIdKey||yUe,[r,s]=vr({history:[],visitorId:"",conversationId:"",conversationStatus:"UNRESOLVED",hasMoreMessages:!0,prevConversationId:"",mounted:!1,handleAbort:void 0,isStreaming:!1,isAiEnabled:!0,isFormValid:!1}),{upload:l}=rb(),{isRateExceeded:u,rateExceededMessage:d,handleIncrementRateLimitCount:p}=gde({agentId:i.agentId}),m=`${dC}/api/conversations/message`,c=nb(m,async(I,{arg:w})=>{let{conversationId:D,...z}=w;if(!D)throw new Error("conversationId is required");let B=`${dC}/api/conversations/${D}/message`;return ib("POST")(B,z)}),b=lde((I,w)=>{if(!r.conversationId)return r.hasMoreMessages&&s({hasMoreMessages:!1}),null;if(w&&w?.messages?.length===0)return s({hasMoreMessages:!1}),null;let D=w?.messages?.[w?.messages?.length-1]?.id;return o?null:`${dC}/api/conversations/${r.conversationId}?cursor=${D||""}`},gp,{onSuccess:I=>{(I===null||I?.[0]===null)&&s({conversationId:""})},...r.isAiEnabled?{refreshInterval:3e4}:{refreshInterval:5e3}}),{mutate:f}=b,y=(0,qi.useCallback)(()=>{b.isLoading||b.isValidating||b.setSize(b.size+1)},[b]),g=(0,qi.useCallback)(async({query:I,isDraft:w,files:D=[],attachmentsForAI:z=[]})=>{let B=I?.trim?.()||"";if(!B||!e)return;let G=r.conversationId||(0,fde.default)(),E=[];if(D?.length){let ee=await l(D.map(P=>({conversationId:G,agentId:i.agentId,case:"chatUpload",fileName:P.name,mimeType:P.type,file:P})));E=D.map((P,R)=>({name:P.name,url:ee[R],size:P.size,mimeType:P.type}))}if(a&&a!=="dashboard"&&b.data&&!b.data[0]?.isAiEnabled){await c.trigger({conversationId:G,from:"human",message:B,channel:a,visitorId:r.visitorId}),await b.mutate();return}if(u){s({history:[...r.history,{from:"agent",message:d||""}]});return}let F=new AbortController,M=r.history.length,C=[...r.history,{from:"human",message:B,attachments:E.map((ee,P)=>({id:P,...ee}))}];s({history:C,isStreaming:!0,handleAbort:()=>{F.abort()}});let N="",O="";try{let ee="",P="",R="",Q="",x="";class ae extends Error{}class Y extends Error{}await HB(e,{method:"POST",headers:{"Content-Type":"application/json"},openWhenHidden:!0,body:JSON.stringify({...t,streaming:!0,query:B,visitorId:r.visitorId,conversationId:G,channel:a,attachments:E,attachmentsForAI:z,images:z,isDraft:w,contact:i.contact,context:i.context}),signal:F.signal,async onopen(re){if(!(re.ok&&re.headers.get("content-type")===gb))throw re.status>=400&&re.status<500&&re.status!==429?re.status===402?new Gc("USAGE_LIMIT"):new Y:new ae},onclose(){},onerror(re){if(console.error("on error",re,Object.keys(re)),re instanceof Y)throw F.abort(),re;if(re instanceof Gc)throw console.error("ApiError",Gc),re;re instanceof ae&&console.warn("RetriableError ocorreu no onclose. Tentando reconexão ou ignorando...")},onmessage:re=>{if(console.debug("[EventSource]",re),re.data==="[DONE]"){F.abort(),console.debug("[answer]",ee),console.debug("[response]",R);try{let{sources:q,conversationId:V,visitorId:ie,messageId:ue,isValid:le,...we}=JSON.parse(R),be=[...C],ke={...we.metadata};try{ke={...ke,...JSON.parse(x||"{}")}}catch{}be[M]?(be[M].message=ee,be[M].id=ue,be[M].metadata=ke):be.push({id:ue,from:"agent",message:ee,sources:q,metadata:ke}),s({history:be,conversationId:V,prevConversationId:r.conversationId,visitorId:ie,isFormValid:le});try{localStorage.setItem("visitorId",ie||""),localStorage.setItem(n,V||"")}catch{}ee?.trim()===""&&!b.isValidating&&setTimeout(()=>{b.mutate()},1e3)}catch(q){console.error(q)}return}if(re.data?.startsWith("[ERROR]")){F.abort();let q=re.data.replace("[ERROR]","");if(q==="USAGE_LIMIT")if(!a||a==="dashboard")q="Message limit reached. Please upgrade your plan.";else return;s({history:[...C,{from:"agent",message:q}]});return}if(re.event==="endpoint_response"){R+=decodeURIComponent(re.data);return}if(re.event==="step"){P+=decodeURIComponent(re.data);let q=[...C];q[M]?q[M].message=P:q.push({from:"agent",message:P}),s({history:q});return}if(re.event==="metadata"){x+=decodeURIComponent(re.data);return}if(re.event==="tool_call"){Q+=re.data;let q=[...C];q[M]?q[M].step={type:"tool_call"}:q.push({from:"agent",message:"",step:{type:"tool_call"}}),s({history:q});return}if(re.event==="answer"){ee+=decodeURIComponent(re.data);let q=[...C];q[M]?q[M].message=ee:q.push({from:"agent",message:ee}),s({history:q})}}}),p?.()}catch(ee){console.error("err",ee),ee instanceof Gc&&(ee?.message?(O=ee.message,O==="USAGE_LIMIT"?N="Usage limit reached. Please upgrade your plan.":N=`Error: ${O}`):N=`Error: ${O}`,s({history:[...C,{from:"agent",message:N}]}))}finally{s({isStreaming:!1})}},[e,a,t,u,d,n,r.conversationId,r.history,r.visitorId,s,p,i.agentId,i.contact,i.context,l,b,c]),h=(0,qi.useCallback)(I=>{s({conversationId:I||""});try{localStorage.setItem(n,I||"")}catch{}},[n,s]),k=(0,qi.useCallback)(I=>{s({visitorId:I||""});try{localStorage.setItem("visitorId",I||"")}catch{}},[s]),A=(0,qi.useCallback)(I=>h(I),[h]),T=(0,qi.useCallback)(I=>{s({history:I})},[s]);(0,qi.useEffect)(()=>{b.data&&s({history:b.data?.filter(Boolean)?.map(I=>I?.messages)?.flat()?.reverse()?.map(I=>({id:I.id,conversationId:I.conversationId,eval:I.eval,from:I.from,message:I.text,createdAt:I.createdAt,sources:I.sources,approvals:I.approvals||[],metadata:I.metadata||{},attachments:I.attachments||[],submission:I.submission,iconUrl:I.from==="agent"?void 0:I?.user?.customPicture||I?.user?.picture,fromName:I.user?.name})),conversationStatus:b.data[0]?.status??r.conversationStatus,isAiEnabled:b.data[0]?.isAiEnabled})},[b.data,s,r.conversationStatus]),(0,qi.useEffect)(()=>{r.conversationId&&!b.isValidating&&!b.isLoading&&b.mutate()},[r.conversationId]),(0,qi.useEffect)(()=>{if(!r.prevConversationId&&r.conversationId){s({hasMoreMessages:!1});return}r.conversationId||s({history:[]})},[r.conversationId,r.prevConversationId,s]),(0,qi.useEffect)(()=>{if(typeof window<"u")try{let I=localStorage.getItem("visitorId")||"",w=localStorage.getItem(n)||"";s({visitorId:I,conversationId:w})}catch{}},[n,s]);let _=(0,qi.useCallback)(()=>f(),[f]);return{agentId:i.agentId,history:r.history,isLoadingConversation:b.isLoading,isValidatingConversation:b.isValidating,isFomValid:r.isFormValid,hasMoreMessages:r.hasMoreMessages,visitorId:r.visitorId,conversationId:r.conversationId,handleAbort:r.handleAbort,conversationStatus:r.conversationStatus,visitorEmail:b.data?.[0]?.lead?.email||"",contact:b.data?.[0]?.participantsVisitors?.[0]?.contact,isStreaming:r.isStreaming,isAiEnabled:r.isAiEnabled,conversationAttachments:b.data?.[0]?.attachments||[],createNewConversation:A,handleChatSubmit:g,handleLoadMoreMessages:y,setConversationId:h,setVisitorId:k,handleEvalAnswer:kUe,setHistory:T,refreshConversation:_,triggerSendMessage:c.trigger}},hde=vUe;var yde=j(bde()),vde=j(kde()),_de=j(CM());var Ade=j($());var fl=j(te());function KB(e){let a=(0,Ade.useRef)(null),{t}=ot(["chatbubble"],{i18n:dt}),[o,i]=vr({isCaptureLoading:!1,isCaptureSuccess:!1,visitorEmail:e.visitorEmail||"",emailInputValue:"",validPayload:void 0}),n=Qa.object({...e.isEmailEnabled?{email:Qa.string().email()}:{},...e.isPhoneNumberEnabled?{phoneNumber:Qa.string().min(1)}:{}}),r=of({resolver:nf(n),mode:"onChange"}),s=async u=>{i({isCaptureLoading:!0}),await fetch(`https://app.zappway.ai/api/agents/${e.agentId}/capture`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({conversationId:e.conversationId,visitorId:e.visitorId,visitorEmail:u.email,phoneNumber:u.phoneNumber})}),await e.onSubmitSucess?.(u),i({isCaptureLoading:!1,isCaptureSuccess:!0})},l=typeof window<"u"?a.current?.closest(".zappway-widget"):null;return(0,fl.jsxs)(Se,{ref:a,onChange:u=>{u.preventDefault(),u.stopPropagation()},onSubmit:u=>{u.preventDefault(),u.stopPropagation(),r.handleSubmit(s)(u)},component:ao.form,direction:"column",gap:1,sx:{width:"100%",height:"100%",pt:1,pb:2},initial:{opacity:0,y:20},animate:{opacity:1,y:0},children:[(0,fl.jsx)(na,{startDecorator:(0,fl.jsx)(vde.default,{sx:{fontSize:"sm"}}),level:"body-xs",fontWeight:600,children:t("chatbubble:lead.instruction")}),e.isEmailEnabled&&(0,fl.jsx)(fp,{control:r.control,sx:{width:"100%"},size:"sm",type:"email",placeholder:t("chatbubble:lead.email"),startDecorator:(0,fl.jsx)(yde.default,{}),defaultValue:e.visitorEmail,...r.register("email")}),e.isPhoneNumberEnabled&&(0,fl.jsx)(aC,{control:r.control,defaultCountryCode:e.defaultCountryCode,...r.register("phoneNumber"),placeholder:t("chatbubble:lead.phoneNumber"),handleChange:u=>{r.setValue("phoneNumber",u,{shouldValidate:!0,shouldDirty:!0})},selectProps:{slotProps:{listbox:{container:l}}}}),(0,fl.jsx)(yt,{size:"sm",type:"submit",color:"primary",loading:o.isCaptureLoading,disabled:!r.formState.isValid,children:(0,fl.jsx)(_de.default,{sx:{fontSize:"sm"}})})]})}var Yde=j($());var Vde=j(Tde());var Hde=j($());var Zde=j(Ide()),qde=j(wde());var _C=j($());var Lde=j(Pde()),Gde=j(xde()),Fde=j(Sde());var zde=j($()),Cde=j(te()),UUe=zde.default.forwardRef(({children:e},a)=>(0,Cde.jsx)("div",{ref:a,children:e})),jde=ao.create(UUe);var Pr=j($());var Rde=j(Dde()),Mde=j(Ede());var YB=j($()),v_=j(te());function QB(e){let{mode:a,setMode:t}=Fl(),[o,i]=YB.default.useState(!1);return YB.default.useEffect(()=>{i(!0)},[]),o?(0,v_.jsx)(Ya,{id:"toggle-mode",size:"sm",variant:"plain",color:"neutral",sx:{"@media (max-width: 768px)":{display:"block"},display:"block"},onClick:()=>{t(a==="light"?"dark":"light")},...e,children:a==="light"?(0,v_.jsx)(Rde.default,{}):(0,v_.jsx)(Mde.default,{})}):(0,v_.jsx)(Ya,{size:"sm",variant:"outlined",color:"primary"})}var Za=j(te()),Ntt=ao.create(ui),JUe=ao.create(Ya),XUe={theme:"light",primaryColor:"#000000",position:"left"},Wde="https://app.zappway.ai",eVe=({children:e,imageUrl:a,handleClose:t,config:o})=>{let{mode:i}=Fl(),n=o?.displayName||"ZappWay",r=!o?.displayName;return(0,Za.jsxs)(Se,{sx:s=>({position:"relative",px:2,pt:6,pb:1,flex:1,width:"100%",height:"100%",maxHeight:"100%",overflowY:"hidden",fontFamily:"Poppins, sans-serif",background:"linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(0, 154, 126, 0.3), rgba(0, 0, 0, 0.1))",boxShadow:s.palette.mode==="light"?"2px 2px 6px rgba(0, 0, 0, 0.4), -2px -1px 12px rgba(0, 154, 126, 0.3)":"2px 2px 6px rgba(255, 255, 255, 0.1), -2px -1px 12px rgba(0, 154, 126, 0.1)",backdropFilter:"blur(10px)",borderRadius:s.radius.md,border:s.palette.mode==="light"?"1px solid rgba(255, 255, 255, 0.18)":"none"}),children:[(0,Za.jsx)(st,{sx:{position:"absolute",width:"100%",top:0,left:0,right:0,zIndex:1},children:(0,Za.jsxs)(Se,{direction:"row",sx:s=>({px:2,py:1,alignItems:"center",borderBottom:"1px solid",borderColor:"divider",justifyContent:"space-between"}),children:[(0,Za.jsxs)(Se,{direction:"row",alignItems:"center",gap:1,children:[(0,Za.jsx)(kd,{size:"sm",variant:"outlined",src:a}),(0,Za.jsx)(na,{level:"body-lg",sx:s=>({fontWeight:s.fontWeight.lg,fontFamily:"Poppins, sans-serif",...r&&{background:i==="light"?"linear-gradient(to right, #000f0f 0%, #009a7e 35%, #009a7e 65%, #000f0f 100%)":"#009a7e",WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent"}}),children:n})]}),(0,Za.jsxs)(Se,{direction:"row",gap:.5,alignItems:"center",children:[(0,Za.jsx)(QB,{variant:"plain",color:"primary"}),t&&(0,Za.jsx)(Ya,{variant:"plain",size:"sm",onClick:t,children:(0,Za.jsx)(Fde.default,{})})]})]})}),e]})};function aVe({...e}){let a=e.interfaceConfig||XUe,t=e?.interfaceConfig?.iconUrl||e?.agentIconUrl||"https://app.zappway.ai/images/chatbubble-default-icon-sm.gif",o=(0,Pr.useRef)(null),[i,n]=vr({isOpen:!!e.isOpen,hasOpenOnce:!1,showInitialMessage:!1,visitorEmail:"",showLeadFormAfterMessageId:""});(0,Pr.useEffect)(()=>{n({isOpen:!!e.isOpen})},[e.isOpen,n]);let r=(0,Pr.useMemo)(()=>(a.initialMessages||[]).map(p=>p?.trim?.()).filter(p=>!!p),[a?.initialMessages]);(0,Pr.useEffect)(()=>{let d=null;return r?.length>0&&!a?.isInitMessagePopupDisabled&&(d=setTimeout(()=>{n({showInitialMessage:!0})},5e3)),()=>{d&&clearTimeout(d)}},[r?.length,a?.isInitMessagePopupDisabled,n]);let s=(0,Pr.useCallback)(()=>{n({isOpen:!1})},[n]),l=(0,Pr.useMemo)(()=>(0,Za.jsx)(kd,{src:t,sx:{width:"100%",height:"100%",background:"transparent",...a?.bubbleIconStyle}}),[t,a?.bubbleIconStyle]),u=(0,Pr.useMemo)(()=>d=>(0,Za.jsx)(eVe,{...d,handleClose:s,imageUrl:t}),[s,t]);return(0,Pr.useEffect)(()=>{let d=p=>{let m=document.activeElement?.tagName?.toUpperCase();p.key==="Escape"&&m!=="INPUT"&&m!=="TEXTAREA"&&n({isOpen:!1})};return window.addEventListener("keydown",d),()=>{window.removeEventListener("keydown",d)}},[n]),e?.isLoadingAgent?null:(0,Za.jsxs)(Za.Fragment,{children:[r?.length>0&&i.showInitialMessage&&!i.hasOpenOnce&&(0,Za.jsxs)(Se,{ref:o,className:"zappway-init-messages",sx:{position:"fixed",bottom:100,maxWidth:{xs:"90%",sm:"500px"},zIndex:9999999999-1,...a?.position==="left"?{left:"20px"}:{},...a?.position==="right"?{right:"20px"}:{}},gap:2,children:[(0,Za.jsx)(Ya,{sx:{position:"absolute",zIndex:2,top:-2,transform:"translate(0px, -125%)",p:.2,backgroundColor:"white",minWidth:"10px",minHeight:"10px",borderRadius:"100%",...a?.position==="left"?{right:0}:{},...a?.position==="right"?{right:0}:{}},variant:"outlined",color:"neutral",size:"md",onClick:()=>n({showInitialMessage:!1}),children:(0,Za.jsx)(Gde.default,{sx:{fontSize:"sm"}})}),(0,Za.jsx)(Wz,{messages:r.map(d=>({iconUrl:t,from:"agent",message:d,approvals:[]}))},r.join("|"))]}),(0,Za.jsxs)(st,{className:"zappway-widget",sx:{overflow:"visible",position:"fixed",height:"60px",bottom:"20px",zIndex:9999999999,...a?.position==="left"?{left:"20px"}:{},...a?.position==="right"?{right:"20px"}:{}},children:[(0,Za.jsx)(Xl,{children:i.isOpen&&(0,Za.jsx)(jde,{initial:{opacity:0,scale:.95},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.95},transition:{duration:.2},children:(0,Za.jsx)(ui,{variant:"outlined",sx:d=>({pointerEvents:"all",position:"absolute",bottom:"80px",display:"flex",flexDirection:"column",boxSizing:"border-box",p:0,gap:0,zIndex:1,...a?.position==="right"&&{transform:"translateX(-450px)"},[d.breakpoints.up("sm")]:{width:"500px"},[d.breakpoints.only("xs")]:{width:"100vw",height:"100dvh",position:"fixed",left:0,top:0,transform:"translateX(0)",zIndex:9999}}),children:(0,Za.jsx)(Se,{sx:d=>({position:"relative",height:"100%",maxHeight:"100%",flex:1,padding:0,[d.breakpoints.up("sm")]:{minHeight:"680px",maxHeight:"680px"},[d.breakpoints.only("xs")]:{height:"100vh",maxHeight:"100dvh"},overflowY:"hidden"}),children:(0,Za.jsx)(sC,{...e,chatBoxProps:{...e.chatBoxProps,isOpen:i.isOpen},agentIconUrl:t,layout:u})})})})}),(0,Za.jsx)(ao.div,{initial:"hidden",animate:"visible",variants:{visible:{y:0,transition:{when:"beforeChildren",staggerChildren:.3}},hidden:{y:100,transition:{when:"afterChildren"}}},children:(0,Za.jsx)(JUe,{onClick:()=>n({isOpen:!i.isOpen,...i.isOpen?{}:{hasOpenOnce:!0}}),sx:d=>({backgroundColor:a?.primaryColor,width:"60px",height:"60px",borderRadius:"100%",borderWidth:"0.5px",borderColor:d.palette.divider,borderStyle:"solid",p:0,overflow:"hidden","&:hover":{backgroundColor:a?.primaryColor,filter:"brightness(0.9)",transform:"scale(1.05)"},...a?.bubbleButtonStyle}),children:(0,Za.jsx)(Xl,{children:i.isOpen?(0,Za.jsx)(ao.div,{initial:{rotate:-180},animate:{rotate:0},exit:{rotate:-180},transition:{duration:.2},children:(0,Za.jsx)(Lde.default,{})},"close-icon"):l})})})]})]})}var Nde=aVe;var $B={};(function e(a,t,o,i){var n=!!(a.Worker&&a.Blob&&a.Promise&&a.OffscreenCanvas&&a.OffscreenCanvasRenderingContext2D&&a.HTMLCanvasElement&&a.HTMLCanvasElement.prototype.transferControlToOffscreen&&a.URL&&a.URL.createObjectURL),r=typeof Path2D=="function"&&typeof DOMMatrix=="function",s=function(){if(!a.OffscreenCanvas)return!1;var P=new OffscreenCanvas(1,1),R=P.getContext("2d");R.fillRect(0,0,1,1);var Q=P.transferToImageBitmap();try{R.createPattern(Q,"no-repeat")}catch{return!1}return!0}();function l(){}function u(P){var R=t.exports.Promise,Q=R!==void 0?R:a.Promise;return typeof Q=="function"?new Q(P):(P(l,l),null)}var d=function(P,R){return{transform:function(Q){if(P)return Q;if(R.has(Q))return R.get(Q);var x=new OffscreenCanvas(Q.width,Q.height),ae=x.getContext("2d");return ae.drawImage(Q,0,0),R.set(Q,x),x},clear:function(){R.clear()}}}(s,new Map),p=function(){var P=Math.floor(16.666666666666668),R,Q,x={},ae=0;return typeof requestAnimationFrame=="function"&&typeof cancelAnimationFrame=="function"?(R=function(Y){var re=Math.random();return x[re]=requestAnimationFrame(function q(V){ae===V||ae+P-1<V?(ae=V,delete x[re],Y()):x[re]=requestAnimationFrame(q)}),re},Q=function(Y){x[Y]&&cancelAnimationFrame(x[Y])}):(R=function(Y){return setTimeout(Y,P)},Q=function(Y){return clearTimeout(Y)}),{frame:R,cancel:Q}}(),m=function(){var P,R,Q={};function x(ae){function Y(re,q){ae.postMessage({options:re||{},callback:q})}ae.init=function(q){var V=q.transferControlToOffscreen();ae.postMessage({canvas:V},[V])},ae.fire=function(q,V,ie){if(R)return Y(q,null),R;var ue=Math.random().toString(36).slice(2);return R=u(function(le){function we(be){be.data.callback===ue&&(delete Q[ue],ae.removeEventListener("message",we),R=null,d.clear(),ie(),le())}ae.addEventListener("message",we),Y(q,ue),Q[ue]=we.bind(null,{data:{callback:ue}})}),R},ae.reset=function(){ae.postMessage({reset:!0});for(var q in Q)Q[q](),delete Q[q]}}return function(){if(P)return P;if(!o&&n){var ae=["var CONFETTI, SIZE = {}, module = {};","("+e.toString()+")(this, module, true, SIZE);","onmessage = function(msg) {"," if (msg.data.options) {"," CONFETTI(msg.data.options).then(function () {"," if (msg.data.callback) {"," postMessage({ callback: msg.data.callback });"," }"," });"," } else if (msg.data.reset) {"," CONFETTI && CONFETTI.reset();"," } else if (msg.data.resize) {"," SIZE.width = msg.data.resize.width;"," SIZE.height = msg.data.resize.height;"," } else if (msg.data.canvas) {"," SIZE.width = msg.data.canvas.width;"," SIZE.height = msg.data.canvas.height;"," CONFETTI = module.exports.create(msg.data.canvas);"," }","}"].join(`
|
|
2933
|
+
`+d:d;break;case"event":o.event=d;break;case"id":e(o.id=d);break;case"retry":let p=parseInt(d,10);isNaN(p)||a(o.retry=p);break}}}}function ude(){return{data:"",event:"",id:"",retry:void 0}}var gb="text/event-stream",gUe=1e3,cde="last-event-id";function HB(e,{signal:a,headers:t,onopen:o,onmessage:i,onclose:n,onerror:r,openWhenHidden:s,fetch:l,...u}){return new Promise((d,p)=>{let m={...t};m.accept||(m.accept=gb);let c;function b(){c.abort(),globalThis.hidden||A()}s||globalThis?.addEventListener?.("visibilitychange",b);let f=gUe,y;function g(){globalThis?.removeEventListener?.("visibilitychange",b),clearTimeout(y),c.abort()}a?.addEventListener("abort",()=>{g(),d()});let h=l??globalThis.fetch,k=o??fUe;async function A(){c=new AbortController;try{let T=await h(e,{...u,headers:m,signal:c.signal});await k(T),await dde(T.body,pde(mde(_=>{_?m[cde]=_:delete m[cde]},_=>{f=_},i))),n?.(),g(),d()}catch(T){if(!c.signal.aborted)try{let _=r?.(T)??f;clearTimeout(y),y=setTimeout(A,_)}catch(_){g(),p(_)}}}A()})}function fUe(e){let a=e.headers.get("content-type");if(!a?.startsWith(gb))throw new Error(`Expected content-type to be ${gb}, Actual: ${a}`)}var fb=j($());var hUe="https://app.zappway.ai",bUe=({agentId:e})=>{let[a,t]=(0,fb.useState)(!1),i=pl(e?`${hUe}/api/agents/${e}`:null,gp)?.data?.interfaceConfig,n=i?.rateLimit?.maxQueries||0,r=(0,fb.useCallback)(()=>{let s=0;try{s=Number(localStorage.getItem("rateLimitCount"))}catch{}s++;try{localStorage.setItem("rateLimitCount",`${s}`)}catch{}s>=n&&t(!0)},[n]);return(0,fb.useEffect)(()=>{if(!i?.rateLimit?.interval)return;let s=setInterval(()=>{try{localStorage.setItem("rateLimitCount","0")}catch{}t(!1)},i?.rateLimit?.interval*1e3);return()=>clearInterval(s)},[i]),{isRateExceeded:i?.rateLimit?.enabled?a:!1,handleIncrementRateLimitCount:r,rateExceededMessage:i?.rateLimit?.limitReachedMessage||"Usage limit reached"}},gde=bUe;var dC="https://app.zappway.ai",gl=(0,qi.createContext)({}),kUe=async e=>{let a="";try{a=localStorage.getItem("visitorId")}catch{}await fetch(`${dC}/api/conversations/eval-answer`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({eval:e.value,messageId:e.messageId,visitorId:a})})},yUe="conversationId",vUe=({endpoint:e,channel:a,queryBody:t,disableFetchHistory:o,...i})=>{let n=i.localStorageConversationIdKey||yUe,[r,s]=vr({history:[],visitorId:"",conversationId:"",conversationStatus:"UNRESOLVED",hasMoreMessages:!0,prevConversationId:"",mounted:!1,handleAbort:void 0,isStreaming:!1,isAiEnabled:!0,isFormValid:!1}),{upload:l}=rb(),{isRateExceeded:u,rateExceededMessage:d,handleIncrementRateLimitCount:p}=gde({agentId:i.agentId}),m=`${dC}/api/conversations/message`,c=nb(m,async(I,{arg:w})=>{let{conversationId:D,...z}=w;if(!D)throw new Error("conversationId is required");let B=`${dC}/api/conversations/${D}/message`;return ib("POST")(B,z)}),b=lde((I,w)=>{if(!r.conversationId)return r.hasMoreMessages&&s({hasMoreMessages:!1}),null;if(w&&w?.messages?.length===0)return s({hasMoreMessages:!1}),null;let D=w?.messages?.[w?.messages?.length-1]?.id;return o?null:`${dC}/api/conversations/${r.conversationId}?cursor=${D||""}`},gp,{onSuccess:I=>{(I===null||I?.[0]===null)&&s({conversationId:""})},...r.isAiEnabled?{refreshInterval:3e4}:{refreshInterval:5e3}}),{mutate:f}=b,y=(0,qi.useCallback)(()=>{b.isLoading||b.isValidating||b.setSize(b.size+1)},[b]),g=(0,qi.useCallback)(async({query:I,isDraft:w,files:D=[],attachmentsForAI:z=[]})=>{let B=I?.trim?.()||"";if(!B||!e)return;let G=r.conversationId||(0,fde.default)(),E=[];if(D?.length){let ee=await l(D.map(P=>({conversationId:G,agentId:i.agentId,case:"chatUpload",fileName:P.name,mimeType:P.type,file:P})));E=D.map((P,R)=>({name:P.name,url:ee[R],size:P.size,mimeType:P.type}))}if(a&&a!=="dashboard"&&b.data&&!b.data[0]?.isAiEnabled){await c.trigger({conversationId:G,from:"human",message:B,channel:a,visitorId:r.visitorId}),await b.mutate();return}if(u){s({history:[...r.history,{from:"agent",message:d||""}]});return}let F=new AbortController,M=r.history.length,C=[...r.history,{from:"human",message:B,attachments:E.map((ee,P)=>({id:P,...ee}))}];s({history:C,isStreaming:!0,handleAbort:()=>{F.abort()}});let N="",O="";try{let ee="",P="",R="",Q="",x="";class ae extends Error{}class Y extends Error{}await HB(e,{method:"POST",headers:{"Content-Type":"application/json"},openWhenHidden:!0,body:JSON.stringify({...t,streaming:!0,query:B,visitorId:r.visitorId,conversationId:G,channel:a,attachments:E,attachmentsForAI:z,images:z,isDraft:w,contact:i.contact,context:i.context}),signal:F.signal,async onopen(re){if(!(re.ok&&re.headers.get("content-type")===gb))throw re.status>=400&&re.status<500&&re.status!==429?re.status===402?new Gc("USAGE_LIMIT"):new Y:new ae},onclose(){},onerror(re){if(console.error("on error",re,Object.keys(re)),re instanceof Y)throw F.abort(),re;if(re instanceof Gc)throw console.error("ApiError",Gc),re;re instanceof ae&&console.warn("RetriableError ocorreu no onclose. Tentando reconexão ou ignorando...")},onmessage:re=>{if(console.debug("[EventSource]",re),re.data==="[DONE]"){F.abort(),console.debug("[answer]",ee),console.debug("[response]",R);try{let{sources:q,conversationId:V,visitorId:ie,messageId:ue,isValid:le,...we}=JSON.parse(R),be=[...C],ke={...we.metadata};try{ke={...ke,...JSON.parse(x||"{}")}}catch{}be[M]?(be[M].message=ee,be[M].id=ue,be[M].metadata=ke):be.push({id:ue,from:"agent",message:ee,sources:q,metadata:ke}),s({history:be,conversationId:V,prevConversationId:r.conversationId,visitorId:ie,isFormValid:le});try{localStorage.setItem("visitorId",ie||""),localStorage.setItem(n,V||"")}catch{}ee?.trim()===""&&!b.isValidating&&setTimeout(()=>{b.mutate()},1e3)}catch(q){console.error(q)}return}if(re.data?.startsWith("[ERROR]")){F.abort();let q=re.data.replace("[ERROR]","");if(q==="USAGE_LIMIT")if(!a||a==="dashboard")q="Message limit reached. Please upgrade your plan.";else return;s({history:[...C,{from:"agent",message:q}]});return}if(re.event==="endpoint_response"){R+=decodeURIComponent(re.data);return}if(re.event==="step"){P+=decodeURIComponent(re.data);let q=[...C];q[M]?q[M].message=P:q.push({from:"agent",message:P}),s({history:q});return}if(re.event==="metadata"){x+=decodeURIComponent(re.data);return}if(re.event==="tool_call"){Q+=re.data;let q=[...C];q[M]?q[M].step={type:"tool_call"}:q.push({from:"agent",message:"",step:{type:"tool_call"}}),s({history:q});return}if(re.event==="answer"){ee+=decodeURIComponent(re.data);let q=[...C];q[M]?q[M].message=ee:q.push({from:"agent",message:ee}),s({history:q})}}}),p?.()}catch(ee){console.error("err",ee),ee instanceof Gc&&(ee?.message?(O=ee.message,O==="USAGE_LIMIT"?N="Usage limit reached. Please upgrade your plan.":N=`Error: ${O}`):N=`Error: ${O}`,s({history:[...C,{from:"agent",message:N}]}))}finally{s({isStreaming:!1})}},[e,a,t,u,d,n,r.conversationId,r.history,r.visitorId,s,p,i.agentId,i.contact,i.context,l,b,c]),h=(0,qi.useCallback)(I=>{s({conversationId:I||""});try{localStorage.setItem(n,I||"")}catch{}},[n,s]),k=(0,qi.useCallback)(I=>{s({visitorId:I||""});try{localStorage.setItem("visitorId",I||"")}catch{}},[s]),A=(0,qi.useCallback)(I=>h(I),[h]),T=(0,qi.useCallback)(I=>{s({history:I})},[s]);(0,qi.useEffect)(()=>{b.data&&s({history:b.data?.filter(Boolean)?.map(I=>I?.messages)?.flat()?.reverse()?.map(I=>({id:I.id,conversationId:I.conversationId,eval:I.eval,from:I.from,message:I.text,createdAt:I.createdAt,sources:I.sources,approvals:I.approvals||[],metadata:I.metadata||{},attachments:I.attachments||[],submission:I.submission,iconUrl:I.from==="agent"?void 0:I?.user?.customPicture||I?.user?.picture,fromName:I.user?.name})),conversationStatus:b.data[0]?.status??r.conversationStatus,isAiEnabled:b.data[0]?.isAiEnabled})},[b.data,s,r.conversationStatus]),(0,qi.useEffect)(()=>{r.conversationId&&!b.isValidating&&!b.isLoading&&b.mutate()},[r.conversationId]),(0,qi.useEffect)(()=>{if(!r.prevConversationId&&r.conversationId){s({hasMoreMessages:!1});return}r.conversationId||s({history:[]})},[r.conversationId,r.prevConversationId,s]),(0,qi.useEffect)(()=>{if(typeof window<"u")try{let I=localStorage.getItem("visitorId")||"",w=localStorage.getItem(n)||"";s({visitorId:I,conversationId:w})}catch{}},[n,s]);let _=(0,qi.useCallback)(()=>f(),[f]);return{agentId:i.agentId,history:r.history,isLoadingConversation:b.isLoading,isValidatingConversation:b.isValidating,isFomValid:r.isFormValid,hasMoreMessages:r.hasMoreMessages,visitorId:r.visitorId,conversationId:r.conversationId,handleAbort:r.handleAbort,conversationStatus:r.conversationStatus,visitorEmail:b.data?.[0]?.lead?.email||"",contact:b.data?.[0]?.participantsVisitors?.[0]?.contact,isStreaming:r.isStreaming,isAiEnabled:r.isAiEnabled,conversationAttachments:b.data?.[0]?.attachments||[],createNewConversation:A,handleChatSubmit:g,handleLoadMoreMessages:y,setConversationId:h,setVisitorId:k,handleEvalAnswer:kUe,setHistory:T,refreshConversation:_,triggerSendMessage:c.trigger}},hde=vUe;var yde=j(bde()),vde=j(kde()),_de=j(CM());var Ade=j($());var fl=j(te());function KB(e){let a=(0,Ade.useRef)(null),{t}=ot(["chatbubble"],{i18n:dt}),[o,i]=vr({isCaptureLoading:!1,isCaptureSuccess:!1,visitorEmail:e.visitorEmail||"",emailInputValue:"",validPayload:void 0}),n=Qa.object({...e.isEmailEnabled?{email:Qa.string().email()}:{},...e.isPhoneNumberEnabled?{phoneNumber:Qa.string().min(1)}:{}}),r=of({resolver:nf(n),mode:"onChange"}),s=async u=>{i({isCaptureLoading:!0}),await fetch(`https://app.zappway.ai/api/agents/${e.agentId}/capture`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({conversationId:e.conversationId,visitorId:e.visitorId,visitorEmail:u.email,phoneNumber:u.phoneNumber})}),await e.onSubmitSucess?.(u),i({isCaptureLoading:!1,isCaptureSuccess:!0})},l=typeof window<"u"?a.current?.closest(".zappway-widget"):null;return(0,fl.jsxs)(Se,{ref:a,onChange:u=>{u.preventDefault(),u.stopPropagation()},onSubmit:u=>{u.preventDefault(),u.stopPropagation(),r.handleSubmit(s)(u)},component:ao.form,direction:"column",gap:1,sx:{width:"100%",height:"100%",pt:1,pb:2},initial:{opacity:0,y:20},animate:{opacity:1,y:0},children:[(0,fl.jsx)(na,{startDecorator:(0,fl.jsx)(vde.default,{sx:{fontSize:"sm"}}),level:"body-xs",fontWeight:600,children:t("chatbubble:lead.instruction")}),e.isEmailEnabled&&(0,fl.jsx)(fp,{control:r.control,sx:{width:"100%"},size:"sm",type:"email",placeholder:t("chatbubble:lead.email"),startDecorator:(0,fl.jsx)(yde.default,{}),defaultValue:e.visitorEmail,...r.register("email")}),e.isPhoneNumberEnabled&&(0,fl.jsx)(aC,{control:r.control,defaultCountryCode:e.defaultCountryCode,...r.register("phoneNumber"),placeholder:t("chatbubble:lead.phoneNumber"),handleChange:u=>{r.setValue("phoneNumber",u,{shouldValidate:!0,shouldDirty:!0})},selectProps:{slotProps:{listbox:{container:l}}}}),(0,fl.jsx)(yt,{size:"sm",type:"submit",color:"primary",loading:o.isCaptureLoading,disabled:!r.formState.isValid,children:(0,fl.jsx)(_de.default,{sx:{fontSize:"sm"}})})]})}var Yde=j($());var Vde=j(Tde());var Hde=j($());var Zde=j(Ide()),qde=j(wde());var _C=j($());var Lde=j(Pde()),Gde=j(xde()),Fde=j(Sde());var zde=j($()),Cde=j(te()),UUe=zde.default.forwardRef(({children:e},a)=>(0,Cde.jsx)("div",{ref:a,children:e})),jde=ao.create(UUe);var Pr=j($());var Rde=j(Dde()),Mde=j(Ede());var YB=j($()),v_=j(te());function QB(e){let{mode:a,setMode:t}=Fl(),[o,i]=YB.default.useState(!1);return YB.default.useEffect(()=>{i(!0)},[]),o?(0,v_.jsx)(Ya,{id:"toggle-mode",size:"sm",variant:"plain",color:"neutral",sx:{"@media (max-width: 768px)":{display:"block"},display:"block"},onClick:()=>{t(a==="light"?"dark":"light")},...e,children:a==="light"?(0,v_.jsx)(Rde.default,{}):(0,v_.jsx)(Mde.default,{})}):(0,v_.jsx)(Ya,{size:"sm",variant:"outlined",color:"primary"})}var Za=j(te()),Ntt=ao.create(ui),JUe=ao.create(Ya),XUe={theme:"light",primaryColor:"#000000",position:"left"},Wde="https://app.zappway.ai",eVe=({children:e,imageUrl:a,handleClose:t,config:o})=>{let{mode:i}=Fl(),n=o?.displayName||"ZappWay",r=!o?.displayName;return(0,Za.jsxs)(Se,{sx:s=>({position:"relative",px:2,pt:6,pb:1,flex:1,width:"100%",height:"100%",maxHeight:"100%",overflowY:"hidden",fontFamily:"Poppins, sans-serif",background:"linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(0, 154, 126, 0.3), rgba(0, 0, 0, 0.1))",boxShadow:s.palette.mode==="light"?"2px 2px 6px rgba(0, 0, 0, 0.4), -2px -1px 12px rgba(0, 154, 126, 0.3)":"2px 2px 6px rgba(255, 255, 255, 0.1), -2px -1px 12px rgba(0, 154, 126, 0.1)",backdropFilter:"blur(10px)",borderRadius:s.radius.md,border:s.palette.mode==="light"?"1px solid rgba(255, 255, 255, 0.18)":"none"}),children:[(0,Za.jsx)(st,{sx:{position:"absolute",width:"100%",top:0,left:0,right:0,zIndex:1},children:(0,Za.jsxs)(Se,{direction:"row",sx:s=>({px:2,py:1,alignItems:"center",borderBottom:"1px solid",borderColor:"divider",justifyContent:"space-between"}),children:[(0,Za.jsxs)(Se,{direction:"row",alignItems:"center",gap:1,children:[(0,Za.jsx)(kd,{size:"sm",variant:"outlined",src:a}),(0,Za.jsx)(na,{level:"body-lg",sx:s=>({fontWeight:s.fontWeight.lg,fontFamily:"Poppins, sans-serif",...r&&{background:i==="light"?"linear-gradient(to right, #000f0f 0%, #009a7e 35%, #009a7e 65%, #000f0f 100%)":"#009a7e",WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent"}}),children:n})]}),(0,Za.jsxs)(Se,{direction:"row",gap:.5,alignItems:"center",children:[(0,Za.jsx)(QB,{variant:"plain",color:"primary"}),t&&(0,Za.jsx)(Ya,{variant:"plain",size:"sm",onClick:t,children:(0,Za.jsx)(Fde.default,{})})]})]})}),e]})};function aVe({...e}){let a=e.interfaceConfig||XUe,t=e?.interfaceConfig?.iconUrl||e?.agentIconUrl||"https://app.zappway.ai/images/chatbubble-default-icon-sm.gif",o=(0,Pr.useRef)(null),[i,n]=vr({isOpen:!!e.isOpen,hasOpenOnce:!1,showInitialMessage:!1,visitorEmail:"",showLeadFormAfterMessageId:""});(0,Pr.useEffect)(()=>{n({isOpen:!!e.isOpen})},[e.isOpen,n]);let r=(0,Pr.useMemo)(()=>(a.initialMessages||[]).map(p=>p?.trim?.()).filter(p=>!!p),[a?.initialMessages]);(0,Pr.useEffect)(()=>{let d=null;return r?.length>0&&!a?.isInitMessagePopupDisabled&&(d=setTimeout(()=>{n({showInitialMessage:!0})},5e3)),()=>{d&&clearTimeout(d)}},[r?.length,a?.isInitMessagePopupDisabled,n]);let s=(0,Pr.useCallback)(()=>{n({isOpen:!1})},[n]),l=(0,Pr.useMemo)(()=>(0,Za.jsx)(kd,{src:t,sx:{width:"100%",height:"100%",background:"transparent",...a?.bubbleIconStyle}}),[t,a?.bubbleIconStyle]),u=(0,Pr.useMemo)(()=>d=>(0,Za.jsx)(eVe,{...d,handleClose:s,imageUrl:t}),[s,t]);return(0,Pr.useEffect)(()=>{let d=p=>{let m=document.activeElement?.tagName?.toUpperCase();p.key==="Escape"&&m!=="INPUT"&&m!=="TEXTAREA"&&n({isOpen:!1})};return window.addEventListener("keydown",d),()=>{window.removeEventListener("keydown",d)}},[n]),e?.isLoadingAgent?null:(0,Za.jsxs)(Za.Fragment,{children:[r?.length>0&&i.showInitialMessage&&!i.hasOpenOnce&&(0,Za.jsxs)(Se,{ref:o,className:"zappway-init-messages",sx:{position:"fixed",bottom:100,maxWidth:{xs:"90%",sm:"500px"},zIndex:9999999999-1,...a?.position==="left"?{left:"20px"}:{},...a?.position==="right"?{right:"20px"}:{}},gap:2,children:[(0,Za.jsx)(Ya,{sx:{position:"absolute",zIndex:2,top:-2,transform:"translate(0px, -125%)",p:.2,backgroundColor:"white",minWidth:"10px",minHeight:"10px",borderRadius:"100%",...a?.position==="left"?{right:0}:{},...a?.position==="right"?{right:0}:{}},variant:"outlined",color:"neutral",size:"md",onClick:()=>n({showInitialMessage:!1}),children:(0,Za.jsx)(Gde.default,{sx:{fontSize:"sm"}})}),(0,Za.jsx)(Wz,{messages:r.map(d=>({iconUrl:t,from:"agent",message:d,approvals:[]}))},r.join("|"))]}),(0,Za.jsxs)(st,{className:"zappway-widget",style:{position:"fixed",bottom:"20px",height:"60px",zIndex:9999999999,...a.position==="left"?{left:"20px"}:{},...a.position==="right"?{right:"20px"}:{}},sx:{overflow:"visible"},children:[(0,Za.jsx)(Xl,{children:i.isOpen&&(0,Za.jsx)(jde,{initial:{opacity:0,scale:.95},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.95},transition:{duration:.2},children:(0,Za.jsx)(ui,{variant:"outlined",sx:d=>({pointerEvents:"all",position:"absolute",bottom:"80px",display:"flex",flexDirection:"column",boxSizing:"border-box",p:0,gap:0,zIndex:1,...a?.position==="right"&&{transform:"translateX(-450px)"},[d.breakpoints.up("sm")]:{width:"500px"},[d.breakpoints.only("xs")]:{width:"100vw",height:"100dvh",position:"fixed",left:0,top:0,transform:"translateX(0)",zIndex:9999}}),children:(0,Za.jsx)(Se,{sx:d=>({position:"relative",height:"100%",maxHeight:"100%",flex:1,padding:0,[d.breakpoints.up("sm")]:{minHeight:"680px",maxHeight:"680px"},[d.breakpoints.only("xs")]:{height:"100vh",maxHeight:"100dvh"},overflowY:"hidden"}),children:(0,Za.jsx)(sC,{...e,chatBoxProps:{...e.chatBoxProps,isOpen:i.isOpen},agentIconUrl:t,layout:u})})})})}),(0,Za.jsx)(ao.div,{initial:"hidden",animate:"visible",variants:{visible:{y:0,transition:{when:"beforeChildren",staggerChildren:.3}},hidden:{y:100,transition:{when:"afterChildren"}}},children:(0,Za.jsx)(JUe,{onClick:()=>n({isOpen:!i.isOpen,...i.isOpen?{}:{hasOpenOnce:!0}}),sx:d=>({backgroundColor:a?.primaryColor,width:"60px",height:"60px",borderRadius:"100%",borderWidth:"0.5px",borderColor:d.palette.divider,borderStyle:"solid",p:0,overflow:"hidden","&:hover":{backgroundColor:a?.primaryColor,filter:"brightness(0.9)",transform:"scale(1.05)"},...a?.bubbleButtonStyle}),children:(0,Za.jsx)(Xl,{children:i.isOpen?(0,Za.jsx)(ao.div,{initial:{rotate:-180},animate:{rotate:0},exit:{rotate:-180},transition:{duration:.2},children:(0,Za.jsx)(Lde.default,{})},"close-icon"):l})})})]})]})}var Nde=aVe;var $B={};(function e(a,t,o,i){var n=!!(a.Worker&&a.Blob&&a.Promise&&a.OffscreenCanvas&&a.OffscreenCanvasRenderingContext2D&&a.HTMLCanvasElement&&a.HTMLCanvasElement.prototype.transferControlToOffscreen&&a.URL&&a.URL.createObjectURL),r=typeof Path2D=="function"&&typeof DOMMatrix=="function",s=function(){if(!a.OffscreenCanvas)return!1;var P=new OffscreenCanvas(1,1),R=P.getContext("2d");R.fillRect(0,0,1,1);var Q=P.transferToImageBitmap();try{R.createPattern(Q,"no-repeat")}catch{return!1}return!0}();function l(){}function u(P){var R=t.exports.Promise,Q=R!==void 0?R:a.Promise;return typeof Q=="function"?new Q(P):(P(l,l),null)}var d=function(P,R){return{transform:function(Q){if(P)return Q;if(R.has(Q))return R.get(Q);var x=new OffscreenCanvas(Q.width,Q.height),ae=x.getContext("2d");return ae.drawImage(Q,0,0),R.set(Q,x),x},clear:function(){R.clear()}}}(s,new Map),p=function(){var P=Math.floor(16.666666666666668),R,Q,x={},ae=0;return typeof requestAnimationFrame=="function"&&typeof cancelAnimationFrame=="function"?(R=function(Y){var re=Math.random();return x[re]=requestAnimationFrame(function q(V){ae===V||ae+P-1<V?(ae=V,delete x[re],Y()):x[re]=requestAnimationFrame(q)}),re},Q=function(Y){x[Y]&&cancelAnimationFrame(x[Y])}):(R=function(Y){return setTimeout(Y,P)},Q=function(Y){return clearTimeout(Y)}),{frame:R,cancel:Q}}(),m=function(){var P,R,Q={};function x(ae){function Y(re,q){ae.postMessage({options:re||{},callback:q})}ae.init=function(q){var V=q.transferControlToOffscreen();ae.postMessage({canvas:V},[V])},ae.fire=function(q,V,ie){if(R)return Y(q,null),R;var ue=Math.random().toString(36).slice(2);return R=u(function(le){function we(be){be.data.callback===ue&&(delete Q[ue],ae.removeEventListener("message",we),R=null,d.clear(),ie(),le())}ae.addEventListener("message",we),Y(q,ue),Q[ue]=we.bind(null,{data:{callback:ue}})}),R},ae.reset=function(){ae.postMessage({reset:!0});for(var q in Q)Q[q](),delete Q[q]}}return function(){if(P)return P;if(!o&&n){var ae=["var CONFETTI, SIZE = {}, module = {};","("+e.toString()+")(this, module, true, SIZE);","onmessage = function(msg) {"," if (msg.data.options) {"," CONFETTI(msg.data.options).then(function () {"," if (msg.data.callback) {"," postMessage({ callback: msg.data.callback });"," }"," });"," } else if (msg.data.reset) {"," CONFETTI && CONFETTI.reset();"," } else if (msg.data.resize) {"," SIZE.width = msg.data.resize.width;"," SIZE.height = msg.data.resize.height;"," } else if (msg.data.canvas) {"," SIZE.width = msg.data.canvas.width;"," SIZE.height = msg.data.canvas.height;"," CONFETTI = module.exports.create(msg.data.canvas);"," }","}"].join(`
|
|
2934
2934
|
`);try{P=new Worker(URL.createObjectURL(new Blob([ae])))}catch(Y){return typeof console!==void 0&&typeof console.warn=="function"&&console.warn("🎊 Could not load worker",Y),null}x(P)}return P}}(),c={particleCount:50,angle:90,spread:45,startVelocity:45,decay:.9,gravity:1,drift:0,ticks:200,x:.5,y:.5,shapes:["square","circle"],zIndex:100,colors:["#26ccff","#a25afd","#ff5e7e","#88ff5a","#fcff42","#ffa62d","#ff36ff"],disableForReducedMotion:!1,scalar:1};function b(P,R){return R?R(P):P}function f(P){return P!=null}function y(P,R,Q){return b(P&&f(P[R])?P[R]:c[R],Q)}function g(P){return P<0?0:Math.floor(P)}function h(P,R){return Math.floor(Math.random()*(R-P))+P}function k(P){return parseInt(P,16)}function A(P){return P.map(T)}function T(P){var R=String(P).replace(/[^0-9a-f]/gi,"");return R.length<6&&(R=R[0]+R[0]+R[1]+R[1]+R[2]+R[2]),{r:k(R.substring(0,2)),g:k(R.substring(2,4)),b:k(R.substring(4,6))}}function _(P){var R=y(P,"origin",Object);return R.x=y(R,"x",Number),R.y=y(R,"y",Number),R}function I(P){P.width=document.documentElement.clientWidth,P.height=document.documentElement.clientHeight}function w(P){var R=P.getBoundingClientRect();P.width=R.width,P.height=R.height}function D(P){var R=document.createElement("canvas");return R.style.position="fixed",R.style.top="0px",R.style.left="0px",R.style.pointerEvents="none",R.style.zIndex=P,R}function z(P,R,Q,x,ae,Y,re,q,V){P.save(),P.translate(R,Q),P.rotate(Y),P.scale(x,ae),P.arc(0,0,1,re,q,V),P.restore()}function B(P){var R=P.angle*(Math.PI/180),Q=P.spread*(Math.PI/180);return{x:P.x,y:P.y,wobble:Math.random()*10,wobbleSpeed:Math.min(.11,Math.random()*.1+.05),velocity:P.startVelocity*.5+Math.random()*P.startVelocity,angle2D:-R+(.5*Q-Math.random()*Q),tiltAngle:(Math.random()*(.75-.25)+.25)*Math.PI,color:P.color,shape:P.shape,tick:0,totalTicks:P.ticks,decay:P.decay,drift:P.drift,random:Math.random()+2,tiltSin:0,tiltCos:0,wobbleX:0,wobbleY:0,gravity:P.gravity*3,ovalScalar:.6,scalar:P.scalar,flat:P.flat}}function G(P,R){R.x+=Math.cos(R.angle2D)*R.velocity+R.drift,R.y+=Math.sin(R.angle2D)*R.velocity+R.gravity,R.velocity*=R.decay,R.flat?(R.wobble=0,R.wobbleX=R.x+10*R.scalar,R.wobbleY=R.y+10*R.scalar,R.tiltSin=0,R.tiltCos=0,R.random=1):(R.wobble+=R.wobbleSpeed,R.wobbleX=R.x+10*R.scalar*Math.cos(R.wobble),R.wobbleY=R.y+10*R.scalar*Math.sin(R.wobble),R.tiltAngle+=.1,R.tiltSin=Math.sin(R.tiltAngle),R.tiltCos=Math.cos(R.tiltAngle),R.random=Math.random()+2);var Q=R.tick++/R.totalTicks,x=R.x+R.random*R.tiltCos,ae=R.y+R.random*R.tiltSin,Y=R.wobbleX+R.random*R.tiltCos,re=R.wobbleY+R.random*R.tiltSin;if(P.fillStyle="rgba("+R.color.r+", "+R.color.g+", "+R.color.b+", "+(1-Q)+")",P.beginPath(),r&&R.shape.type==="path"&&typeof R.shape.path=="string"&&Array.isArray(R.shape.matrix))P.fill(N(R.shape.path,R.shape.matrix,R.x,R.y,Math.abs(Y-x)*.1,Math.abs(re-ae)*.1,Math.PI/10*R.wobble));else if(R.shape.type==="bitmap"){var q=Math.PI/10*R.wobble,V=Math.abs(Y-x)*.1,ie=Math.abs(re-ae)*.1,ue=R.shape.bitmap.width*R.scalar,le=R.shape.bitmap.height*R.scalar,we=new DOMMatrix([Math.cos(q)*V,Math.sin(q)*V,-Math.sin(q)*ie,Math.cos(q)*ie,R.x,R.y]);we.multiplySelf(new DOMMatrix(R.shape.matrix));var be=P.createPattern(d.transform(R.shape.bitmap),"no-repeat");be.setTransform(we),P.globalAlpha=1-Q,P.fillStyle=be,P.fillRect(R.x-ue/2,R.y-le/2,ue,le),P.globalAlpha=1}else if(R.shape==="circle")P.ellipse?P.ellipse(R.x,R.y,Math.abs(Y-x)*R.ovalScalar,Math.abs(re-ae)*R.ovalScalar,Math.PI/10*R.wobble,0,2*Math.PI):z(P,R.x,R.y,Math.abs(Y-x)*R.ovalScalar,Math.abs(re-ae)*R.ovalScalar,Math.PI/10*R.wobble,0,2*Math.PI);else if(R.shape==="star")for(var ke=Math.PI/2*3,Ge=4*R.scalar,fe=8*R.scalar,ve=R.x,Re=R.y,Je=5,He=Math.PI/Je;Je--;)ve=R.x+Math.cos(ke)*fe,Re=R.y+Math.sin(ke)*fe,P.lineTo(ve,Re),ke+=He,ve=R.x+Math.cos(ke)*Ge,Re=R.y+Math.sin(ke)*Ge,P.lineTo(ve,Re),ke+=He;else P.moveTo(Math.floor(R.x),Math.floor(R.y)),P.lineTo(Math.floor(R.wobbleX),Math.floor(ae)),P.lineTo(Math.floor(Y),Math.floor(re)),P.lineTo(Math.floor(x),Math.floor(R.wobbleY));return P.closePath(),P.fill(),R.tick<R.totalTicks}function E(P,R,Q,x,ae){var Y=R.slice(),re=P.getContext("2d"),q,V,ie=u(function(ue){function le(){q=V=null,re.clearRect(0,0,x.width,x.height),d.clear(),ae(),ue()}function we(){o&&!(x.width===i.width&&x.height===i.height)&&(x.width=P.width=i.width,x.height=P.height=i.height),!x.width&&!x.height&&(Q(P),x.width=P.width,x.height=P.height),re.clearRect(0,0,x.width,x.height),Y=Y.filter(function(be){return G(re,be)}),Y.length?q=p.frame(we):le()}q=p.frame(we),V=le});return{addFettis:function(ue){return Y=Y.concat(ue),ie},canvas:P,promise:ie,reset:function(){q&&p.cancel(q),V&&V()}}}function F(P,R){var Q=!P,x=!!y(R||{},"resize"),ae=!1,Y=y(R,"disableForReducedMotion",Boolean),re=n&&!!y(R||{},"useWorker"),q=re?m():null,V=Q?I:w,ie=P&&q?!!P.__confetti_initialized:!1,ue=typeof matchMedia=="function"&&matchMedia("(prefers-reduced-motion)").matches,le;function we(ke,Ge,fe){for(var ve=y(ke,"particleCount",g),Re=y(ke,"angle",Number),Je=y(ke,"spread",Number),He=y(ke,"startVelocity",Number),Va=y(ke,"decay",Number),U=y(ke,"gravity",Number),oe=y(ke,"drift",Number),pe=y(ke,"colors",A),_e=y(ke,"ticks",Number),H=y(ke,"shapes"),J=y(ke,"scalar"),me=!!y(ke,"flat"),Ae=_(ke),Oe=ve,da=[],De=P.width*Ae.x,Ee=P.height*Ae.y;Oe--;)da.push(B({x:De,y:Ee,angle:Re,spread:Je,startVelocity:He,color:pe[Oe%pe.length],shape:H[h(0,H.length)],ticks:_e,decay:Va,gravity:U,drift:oe,scalar:J,flat:me}));return le?le.addFettis(da):(le=E(P,da,V,Ge,fe),le.promise)}function be(ke){var Ge=Y||y(ke,"disableForReducedMotion",Boolean),fe=y(ke,"zIndex",Number);if(Ge&&ue)return u(function(He){He()});Q&&le?P=le.canvas:Q&&!P&&(P=D(fe),document.body.appendChild(P)),x&&!ie&&V(P);var ve={width:P.width,height:P.height};q&&!ie&&q.init(P),ie=!0,q&&(P.__confetti_initialized=!0);function Re(){if(q){var He={getBoundingClientRect:function(){if(!Q)return P.getBoundingClientRect()}};V(He),q.postMessage({resize:{width:He.width,height:He.height}});return}ve.width=ve.height=null}function Je(){le=null,x&&(ae=!1,a.removeEventListener("resize",Re)),Q&&P&&(document.body.contains(P)&&document.body.removeChild(P),P=null,ie=!1)}return x&&!ae&&(ae=!0,a.addEventListener("resize",Re,!1)),q?q.fire(ke,ve,Je):we(ke,ve,Je)}return be.reset=function(){q&&q.reset(),le&&le.reset()},be}var M;function C(){return M||(M=F(null,{useWorker:!0,resize:!0})),M}function N(P,R,Q,x,ae,Y,re){var q=new Path2D(P),V=new Path2D;V.addPath(q,new DOMMatrix(R));var ie=new Path2D;return ie.addPath(V,new DOMMatrix([Math.cos(re)*ae,Math.sin(re)*ae,-Math.sin(re)*Y,Math.cos(re)*Y,Q,x])),ie}function O(P){if(!r)throw new Error("path confetti are not supported in this browser");var R,Q;typeof P=="string"?R=P:(R=P.path,Q=P.matrix);var x=new Path2D(R),ae=document.createElement("canvas"),Y=ae.getContext("2d");if(!Q){for(var re=1e3,q=re,V=re,ie=0,ue=0,le,we,be=0;be<re;be+=2)for(var ke=0;ke<re;ke+=2)Y.isPointInPath(x,be,ke,"nonzero")&&(q=Math.min(q,be),V=Math.min(V,ke),ie=Math.max(ie,be),ue=Math.max(ue,ke));le=ie-q,we=ue-V;var Ge=10,fe=Math.min(Ge/le,Ge/we);Q=[fe,0,0,fe,-Math.round(le/2+q)*fe,-Math.round(we/2+V)*fe]}return{type:"path",path:R,matrix:Q}}function ee(P){var R,Q=1,x="#000000",ae='"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", "EmojiOne Color", "Android Emoji", "Twemoji Mozilla", "system emoji", sans-serif';typeof P=="string"?R=P:(R=P.text,Q="scalar"in P?P.scalar:Q,ae="fontFamily"in P?P.fontFamily:ae,x="color"in P?P.color:x);var Y=10*Q,re=""+Y+"px "+ae,q=new OffscreenCanvas(Y,Y),V=q.getContext("2d");V.font=re;var ie=V.measureText(R),ue=Math.ceil(ie.actualBoundingBoxRight+ie.actualBoundingBoxLeft),le=Math.ceil(ie.actualBoundingBoxAscent+ie.actualBoundingBoxDescent),we=2,be=ie.actualBoundingBoxLeft+we,ke=ie.actualBoundingBoxAscent+we;ue+=we+we,le+=we+we,q=new OffscreenCanvas(ue,le),V=q.getContext("2d"),V.font=re,V.fillStyle=x,V.fillText(R,be,ke);var Ge=1/Q;return{type:"bitmap",bitmap:q.transferToImageBitmap(),matrix:[Ge,0,0,Ge,-ue*Ge/2,-le*Ge/2]}}t.exports=function(){return C().apply(this,arguments)},t.exports.reset=function(){C().reset()},t.exports.create=F,t.exports.shapeFromPath=O,t.exports.shapeFromText=ee})(function(){return typeof window<"u"?window:typeof self<"u"?self:this||{}}(),$B,!1);var Bde=$B.exports,Ott=$B.exports.create;function tVe(e={}){return(t={})=>{Bde({particleCount:450,startVelocity:70,spread:150,origin:{y:.5,x:.5},...e,...t})}}var Ode=tVe;var __=j(te()),JB=async(e,a)=>await fetch(`${Wde}/api/conversations/${e}`,{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({status:a})}),oVe=({sx:e})=>{let{conversationId:a,conversationStatus:t,refreshConversation:o}=(0,_C.useContext)(gl),[i,n]=(0,_C.useState)(!1),{t:r}=ot("chatbubble",{i18n:dt}),s=Ode({zIndex:1e10}),l=async()=>{let p=t==="RESOLVED";try{n(!0);let m=p?"UNRESOLVED":"RESOLVED",c=await JB(a,m);await o(),c.ok&&m==="RESOLVED"&&s()}finally{n(!1)}},u=t==="RESOLVED",d=u?"actions.mark_as_unresolved":"actions.resolve";return(0,__.jsx)(yt,{size:"sm",variant:"outlined",color:u?"danger":"success",startDecorator:i?(0,__.jsx)(en,{}):u?(0,__.jsx)(Zde.default,{}):(0,__.jsx)(qde.default,{}),sx:{whiteSpace:"nowrap",...e},onClick:l,"aria-label":r(d),children:r(d)})},Ude=oVe;var XB=j(te());function iVe({}){let{conversationId:e,conversationStatus:a,refreshConversation:t}=(0,Hde.useContext)(gl),{t:o}=ot("chatbubble",{i18n:dt}),[i,n]=vr({isHumanRequestLoading:!1}),r=l=>({HUMAN_REQUESTED:"warning",RESOLVED:"neutral",UNRESOLVED:"neutral"})[l]||"neutral",s=l=>{switch(l){case"HUMAN_REQUESTED":return o("actions.request");case"RESOLVED":case"UNRESOLVED":default:return o("actions.request")}};return(0,XB.jsx)(yt,{size:"sm",variant:"outlined",disabled:a==="HUMAN_REQUESTED",loading:i.isHumanRequestLoading,sx:{whiteSpace:"nowrap"},color:r(a),startDecorator:(0,XB.jsx)(Vde.default,{}),onClick:async()=>{try{n({isHumanRequestLoading:!0}),await JB(e,"HUMAN_REQUESTED"),await t()}finally{n({isHumanRequestLoading:!1})}},"aria-label":s(a),children:s(a)})}var Kde=iVe;var xr=j(te());function nVe({withHumanRequested:e,withMarkAsResolved:a,userActions:t=[]}){let{conversationId:o,conversationStatus:i,createNewConversation:n,refreshConversation:r}=(0,Yde.useContext)(gl);return t.length>0||a||e?(0,xr.jsx)(xr.Fragment,{children:(0,xr.jsxs)(Se,{direction:"row",sx:{justifyContent:"center",flexWrap:"wrap",mx:"auto",gap:1},children:[o&&i&&(0,xr.jsxs)(xr.Fragment,{children:[a&&(0,xr.jsx)(Ude,{}),e&&(0,xr.jsx)(Kde,{})]}),t.map((l,u)=>(0,xr.jsx)("a",{href:l?.url,target:"_blank",children:(0,xr.jsx)(yt,{size:"sm",variant:"outlined",color:"neutral",children:l.label})},u))]})}):null}var Qde=nVe;var hb=j(te()),$de="https://app.zappway.ai/images/chatbubble-default-icon-sm.gif",Jde={theme:"light",primaryColor:"#000000",isBgTransparent:!1},sVe="https://app.zappway.ai";function lVe(e){let{agentId:a,initConfig:t,onAgentLoaded:o,contact:i,context:n,isOpen:r,layout:s,className:l,styles:u,children:d}=e,p=typeof window<"u",[m,c]=Wo.default.useState(a),[b,f]=Wo.default.useState(),[y,g]=Wo.default.useState(t||Jde),[h,k]=Wo.default.useState(!1),{query:A}=lC({id:m}),T=hde({endpoint:`${sVe}/api/agents/${m}/query`,channel:"website",agentId:m,localStorageConversationIdKey:`iFrameConversationId-${m}`,contact:i,context:n}),{history:_,isLoadingConversation:I,hasMoreMessages:w,handleAbort:D,conversationAttachments:z,handleChatSubmit:B,handleLoadMoreMessages:G,handleEvalAnswer:E}=T;(0,Wo.useEffect)(()=>{t&&g(t)},[t]);let F=b?.organization?.subscriptions?.[0],C=!!F&&[ca.SubscriptionPlan.level_2,ca.SubscriptionPlan.level_3].includes(F?.plan)&&!!y?.isBrandingDisabled;(0,Wo.useEffect)(()=>{if(!(!p||m))try{let le=window?.location?.href?.match?.(/agents\/([a-zA-Z0-9]+)/)?.[1];le&&c(le)}catch(le){console.error(le)}},[p,m]),(0,Wo.useEffect)(()=>{A.data&&(f(A.data),o?.(A.data),g({...Jde,...A?.data?.interfaceConfig,...t}))},[A.data,o,t]);let{isStreaming:N,visitorId:O,conversationId:ee,visitorEmail:P,refreshConversation:R}=T,Q=(0,Wo.useMemo)(()=>b?.tools?.find(le=>le?.type==="lead_capture")?.config??{},[b]),x=(0,Wo.useMemo)(()=>!!b?.tools?.find(le=>le?.type==="mark_as_resolved"),[b]),ae=(0,Wo.useMemo)(()=>!!b?.tools?.find(le=>le?.type==="request_human"),[b]),Y=!!P||!!h||!!i?.email||!!i?.phoneNumber,re=!!Q?.isRequired&&!Y,q=(0,Wo.useMemo)(()=>(0,hb.jsx)(KB,{agentId:m,visitorId:O,conversationId:ee,visitorEmail:P,isEmailEnabled:!0,isRequired:!1,onSubmitSucess:async()=>{R(),k(!0)},...Q}),[m,O,ee,P,R,Q]),V=(0,Wo.useMemo)(()=>{let le=[];t?.initialMessages?.length?le=t.initialMessages:le=y?.initialMessages||[];let we=le.map(be=>be?.trim?.()).filter(be=>!!be).map(be=>({from:"agent",message:be.trim(),approvals:[]}));return re&&we.push({id:"lead-form",from:"agent",component:q,disableActions:!0}),we},[t?.initialMessages,y?.initialMessages,re,q]),ie=(0,Wo.useMemo)(()=>{let le={id:"lead-form",from:"agent",component:q,disableActions:!0};return _.reduce((we,be,ke)=>{let Ge=_?.length>=2&&ke===1&&!(_?.length===2&&N);return[...we,be,...Q&&!Q?.isRequired&&!Y&&Ge?[le]:[]]},[])},[q,_,Q,Y,N]);(0,Wo.useEffect)(()=>{if(!p)return;let le=()=>{T.createNewConversation()};return document.addEventListener("CREATE_NEW_CONVERSATION",le),()=>{document.removeEventListener("CREATE_NEW_CONVERSATION",le)}},[p,T.createNewConversation]);let ue=Wo.default.isValidElement(d);return(0,hb.jsx)(XM,{i18n:dt,children:(0,hb.jsx)(gl.Provider,{value:{...T,history:ie},children:ue?d:(0,hb.jsx)(sC,{isLoadingAgent:!b,agentId:m,agentIconUrl:b?.iconUrl||$de,layout:s,interfaceConfig:y,layoutClassName:l,containerSxProps:u,chatBoxProps:{isOpen:r,messages:ie,onSubmit:B,messageTemplates:y.messageTemplates,initialMessage:y.initialMessage,initialMessages:V,agentIconUrl:b?.iconUrl||$de,agentIconStyle:t?.iconStyle,isLoadingConversation:I,hasMoreMessages:w,handleLoadMoreMessages:G,handleEvalAnswer:E,handleAbort:D,withSources:!!b?.includeSources,isAiEnabled:T.isAiEnabled,disableWatermark:C,isStreaming:N,readOnly:Q?.isRequired&&!Y,hideInternalSources:!0,withFileUpload:!0,conversationAttachments:z,actions:(0,hb.jsx)(Qde,{withHumanRequested:ae,withMarkAsResolved:x})}})})})}var AC=lVe;zb();ng();var kb=j($()),ope=j(epe());var aO={50:"#E0FFF9",100:"#1AFF9C",200:"#80FFD2",300:"#4CFFB8",400:"#1AFF9C",500:"#00E683",600:"#00B36B",700:"#008A56",800:"#006640",900:"#00331F",main:"#00E683",background:"#121212",light:"#4CFFB8",dark:"#008A56",contrastText:"#FFFFFF",hover:"#1AFF9C",focus:"#C69EFF",disabled:"#006640",formBorder:"#008A56",inputBorder:"#00B36B",paper:"#1E1E1E",tabsBg:"#1E1E1E",formBg:"#1D0A42",textContrastDark:"#FFFFFF"};var ape=(e="zappway")=>({modeStorageKey:e,colorSchemeStorageKey:`${e}-color-scheme`,attribute:`data-${e}`}),tpe=(e={})=>gg({cssVarPrefix:e.prefix,fontFamily:{body:"Inter, sans-serif",display:"Poppins, sans-serif"},typography:{display1:{background:"linear-gradient(-30deg, var(--joy-palette-primary-900), var(--joy-palette-primary-400))",WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent",fontSize:"57px",lineHeight:"64px",letterSpacing:"-0.25px"},kbd:{background:"linear-gradient(to top, var(--joy-palette-background-level2), var(--joy-palette-background-surface))",border:"1px solid var(--joy-palette-neutral-outlinedBorder)",borderRadius:"var(--joy-radius-xs)",boxShadow:"var(--joy-shadow-sm)",padding:"0.125em 0.375em"}},fontSize:{xl7:"4.5rem",xl6:"3.75rem",xl5:"3rem",xs2:"0.625rem",xs3:"0.5rem"},fontWeight:{xs:200,xl2:800,xl3:900},components:{JoySelect:{defaultProps:{slotProps:{listbox:{container:e.container}}},styleOverrides:{root:a=>({borderRadius:a.theme.radius.sm})}},JoyModal:{defaultProps:{container:e.container}},JoyCard:{styleOverrides:{root:a=>({borderRadius:a.theme.radius.sm})}},JoyInput:{styleOverrides:{root:a=>({borderRadius:a.theme.radius.sm})}},JoyTextarea:{styleOverrides:{root:a=>({borderRadius:a.theme.radius.sm})}},JoyButton:{styleOverrides:{root:a=>({borderRadius:a.theme.radius.sm})}},JoyIconButton:{styleOverrides:{root:a=>({borderRadius:a.theme.radius.sm})}}},colorSchemes:{dark:{palette:{primary:aO}},light:{palette:{primary:aO,neutral:{solidBg:"#000"}}}}});var bb=j(te()),uVe={"phone-number":"phoneNumber","user-id":"userId","first-name":"firstName","last-name":"lastName",email:"email"},ipe="zappway-embeds",dVe=ape(ipe),pVe="https://cdn.jsdelivr.net/npm/@zappway/embeds@latest",mVe=({name:e,widget:a,type:t})=>class extends HTMLElement{constructor(n){super();this.cssProvider=pVe+`/dist/${t}/index.css`;this.Component=n=>{let[r,s]=(0,kb.useState)(n.isOpen??!1);this.setIsOpen=s,this.isOpen=r;let l=Object.entries(uVe).reduce((p,[m,c])=>{let b=this.getAttribute(m);return b&&(p[c]=b),p},{}),u=this.getAttribute("context"),d={};try{d=JSON.parse(this.getAttribute("interface"))}catch{}return(0,bb.jsx)(kb.StrictMode,{children:(0,bb.jsx)(Gb,{value:this.cache,children:(0,bb.jsx)(oM,{theme:tpe({container:this.shadowRootElement,prefix:ipe}),defaultMode:"dark",colorSchemeNode:this.shadowRootElement,...dVe,children:(0,bb.jsx)(qM,{sx:{background:"transparent"},children:kb.default.createElement(a,{...n,isOpen:r,onEnd:this.onEnd,initConfig:d,context:u,agentId:this.getAttribute("agent-id")||"",formId:this.getAttribute("form-id")||"",contact:l,styles:this.getAttribute("styles")?JSON.parse(this.getAttribute("styles")):{},onAgentLoaded:p=>{let m=p?.interfaceConfig?.customCSS;if(m){let c=document.createElement("style");c.innerHTML=m,this.shadowRootElement.appendChild(c)}}})})})})})};this.instanceId=n?.instanceId,this.onEnd=n?.onEnd;let r=this.attachShadow({mode:"open"}),s=document.createElement("link");s.setAttribute("rel","stylesheet"),s.setAttribute("type","text/css"),s.setAttribute("href","https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&family=Inter:wght@100..900&display=swap");let l=document.createElement("link");l.setAttribute("rel","stylesheet"),l.setAttribute("type","text/css"),l.setAttribute("href",this.cssProvider),this.shadowRootElement=document.createElement("div"),r.appendChild(s),r.appendChild(l),r.appendChild(this.shadowRootElement),this.cache=ag({key:e,prepend:!0,container:this.shadowRootElement}),this.root=(0,ope.createRoot)(this.shadowRootElement)}destroy(){this.innerHTML="",this.instanceId&&(window[this.instanceId]=null)}open(){this.setIsOpen?.(!0)}close(){this.setIsOpen?.(!1)}toggle(){this.setIsOpen?.(!this.isOpen)}createNewConversation(){this.dispatchEvent(new Event("CREATE_NEW_CONVERSATION",{bubbles:!0,composed:!0}))}connectedCallback(){this.root.render((0,bb.jsx)(this.Component,{isOpen:this.isOpen,onEnd:this.onEnd}))}},TC=mVe;var lpe=j(te()),npe="zappway-chatbox-bubble",rpe=TC({type:"chatbox",widget:e=>(0,lpe.jsx)(AC,{...e,className:Xr("zappway-widget",e.className),children:Nde}),name:npe});customElements.define(npe,rpe);var spe=rpe;var cVe=async e=>{if(typeof window<"u"&&!window?.ChatboxBubble){let a=document?.currentScript?.src,t=document?.currentScript?.id,o=e.agentId||t;!o&&a&&(o=new URL(a).searchParams.get("agentId")||t||e.agentId),x_(e);let i=new spe({instanceId:"ChatBoxBubble"});S_({element:i,...e}),window.ChatboxBubble=i,document.body.appendChild(i)}return window?.ChatboxBubble},upe=cVe;var dpe=j($());var yb=j(te());function gVe(e){let{t:a}=ot("_Chatbox_NewChatButton",{i18n:dt}),{createNewConversation:t,history:o}=(0,dpe.useContext)(gl);return o.length<2?null:(0,yb.jsx)(vd,{title:a("new_chat"),variant:"solid",placement:"bottom",arrow:!0,disablePortal:!0,sx:i=>({zIndex:1e10,borderRadius:i.radius.md}),children:(0,yb.jsx)(Ya,{onClick:()=>t(),color:"neutral",variant:"plain",size:"sm",...e,children:(0,yb.jsx)(mf,{sx:{fontSize:"1rem"},children:(0,yb.jsx)("svg",{viewBox:"0 0 24 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",children:(0,yb.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16.7929 2.79289C18.0118 1.57394 19.9882 1.57394 21.2071 2.79289C22.4261 4.01184 22.4261 5.98815 21.2071 7.20711L12.7071 15.7071C12.5196 15.8946 12.2652 16 12 16H9C8.44772 16 8 15.5523 8 15V12C8 11.7348 8.10536 11.4804 8.29289 11.2929L16.7929 2.79289ZM19.7929 4.20711C19.355 3.7692 18.645 3.7692 18.2071 4.2071L10 12.4142V14H11.5858L19.7929 5.79289C20.2308 5.35499 20.2308 4.64501 19.7929 4.20711ZM6 5C5.44772 5 5 5.44771 5 6V18C5 18.5523 5.44772 19 6 19H18C18.5523 19 19 18.5523 19 18V14C19 13.4477 19.4477 13 20 13C20.5523 13 21 13.4477 21 14V18C21 19.6569 19.6569 21 18 21H6C4.34315 21 3 19.6569 3 18V6C3 4.34314 4.34315 3 6 3H10C10.5523 3 11 3.44771 11 4C11 4.55228 10.5523 5 10 5H6Z"})})})})})}var ppe=gVe;var wu=j(te()),fVe="https://app.zappway.ai/images/chatbubble-default-icon-sm.gif",hVe=e=>{let{query:a}=lC({id:e.agentId});return(0,wu.jsxs)(st,{className:Xr(e.className),sx:{position:"relative",px:2,pt:8,pb:2,width:"100%",height:"100%",backdropFilter:"blur(10px)",background:`linear-gradient(
|
|
2935
2935
|
to bottom,
|
|
2936
2936
|
rgba(255, 255, 255, 0.3),
|
package/dist/chatbox/legacy.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
document.addEventListener("DOMContentLoaded",()=>{try{let e=document.querySelector('script[data-name="zappway-chatbox-bubble"]');if(!e?.id){console.warn("[ZAPPWAY]: missing Agent ID");return}let t=document.createElement("script");t.type="module",t.innerHTML=`
|
|
2
|
-
import Chatbox from 'https://cdn.jsdelivr.net/npm/@zappway/embeds@
|
|
2
|
+
import Chatbox from 'https://cdn.jsdelivr.net/npm/@zappway/embeds@latest/dist/chatbox/index.js';
|
|
3
3
|
|
|
4
4
|
Chatbox.initBubble({
|
|
5
5
|
agentId: '${e?.id}',
|