https://go.chatway.app/assets/SelectField-CPSS4bTV.js

1(function(){try{var e=typeof window<`u`?window:typeof global<`u`?global:typeof globalThis<`u`?globalThis:typeof self<`u`?self:{};e.SENTRY_RELEASE={id:`release-202609300849`};var t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]=`fbf10b38-d510-4883-a2b4-f5f777fff0d0`,e._sentryDebugIdIdentifier=`sentry-dbid-fbf10b38-d510-4883-a2b4-f5f777fff0d0`)}catch{}})();import{A as e,C as t,I as n,It as r,K as i,M as a,Mt as o,Nt as s,O as c,Ot as l,Q as u,R as d,S as f,Z as ee,et as p,gt as m,ht as h,it as g,j as _,k as v,ot as y,pt as te,w as b,x}from"./vendor-vue-core-DI5wj9bP.js";import{rt as ne}from"./utils-CL0hl12X.js";import{t as re}from"./user-TQfZ8_Hw.js";import{a as ie}from"./vendor-utils-DEw0FKGV.js";import{E as ae,I as oe,b as se}from"./vendor-ui-CGAfvdzI.js";import{t as ce}from"./UpgradeNowPopup-CeySrX7P.js";import{t as S}from"./Tooltip-DWtxWN0K.js";import"./plain-crown-1QMiupZR.js";import{t as le}from"./useSelectFieldManager-CL_tlHKM.js";var ue={key:0,class:`flex items-center justify-between`},C={class:`flex items-center gap-1 mb-1`},de=[`for`],w={class:`p-3 w-96`},T={class:`w-[20.875rem]`},fe={class:`w-full`},pe={class:`relative`},me=[`id`,`aria-label`,`value`,`disabled`,`readonly`,`placeholder`],he={class:`absolute inset-y-0 right-0 flex items-center pr-4`},ge=[`disabled`],_e={class:`relative`},ve=[`id`,`onMouseenter`,`aria-selected`],ye=[`textContent`],be={class:`absolute inset-y-0 right-0 flex items-center pr-4`},xe={class:`text-danger text-xs font-normal`},Se=[`innerHTML`],E=d({__name:`SelectField`,props:{options:{},name:{},modelValue:{},placeholder:{default:`Select an option`},emptyOptionsMessage:{default:`No items found.`},label:{},tooltip:{},hasError:{type:Boolean},validationMessage:{},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},server:{type:Boolean,default:!1},isLoading:{type:Boolean},optionLabel:{default:`label`},optionValue:{default:`value`},showUnselect:{type:Boolean,default:!0},showOnTop:{type:Boolean,default:!1},multiple:{type:Boolean,default:!1},message:{},isAlertMessage:{type:Boolean},isProFeature:{type:Boolean,default:!1},classes:{default:``},inputAriaLabel:{default:``}},emits:[`update:modelValue`,`on-search`,`on-scroll`,`blur`],setup(d,{emit:E}){let Ce=re(),D=E,O=d,{openSelectField:k,closeSelectField:A}=le(),j=l(-1),M=l(!1),N=l(O.modelValue),P=l(``),F=l(null),I=l(null),L=`select-field-${ie()}`,R=c(()=>Array.isArray(O.options)?O.options:Object.keys(O.options)),z=c(()=>R.value.filter(e=>{let t=V(e);return t&&t.toString().replace(/[_-]/g,` `).toLowerCase().includes(P.value.toLowerCase())})),B=c(()=>{if(O.multiple)return R.value.filter(e=>U(e)).map(e=>V(e)).join(`, `);let e=R.value.find(e=>U(e));return e?V(e):``}),V=e=>{let t;return t=Array.isArray(O.options)?typeof e==`string`||typeof e==`number`?e:e[O.optionLabel]:O.options[e],t},H=e=>{let t;return t=typeof e==`string`||typeof e==`number`?e:e[O.optionValue],t},U=e=>{let t=e;return typeof e==`object`&&(t=e[O.optionValue]),O.multiple&&Array.isArray(N.value)?N.value.includes(t):N.value==t},W=()=>{M.value||(k(L),j.value=R.value.findIndex(e=>H(e)==N.value),j.value<0&&(j.value=0),M.value=!0,i(()=>{Z()}))},G=()=>{M.value=!1,j.value=-1,P.value=``,A(L)},K=()=>{if(!M.value){W();return}j.value+1>=z.value.length&&(j.value=-1),j.value++,i(()=>{Z()})},q=()=>{j.value<=0&&(j.value=z.value.length),j.value--,i(()=>{Z()})},J=()=>{Y(),G()},Y=()=>{if(!M.value){W();return}let e=z.value[j.value<=0?0:j.value];O.multiple&&!U(e)?N.value.push(H(e)):O.multiple&&U(e)?we(e):N.value=H(e),D(`update:modelValue`,N.value),O.multiple||G();let t=document.getElementById(O.name);t&&t.blur()},we=e=>{N.value.splice(N.value.indexOf(H(e)),1)},X=()=>{O.multiple&&!Array.isArray(O.modelValue)?N.value=[]:N.value=``,j.value=-1,D(`update:modelValue`,N.value)},Te=()=>{if(M.value)return G();W()},Z=()=>{let e=document.getElementById(`listbox`);if(e&&j.value>=0){let t=e.children[j.value],n=e.getBoundingClientRect(),r=t.getBoundingClientRect(),i=r.top-n.top-n.height/2+r.height/2;e.scrollTop+=i}},Ee=e=>{P.value=e.target.value,O.server&&De()},Q=()=>{O.multiple&&!Array.isArray(O.modelValue)?N.value=[]:N.value=O.modelValue};te(()=>O.modelValue,()=>{Q()});let De=oe(()=>{D(`on-search`,P.value)},500),$=e=>{e.detail.id===L&&G()};return ee(()=>{Q(),document.addEventListener(`closeSelectField`,$),O.server&&ae(I.value,()=>{D(`on-scroll`)},{distance:10})}),u(()=>{document.removeEventListener(`closeSelectField`,$),A(L)}),se(F,()=>G()),(i,c)=>{let l=y(`CwIcon`),u=y(`Loader`);return p(),a(`div`,{class:`w-full`,"data-select-field-id":L},[v(`div`,{ref_key:`listbox`,ref:F,onKeydown:c[9]||=f(e=>G(),[`escape`])},[i.label?(p(),a(`div`,ue,[v(`div`,C,[v(`label`,{for:i.name,class:`text-grey900 text-sm font-normal`},r(i.label),9,de),i.tooltip?(p(),e(S,{key:0,distance:10},{content:h(()=>[v(`div`,w,[v(`span`,null,r(i.tooltip),1)])]),default:h(()=>[n(l,{name:`info`,class:`text-grey600`})]),_:1})):_(``,!0)]),i.isProFeature&&!o(Ce).isProUserOrTrial?(p(),e(S,{key:0,placement:`left`,triggers:[`click`],theme:`chatway-upgraden

1ow`},{content:h(()=>[v(`div`,T,[n(ce)])]),default:h(()=>[c[10]||=v(`img`,{src:`data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M18.3281%206.12599L18.3305%206.12796C18.4384%206.21694%2018.5193%206.33432%2018.564%206.46685C18.6088%206.59938%2018.6156%206.74178%2018.5836%206.87796L16.5915%2015.3385L16.5915%2015.3385L16.5902%2015.3443C16.5686%2015.4412%2016.5271%2015.5326%2016.4685%2015.6127L16.8718%2015.9082L16.4685%2015.6127C16.4098%2015.6927%2016.3351%2015.7598%2016.2492%2015.8096L16.2484%2015.8101C16.0686%2015.9148%2015.8547%2015.9443%2015.6533%2015.8921C11.9501%2014.8689%208.03869%2014.8692%204.33559%2015.893L4.33558%2015.893L4.32974%2015.8947C4.26827%2015.9125%204.20462%2015.9216%204.14064%2015.9218C4.00271%2015.9215%203.86743%2015.884%203.74908%2015.8131L3.74667%2015.8117C3.66018%2015.7606%203.58497%2015.6924%203.5256%2015.6114C3.46622%2015.5304%203.42392%2015.4381%203.40125%2015.3403L3.40094%2015.3389L1.41656%206.87798L1.41626%206.87671C1.38395%206.74056%201.39038%206.5981%201.4348%206.46541C1.47923%206.33273%201.55989%206.21512%201.66766%206.12588C1.77543%206.03664%201.90602%205.97932%202.04466%205.96042C2.1833%205.94151%202.32447%205.96177%202.4522%206.01889L2.45318%206.01933L6.4063%207.77714L6.82462%207.96315L7.04669%207.56282L9.34219%203.42468C9.40829%203.30905%209.50371%203.21287%209.61884%203.14585L9.3673%202.71373L9.61884%203.14585C9.7346%203.07847%209.86614%203.04297%2010.0001%203.04297C10.134%203.04297%2010.2656%203.07847%2010.3813%203.14585C10.4965%203.21287%2010.5919%203.30905%2010.658%203.42468L12.9535%207.56282L13.1755%207.96315L13.5939%207.77714L17.547%206.01933L17.5486%206.01862C17.6755%205.96165%2017.8159%205.94151%2017.9537%205.96049C18.0916%205.97948%2018.2213%206.03682%2018.3281%206.12599Z'%20fill='%23FFB800'%20stroke='%23FFB800'/%3e%3cmask%20id='mask0_9616_42288'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='2'%20width='20'%20height='15'%3e%3cpath%20d='M18.332%206.08302L18.3344%206.085C18.4423%206.17397%2018.5232%206.29135%2018.568%206.42388C18.6127%206.55642%2018.6195%206.69882%2018.5875%206.835L16.5954%2015.2955L16.5954%2015.2955L16.5941%2015.3013C16.5725%2015.3982%2016.531%2015.4896%2016.4724%2015.5697C16.4137%2015.6498%2016.339%2015.7168%2016.2532%2015.7667L16.2523%2015.7671C16.0725%2015.8719%2015.8586%2015.9013%2015.6572%2015.8491C11.954%2014.8259%208.04259%2014.8263%204.3395%2015.8501L4.33949%2015.85L4.33364%2015.8517C4.27218%2015.8695%204.20853%2015.8787%204.14454%2015.8789C4.00662%2015.8786%203.87133%2015.841%203.75299%2015.7702L3.75057%2015.7687C3.66409%2015.7176%203.58888%2015.6495%203.5295%2015.5684C3.47013%2015.4874%203.42783%2015.3952%203.40516%2015.2973L3.40484%2015.2959L1.42047%206.83501L1.42017%206.83374C1.38786%206.69759%201.39428%206.55513%201.43871%206.42244C1.48314%206.28976%201.56379%206.17215%201.67157%206.08291C1.77934%205.99367%201.90993%205.93635%202.04857%205.91745C2.18721%205.89854%202.32837%205.9188%202.4561%205.97593L2.45709%205.97636L6.41021%207.73417L6.82853%207.92018L7.0506%207.51985L9.34609%203.38171C9.41219%203.26608%209.50762%203.1699%209.62275%203.10288C9.7385%203.0355%209.87005%203%2010.004%203C10.1379%203%2010.2695%203.0355%2010.3852%203.10288C10.5004%203.1699%2010.5958%203.26608%2010.6619%203.38171L12.9574%207.51985L13.1795%207.92018L13.5978%207.73417L17.5509%205.97637L17.5525%205.97566C17.6794%205.91868%2017.8198%205.89854%2017.9576%205.91752C18.0955%205.93651%2018.2252%205.99385%2018.332%206.08302Z'%20fill='%23FFB800'%20stroke='%23FFB800'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_9616_42288)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M13.9968%20-0.654127L12.7814%20-0.820312L7.89941%2022.7099L9.11479%2022.876L13.9968%20-0.654127ZM17.5603%204.17066L14.3624%203.7334L11.4011%2018.0067L14.599%2018.444L17.5603%204.17066Z'%20fill='white'%20fill-opacity='0.5'/%3e%3c/g%3e%3c/svg%3e`,alt:`upgrade`,class:`cursor-pointer`},null,-1)]),_:1})):_(``,!0)])):_(``,!0),v(`div`,fe,[v(`div`,pe,[v(`input`,{id:i.name,"aria-label":i.inputAriaLabel,value:P.value,disabled:i.disabled,readonly:i.readonly,onClick:W,onFocus:W,onKeyup:t(Ee,[`prevent`]),onKeydown:[c[0]||=f(t(e=>J(),[`stop`,`prevent`]),[`enter`]),c[1]||=f(t(e=>q(),[`prevent`]),[`arrow-up`]),c[2]||=f(t(e=>K(),[`prevent`]),[`arrow-down`])],type:`search`,class:s([`placeholder:text-grey600 text-base w-full py-3 pl-4 pr-10 text-left transition duration-150 ease-in-out bg-white border focus:border-primary rounded-lg cursor-default disabled:!bg-transparent disabled:opacity-50 focus:outline-hidden focu

1s:shadow-outline-primary hover:border-[#0446de66] leading-5 truncate`,{"border-primary":M.value,"border-grey200":!M.value,"border-negative100":i.hasError,"placeholder:text-grey900":B.value&&!M.value,"cursor-not-allowed":i.disabled,rtl:o(ne)(P.value),[i.classes]:!!i.classes}]),placeholder:B.value&&!M.value?B.value:i.placeholder,onBlur:c[3]||=e=>D(`blur`,e)},null,42,me),v(`span`,he,[i.showUnselect&&!i.multiple&&!M.value&&B.value?(p(),a(`button`,{key:0,onClick:X,class:`p-1 h-auto`,tabindex:`-1`},[n(l,{name:`close`,class:`w-3.5 h-3.5 text-grey600`})])):_(``,!0),v(`button`,{onClick:Te,disabled:i.disabled,class:s([`p-0 h-auto disabled:!bg-transparent`,{"transition rotate-180":M.value}]),tabindex:`-1`},[n(l,{name:`chevron-down`,class:`w-5 h-5 text-grey600`})],10,ge)])])]),v(`div`,_e,[m(v(`div`,{"leave-active-class":`transition ease-in duration-100`,"leave-from-class":`opacity-100`,"leave-to-class":`opacity-0`,"data-select-field-id":L,class:s([`absolute z-10 w-full mt-1 bg-white rounded-md overflow-hidden shadow-[-4px_0px_16px_0px_rgba(43,43,62,0.16)]`,i.showOnTop?`bottom-12 mb-1`:`top-0 mt-1`])},[v(`ul`,{id:`listbox`,onKeydown:[c[6]||=f(t(e=>J(),[`stop`,`prevent`]),[`enter`]),c[7]||=f(t(e=>q(),[`prevent`]),[`arrow-up`]),c[8]||=f(t(e=>K(),[`prevent`]),[`arrow-down`])],role:`listbox`,tabindex:`-1`,class:`py-1 overflow-auto text-base rounded-md shadow-xs max-h-60 focus:outline-hidden`,ref_key:`scrollEl`,ref:I},[(p(!0),a(b,null,g(z.value,(e,t)=>(p(),a(`li`,{key:e.toString(),id:i.name+`Option`+j.value,onClick:c[4]||=e=>Y(),onMouseenter:e=>j.value=t,onMouseleave:c[5]||=e=>j.value=-1,role:`option`,"aria-selected":j.value===t,class:s([{"bg-grey100":t===j.value},`relative py-2 pl-4 pr-9 m-0 cursor-pointer select-none`])},[v(`span`,{textContent:r(V(e)),class:s([{"text-primary":U(e)},`block text-sm font-normal text-grey900 truncate`])},null,10,ye),m(v(`span`,be,[n(l,{name:`check`,class:`text-primary`})],512),[[x,U(e)]])],42,ve))),128)),i.isLoading?(p(),e(u,{key:0,size:`20px`})):_(``,!0),m(v(`div`,{class:`px-3 py-2 text-grey900 text-sm font-normal cursor-default select-none`},r(P.value?`No results match your search.`:i.emptyOptionsMessage),513),[[x,!i.isLoading&&!z.value.length]])],544)],2),[[x,M.value&&!i.disabled]])]),(p(!0),a(b,null,g(i.validationMessage,(e,t)=>(p(),a(`div`,{key:t},[v(`span`,xe,r(e.$message),1)]))),128)),i.message?(p(),a(`div`,{key:1,class:s([`mt-1 text-sm`,i.isAlertMessage?`text-danger`:`text-grey600`]),innerHTML:i.message},null,10,Se)):_(``,!0)],544)])}}});export{E as t};
2//# sourceMappingURL=SelectField-CPSS4bTV.js.map