@zappway/embeds 1.0.11 → 1.0.12

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.
@@ -3200,7 +3200,7 @@ See: https://github.com/francoischalifour/medium-zoom`)}},kMe=function(a){var t=
3200
3200
  `,JS=HNe;var nr=G(ie()),YNe=cI.join(",");function ZN({changeCallback:e,placeholder:a,variant:t="plain"}){let i=(0,hie.useTranslations)("_FileUploaderDropZone"),[n,o]=(0,Hr.useState)(void 0),[r,s]=(0,Hr.useState)(!1),u=(0,Hr.useRef)(null),[d,p]=(0,Hr.useState)([]),m=(0,Hr.useCallback)(async b=>{o(!0);let _=1e7,v=Array.from(b).filter(k=>!d.find(T=>T.name===k.name));if(v.find(k=>k.size>_))return u.current&&(u.current.value=""),alert(i("file_size_limit"));await e(v),p([...d,...v]),o(!1)},[e,d,i]),c=(0,Hr.useCallback)(b=>{b.preventDefault(),s(!0)},[]),h=(0,Hr.useCallback)(b=>{b.preventDefault(),s(!1)},[]),f=(0,Hr.useCallback)(b=>{b.preventDefault(),s(!1),b.dataTransfer.files&&b.dataTransfer.files.length>0&&(m(b.dataTransfer.files),b.dataTransfer.clearData())},[m]);return(0,nr.jsxs)(Ce,{gap:1,children:[(0,nr.jsx)(Dn,{component:"div",sx:{maxHeight:"100%",borderStyle:"dashed"},onDragOver:c,onDragLeave:h,onDrop:f,color:r?"primary":"neutral",variant:"outlined",children:(0,nr.jsxs)(Ce,{sx:{justifyContent:"center",alignItems:"center"},gap:1,children:[(0,nr.jsx)(ST,{sx:{opacity:.5,fontSize:32}}),(0,nr.jsxs)(fa,{component:"label",level:"body-sm",color:"neutral",children:[i("drop_items_here_or")," ",(0,nr.jsxs)(fa,{component:"label",color:"primary",sx:{cursor:"pointer"},level:"body-sm",fontWeight:"bold",children:[i("browse_files"),(0,nr.jsx)(JS,{ref:u,accept:YNe,type:"file",multiple:!0,onChange:b=>{m(b.target.files)}})]})]})]})}),(0,nr.jsx)(Ce,{direction:"row",sx:{flexWrap:"wrap"},gap:1,children:d.map((b,_)=>(0,nr.jsx)(un,{size:"sm",variant:"soft",color:"primary",endDecorator:(0,nr.jsx)(Pk,{disabled:n,onDelete:async()=>{let v=d.filter((y,k)=>k!==_);p(v),await e(v)}}),children:b.name},b.name))})]})}l();l();l();var ON=(e,a,t=null)=>{let i=a.split(/[\.\[\]]/g),n=e;for(let o of i){if(n===null||n===void 0)return t;o.trim()!==""&&(n=n[o])}return n===void 0?t:n};var bie=G(Y());var fb=G(ie()),$Ne=(0,bie.forwardRef)((e,a)=>{let{errors:t}=vU({control:e.control}),i=ON(t,`${e?.name}.message`),{label:n,helperText:o,...r}=e,s=i||o;return(0,fb.jsxs)(yl,{...e.formControlProps,error:!!i,children:[!e.hidden&&n&&(0,fb.jsx)(_D,{sx:{...e.disabled?{color:"text.disabled"}:{}},children:n}),(0,fb.jsx)(fD,{ref:a,variant:"outlined",...r,error:!!i}),s&&(0,fb.jsx)(_l,{children:s})]})}),xd=$Ne;l();l();var fie=G(ie()),kie=Ke((0,fie.jsx)("path",{d:"M15.88 9.29 12 13.17 8.12 9.29a.996.996 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0l4.59-4.59c.39-.39.39-1.02 0-1.41-.39-.38-1.03-.39-1.42 0"}),"ExpandMoreRounded");var Cd=G(Y());l();var Ao=G(Y(),1),Kr=G(Y(),1),ej=G(Y(),1),UN=G(Y(),1),VN=G(Y(),1),dt=G(Y(),1),Aie=G(Y(),1),Vl=G(Y(),1),Hl=[["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],["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\xF4te d'Ivoire","ci","225",".. .. .. .. .."],["Croatia","hr","385"],["Cuba","cu","53"],["Cura\xE7ao","cw","599","",0],["Cyprus","cy","357",".. ......"],["Czech Republic","cz","420","... ... ..."],["Denmark","dk","45",".. .. .. .."],["Djibouti","dj","253"],["Dominica","dm","1767"],["Dominican Republic","do","1","",2],["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"],["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"],["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",".. ........"],["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\xE9union","re","262"],["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\xE3o Tom\xE9 and Pr\xEDncipe","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"]],QNe="react-international-phone-",yie=(...e)=>e.filter(a=>!!a).join(" ").trim(),JNe=(...e)=>yie(...e).split(" ").map(a=>`${QNe}${a}`).join(" "),$i=({addPrefix:e,rawClassNames:a})=>yie(JNe(...e),...a),XNe=({value:e,mask:a,maskSymbol:t,offset:i=0,trimNonMaskCharsLeftover:n=!1})=>{if(e.length<i)return e;let o=e.slice(0,i),r=e.slice(i),s=o,u=0;for(let d of a.split("")){if(u>=r.length){if(!n&&d!==t){s+=d;continue}break}d===t?(s+=r[u],u+=1):s+=d}return s},kb=e=>e?/^\d+$/.test(e):!1,aj=e=>e.replace(/\D/g,""),eWe=(e,a)=>{let t=e.style.display;t!=="block"&&(e.style.display="block");let i=e.getBoundingClientRect(),n=a.getBoundingClientRect(),o=n.top-i.top,r=i.bottom-n.bottom;o>=0&&r>=0||(Math.abs(o)<Math.abs(r)?e.scrollTop+=o:e.scrollTop-=r),e.style.display=t};var aWe=(e,a)=>{let t=a.disableDialCodeAndPrefix?!1:a.forceDialCode,i=a.disableDialCodeAndPrefix?!1:a.insertDialCodeOnEmpty,n=e,o=d=>a.trimNonDigitsEnd?d.trim():d;if(!n)return i&&!n.length||t?o(`${a.prefix}${a.dialCode}${a.charAfterDialCode}`):o(n);if(n=aj(n),n===a.dialCode&&!a.disableDialCodeAndPrefix)return o(`${a.prefix}${a.dialCode}${a.charAfterDialCode}`);if(a.dialCode.startsWith(n)&&!a.disableDialCodeAndPrefix)return o(t?`${a.prefix}${a.dialCode}${a.charAfterDialCode}`:`${a.prefix}${n}`);if(!n.startsWith(a.dialCode)&&!a.disableDialCodeAndPrefix){if(t)return o(`${a.prefix}${a.dialCode}${a.charAfterDialCode}`);if(n.length<a.dialCode.length)return o(`${a.prefix}${n}`)}let r=()=>{let d=a.dialCode.length,p=n.slice(0,d),m=n.slice(d);return{phoneLeftSide:p,phoneRightSide:m}},{phoneLeftSide:s,phoneRightSide:u}=r();return s=`${a.prefix}${s}${a.charAfterDialCode}`,u=XNe({value:u,mask:a.mask,maskSymbol:a.maskChar,trimNonMaskCharsLeftover:a.trimNonDigitsEnd||a.disableDialCodeAndPrefix&&u.length===0}),a.disableDialCodeAndPrefix&&(s=""),o(`${s}${u}`)},tWe=({phoneBeforeInput:e,phoneAfterInput:a,phoneAfterFormatted:t,cursorPositionAfterInput:i,leftOffset:n=0,deletion:o})=>{if(i<n)return n;if(!e)return t.length;let r=null;for(let p=i-1;p>=0;p-=1)if(kb(a[p])){r=p;break}if(r===null){for(let p=0;p<a.length;p+=1)if(kb(t[p]))return p;return a.length}let s=0;for(let p=0;p<r;p+=1)kb(a[p])&&(s+=1);let u=0,d=0;for(let p=0;p<t.length&&(u+=1,kb(t[p])&&(d+=1),!(d>=s+1));p+=1);if(o!=="backward")for(;!kb(t[u])&&u<t.length;)u+=1;return u},XS=({phone:e,prefix:a})=>e?`${a}${aj(e)}`:"";function qN({value:e,country:a,insertDialCodeOnEmpty:t,trimNonDigitsEnd:i,countries:n,prefix:o,charAfterDialCode:r,forceDialCode:s,disableDialCodeAndPrefix:u,defaultMask:d,countryGuessingEnabled:p,disableFormatting:m}){let c=e;u&&(c=c.startsWith(`${o}`)?c:`${o}${a.dialCode}${c}`);let h=p?pWe({phone:c,countries:n,currentCountryIso2:a?.iso2}):void 0,f=h?.country??a,b=aWe(c,{prefix:o,mask:uWe({phone:c,country:f,defaultMask:d,disableFormatting:m}),maskChar:_ie,dialCode:f.dialCode,trimNonDigitsEnd:i,charAfterDialCode:r,forceDialCode:s,insertDialCodeOnEmpty:t,disableDialCodeAndPrefix:u}),_=p&&!h?.fullDialCodeMatch?a:f;return{phone:XS({phone:u?`${_.dialCode}${b}`:b,prefix:o}),inputValue:b,country:_}}var iWe=e=>{if(e?.toLocaleLowerCase().includes("delete")??!1)return e?.toLocaleLowerCase().includes("forward")?"forward":"backward"},nWe=(e,{country:a,insertDialCodeOnEmpty:t,phoneBeforeInput:i,prefix:n,charAfterDialCode:o,forceDialCode:r,disableDialCodeAndPrefix:s,countryGuessingEnabled:u,defaultMask:d,disableFormatting:p,countries:m})=>{let c=e.nativeEvent,h=c.inputType,f=iWe(h),b=!!h?.startsWith("insertFrom"),_=h==="insertText",v=c?.data||void 0,y=e.target.value,k=e.target.selectionStart??0;if(h?.includes("history"))return{inputValue:i,phone:XS({phone:i,prefix:n}),cursorPosition:i.length,country:a};if(_&&!kb(v)&&y!==n)return{inputValue:i,phone:XS({phone:s?`${a.dialCode}${i}`:i,prefix:n}),cursorPosition:k-(v?.length??0),country:a};if(r&&!y.startsWith(`${n}${a.dialCode}`)&&!b){let z=y?i:`${n}${a.dialCode}${o}`;return{inputValue:z,phone:XS({phone:z,prefix:n}),cursorPosition:n.length+a.dialCode.length+o.length,country:a}}let{phone:T,inputValue:w,country:P}=qN({value:y,country:a,trimNonDigitsEnd:f==="backward",insertDialCodeOnEmpty:t,countryGuessingEnabled:u,countries:m,prefix:n,charAfterDialCode:o,forceDialCode:r,disableDialCodeAndPrefix:s,disableFormatting:p,defaultMask:d}),S=tWe({cursorPositionAfterInput:k,phoneBeforeInput:i,phoneAfterInput:y,phoneAfterFormatted:w,leftOffset:r?n.length+a.dialCode.length+o.length:0,deletion:f});return{phone:T,inputValue:w,cursorPosition:S,country:P}},oWe=(e,a)=>{let t=Object.keys(e),i=Object.keys(a);if(t.length!==i.length)return!1;for(let n of t)if(e[n]!==a[n])return!1;return!0},rWe=()=>{let e=(0,UN.useRef)(),a=(0,UN.useRef)(Date.now());return{check:()=>{let t=Date.now(),i=e.current?t-a.current:void 0;return e.current=a.current,a.current=t,i}}},sWe={size:20,overrideLastItemDebounceMS:-1};function lWe(e,a){let{size:t,overrideLastItemDebounceMS:i,onChange:n}={...sWe,...a},[o,r]=(0,ej.useState)(e),[s,u]=(0,ej.useState)([o]),[d,p]=(0,ej.useState)(0),m=rWe();return[o,(c,h)=>{if(typeof c=="object"&&typeof o=="object"&&oWe(c,o)||c===o)return;let f=i>0,b=m.check(),_=f&&b!==void 0?b>i:!0;if(h?.overrideLastItem!==void 0?h.overrideLastItem:!_)u(v=>[...v.slice(0,d),c]);else{let v=s.length>=t;u(y=>[...y.slice(v?1:0,d+1),c]),v||p(y=>y+1)}r(c),n?.(c)},()=>{if(d<=0)return{success:!1};let c=s[d-1];return r(c),p(h=>h-1),n?.(c),{success:!0,value:c}},()=>{if(d+1>=s.length)return{success:!1};let c=s[d+1];return r(c),p(h=>h+1),n?.(c),{success:!0,value:c}}]}var _ie=".",or={defaultCountry:"us",value:"",prefix:"+",defaultMask:"............",charAfterDialCode:" ",historySaveDebounceMS:200,disableCountryGuess:!1,disableDialCodePrefill:!1,forceDialCode:!1,disableDialCodeAndPrefix:!1,disableFormatting:!1,countries:Hl,preferredCountries:[]},HN=({defaultCountry:e=or.defaultCountry,value:a=or.value,countries:t=or.countries,prefix:i=or.prefix,defaultMask:n=or.defaultMask,charAfterDialCode:o=or.charAfterDialCode,historySaveDebounceMS:r=or.historySaveDebounceMS,disableCountryGuess:s=or.disableCountryGuess,disableDialCodePrefill:u=or.disableDialCodePrefill,forceDialCode:d=or.forceDialCode,disableDialCodeAndPrefix:p=or.disableDialCodeAndPrefix,disableFormatting:m=or.disableFormatting,onChange:c,inputRef:h})=>{let f={countries:t,prefix:i,charAfterDialCode:o,forceDialCode:p?!1:d,disableDialCodeAndPrefix:p,defaultMask:n,countryGuessingEnabled:!s,disableFormatting:m},b=(0,Kr.useRef)(null),_=h||b,v=W=>{Promise.resolve().then(()=>{typeof window>"u"||_.current!==document?.activeElement||_.current?.setSelectionRange(W,W)})},[{phone:y,inputValue:k,country:T},w,P,S]=lWe(()=>{let W=vb({value:e,field:"iso2",countries:t});W||console.error(`[react-international-phone]: can not find a country with "${e}" iso2 code`);let L=W||vb({value:"us",field:"iso2",countries:t}),{phone:j,inputValue:O,country:F}=qN({value:a,country:L,insertDialCodeOnEmpty:!u,...f});return v(O.length),{phone:j,inputValue:O,country:F.iso2}},{overrideLastItemDebounceMS:r,onChange:({inputValue:W,phone:L,country:j})=>{if(!c)return;let O=z(j);c({phone:L,inputValue:W,country:O})}}),z=(0,Kr.useCallback)(W=>vb({value:W,field:"iso2",countries:t}),[t]),M=(0,Kr.useMemo)(()=>z(T),[T,z]);(0,Kr.useEffect)(()=>{let W=_.current;if(!W)return;let L=j=>{if(!j.key)return;let O=j.ctrlKey,F=j.shiftKey,N=j.key.toLowerCase()==="z";!O||!N||(F?S():P())};return W.addEventListener("keydown",L),()=>{W.removeEventListener("keydown",L)}},[_,P,S]);let I=W=>{W.preventDefault();let{phone:L,inputValue:j,country:O,cursorPosition:F}=nWe(W,{country:M,phoneBeforeInput:k,insertDialCodeOnEmpty:!1,...f});return w({inputValue:j,phone:L,country:O.iso2}),v(F),a},q=(W,L={focusOnInput:!1})=>{let j=vb({value:W,field:"iso2",countries:t});if(!j){console.error(`[react-international-phone]: can not find a country with "${W}" iso2 code`);return}let O=p?"":`${i}${j.dialCode}${o}`;w({inputValue:O,phone:`${i}${j.dialCode}`,country:j.iso2}),L.focusOnInput&&Promise.resolve().then(()=>{_.current?.focus()})},[D,x]=(0,Kr.useState)(!1);return(0,Kr.useEffect)(()=>{if(!D){x(!0),a!==y&&c?.({inputValue:k,phone:y,country:M});return}if(a===y)return;let{phone:W,inputValue:L,country:j}=qN({value:a,country:M,insertDialCodeOnEmpty:!u,...f});w({phone:W,inputValue:L,country:j.iso2})},[a]),{phone:y,inputValue:k,country:M,setCountry:q,handlePhoneValueChange:I,inputRef:_}},uWe=({phone:e,country:a,defaultMask:t="............",disableFormatting:i=!1})=>{let n=a.format,o=s=>i?s.replace(new RegExp(`[^${_ie}]`,"g"),""):s;if(!n)return o(t);if(typeof n=="string")return o(n);if(!n.default)return console.error(`[react-international-phone]: default mask for ${a.iso2} is not provided`),o(t);let r=Object.keys(n).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 u=new RegExp(s.substring(1,s.length-1)),d=e.replace(a.dialCode,"");return u.test(aj(d))});return o(r?n[r]:n.default)},rr=e=>{let[a,t,i,n,o,r]=e;return{name:a,iso2:t,dialCode:i,format:n,priority:o,areaCodes:r}},dWe=e=>`Field "${e}" is not supported`,vb=({field:e,value:a,countries:t=Hl})=>{if(["priority"].includes(e))throw new Error(dWe(e));let i=t.find(n=>{let o=rr(n);return a===o[e]});if(i)return rr(i)},pWe=({phone:e,countries:a=Hl,currentCountryIso2:t})=>{let i={country:void 0,fullDialCodeMatch:!1};if(!e)return i;let n=aj(e);if(!n)return i;let o=i,r=({country:s,fullDialCodeMatch:u})=>{let d=s.dialCode===o.country?.dialCode,p=(s.priority??0)<(o.country?.priority??0);(!d||p)&&(o={country:s,fullDialCodeMatch:u})};for(let s of a){let u=rr(s),{dialCode:d,areaCodes:p}=u;if(n.startsWith(d)){let m=o.country?Number(d)>=Number(o.country.dialCode):!0;if(p){let c=n.substring(d.length);for(let h of p)if(c.startsWith(h))return{country:u,fullDialCodeMatch:!0}}(m||d===n||!o.fullDialCodeMatch)&&r({country:u,fullDialCodeMatch:!0})}o.fullDialCodeMatch||n.length<d.length&&d.startsWith(n)&&(!o.country||Number(d)<=Number(o.country.dialCode))&&r({country:u,fullDialCodeMatch:!1})}if(t){let s=vb({value:t,field:"iso2",countries:a});if(!s)return o;let u=s?(d=>{if(!d?.areaCodes)return!1;let p=n.substring(d.dialCode.length);return d.areaCodes.some(m=>m.startsWith(p))})(s):!1;o&&o.country?.dialCode===s.dialCode&&o.country!==s&&o.fullDialCodeMatch&&(!s.areaCodes||u)&&(o={country:s,fullDialCodeMatch:!0})}return o},mWe=(e,a)=>{let t=parseInt(e,16);return Number(t+a).toString(16)},cWe="abcdefghijklmnopqrstuvwxyz",gWe="1f1e6",vie=cWe.split("").reduce((e,a,t)=>({...e,[a]:mWe(gWe,t)}),{}),hWe=e=>[vie[e[0]],vie[e[1]]].join("-"),tj=({iso2:e,size:a,src:t,protocol:i="https",disableLazyLoading:n,className:o,style:r,...s})=>{if(!e)return VN.default.createElement("img",{className:$i({addPrefix:["flag-emoji"],rawClassNames:[o]}),width:a,height:a,...s});let u=()=>{if(t)return t;let d=hWe(e);return`${i}://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/${d}.svg`};return VN.default.createElement("img",{className:$i({addPrefix:["flag-emoji"],rawClassNames:[o]}),src:u(),width:a,height:a,draggable:!1,"data-country":e,loading:n?void 0:"lazy",style:{width:a,height:a,...r},alt:"",...s})},bWe=1e3,fWe=({show:e,dialCodePrefix:a="+",selectedCountry:t,countries:i=Hl,preferredCountries:n=[],flags:o,onSelect:r,onClose:s,...u})=>{let d=(0,dt.useRef)(null),p=(0,dt.useRef)(),m=(0,dt.useMemo)(()=>{if(!n||!n.length)return i;let P=[],S=[...i];for(let z of n){let M=S.findIndex(I=>rr(I).iso2===z);if(M!==-1){let I=S.splice(M,1)[0];P.push(I)}}return P.concat(S)},[i,n]),c=(0,dt.useRef)({updatedAt:void 0,value:""}),h=P=>{let S=c.current.updatedAt&&new Date().getTime()-c.current.updatedAt.getTime()>bWe;c.current={value:S?P:`${c.current.value}${P}`,updatedAt:new Date};let z=m.findIndex(M=>rr(M).name.toLowerCase().startsWith(c.current.value));z!==-1&&_(z)},f=(0,dt.useCallback)(P=>m.findIndex(S=>rr(S).iso2===P),[m]),[b,_]=(0,dt.useState)(f(t)),v=()=>{p.current!==t&&_(f(t))},y=(0,dt.useCallback)(P=>{_(f(P.iso2)),r?.(P)},[r,f]),k=P=>{let S=m.length-1,z=M=>P==="prev"?M-1:P==="next"?M+1:P==="last"?S:0;_(M=>{let I=z(M);return I<0?0:I>S?S:I})},T=P=>{if(P.stopPropagation(),P.key==="Enter"){P.preventDefault();let S=rr(m[b]);y(S);return}if(P.key==="Escape"){s?.();return}if(P.key==="ArrowUp"){P.preventDefault(),k("prev");return}if(P.key==="ArrowDown"){P.preventDefault(),k("next");return}if(P.key==="PageUp"){P.preventDefault(),k("first");return}if(P.key==="PageDown"){P.preventDefault(),k("last");return}P.key===" "&&P.preventDefault(),P.key.length===1&&!P.altKey&&!P.ctrlKey&&!P.metaKey&&h(P.key.toLocaleLowerCase())},w=(0,dt.useCallback)(()=>{if(!d.current||b===void 0)return;let P=rr(m[b]).iso2;if(P===p.current)return;let S=d.current.querySelector(`[data-country="${P}"]`);S&&(eWe(d.current,S),p.current=P)},[b,m]);return(0,dt.useEffect)(()=>{w()},[b,w]),(0,dt.useEffect)(()=>{d.current&&(e?d.current.focus():v())},[e]),(0,dt.useEffect)(()=>{v()},[t]),dt.default.createElement("ul",{ref:d,role:"listbox",className:$i({addPrefix:["country-selector-dropdown"],rawClassNames:[u.className]}),style:{display:e?"block":"none",...u.style},onKeyDown:T,onBlur:s,tabIndex:-1,"aria-activedescendant":`react-international-phone__${rr(m[b]).iso2}-option`},m.map((P,S)=>{let z=rr(P),M=z.iso2===t,I=S===b,q=n.includes(z.iso2),D=S===n.length-1,x=o?.find(W=>W.iso2===z.iso2);return dt.default.createElement(dt.default.Fragment,{key:z.iso2},dt.default.createElement("li",{"data-country":z.iso2,role:"option","aria-selected":M,"aria-label":`${z.name} ${a}${z.dialCode}`,id:`react-international-phone__${z.iso2}-option`,className:$i({addPrefix:["country-selector-dropdown__list-item",q&&"country-selector-dropdown__list-item--preferred",M&&"country-selector-dropdown__list-item--selected",I&&"country-selector-dropdown__list-item--focused"],rawClassNames:[u.listItemClassName]}),onClick:()=>y(z),style:u.listItemStyle,title:z.name},dt.default.createElement(tj,{iso2:z.iso2,src:x?.src,className:$i({addPrefix:["country-selector-dropdown__list-item-flag-emoji"],rawClassNames:[u.listItemFlagClassName]}),style:u.listItemFlagStyle}),dt.default.createElement("span",{className:$i({addPrefix:["country-selector-dropdown__list-item-country-name"],rawClassNames:[u.listItemCountryNameClassName]}),style:u.listItemCountryNameStyle},z.name),dt.default.createElement("span",{className:$i({addPrefix:["country-selector-dropdown__list-item-dial-code"],rawClassNames:[u.listItemDialCodeClassName]}),style:u.listItemDialCodeStyle},a,z.dialCode)),D?dt.default.createElement("hr",{className:$i({addPrefix:["country-selector-dropdown__preferred-list-divider"],rawClassNames:[u.preferredListDividerClassName]}),style:u.preferredListDividerStyle}):null)}))},kWe=({selectedCountry:e,onSelect:a,disabled:t,hideDropdown:i,countries:n=Hl,preferredCountries:o=[],flags:r,renderButtonWrapper:s,...u})=>{let[d,p]=(0,Ao.useState)(!1),m=(0,Ao.useMemo)(()=>{if(e)return vb({value:e,field:"iso2",countries:n})},[n,e]),c=(0,Ao.useRef)(null),h=b=>{b.key&&["ArrowUp","ArrowDown"].includes(b.key)&&(b.preventDefault(),p(!0))},f=()=>{let b={title:m?.name,onClick:()=>p(v=>!v),onMouseDown:v=>v.preventDefault(),onKeyDown:h,disabled:i||t,role:"combobox","aria-label":"Country selector","aria-haspopup":"listbox","aria-expanded":d},_=Ao.default.createElement("div",{className:$i({addPrefix:["country-selector-button__button-content"],rawClassNames:[u.buttonContentWrapperClassName]}),style:u.buttonContentWrapperStyle},Ao.default.createElement(tj,{iso2:e,src:r?.find(v=>v.iso2===e)?.src,className:$i({addPrefix:["country-selector-button__flag-emoji",t&&"country-selector-button__flag-emoji--disabled"],rawClassNames:[u.flagClassName]}),style:{visibility:e?"visible":"hidden",...u.flagStyle}}),!i&&Ao.default.createElement("div",{className:$i({addPrefix:["country-selector-button__dropdown-arrow",t&&"country-selector-button__dropdown-arrow--disabled",d&&"country-selector-button__dropdown-arrow--active"],rawClassNames:[u.dropdownArrowClassName]}),style:u.dropdownArrowStyle}));return s?s({children:_,rootProps:b}):Ao.default.createElement("button",{...b,type:"button",className:$i({addPrefix:["country-selector-button",d&&"country-selector-button--active",t&&"country-selector-button--disabled",i&&"country-selector-button--hide-dropdown"],rawClassNames:[u.buttonClassName]}),"data-country":e,style:u.buttonStyle},_)};return Ao.default.createElement("div",{className:$i({addPrefix:["country-selector"],rawClassNames:[u.className]}),style:u.style,ref:c},f(),Ao.default.createElement(fWe,{show:d,countries:n,preferredCountries:o,flags:r,onSelect:b=>{p(!1),a?.(b)},selectedCountry:e,onClose:()=>{p(!1)},...u.dropdownStyleProps}))},vWe=({dialCode:e,prefix:a,disabled:t,style:i,className:n})=>Aie.default.createElement("div",{className:$i({addPrefix:["dial-code-preview",t&&"dial-code-preview--disabled"],rawClassNames:[n]}),style:i},`${a}${e}`),Idt=(0,Vl.forwardRef)(({value:e,onChange:a,countries:t=Hl,preferredCountries:i=[],hideDropdown:n,showDisabledDialCodeAndPrefix:o,disableFocusAfterCountrySelect:r,flags:s,style:u,className:d,inputStyle:p,inputClassName:m,countrySelectorStyleProps:c,dialCodePreviewStyleProps:h,inputProps:f,placeholder:b,disabled:_,name:v,onFocus:y,onBlur:k,required:T,autoFocus:w,...P},S)=>{let{phone:z,inputValue:M,inputRef:I,country:q,setCountry:D,handlePhoneValueChange:x}=HN({value:e,countries:t,...P,onChange:L=>{a?.(L.phone,{country:L.country,inputValue:L.inputValue})}}),W=P.disableDialCodeAndPrefix&&o&&q?.dialCode;return(0,Vl.useImperativeHandle)(S,()=>I.current?Object.assign(I.current,{setCountry:D,state:{phone:z,inputValue:M,country:q}}):null,[I,D,z,M,q]),Vl.default.createElement("div",{ref:S,className:$i({addPrefix:["input-container"],rawClassNames:[d]}),style:u},Vl.default.createElement(kWe,{onSelect:L=>D(L.iso2,{focusOnInput:!r}),flags:s,selectedCountry:q.iso2,countries:t,preferredCountries:i,disabled:_,hideDropdown:n,...c}),W&&Vl.default.createElement(vWe,{dialCode:q.dialCode,prefix:P.prefix??"+",disabled:_,...h}),Vl.default.createElement("input",{onChange:x,value:M,type:"tel",ref:I,className:$i({addPrefix:["input",_&&"input--disabled"],rawClassNames:[m]}),placeholder:b,disabled:_,style:p,name:v,onFocus:y,onBlur:k,autoFocus:w,required:T,...f}))});var Rs=G(ie()),yWe=e=>e.toUpperCase().replace(/./g,a=>String.fromCodePoint(a.charCodeAt(0)+127397));var _We=(0,Cd.forwardRef)(({value:e,name:a,defaultCountryCode:t,onChange:i,handleChange:n,selectProps:o,disabled:r,...s},u)=>{let d=(0,Cd.useRef)(null),p=(0,Cd.useMemo)(()=>typeof window<"u"?t??navigator.language?.split?.("-")[1]?.toLowerCase?.()??"fr":t?.toLocaleLowerCase()??"fr",[t]),{inputValue:m,handlePhoneValueChange:c,inputRef:h,country:f,setCountry:b}=HN({defaultCountry:p,value:e,countries:Hl,onChange:_=>{n?.(_?.phone)}});return(0,Cd.useEffect)(()=>{b(p)},[p,b]),(0,Rs.jsx)(xd,{ref:u,disabled:r,control:s.control,sx:{minWidth:"100%"},name:a,type:"tel",size:"sm",placeholder:"phone number",value:m,onChange:c,startDecorator:(0,Rs.jsxs)(fa,{component:"label",sx:{position:"relative"},children:[(0,Rs.jsxs)(Ce,{direction:"row",gap:.5,sx:_=>({cursor:"pointer",alignItems:"center",color:_.palette.text.secondary}),children:[(0,Rs.jsx)(Qa,{sx:{width:20},children:(0,Rs.jsx)(tj,{iso2:f.iso2})}),(0,Rs.jsx)(kie,{sx:{fontSize:"small"}})]}),(0,Rs.jsx)(Qa,{component:"select",ref:d,onChange:_=>{b(_.target.value)},sx:{position:"absolute",cursor:"pointer",top:0,left:0,width:"100%",height:"100%",opacity:0,zIndex:1},children:Hl.map(_=>{let v=rr(_);return(0,Rs.jsxs)("option",{value:v.iso2,children:[v.name," ",yWe(v.iso2)]},v.iso2)})})]})})}),ij=_We;l();var $t=G(ie()),Tie=e=>{let a={};return e?.map(t=>{let{name:i,required:n,type:o}=t,r;switch(o){case"email":r=at.string().email();break;case"textArea":r=n?at.string().min(25):at.string().optional();break;case"select":r=n?at.string().min(1):at.string().optional();break;case"phoneNumber":r=n?at.string().min(3):at.string().optional();break;case"text":r=n?at.string().min(1):at.string().optional();break;case"number":let{min:s,max:u}=t,d=at.coerce.number().superRefine((m,c)=>{typeof s=="number"&&m<s&&c.addIssue({type:"number",code:at.ZodIssueCode.too_small,minimum:s,inclusive:!1}),typeof u=="number"&&m>u&&c.addIssue({type:"number",code:at.ZodIssueCode.too_big,maximum:u,inclusive:!1})});r=n?d:d.optional();break;case"file":let p=at.any();r=n?at.array(p).min(1):at.array(p).optional();break;default:r=at.string()}a[i]=n?r:r.optional()}),a},TWe={email:({methods:e,placeholder:a,disabled:t})=>(0,$t.jsx)(xd,{disabled:t,control:e.control,...e?.register("email"),sx:{width:"100%"},placeholder:a}),phoneNumber:({name:e,methods:a,placeholder:t,defaultCountryCode:i,disabled:n})=>{let o=a?.formState?.errors?.[e]?.message;return(0,$t.jsxs)(yl,{children:[(0,$t.jsx)(ij,{disabled:n,control:a.control,...a.register(e),defaultCountryCode:i,placeholder:t,handleChange:r=>{a.setValue(e,r,{shouldValidate:!0,shouldDirty:!0})}}),o&&(0,$t.jsx)(_l,{children:o})]})},text:({name:e,methods:a,placeholder:t,disabled:i})=>(0,$t.jsx)(xd,{control:a.control,disabled:i,sx:{width:"100%"},...a?.register(e||"text"),placeholder:t||""}),number:({name:e,methods:a,placeholder:t,min:i,max:n,disabled:o,...r})=>(0,$t.jsx)(xd,{control:a.control,disabled:o,type:"number",sx:{width:"100%"},placeholder:t||"",min:i,max:n,...a?.register(e)}),textArea:({name:e,methods:a,placeholder:t,disabled:i})=>{let n=a?.formState?.errors?.[e]?.message;return(0,$t.jsxs)(yl,{error:!!n,children:[(0,$t.jsx)(Pg,{disabled:i,sx:{width:"100%"},...a?.register(e),minRows:4,placeholder:t||""}),n&&(0,$t.jsx)(_l,{children:n})]})},select:({name:e,options:a,changeHandler:t,placeholder:i,methods:n,disabled:o})=>{let r=n?.formState?.errors?.[e]?.message;return(0,$t.jsxs)(yl,{error:!!r,children:[(0,$t.jsx)(Ig,{disabled:o,sx:{width:"100%"},slotProps:{listbox:{sx:{zIndex:9999999999+1}}},placeholder:i,onChange:(s,u)=>{u&&t(e,u)},children:a?.map((s,u)=>(0,$t.jsx)(Tg,{value:s,children:s},u))}),r&&(0,$t.jsx)(_l,{children:r})]})},file:({name:e,placeholder:a,changeHandler:t,methods:i,disabled:n})=>{let o=i?.formState?.errors?.[e]?.message,r=n?i.watch(e):[],s=[];try{s=JSON.parse(r)}catch{}return(0,$t.jsxs)(yl,{error:!!o,children:[!n&&(0,$t.jsx)(ZN,{variant:"outlined",placeholder:a||"Browse Files",changeCallback:async u=>{t(e,u)}}),n&&(0,$t.jsx)(Ce,{gap:1,children:s?.map?.((u,d)=>(0,$t.jsx)(Jz,{attachment:{url:u,name:u,mimeType:mie.getType(u),size:42}},d))}),o&&(0,$t.jsx)(_l,{children:o})]})}},Iie=TWe;var Sa=G(ie());function IWe({formId:e,conversationId:a,messageId:t,submissionId:i,isInEditor:n,isFormSubmitted:o,values:r,readOnly:s,styles:u,onEnd:d,...p}){let{t:m}=ht("embeds_forms_traditional",{i18n:Nt}),c=Ws(e?`https://app.zappway.ai/api/forms/${e}`:null,Ad),[h,f]=Xo({loading:!1,files:[],isFormSubmitted:!!o,hasErrored:!1});(0,Ed.useEffect)(()=>{f({isFormSubmitted:!!i})},[i,f]),(0,Ed.useEffect)(()=>{f({isFormSubmitted:!!o})},[o,f]);let b=(0,Ed.useMemo)(()=>n?p.config||c?.data?.draftConfig:c?.data?.publishedConfig,[c?.data?.draftConfig,c?.data?.publishedConfig,p.config,n]),{upload:_}=Xh(),v=b?.fields?.map(P=>({...P})),y=b?.fields?.map(P=>P.name),T=dg({resolver:pg((P=>at.object({...Tie(P)}))(v)),mode:"onChange"});(0,Ed.useEffect)(()=>{try{r&&T.reset({...r})}catch{}},[r,T]);let w=async P=>{if(n)return f({isFormSubmitted:!0});try{f({loading:!0,hasErrored:!1});for(let z of b.fields)if(z.type==="file"){let M=P?.[z.name]||[];if(M.length>0){let I=await _(M.map(q=>({case:"formUpload",fileName:q.name,mimeType:q.type,file:q,formId:e,conversationId:a})));P[z.name]=JSON.stringify(I)}}let S=await Ol.post(`https://app.zappway.ai/api/forms/${e}`,{formId:e,conversationId:a,formValues:P,messageId:t});S.status===200&&f({isFormSubmitted:!0}),d?.(S?.data?.data)}catch(S){f({hasErrored:!0}),console.log("traditional form submit err:",S)}finally{f({loading:!1})}};return(0,Sa.jsx)(Dn,{onSubmit:P=>{P.preventDefault(),P.stopPropagation(),T.handleSubmit(w)(P)},component:"form",variant:"outlined",color:"neutral",sx:{position:"relative",overflowY:"auto",width:"100%",maxHeight:"100%",flex:1,...u},children:!c?.data&&c?.isLoading?(0,Sa.jsxs)(Ce,{gap:1,sx:{textAlign:"left"},children:[(0,Sa.jsx)(GT,{ratio:"21/9",children:(0,Sa.jsx)(dn,{loading:!0,variant:"overlay",children:(0,Sa.jsx)(Pie.default,{alt:"",src:"/path-to-placeholder-image",layout:"fill",objectFit:"cover"})})}),(0,Sa.jsx)(fa,{children:(0,Sa.jsx)(dn,{loading:!0,children:m("loading_data")})}),(0,Sa.jsx)(fa,{children:(0,Sa.jsx)(dn,{variant:"text",level:"h1",sx:{width:"100%"}})})]}):(0,Sa.jsxs)(KT,{component:"div",sx:P=>({textAlign:"center",alignItems:"center",position:"relative",width:"100%",display:"flex"}),children:[(0,Sa.jsx)(ed,{children:h.isFormSubmitted&&!s&&(0,Sa.jsx)(Zi.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.3,ease:"easeInOut"},className:"h-full",children:(0,Sa.jsxs)(Ce,{spacing:2,sx:{p:4},height:"100%",justifyContent:"center",alignItems:"center",children:[(0,Sa.jsx)(NX,{sx:{fontSize:42},color:"primary"}),(0,Sa.jsx)(fa,{level:"h4",children:m("form_submitted_successfully")}),b?.endScreen?.cta?.label&&(0,Sa.jsx)("a",{href:b?.endScreen?.cta?.url||"#",target:b?.endScreen?.cta?.target||"_blank",rel:"noopener noreferrer",children:(0,Sa.jsx)(ii,{variant:"solid",size:"lg",color:"primary",children:b?.endScreen?.cta?.label})})]})},"component")}),(0,Sa.jsxs)(ed,{children:[(!h.isFormSubmitted||s)&&(0,Sa.jsxs)(Zi.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.3,ease:"easeInOut"},style:{width:"100%"},children:[(b?.startScreen?.title||b?.startScreen?.description)&&(0,Sa.jsxs)(Ce,{sx:{mb:2},children:[b?.startScreen?.title&&(0,Sa.jsx)(fa,{level:"h3",children:b?.startScreen?.title}),b?.startScreen?.description&&(0,Sa.jsx)(fa,{level:"body-md",children:b?.startScreen?.description})]}),(0,Sa.jsx)(Ce,{width:"100%",spacing:2,onChange:P=>{P.stopPropagation()},children:b?.fields?.map(P=>(0,Sa.jsxs)(Ce,{spacing:1,sx:{display:"flex",flexDirection:"column"},children:[(0,Sa.jsxs)(Ce,{direction:"row",children:[(0,Sa.jsx)(fa,{level:"title-md",children:P.name}),P.required&&(0,Sa.jsx)("div",{className:"text-red-500 ml-0.5",children:"*"})]}),Iie[P.type]?.({formId:e,conversationId:a,methods:T,disabled:!!s,...P,changeHandler:(S,z)=>{T.setValue(S,z,{shouldValidate:!0,shouldDirty:!0})}})]},P.id))}),!o&&!s&&(0,Sa.jsxs)(Ce,{mt:2,children:[(0,Sa.jsx)(ii,{type:"submit",disabled:b?.fields?.length==0||!T.formState.isValid,loading:h.loading,size:"md",color:"primary",endDecorator:(0,Sa.jsx)(RX,{sx:{fontSize:"sm"}}),sx:{width:"100%"},children:m("submit")}),(0,Sa.jsx)(XT,{anchorOrigin:{vertical:"bottom",horizontal:"right"},open:h.hasErrored,onClose:()=>f({hasErrored:!1}),color:"danger",children:m("submission_failed_try_again_later")})]})]},"component"),!s&&(0,Sa.jsx)(Ce,{sx:{mt:2},children:(0,Sa.jsx)(QS,{})})]})]})})}var wie=(0,Ed.memo)(IWe);l();var zie=G($S()),Sie=G(Y());l();var KN=G(ie());function PWe({circularProgressProps:e,rootProps:a}){return(0,KN.jsx)(Ce,{sx:{width:"100%",height:"100%",alignItems:"center",justifyContent:"center",...a?.style},...a,children:(0,KN.jsx)(Ro,{size:"sm",...e})})}var nj=PWe;var _b=G(ie());function YN({changeCallback:e,placeholder:a,accept:t,variant:i="plain"}){let n=(0,zie.useTranslations)("_FileUploader"),[o,r]=(0,Sie.useState)(void 0);return(0,_b.jsxs)(Lt,{disabled:o,size:"sm",variant:i,sx:{maxHeight:"100%"},component:"label",children:[o?(0,_b.jsx)(nj,{rootProps:{style:{width:"40px",marginLeft:2}}}):(0,_b.jsx)(Vz,{}),(0,_b.jsx)(JS,{accept:t?.join?.(","),type:"file",multiple:!0,onChange:async s=>{if(r(!0),!s.target.files){r(!1);return}let u=Array.from(s.target.files),d=5e6;if(u.find(m=>m.size>d)){s.target.value="",alert(n("file_size_limit")),r(!1);return}await e(u),r(!1)}})]})}var Re=G(ie()),wWe=at.object({query:at.string().min(1)});function zWe({messages:e,onSubmit:a,messageTemplates:t,initialMessage:i,initialMessages:n,readOnly:o,renderAfterMessages:r,disableWatermark:s,agentIconUrl:u,isLoadingConversation:d,hasMoreMessages:p,topSettings:m,emptyComponent:c,handleLoadMoreMessages:h,handleEvalAnswer:f,handleImprove:b,handleSourceClick:_,handleAbort:v,hideInternalSources:y,renderBottom:k,userImgUrl:T,organizationId:w,refreshConversation:P,metadata:S,withFileUpload:z,draftReplyInput:M,withSources:I,isAiEnabled:q,autoFocus:D,agentIconStyle:x,fromInbox:W,isStreaming:L,conversationAttachments:j,fromDashboard:O,isOpen:F,actions:N}){let{t:C}=ht("_Chatbox_index",{i18n:Nt}),H=(0,ki.useRef)(null),Q=(0,ki.useRef)(null),B=(0,ki.useRef)(null),pe=l3(async()=>{requestAnimationFrame(()=>{Q?.current?.scrollTo({top:Q?.current?.scrollHeight+100,behavior:"smooth"})})},50),[te,de]=Xo({isLoading:!1,isInKeyboadComposition:!1,isLastMsgInView:!0,firstMsgs:[],files:[],isTextAreaExpanded:!1,hideTemplateMessages:!1,wordCount:0,attachmentsForAI:[],showAgentTyping:!1}),J=(0,ki.useCallback)(we=>de({files:we}),[de]),{isDragOver:K}=Xh({ref:H,changeCallback:J}),ne=dg({resolver:pg(wWe),defaultValues:{}}),oe=(0,ki.useCallback)(()=>{de({isInKeyboadComposition:!te.isInKeyboadComposition})},[de,te.isInKeyboadComposition]),ue=async({query:we})=>{if(!(te.isLoading||te.isInKeyboadComposition))try{de({isLoading:!0,hideTemplateMessages:!0,isTextAreaExpanded:!1}),setTimeout(()=>{de({showAgentTyping:!0}),pe()},300),ne.reset(),await a({query:we,files:te.files,attachmentsForAI:te.attachmentsForAI}),de({files:[]})}catch{}finally{de({isLoading:!1,showAgentTyping:!1})}};(0,ki.useEffect)(()=>{let we=setTimeout(()=>{let We=(n||[]).map(U=>({from:"agent",message:U?.message?.trim?.(),iconUrl:u,component:U?.component,approvals:[]}));de({firstMsgs:We})},0);return()=>{clearTimeout(we)}},[n,u,de]);let be=e?.[e.length-1]?.message?.length;(0,ki.useEffect)(()=>{be-te.wordCount>45&&(Q.current?.scrollTo({top:Q.current?.scrollHeight+100}),de({wordCount:be}))},[be,te.wordCount,de]);let Me=e?.[0]?.conversationId;(0,ki.useEffect)(()=>{Q.current?.scrollTo({behavior:"smooth",top:Q.current?.scrollHeight+100}),de({wordCount:0})},[e.length,L,de]),(0,ki.useEffect)(()=>{Q.current?.scrollTo({top:Q.current?.scrollHeight+100}),de({isLastMsgInView:!0,wordCount:0})},[Me,F,de]),(0,ki.useEffect)(()=>{let we=setTimeout(()=>{let We=(n||[]).map(U=>({from:"agent",message:U?.message?.trim?.(),iconUrl:u,component:U?.component,approvals:[]}));de({firstMsgs:We})},0);return()=>{clearTimeout(we)}},[n,u,de]);let qe=(0,ki.useCallback)(we=>{ne.setValue("query",we,{shouldDirty:!0,shouldValidate:!0})},[ne]),Ue=(0,ki.useCallback)(()=>{let{scrollTop:we,scrollHeight:We,clientHeight:U}=Q.current;if(We===U)de({isLastMsgInView:!0});else{let X=we/(We-U)*100;de({isLastMsgInView:X>85})}},[de]);return(0,ki.useEffect)(()=>{let we=Q.current;return we&&we.addEventListener("scroll",Ue),()=>{we&&we.removeEventListener("scroll",Ue)}},[Ue]),(0,Re.jsxs)(Ce,{ref:H,className:"zappway-chatbox",direction:"column",gap:2,sx:{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",background:`linear-gradient(to bottom,
3201
3201
  rgba(255, 255, 255, 0.3) 0%,
3202
3202
  rgba(0, 154, 126, 0.3) 50%,
3203
- rgba(0, 0, 0, 0.1) 100%)`,boxShadow:"6px 6px 12px rgba(0, 0, 0, 0.7), -4px -1px 12px rgba(255, 255, 255, 0.3)",border:"1px solid rgba(255, 255, 255, 0.18)",backdropFilter:"blur(10px)"},children:[K&&(0,Re.jsx)(Ce,{sx:we=>({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,Re.jsx)(Dn,{color:"primary",children:(0,Re.jsxs)(Ce,{sx:{justifyContent:"center",alignItems:"center"},gap:1,children:[(0,Re.jsx)(ST,{sx:{opacity:.5,fontSize:32}}),(0,Re.jsx)(fa,{component:"label",level:"body-sm",color:"neutral",children:C("drop_files_here")})]})})}),typeof q=="boolean"&&!q&&e?.length>0&&(0,Re.jsx)(un,{color:"danger",sx:{left:"50%",transform:"translateX(-50%)",top:10,position:"absolute",zIndex:1},variant:"soft",size:"sm",startDecorator:(0,Re.jsx)(h4,{}),children:C("off")}),(0,Re.jsx)(Ce,{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,.1) transparent","&::-webkit-scrollbar":{width:"0.4em"},"&::-webkit-scrollbar-track":{display:"none"},"&::-webkit-scrollbar-thumb":{backgroundColor:"rgba(0,0,0,.0)",borderRadius:"20px"}},children:(0,Re.jsx)(jie.default,{isReverse:!0,useWindow:!1,getScrollParent:()=>Q.current,loadMore:h||(()=>{}),hasMore:p,loader:Array(1).fill(0).map((we,We)=>(0,Re.jsxs)(Ce,{direction:"row",gap:2,mb:2,children:[(0,Re.jsx)(dn,{variant:"circular",width:34,height:34}),(0,Re.jsxs)(Ce,{gap:1,sx:{width:"100%"},children:[(0,Re.jsx)(dn,{variant:"text",width:"97%"}),(0,Re.jsx)(dn,{variant:"text",width:"92%"}),(0,Re.jsx)(dn,{variant:"text",width:"95%"})]})]},We)),children:(0,Re.jsxs)(Ce,{gap:2,children:[(0,Re.jsx)(aS,{messages:te.firstMsgs,shouldAnimate:e.length<2}),d&&e?.length<=0&&(0,Re.jsx)(Ce,{gap:2,children:Array(1).fill(0).map((we,We)=>(0,Re.jsxs)(Ce,{direction:"row",gap:2,children:[(0,Re.jsx)(dn,{variant:"circular",width:34,height:34}),(0,Re.jsxs)(Ce,{gap:1,sx:{width:"100%"},children:[(0,Re.jsx)(dn,{variant:"text",width:"97%"}),(0,Re.jsx)(dn,{variant:"text",width:"92%"}),(0,Re.jsx)(dn,{variant:"text",width:"95%"})]})]},We))}),e?.length<=0&&!d&&c,(!d||e?.length>0)&&e.map((we,We)=>(0,Re.jsx)("div",{children:we.metadata?.shouldDisplayForm?(0,Re.jsx)(Ce,{sx:{zIndex:0,px:5},children:(0,Re.jsx)(wie,{formId:we.metadata.formId,conversationId:we.conversationId,messageId:we.id,submissionId:we?.submission?.id,values:we?.submission?.data,readOnly:W})}):(0,Re.jsx)(Vv,{index:We,message:{...we,iconUrl:we.from==="agent"?u:T||we.iconUrl},withSources:I,hideInternalSources:y,handleEvalAnswer:f,handleImprove:b,handleSourceClick:_,organizationId:w})},We)),!L&&!te.isLoading&&e[e.length-1]?.from==="agent"&&N,te.files?.length>0&&te.isLoading&&!te.showAgentTyping&&(0,Re.jsx)(nj,{}),te.showAgentTyping&&e?.[e.length-1]?.from==="human"&&(0,Re.jsx)(Vv,{cardProps:{variant:"plain",sx:{background:"none",p:0}},message:{from:"agent",message:"",component:(0,Re.jsx)(Uz,{}),approvals:[]}})]})})}),r,o&&!te.isLastMsgInView&&(0,Re.jsx)(Lt,{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,Re.jsx)(lD,{})}),!o&&(0,Re.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:oe,onCompositionEnd:oe,onSubmit:we=>{we.stopPropagation(),ne.handleSubmit(ue)(we)},children:[(0,Re.jsxs)(Ce,{gap:1,children:[q&&j&&j?.length>0&&(0,Re.jsx)(Ig,{size:"sm",slotProps:{listbox:{sx:{zIndex:9999999999+1}}},sx:{mr:"auto",mb:.5},startDecorator:(0,Re.jsx)(p4,{}),placeholder:C("use_uploaded_file"),multiple:!0,color:te.attachmentsForAI?.length>0?"warning":"neutral",variant:te.attachmentsForAI?.length>0?"soft":"plain",onChange:(we,We)=>{de({attachmentsForAI:We})},children:j.map(we=>(0,Re.jsx)(Tg,{value:we.id,children:we.name},we.id))}),(t?.length||0)>0&&te.files?.length<=0&&(0,Re.jsx)(Ce,{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((we,We)=>(0,Re.jsx)(ii,{size:"sm",variant:"soft",onClick:()=>ue({query:we}),sx:{whiteSpace:"nowrap"},children:we},We))})]}),(0,Re.jsxs)(Ce,{width:"100%",gap:.5,children:[m,te.files?.length>0&&(0,Re.jsx)(Ce,{gap:1,sx:{mb:1},children:(0,Re.jsx)(Ce,{direction:"row",sx:{flexWrap:"wrap"},gap:1,children:te.files.map((we,We)=>(0,Re.jsx)(un,{size:"lg",variant:"soft",color:"primary",endDecorator:(0,Re.jsx)(Pk,{disabled:te.isLoading,onDelete:()=>de({files:te.files.filter((U,X)=>X!==We)})}),children:we.name},we.name))})}),(0,Re.jsxs)(Ce,{sx:{position:"relative"},children:[!te.isLastMsgInView&&(0,Re.jsx)(Lt,{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,Re.jsx)(lD,{})}),(0,Re.jsx)(Pg,{variant:"outlined",autoFocus:!!D,slotProps:{textarea:{id:"chatbox-input",ref:B,sx:{my:"auto"}}},maxRows:24,minRows:te.isTextAreaExpanded?18:1,onKeyDown:we=>{we.key==="Enter"&&!we.shiftKey&&(we.preventDefault(),ne.handleSubmit(ue)(we))},sx:we=>({...te.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,Re.jsx)(Ce,{direction:"row",justifyContent:"space-between",sx:{width:"100%"},children:(0,Re.jsx)(Lt,{variant:"plain",sx:{maxHeight:"100%"},size:"sm",onClick:()=>de({isTextAreaExpanded:!te.isTextAreaExpanded}),children:te.isTextAreaExpanded?(0,Re.jsx)(v4,{}):(0,Re.jsx)(_4,{})})}),endDecorator:(0,Re.jsxs)(Ce,{direction:"row",justifyContent:"space-between",sx:{width:"100%"},spacing:1,children:[M&&ki.default.cloneElement(M,{onReply:qe,inputRef:B}),z&&(0,Re.jsx)(YN,{changeCallback:we=>de({files:we}),accept:cI}),(0,Re.jsxs)(Ce,{direction:"row",sx:{ml:"auto"},children:[!te.isLoading&&(0,Re.jsx)(Lt,{size:"sm",type:"submit",disabled:te.isLoading||!ne.formState.isValid,sx:{maxHeight:"100%"},color:"primary",variant:"soft",children:(0,Re.jsx)(jT,{})}),te.isLoading&&v&&(0,Re.jsx)(Lt,{size:"sm",color:"danger",sx:{maxHeight:"100%"},variant:"soft",onClick:()=>{v?.()},children:(0,Re.jsx)(f4,{})})]})]}),...ne.register("query"),onBlur:we=>{}})]}),(0,Re.jsxs)(Ce,{children:[(0,Re.jsx)(Ce,{direction:"row",sx:{position:"relative",alignItems:"center",justifyContent:"space-between",width:"100%",maxWidth:"100%",overflowX:"auto","&::-webkit-scrollbar":{height:"0"}},children:k}),!s&&(0,Re.jsx)(Ce,{sx:{mt:1},children:(0,Re.jsx)(QS,{})})]})]})]})]})}var xie=zWe;var Ab=G(ie());function SWe({agentId:e,layout:a,interfaceConfig:t,layoutClassName:i,containerSxProps:n,chatBoxProps:o,isLoadingAgent:r,agentIconUrl:s}){let{mode:u}=bE(),d=a||oj.default.Fragment,p=t?.primaryColor||"#ffffff",m=(0,oj.useMemo)(()=>oU(p,"#ffffff","#000000"),[p]);return r?(0,Ab.jsx)(Qa,{sx:{width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center",background:"transparent",...n||{}},children:(0,Ab.jsx)(Ro,{size:"sm",variant:"soft",color:"neutral"})}):(0,Ab.jsx)(d,{...a?{className:Er(u,i),agentId:e,config:t,agentIconUrl:s}:{},children:(0,Ab.jsx)(Qa,{className:Er({[`${u} ${i}`]:!a}),sx:c=>({display:"flex",flex:1,flexDirection:"column",position:"relative",width:"100%",height:"100%",overflow:"hidden",maxHeight:"100%",boxSizing:"border-box",backgroundColor:t?.isBgTransparent?"transparent":c.palette.background.default,"& .message-agent":{},"& .message-human":{backgroundColor:p},"& .message-human *":{color:m},...n||{}}),children:(0,Ab.jsx)(xie,{...o,...s?{agentIconUrl:s}:{}})})})}var rj=SWe;l();var $N="https://app.zappway.ai";function jWe({id:e}){let a=Ws(e?`${$N}/api/agents/${e}`:null,Ad),t=Jh(e?`${$N}/api/agents/${e}`:`${$N}/api/agents`,Qh(e?"PATCH":"POST"),{onSuccess(i,n,o){a.mutate()}});return{query:a,mutation:t}}var sj=jWe;l();var Qie=G(Zie()),Qi=G(Y());l();var Kl=G(Y(),1);var Oie=G(IF(),1),LWe="$inf$",aW=Promise.resolve(),FWe=e=>Ns(e?e(0,null):null)[0];var NWe=e=>(a,t,i)=>{let n=(0,Kl.useRef)(!1),{cache:o,initialSize:r=1,revalidateAll:s=!1,persistSize:u=!1,revalidateFirstPage:d=!0,revalidateOnMount:p=!1,parallel:m=!1}=i,c;try{c=FWe(a),c&&(c=LWe+c)}catch{}let[h,f,b]=Ls(o,c),_=(0,Kl.useCallback)(()=>wa(h()._l)?r:h()._l,[o,c,r]);(0,Oie.useSyncExternalStore)((0,Kl.useCallback)(S=>c?b(c,()=>{S()}):()=>{},[o,c]),_,_);let v=(0,Kl.useCallback)(()=>{let S=h()._l;return wa(S)?r:S},[c,r]),y=(0,Kl.useRef)(v());Fs(()=>{if(!n.current){n.current=!0;return}c&&f({_l:u?y.current:v()})},[c,o]);let k=p&&!n.current,T=e(c,async S=>{let z=h()._i,M=[],I=v(),[q]=Ls(o,S),D=q().data,x=[],W=null;for(let L=0;L<I;++L){let[j,O]=Ns(a(L,m?null:W));if(!j)break;let[F,N]=Ls(o,j),C=F().data,H=s||z||wa(C)||d&&!L&&!wa(D)||k||D&&!wa(D[L])&&!i.compare(D[L],C);if(t&&H){let Q=async()=>{C=await t(O),N({data:C,_k:O}),M[L]=C};m?x.push(Q):await Q()}else M[L]=C;m||(W=C)}return m&&await Promise.all(x.map(L=>L())),f({_i:Zt}),M},i),w=(0,Kl.useCallback)(function(S,z){let M=typeof z=="boolean"?{revalidate:z}:z||{},I=M.revalidate!==!1;return c?(I&&(wa(S)?f({_i:!0}):f({_i:!1})),arguments.length?T.mutate(S,{...M,revalidate:I}):T.mutate()):aW},[c,o]),P=(0,Kl.useCallback)(S=>{if(!c)return aW;let[,z]=Ls(o,c),M;if(ko(S)?M=S(v()):typeof S=="number"&&(M=S),typeof M!="number")return aW;z({_l:M}),y.current=M;let I=[],[q]=Ls(o,c),D=null;for(let x=0;x<M;++x){let[W]=Ns(a(x,D)),[L]=Ls(o,W),j=W?L().data:Zt;if(wa(j))return w(q().data);I.push(j),D=j}return w(I)},[c,o,w,v]);return{size:v(),setSize:P,mutate:w,get data(){return T.data},get error(){return T.error},get isValidating(){return T.isValidating},get isLoading(){return T.isLoading}}},qie=vS(Ws,NWe);l();var qm=class e extends Error{constructor(t,i){super(t);this.status=i;if(!i)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":this.status=400;break;case"EMPTY_DATASOURCE":this.status=400;break;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;default:this.status=500;break}Object.setPrototypeOf(this,e.prototype)}};l();l();l();async function Vie(e,a){let t=e.getReader(),i;for(;!(i=await t.read()).done;)a(i.value)}function Hie(e){let a,t=0,i=-1,n=!1;return function(r){if(a===void 0)a=r;else{let d=new Uint8Array(a.length+r.length);d.set(a),d.set(r,a.length),a=d}let s=a.length,u=0;for(;t<s;){n&&(a[t]===10&&(u=++t),n=!1);let d=-1;for(;t<s&&d===-1;++t)switch(a[t]){case 58:i===-1&&(i=t-u);break;case 13:case 10:n=!0,d=t;break}if(d===-1)break;e(a.subarray(u,d),i),u=t,i=-1}u===s?a=void 0:u>0&&(a=a.subarray(u),t-=u)}}function Kie(e,a,t){let i=Uie(),n=new TextDecoder;return function(r,s){if(r.length===0)t?.(i),i=Uie();else if(s>0){let u=n.decode(r.subarray(0,s)),d=s+(r[s+1]===32?2:1),p=n.decode(r.subarray(d));switch(u){case"data":i.data=i.data?i.data+`
3203
+ rgba(0, 0, 0, 0.1) 100%)`,boxShadow:"6px 6px 12px rgba(0, 0, 0, 0.7), -4px -1px 12px rgba(255, 255, 255, 0.3)",border:"1px solid rgba(255, 255, 255, 0.18)",backdropFilter:"blur(10px)"},children:[K&&(0,Re.jsx)(Ce,{sx:we=>({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,Re.jsx)(Dn,{color:"primary",children:(0,Re.jsxs)(Ce,{sx:{justifyContent:"center",alignItems:"center"},gap:1,children:[(0,Re.jsx)(ST,{sx:{opacity:.5,fontSize:32}}),(0,Re.jsx)(fa,{component:"label",level:"body-sm",color:"neutral",children:C("drop_files_here")})]})})}),typeof q=="boolean"&&!q&&e?.length>0&&(0,Re.jsx)(un,{color:"danger",sx:{left:"50%",transform:"translateX(-50%)",top:10,position:"absolute",zIndex:1},variant:"soft",size:"sm",startDecorator:(0,Re.jsx)(h4,{}),children:C("off")}),(0,Re.jsx)(Ce,{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,.1) transparent","&::-webkit-scrollbar":{width:"0.4em"},"&::-webkit-scrollbar-track":{display:"none"},"&::-webkit-scrollbar-thumb":{backgroundColor:"rgba(0,0,0,.0)",borderRadius:"20px"}},children:(0,Re.jsx)(jie.default,{isReverse:!0,useWindow:!1,getScrollParent:()=>Q.current,loadMore:h||(()=>{}),hasMore:p,loader:Array(1).fill(0).map((we,We)=>(0,Re.jsxs)(Ce,{direction:"row",gap:2,mb:2,children:[(0,Re.jsx)(dn,{variant:"circular",width:34,height:34}),(0,Re.jsxs)(Ce,{gap:1,sx:{width:"100%"},children:[(0,Re.jsx)(dn,{variant:"text",width:"97%"}),(0,Re.jsx)(dn,{variant:"text",width:"92%"}),(0,Re.jsx)(dn,{variant:"text",width:"95%"})]})]},We)),children:(0,Re.jsxs)(Ce,{gap:2,children:[(0,Re.jsx)(aS,{messages:te.firstMsgs,shouldAnimate:e.length<2}),d&&e?.length<=0&&(0,Re.jsx)(Ce,{gap:2,children:Array(1).fill(0).map((we,We)=>(0,Re.jsxs)(Ce,{direction:"row",gap:2,children:[(0,Re.jsx)(dn,{variant:"circular",width:34,height:34}),(0,Re.jsxs)(Ce,{gap:1,sx:{width:"100%"},children:[(0,Re.jsx)(dn,{variant:"text",width:"97%"}),(0,Re.jsx)(dn,{variant:"text",width:"92%"}),(0,Re.jsx)(dn,{variant:"text",width:"95%"})]})]},We))}),e?.length<=0&&!d&&c,(!d||e?.length>0)&&e.map((we,We)=>(0,Re.jsx)("div",{children:we.metadata?.shouldDisplayForm?(0,Re.jsx)(Ce,{sx:{zIndex:0,px:5},children:(0,Re.jsx)(wie,{formId:we.metadata.formId,conversationId:we.conversationId,messageId:we.id,submissionId:we?.submission?.id,values:we?.submission?.data,readOnly:W})}):(0,Re.jsx)(Vv,{index:We,message:{...we,iconUrl:we.from==="agent"?u:T||we.iconUrl},withSources:I,hideInternalSources:y,handleEvalAnswer:f,handleImprove:b,handleSourceClick:_,organizationId:w})},We)),!L&&!te.isLoading&&e[e.length-1]?.from==="agent"&&N,te.files?.length>0&&te.isLoading&&!te.showAgentTyping&&(0,Re.jsx)(nj,{}),te.showAgentTyping&&e?.[e.length-1]?.from==="human"&&(0,Re.jsx)(Vv,{cardProps:{variant:"plain",sx:{background:"none",p:0}},message:{from:"agent",message:"",component:(0,Re.jsx)(Uz,{}),approvals:[]}})]})})}),r,o&&!te.isLastMsgInView&&(0,Re.jsx)(Lt,{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,Re.jsx)(lD,{})}),!o&&(0,Re.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:oe,onCompositionEnd:oe,onSubmit:we=>{we.stopPropagation(),ne.handleSubmit(ue)(we)},children:[(0,Re.jsxs)(Ce,{gap:1,children:[q&&j&&j?.length>0&&(0,Re.jsx)(Ig,{size:"sm",slotProps:{listbox:{sx:{zIndex:9999999999+1}}},sx:{mr:"auto",mb:.5},startDecorator:(0,Re.jsx)(p4,{}),placeholder:C("use_uploaded_file"),multiple:!0,color:te.attachmentsForAI?.length>0?"warning":"neutral",variant:te.attachmentsForAI?.length>0?"soft":"plain",onChange:(we,We)=>{de({attachmentsForAI:We})},children:j.map(we=>(0,Re.jsx)(Tg,{value:we.id,children:we.name},we.id))}),(t?.length||0)>0&&te.files?.length<=0&&(0,Re.jsx)(Ce,{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((we,We)=>(0,Re.jsx)(ii,{size:"sm",variant:"soft",onClick:()=>ue({query:we}),sx:{whiteSpace:"nowrap"},children:we},We))})]}),(0,Re.jsxs)(Ce,{width:"100%",gap:.5,children:[m,te.files?.length>0&&(0,Re.jsx)(Ce,{gap:1,sx:{mb:1},children:(0,Re.jsx)(Ce,{direction:"row",sx:{flexWrap:"wrap"},gap:1,children:te.files.map((we,We)=>(0,Re.jsx)(un,{size:"lg",variant:"soft",color:"primary",endDecorator:(0,Re.jsx)(Pk,{disabled:te.isLoading,onDelete:()=>de({files:te.files.filter((U,X)=>X!==We)})}),children:we.name},we.name))})}),(0,Re.jsxs)(Ce,{sx:{position:"relative"},children:[!te.isLastMsgInView&&(0,Re.jsx)(Lt,{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,Re.jsx)(lD,{})}),(0,Re.jsx)(Pg,{variant:"outlined",autoFocus:!!D,slotProps:{textarea:{id:"chatbox-input",ref:B,sx:{my:"auto"}}},maxRows:24,minRows:te.isTextAreaExpanded?18:1,onKeyDown:we=>{we.key==="Enter"&&!we.shiftKey&&(we.preventDefault(),ne.handleSubmit(ue)(we))},sx:we=>({...te.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,Re.jsx)(Ce,{direction:"row",justifyContent:"space-between",sx:{width:"100%"},children:(0,Re.jsx)(Lt,{variant:"plain",sx:{maxHeight:"100%"},size:"sm",onClick:()=>de({isTextAreaExpanded:!te.isTextAreaExpanded}),children:te.isTextAreaExpanded?(0,Re.jsx)(v4,{}):(0,Re.jsx)(_4,{})})}),endDecorator:(0,Re.jsxs)(Ce,{direction:"row",justifyContent:"space-between",sx:{width:"100%"},spacing:1,children:[M&&ki.default.cloneElement(M,{onReply:qe,inputRef:B}),z&&(0,Re.jsx)(YN,{changeCallback:we=>de({files:we}),accept:cI}),(0,Re.jsxs)(Ce,{direction:"row",sx:{ml:"auto"},children:[!te.isLoading&&(0,Re.jsx)(Lt,{size:"sm",type:"submit",disabled:te.isLoading||!ne.formState.isValid,sx:{maxHeight:"100%"},color:"primary",variant:"soft",children:(0,Re.jsx)(jT,{})}),te.isLoading&&v&&(0,Re.jsx)(Lt,{size:"sm",color:"danger",sx:{maxHeight:"100%"},variant:"soft",onClick:()=>{v?.()},children:(0,Re.jsx)(f4,{})})]})]}),...ne.register("query"),onBlur:we=>{}})]}),(0,Re.jsxs)(Ce,{children:[(0,Re.jsx)(Ce,{direction:"row",sx:{position:"relative",alignItems:"center",justifyContent:"space-between",width:"100%",maxWidth:"100%",overflowX:"auto","&::-webkit-scrollbar":{height:"0"}},children:k}),!s&&(0,Re.jsx)(Ce,{sx:{mt:1},children:(0,Re.jsx)(QS,{})})]})]})]})]})}var xie=zWe;var Ab=G(ie());function SWe({agentId:e,layout:a,interfaceConfig:t,layoutClassName:i,containerSxProps:n,chatBoxProps:o,isLoadingAgent:r,agentIconUrl:s}){let{mode:u}=bE(),d=a||oj.default.Fragment,p=t?.primaryColor||"#ffffff",m=(0,oj.useMemo)(()=>oU(p,"#ffffff","#000000"),[p]);return r?(0,Ab.jsx)(Qa,{sx:{width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center",background:"transparent",...n||{}},children:(0,Ab.jsx)(Ro,{size:"sm",variant:"soft",color:"neutral"})}):(0,Ab.jsx)(d,{...a?{className:Er(u,i),agentId:e,config:t,agentIconUrl:s}:{},children:(0,Ab.jsx)(Qa,{className:Er({[`${u} ${i}`]:!a}),sx:c=>({display:"flex",flex:1,flexDirection:"column",position:"relative",width:"100%",height:"100%",overflow:"hidden",maxHeight:"100%",boxSizing:"border-box",backgroundColor:t?.isBgTransparent?"transparent":c.palette.background.default??"#ffffff","& .message-agent":{},"& .message-human":{backgroundColor:p},"& .message-human *":{color:m},...n||{}}),children:(0,Ab.jsx)(xie,{...o,...s?{agentIconUrl:s}:{}})})})}var rj=SWe;l();var $N="https://app.zappway.ai";function jWe({id:e}){let a=Ws(e?`${$N}/api/agents/${e}`:null,Ad),t=Jh(e?`${$N}/api/agents/${e}`:`${$N}/api/agents`,Qh(e?"PATCH":"POST"),{onSuccess(i,n,o){a.mutate()}});return{query:a,mutation:t}}var sj=jWe;l();var Qie=G(Zie()),Qi=G(Y());l();var Kl=G(Y(),1);var Oie=G(IF(),1),LWe="$inf$",aW=Promise.resolve(),FWe=e=>Ns(e?e(0,null):null)[0];var NWe=e=>(a,t,i)=>{let n=(0,Kl.useRef)(!1),{cache:o,initialSize:r=1,revalidateAll:s=!1,persistSize:u=!1,revalidateFirstPage:d=!0,revalidateOnMount:p=!1,parallel:m=!1}=i,c;try{c=FWe(a),c&&(c=LWe+c)}catch{}let[h,f,b]=Ls(o,c),_=(0,Kl.useCallback)(()=>wa(h()._l)?r:h()._l,[o,c,r]);(0,Oie.useSyncExternalStore)((0,Kl.useCallback)(S=>c?b(c,()=>{S()}):()=>{},[o,c]),_,_);let v=(0,Kl.useCallback)(()=>{let S=h()._l;return wa(S)?r:S},[c,r]),y=(0,Kl.useRef)(v());Fs(()=>{if(!n.current){n.current=!0;return}c&&f({_l:u?y.current:v()})},[c,o]);let k=p&&!n.current,T=e(c,async S=>{let z=h()._i,M=[],I=v(),[q]=Ls(o,S),D=q().data,x=[],W=null;for(let L=0;L<I;++L){let[j,O]=Ns(a(L,m?null:W));if(!j)break;let[F,N]=Ls(o,j),C=F().data,H=s||z||wa(C)||d&&!L&&!wa(D)||k||D&&!wa(D[L])&&!i.compare(D[L],C);if(t&&H){let Q=async()=>{C=await t(O),N({data:C,_k:O}),M[L]=C};m?x.push(Q):await Q()}else M[L]=C;m||(W=C)}return m&&await Promise.all(x.map(L=>L())),f({_i:Zt}),M},i),w=(0,Kl.useCallback)(function(S,z){let M=typeof z=="boolean"?{revalidate:z}:z||{},I=M.revalidate!==!1;return c?(I&&(wa(S)?f({_i:!0}):f({_i:!1})),arguments.length?T.mutate(S,{...M,revalidate:I}):T.mutate()):aW},[c,o]),P=(0,Kl.useCallback)(S=>{if(!c)return aW;let[,z]=Ls(o,c),M;if(ko(S)?M=S(v()):typeof S=="number"&&(M=S),typeof M!="number")return aW;z({_l:M}),y.current=M;let I=[],[q]=Ls(o,c),D=null;for(let x=0;x<M;++x){let[W]=Ns(a(x,D)),[L]=Ls(o,W),j=W?L().data:Zt;if(wa(j))return w(q().data);I.push(j),D=j}return w(I)},[c,o,w,v]);return{size:v(),setSize:P,mutate:w,get data(){return T.data},get error(){return T.error},get isValidating(){return T.isValidating},get isLoading(){return T.isLoading}}},qie=vS(Ws,NWe);l();var qm=class e extends Error{constructor(t,i){super(t);this.status=i;if(!i)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":this.status=400;break;case"EMPTY_DATASOURCE":this.status=400;break;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;default:this.status=500;break}Object.setPrototypeOf(this,e.prototype)}};l();l();l();async function Vie(e,a){let t=e.getReader(),i;for(;!(i=await t.read()).done;)a(i.value)}function Hie(e){let a,t=0,i=-1,n=!1;return function(r){if(a===void 0)a=r;else{let d=new Uint8Array(a.length+r.length);d.set(a),d.set(r,a.length),a=d}let s=a.length,u=0;for(;t<s;){n&&(a[t]===10&&(u=++t),n=!1);let d=-1;for(;t<s&&d===-1;++t)switch(a[t]){case 58:i===-1&&(i=t-u);break;case 13:case 10:n=!0,d=t;break}if(d===-1)break;e(a.subarray(u,d),i),u=t,i=-1}u===s?a=void 0:u>0&&(a=a.subarray(u),t-=u)}}function Kie(e,a,t){let i=Uie(),n=new TextDecoder;return function(r,s){if(r.length===0)t?.(i),i=Uie();else if(s>0){let u=n.decode(r.subarray(0,s)),d=s+(r[s+1]===32?2:1),p=n.decode(r.subarray(d));switch(u){case"data":i.data=i.data?i.data+`
3204
3204
  `+p:p;break;case"event":i.event=p;break;case"id":e(i.id=p);break;case"retry":let m=parseInt(p,10);isNaN(m)||a(i.retry=m);break}}}}function Uie(){return{data:"",event:"",id:"",retry:void 0}}var Tb="text/event-stream",WWe=1e3,Yie="last-event-id";function tW(e,{signal:a,headers:t,onopen:i,onmessage:n,onclose:o,onerror:r,openWhenHidden:s,fetch:u,...d}){return new Promise((p,m)=>{let c={...t};c.accept||(c.accept=Tb);let h;function f(){h.abort(),globalThis.hidden||T()}s||globalThis?.addEventListener?.("visibilitychange",f);let b=WWe,_;function v(){globalThis?.removeEventListener?.("visibilitychange",f),clearTimeout(_),h.abort()}a?.addEventListener("abort",()=>{v(),p()});let y=u??globalThis.fetch,k=i??RWe;async function T(){h=new AbortController;try{let w=await y(e,{...d,headers:c,signal:h.signal});await k(w),await Vie(w.body,Hie(Kie(P=>{P?c[Yie]=P:delete c[Yie]},P=>{b=P},n))),o?.(),v(),p()}catch(w){if(!h.signal.aborted)try{let P=r?.(w)??b;clearTimeout(_),_=setTimeout(T,P)}catch(P){v(),m(P)}}}T()})}function RWe(e){let a=e.headers.get("content-type");if(!a?.startsWith(Tb))throw new Error(`Expected content-type to be ${Tb}, Actual: ${a}`)}l();var Ib=G(Y());var BWe="https://app.zappway.ai",ZWe=({agentId:e})=>{let[a,t]=(0,Ib.useState)(!1),n=Ws(e?`${BWe}/api/agents/${e}`:null,Ad)?.data?.interfaceConfig,o=n?.rateLimit?.maxQueries||0,r=(0,Ib.useCallback)(()=>{let s=0;try{s=Number(localStorage.getItem("rateLimitCount"))}catch{}s++;try{localStorage.setItem("rateLimitCount",`${s}`)}catch{}s>=o&&t(!0)},[o]);return(0,Ib.useEffect)(()=>{if(!n?.rateLimit?.interval)return;let s=setInterval(()=>{try{localStorage.setItem("rateLimitCount","0")}catch{}t(!1)},n?.rateLimit?.interval*1e3);return()=>clearInterval(s)},[n]),{isRateExceeded:n?.rateLimit?.enabled?a:!1,handleIncrementRateLimitCount:r,rateExceededMessage:n?.rateLimit?.limitReachedMessage||"Usage limit reached"}},$ie=ZWe;var iW="https://app.zappway.ai",Bs=(0,Qi.createContext)({}),OWe=async e=>{let a="";try{a=localStorage.getItem("visitorId")}catch{}await fetch(`${iW}/api/conversations/eval-answer`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({eval:e.value,messageId:e.messageId,visitorId:a})})},qWe="conversationId",UWe=({endpoint:e,channel:a,queryBody:t,disableFetchHistory:i,...n})=>{let o=n.localStorageConversationIdKey||qWe,{t:r}=ht("UsageLimitCard",{i18n:Nt}),[s,u]=Xo({history:[],visitorId:"",conversationId:"",conversationStatus:"UNRESOLVED",hasMoreMessages:!0,prevConversationId:"",mounted:!1,handleAbort:void 0,isStreaming:!1,isAiEnabled:!0,isFormValid:!1}),{upload:d}=Xh(),{isRateExceeded:p,rateExceededMessage:m,handleIncrementRateLimitCount:c}=$ie({agentId:n.agentId}),h=(0,Qi.useCallback)(async(z,{arg:M})=>await Qh("POST")(z,M),[]),f=Jh(s.conversationId?`${iW}/api/conversations/${s.conversationId}/message`:null,h),b=qie((z,M)=>{if(!s.conversationId)return s.hasMoreMessages&&u({hasMoreMessages:!1}),null;if(M&&M?.messages?.length===0)return u({hasMoreMessages:!1}),null;let I=M?.messages?.[M?.messages?.length-1]?.id;return i?null:`${iW}/api/conversations/${s.conversationId}?cursor=${I||""}`},Ad,{onSuccess:z=>{(z===null||z?.[0]===null)&&u({conversationId:""})},...s.isAiEnabled?{refreshInterval:3e4}:{refreshInterval:5e3}}),{mutate:_}=b,v=(0,Qi.useCallback)(()=>{b.isLoading||b.isValidating||b.setSize(b.size+1)},[b]),y=(0,Qi.useCallback)(async({query:z,isDraft:M,files:I=[],attachmentsForAI:q=[]})=>{let D=z?.trim?.();if(!D||!e)return;let x=s.conversationId||(0,Qie.default)(),W=[];if(I?.length>0){let C=await d(I.map(H=>({conversationId:x,agentId:n.agentId,case:"chatUpload",fileName:H.name,mimeType:H.type,file:H})));W=I.map((H,Q)=>({name:H.name,url:C[Q],size:H.size,mimeType:H.type}))}if(a&&a!=="dashboard"&&b?.data&&!b?.data?.[0]?.isAiEnabled){await f.trigger({from:"human",message:D,channel:a,visitorId:s.visitorId}),await b.mutate();return}if(p){u({history:[...s.history,{from:"agent",message:m}]});return}let L=new AbortController,j=[...s.history,{from:"human",message:D,attachments:W.map((C,H)=>({id:H,...C}))}],O=j.length;u({history:j,isStreaming:!0,handleAbort:()=>{L.abort()}});let F="",N="";try{let C="",H="",Q="",B="",pe="";class te extends Error{}class de extends Error{}await tW(e,{method:"POST",headers:{"Content-Type":"application/json"},openWhenHidden:!0,body:JSON.stringify({...t,streaming:!0,query:D,visitorId:s.visitorId,conversationId:x,channel:a,attachments:W,isDraft:M,contact:n.contact,context:n.context,attachmentsForAI:q}),signal:L.signal,async onopen(J){if(!(J.ok&&J.headers.get("content-type")===Tb))throw J.status>=400&&J.status<500&&J.status!==429?J.status===402?new qm("USAGE_LIMIT"):new de:new te},onclose(){throw new te},onerror(J){if(console.error("on error",J,Object.keys(J)),J instanceof de)throw L.abort(),J;if(J instanceof qm)throw console.error("ApiError",qm),J},onmessage:J=>{if(console.debug("[EventSource]",J),J.data==="[DONE]"){L.abort(),console.debug("[answer]",C),console.log("[response]",Q);try{let{sources:K,conversationId:ne,visitorId:oe,messageId:ue,isValid:be,...Me}=JSON.parse(Q),qe=[...j],Ue={...Me.metadata};try{Ue={...Ue,...JSON.parse(pe||"{}")}}catch{}qe?.[O]?(qe[O].message=`${C}`,qe[O].id=ue,qe[O].metadata=Ue):qe.push({id:ue,from:"agent",message:C,sources:K,metadata:Ue,attachments:[]}),u({history:qe,conversationId:ne,prevConversationId:s.conversationId,visitorId:oe,isFormValid:be});try{localStorage.setItem("visitorId",oe||""),localStorage.setItem(o,ne||"")}catch{}C?.trim()===""&&setTimeout(()=>{b.mutate()},1e3)}catch(K){console.log(K)}}else if(J.data?.startsWith("[ERROR]")){L.abort();let K=J.data.replace("[ERROR]","");if(K==="USAGE_LIMIT")if(!a||a==="dashboard")K=r("usageLimitReached");else return;u({history:[...j,{from:"agent",message:K}]})}else if(J.event==="endpoint_response")Q+=decodeURIComponent(J.data);else if(J.event==="step"){H+=decodeURIComponent(J.data);let K=[...j];K?.[O]?K[O].message=`${H}`:K.push({from:"agent",message:H,attachments:[]}),u({history:K})}else if(J.event==="metadata")pe+=decodeURIComponent(J.data);else if(J.event==="tool_call"){B+=J.data;let K=[...j];K?.[O]?K[O].step={type:"tool_call"}:K.push({from:"agent",message:"",step:{type:"tool_call"},attachments:[]}),u({history:K})}else if(J.event==="answer"){C+=decodeURIComponent(J.data);let K=[...j];K?.[O]?K[O].message=`${C}`:K.push({from:"agent",message:C,attachments:[]}),u({history:K})}}}),c?.()}catch(C){console.error("err",C),C instanceof qm&&(C?.message?(N=C?.message,N==="USAGE_LIMIT"?F=r("usageLimitReached"):F=`Error: ${N}`):F=`Error: ${N}`,u({history:[...j,{from:"agent",message:F}]}))}finally{u({isStreaming:!1})}},[a,e,p,b,n.agentId,n.contact,n.context,f,d,o,m,s.conversationId,s.history,s.visitorId,t,u,c,r]),k=(0,Qi.useCallback)(z=>{u({conversationId:z||""});try{localStorage.setItem(o,z||"")}catch{}},[u,o]),T=(0,Qi.useCallback)(z=>{u({visitorId:z||""});try{localStorage.setItem("visitorId",z||"")}catch{}},[u]),w=(0,Qi.useCallback)(z=>k(z),[k]),P=(0,Qi.useCallback)(z=>{u({history:z})},[u]);(0,Qi.useEffect)(()=>{b.data&&u({history:b.data?.filter(z=>!!z)?.map(z=>z?.messages)?.flat()?.reverse()?.map(z=>({id:z?.id,conversationId:z?.conversationId,eval:z?.eval,from:z?.from,message:z?.text,createdAt:z?.createdAt,sources:z?.sources,approvals:z?.approvals||[],metadata:z?.metadata||{},attachments:z?.attachments||[],submission:z?.submission,iconUrl:z?.from==="agent"?void 0:z?.user?.customPicture||z?.user?.picture,fromName:z?.user?.name})),conversationStatus:b.data[0]?.status??s.conversationStatus,isAiEnabled:b?.data?.[0]?.isAiEnabled})},[b.data,u,s.conversationStatus]),(0,Qi.useEffect)(()=>{s.conversationId&&b.mutate()},[s.conversationId,b]),(0,Qi.useEffect)(()=>{if(!s.prevConversationId&&s.conversationId){u({hasMoreMessages:!1});return}s.conversationId||u({history:[]})},[s.conversationId,u,s.prevConversationId]),(0,Qi.useEffect)(()=>{if(typeof window<"u")try{let z=localStorage.getItem("visitorId"),M=localStorage.getItem(o);u({visitorId:z,conversationId:M})}catch{}},[o,u]);let S=(0,Qi.useCallback)(()=>_(),[_]);return{agentId:n.agentId,history:s.history,isLoadingConversation:b.isLoading,isValidatingConversation:b.isValidating,isFomValid:s.isFormValid,hasMoreMessages:s.hasMoreMessages,visitorId:s.visitorId,conversationId:s.conversationId,handleAbort:s.handleAbort,conversationStatus:s.conversationStatus,visitorEmail:b?.data?.[0]?.lead?.email||"",contact:b?.data?.[0]?.participantsVisitors?.[0]?.contact,isStreaming:s.isStreaming,isAiEnabled:s.isAiEnabled,conversationAttachments:b?.data?.[0]?.attachments||[],createNewConversation:w,handleChatSubmit:y,handleLoadMoreMessages:v,setConversationId:k,setVisitorId:T,handleEvalAnswer:OWe,setHistory:P,refreshConversation:S}},Jie=UWe;l();l();var Xie=G(ie()),ene=Ke((0,Xie.jsx)("path",{d:"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2m-.4 4.25-7.07 4.42c-.32.2-.74.2-1.06 0L4.4 8.25c-.25-.16-.4-.43-.4-.72 0-.67.73-1.07 1.3-.72L12 11l6.7-4.19c.57-.35 1.3.05 1.3.72 0 .29-.15.56-.4.72"}),"EmailRounded");l();var ane=G(ie()),tne=Ke((0,ane.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-2h2zm0-4h-2V7h2z"}),"Error");var ine=G(Y());var Zs=G(ie());function nW(e){let a=(0,ine.useRef)(null),{t}=ht("",{i18n:Nt}),[i,n]=Xo({isCaptureLoading:!1,isCaptureSuccess:!1,visitorEmail:e.visitorEmail||"",emailInputValue:"",validPayload:void 0}),o=at.object({...e.isEmailEnabled?{email:at.string().email()}:{},...e.isPhoneNumberEnabled?{phoneNumber:at.string().min(1)}:{}}),r=dg({resolver:pg(o),mode:"onChange"}),s=async d=>{n({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:d.email,phoneNumber:d.phoneNumber})}),await e.onSubmitSucess?.(d),n({isCaptureLoading:!1,isCaptureSuccess:!0})},u=typeof window<"u"?a.current?.closest(".zappway-widget"):null;return console.log("ERRORS-------->",r.formState.errors),(0,Zs.jsxs)(Ce,{ref:a,onChange:d=>{d.preventDefault(),d.stopPropagation()},onSubmit:d=>{d.preventDefault(),d.stopPropagation(),r.handleSubmit(s)(d)},component:Zi.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,Zs.jsx)(fa,{startDecorator:(0,Zs.jsx)(tne,{sx:{fontSize:"sm"}}),level:"body-xs",fontWeight:600,children:t("chatbubble:lead.instruction")}),e.isEmailEnabled&&(0,Zs.jsx)(xd,{control:r.control,sx:{width:"100%"},size:"sm",type:"email",placeholder:t("chatbubble:lead.email"),startDecorator:(0,Zs.jsx)(ene,{}),defaultValue:e.visitorEmail,...r.register("email")}),e.isPhoneNumberEnabled&&(0,Zs.jsx)(ij,{control:r.control,...r.register("phoneNumber"),placeholder:"phone number",handleChange:d=>{r.setValue("phoneNumber",d,{shouldValidate:!0,shouldDirty:!0})},selectProps:{slotProps:{listbox:{container:u}}}}),(0,Zs.jsx)(ii,{size:"sm",type:"submit",color:"primary",loading:i.isCaptureLoading,disabled:!r.formState.isValid,children:(0,Zs.jsx)(jT,{sx:{fontSize:"sm"}})})]})}l();var Ine=G(Y());l();l();var nne=G(ie()),one=Ke((0,nne.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 4c1.93 0 3.5 1.57 3.5 3.5S13.93 13 12 13s-3.5-1.57-3.5-3.5S10.07 6 12 6m0 14c-2.03 0-4.43-.82-6.14-2.88C7.55 15.8 9.68 15 12 15s4.45.8 6.14 2.12C16.43 19.18 14.03 20 12 20"}),"AccountCircleRounded");var Ane=G(Y());l();l();var rne=G(ie()),sne=Ke((0,rne.jsx)("path",{d:"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2m4.3 14.3c-.39.39-1.02.39-1.41 0L12 13.41 9.11 16.3c-.39.39-1.02.39-1.41 0a.996.996 0 0 1 0-1.41L10.59 12 7.7 9.11a.996.996 0 0 1 0-1.41c.39-.39 1.02-.39 1.41 0L12 10.59l2.89-2.89c.39-.39 1.02-.39 1.41 0s.39 1.02 0 1.41L13.41 12l2.89 2.89c.38.38.38 1.02 0 1.41"}),"CancelRounded");l();var lne=G(ie()),une=Ke((0,lne.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8z"}),"CheckCircle");var pj=G(Y());l();l();var dne=G(ie()),pne=Ke((0,dne.jsx)("path",{d:"M18.3 5.71a.996.996 0 0 0-1.41 0L12 10.59 7.11 5.7a.996.996 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41s1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0s.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4"}),"ClearRounded");l();var mne=G(ie()),cne=Ke((0,mne.jsx)("path",{d:"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"}),"Close");l();var gne=G(ie()),hne=Ke((0,gne.jsx)("path",{d:"M18.3 5.71a.996.996 0 0 0-1.41 0L12 10.59 7.11 5.7a.996.996 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41s1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0s.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4"}),"CloseRounded");var Un=G(Y());l();var bne=G(Y());var Pb=G(ie());function VWe(e){let{t:a}=ht("_Chatbox_NewChatButton",{i18n:Nt}),{createNewConversation:t,history:i}=(0,bne.useContext)(Bs);return i.length<2?null:(0,Pb.jsx)(SD,{title:a("new_chat"),variant:"solid",placement:"bottom",arrow:!0,disablePortal:!0,sx:n=>({zIndex:1e10,borderRadius:n.radius.md}),children:(0,Pb.jsx)(Lt,{onClick:()=>t(),color:"neutral",variant:"plain",size:"sm",...e,children:(0,Pb.jsx)(vg,{sx:{fontSize:"1rem"},children:(0,Pb.jsx)("svg",{viewBox:"0 0 24 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",children:(0,Pb.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 dj=VWe;var Fa=G(ie()),HWe={theme:"light",primaryColor:"#000000",position:"left"},fne="https://app.zappway.ai",KWe=e=>{let{t:a}=ht("_embeds_chatbubble",{i18n:Nt});return(0,Fa.jsxs)(Ce,{sx:{position:"relative",px:2,pt:6,pb:1,flex:1,width:"100%",height:"100%",maxHeight:"100%",overflowY:"hidden"},children:[(0,Fa.jsx)(Qa,{sx:{position:"absolute",width:"100%",top:0,left:0,right:0,zIndex:1},children:(0,Fa.jsxs)(Ce,{direction:"row",sx:t=>({px:2,py:1,alignItems:"center",borderBottom:"1px solid",borderColor:"divider"}),children:[(0,Fa.jsx)(Nu,{size:"sm",variant:"outlined",sx:{mr:1},src:e?.imageUrl}),(0,Fa.jsx)(fa,{level:"body-lg",sx:{fontFamily:"Poppins, sans-serif",fontWeight:600},children:e.config?.displayName}),(0,Fa.jsxs)(Ce,{direction:"row",sx:{ml:"auto",alignItems:"center"},children:[(0,Fa.jsx)(dj,{variant:"plain"}),e.handleClose&&(0,Fa.jsx)(Lt,{variant:"plain",size:"sm",onClick:e.handleClose,"aria-label":a("close"),children:(0,Fa.jsx)(hne,{})})]})]})}),e.children]})};function YWe({...e}){let{t:a}=ht("_embeds_chatbubble",{i18n:Nt}),t=e.interfaceConfig||HWe,i=e?.interfaceConfig?.iconUrl||e?.agentIconUrl||"https://app.zappway.ai/images/chatbubble-default-icon-sm.gif",n=(0,Un.useRef)(null),o=(0,Un.useRef)(null),r=(0,Un.useRef)(null),s=(0,Un.useRef)(null),[u,d]=Xo({isOpen:!!e.isOpen,hasOpenOnce:!1,showInitialMessage:!1,visitorEmail:"",showLeadFormAfterMessageId:""});(0,Un.useEffect)(()=>{d({isOpen:!!e.isOpen})},[e.isOpen,d]);let p=(0,Un.useMemo)(()=>(t.initialMessages||[]).map(b=>b?.trim?.()).filter(b=>!!b),[t?.initialMessages]);(0,Un.useEffect)(()=>{let f=null;return p?.length>0&&!t?.isInitMessagePopupDisabled&&(f=setTimeout(()=>{d({showInitialMessage:!0})},5e3)),()=>{f&&clearTimeout(f)}},[p?.length,t?.isInitMessagePopupDisabled,d]);let m=(0,Un.useCallback)(()=>{d({isOpen:!1})},[d]),c=(0,Un.useMemo)(()=>(0,Fa.jsx)(Nu,{src:i,sx:{width:"100%",height:"100%",background:"transparent",...t?.bubbleIconStyle}}),[i,t?.bubbleIconStyle]),h=(0,Un.useMemo)(()=>f=>(0,Fa.jsx)(KWe,{...f,handleClose:m,imageUrl:i}),[m,i]);return e?.isLoadingAgent?null:(0,Fa.jsxs)(Fa.Fragment,{children:[p?.length>0&&u.showInitialMessage&&!u.hasOpenOnce&&(0,Fa.jsxs)(Ce,{ref:n,className:"zappway-init-messages",sx:{position:"fixed",bottom:100,maxWidth:{xs:"90%",sm:"500px"},zIndex:9999999999-1,...t?.position==="left"?{left:"20px"}:{},...t?.position==="right"?{right:"20px"}:{}},gap:2,children:[(0,Fa.jsx)(Lt,{sx:{position:"absolute",zIndex:2,top:-2,transform:"translate(0px, -125%)",p:.2,backgroundColor:"white",minWidth:"10px",minHeight:"10px",borderRadius:"100%",...t?.position==="left"?{right:0}:{},...t?.position==="right"?{right:0}:{}},variant:"outlined",color:"neutral",size:"md",onClick:()=>d({showInitialMessage:!1}),"aria-label":a("close"),children:(0,Fa.jsx)(cne,{sx:{fontSize:"sm"}})}),(0,Fa.jsx)(aS,{messages:p.map(f=>({iconUrl:i,from:"agent",message:f,approvals:[]}))})]}),(0,Fa.jsxs)(Qa,{className:"zappway-widget",sx:{overflow:"visible",position:"fixed",height:"60px",bottom:"20px",zIndex:9999999999,...t?.position==="left"?{left:"20px"}:{},...t?.position==="right"?{right:"20px"}:{}},children:[(0,Fa.jsx)(ed,{children:u.isOpen&&(0,Fa.jsx)(Zi.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.2},children:(0,Fa.jsx)(Dn,{ref:o,variant:"outlined",sx:f=>({pointerEvents:u.isOpen?"all":"none",position:"absolute",bottom:"80px",display:"flex",flexDirection:"column",boxSizing:"border-box",p:0,gap:0,opacity:1,zIndex:1,...t?.position==="right"?{transform:"translateX(-450px)"}:{},[f.breakpoints.up("sm")]:{width:"500px"},[f.breakpoints.only("xs")]:{width:"100vw",height:"100dvh",maxWidth:"100vw",position:"fixed",left:0,top:0,transform:"translateX(0px)"},overflowY:"hidden",background:`linear-gradient(to bottom,
3205
3205
  rgba(255, 255, 255, 0.3) 0%,
3206
3206
  rgba(0, 154, 126, 0.3) 50%,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zappway/embeds",
3
- "version": "1.0.11",
3
+ "version": "1.0.12",
4
4
  "description": "ZappWay Embeds",
5
5
  "main": "dist/chatbox/index.js",
6
6
  "scripts": {
@@ -29,8 +29,8 @@
29
29
  "concurrently": "^8.2.1",
30
30
  "esbuild": "^0.20.0",
31
31
  "esbuild-style-plugin": "^1.6.3",
32
- "react": "18.2.0",
33
- "react-dom": "18.2.0",
32
+ "react": "18.3.1",
33
+ "react-dom": "18.3.1",
34
34
  "tailwindcss": "^3.3.6"
35
35
  },
36
36
  "devDependencies": {