@hiver/connector-agent 2.0.1-beta.7 → 2.0.1-beta.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/index.es.js +1 -1
  2. package/index.umd.js +1 -1
  3. package/package.json +1 -1
package/index.es.js CHANGED
@@ -36821,7 +36821,7 @@ Do you want to continue?`, pV = "Select an object to create", CV = "Select an ob
36821
36821
  setShowModal: w
36822
36822
  }
36823
36823
  ) }),
36824
- /* @__PURE__ */ b.jsx(qN, { className: i ? "" : "slideUp", height: k, children: /* @__PURE__ */ b.jsx(Ne, { ref: M, gap: 1, margin: "12px", children: c && (!(R != null && R.length) || H) ? /* @__PURE__ */ b.jsxs(b.Fragment, { children: [
36824
+ /* @__PURE__ */ b.jsx(qN, { ref: M, className: i ? "" : "slideUp", height: k, children: /* @__PURE__ */ b.jsx(Ne, { gap: 1, margin: "12px", children: c && (!(R != null && R.length) || H) ? /* @__PURE__ */ b.jsxs(b.Fragment, { children: [
36825
36825
  /* @__PURE__ */ b.jsx(Ur, { variant: "rounded", width: "100%", height: 20, animation: "wave" }),
36826
36826
  /* @__PURE__ */ b.jsx(Ur, { variant: "rounded", width: "100%", height: 20, animation: "wave" })
36827
36827
  ] }) : /* @__PURE__ */ b.jsx(b.Fragment, { children: H ? /* @__PURE__ */ b.jsx(It, { margin: "8px 0", children: /* @__PURE__ */ b.jsx(
package/index.umd.js CHANGED
@@ -2424,7 +2424,7 @@ Take a look at the reducer(s) handling this action type: ${B.type}.
2424
2424
  width: 10px;
2425
2425
  }
2426
2426
  `,vj=(e,{closeToast:t})=>b.jsx(Qj,{children:b.jsx("img",{src:Ij,onClick:t})}),Hl=({message:e})=>b.jsxs(hj,{children:[b.jsx(mj,{}),b.jsx(Bj,{children:e})]});function an(e){const{message:t,type:n,autoClose:o}=e,r={closeButton:b.jsx(vj,{}),autoClose:o??5e3,pauseOnHover:!0,position:"bottom-left",rtl:!1,draggable:!0,closeOnClick:!0,hideProgressBar:!0};let i;switch(n){case"success":{i=rt.success(b.jsx(Hl,{message:t}),{...r,icon:!1});break}case"error":{i=rt.error(b.jsx(Hl,{message:t}),{...r,icon:!1});break}case"info-dark":{i=rt.info(b.jsx(Hl,{message:t}),{...r,icon:!1,className:"toast_dark"});break}default:{i=rt.info(b.jsx(Hl,{message:t}),{...r,icon:!1});break}}return setTimeout(()=>{bj(i)},o&&!isNaN(o)?Number(o):5e3),i}function bj(e){rt.dismiss(e)}const zh={updateFormApiStatus:Oe.IDLE,createObjectList:[],linkObjectList:[],editObjectList:[],objectDict:null,formFields:null,previewCardData:null,objectListApiStatus:Oe.IDLE,unlinkCardApiStatus:Oe.IDLE,linkCardApiStatus:Oe.IDLE,previewCardApiStatus:Oe.IDLE,optionsMap:null,dropdownOptionsApis:Oe.IDLE,dependentFieldsMap:{},createFormApiStatus:Oe.IDLE,currentResourceDetailsApiStatus:Oe.IDLE,currentResourceDetails:null,currentCardInEdit:null,hasUnsavedChanges:!1},Xr="/v1/api",yj=`${Xr}/connectors/forms/list`,wj=`${Xr}/connectors/cards/:id/unlink`,xj=`${Xr}/connectors/forms/:id/link`,Tj=`${Xr}/connectors/forms/:id/preview`,Fj=`${Xr}/connectors/forms/:formId/field/:fieldName/data`,Sj=`${Xr}/connectors/form/:formId`,Oj=`${Xr}/connectors/forms/:formId/data`,kj=({inboxIds:e,channelType:t,conversationId:n})=>{const o=new URLSearchParams;return e.forEach(r=>o.append("inbox_ids",r)),o.append("channel_type",t),o.append("conversation_id",String(n)),Bo({url:`${yj}?${o.toString()}`,method:Wo.GET})},Mj=(e,t,n="email")=>{const o=new URLSearchParams;return o.append("channel_type",n),Bo({url:j2(`${Fj}?${o.toString()}`,e),method:Wo.POST,data:t})},Yh=(e,t,n="email")=>{const o=new URLSearchParams;return o.append("channel_type",n),Bo({url:j2(`${Sj}?${o.toString()}`,e),method:Wo.POST,data:t})},Dj=(e,t="email",n,o)=>{const r=new URLSearchParams;return r.append("channel_type",t),Bo({url:`${wj.replace(":id",e)}?${r.toString()}`,method:Wo.POST,data:{externalResourceId:n,conversationId:o}})},Pj=(e,t,n="email",o)=>{const r=new URLSearchParams;return r.append("channel_type",n),Bo({url:`${xj.replace(":id",e)}?${r.toString()}`,method:Wo.POST,data:{externalResourceId:t,conversationId:o}})},Rj=(e,t,n="email")=>{const o=new URLSearchParams;return o.append("channel_type",n),Bo({url:`${Tj.replace(":id",e)}?${o.toString()}`,method:Wo.POST,data:{args:t}})},Lj=(e,t="email",n,o,r)=>{const i=new URLSearchParams;return i.append("channel_type",t),i.append("conversation_id",String(n||"")),i.append("senderEmail",r),i.append("externalResourceId",o),Bo({url:`${Oj.replace(":formId",e)}?${i.toString()}`,method:Wo.GET})},Nj="Error in previewing the card",Uj="Card linked successfully",jj="Error in linking the card",Gh="Please enter a valid URL",Vj="Please enter valid ID",Hj="Please enter valid input",Wj="URL must start with https://",zj="URL should not end with a slash",Yj="Invalid email address",Gj="Email must be a string",Xh="Invalid date",Xj="Date cannot be in the past",Kj="Date cannot be in the future",_j="Invalid number",Zj="Invalid text",Jj="New card created",qj="Card creation failed",$j="https://avatars.githubusercontent.com/u/62397590",eV="Create and link objects from different apps to this conversation",tV="Are you sure you want to change the primary object?",nV="Changing the primary object will reset all the information you’ve entered and all data will be lost and can’t be recovered.",oV="Are you sure you want to leave?",rV=`If you go back now, all the information you’ve entered will be lost and can’t be recovered.
2427
- Do you want to continue?`,iV="Select an object to create",sV="Select an object to link",Kh="Select object",aV="Paste URL or ID",AV="Object ID/Link",lV="Card updated",cV="Card updation failed",uV="Required Field",dV="Invalid date",_h=/^https:\/\/([a-z0-9-]+(\.[a-z0-9-]+)+)(:[0-9]{1,5})?(\/[^\s/]*)*$/i,gV=/^[^\s@]+@[^\s@]+\.[^\s@]+$/,fV=(e,t)=>t?Object.values(t).filter(o=>e.values[o]&&!e.errors[o]):[],Zh=(e,t)=>t?Object.keys(t).reduce((o,r)=>{let i="";const a=t[r];return e.values&&e.values[a]&&typeof e.values[a]=="object"&&"value"in e.values[a]?i=e.values[a].value:e.values&&e.values[a]&&typeof e.values[a]!="object"?i=e.values[a]:i=null,{...o,[r]:i}},{}):{},Jh=(e,t,n)=>{let o=`${t}_${n}`;return Object.keys(e).forEach(r=>{o=`${o}_${r}:${e[r]}`}),o},pV=e=>t=>{if(t&&typeof t=="string"){const n=t.replace(/\/$/,"");return n.startsWith("https://")?t.endsWith("/")?zj:_h.test(n)?!0:e||Gh:Wj}return!1},CV=e=>t=>t&&typeof t=="string"?gV.test(t)?!0:e||Yj:Gj,EV=e=>t=>t==null||t===""?e||uV:!0,IV=e=>(t,n)=>{var o;if(!t||(t==null?void 0:t.toString())===dV)return Xh;if(typeof t=="object"){const r=t,i=new Date;i.setHours(0,0,0,0);const a=n.disablePast,A=n.disableFuture;return a&&r<i?e||Xj:A&&r>i?e||Kj:!0}return typeof t=="string"&&((o=new Date(t))==null?void 0:o.toString())!=="Invalid Date"?!0:Xh},hV=e=>(t,n)=>{if(t=Number(t),typeof t=="number"&&!isNaN(t)){const o=n.min,r=n.max;return o!==void 0&&t<o?e||`Value should not be less than ${o}`:r!==void 0&&t>r?e||`Value should not be greater than ${r}`:!0}return e||_j},BV=e=>(t,n)=>{if(typeof t=="string"){const o=n.limit;return o!==void 0&&t.length>o?e||`Maximum characters allowed are ${o}`:!0}return e||Zj},mV=e=>t=>typeof t=="string"?t.startsWith("https:")?_h.test(t)?!0:e||Gh:t.trim().length>0?!0:e||Vj:e||Hj,QV=({formFields:e})=>{const t={};return e.forEach(n=>{var o,r,i,a,A,l;if(t[n.name]={},(o=n.validations)!=null&&o.isRequired&&(typeof n.validations.isRequired=="object"?t[n.name].isRequired=EV(n.validations.isRequired.msg):t[n.name].isRequired=!0),n.type==="date"){let c=typeof((r=n.validations)==null?void 0:r.disableFuture)=="object"?n.validations.disableFuture.msg:"";c=typeof((i=n.validations)==null?void 0:i.disablePast)=="object"?n.validations.disablePast.msg:c,t[n.name].validate=IV(c);return}if(n.type==="number"&&((a=n.validations)!=null&&a.range)){t[n.name].validate=hV();return}if(n.type==="text"&&n.limit){t[n.name].validate=BV();return}if((A=n.validations)!=null&&A.isUrl){const c=typeof n.validations.isUrl=="object"?n.validations.isUrl.msg:"";t[n.name].validate=pV(c)}else if((l=n.validations)!=null&&l.isEmail){const c=typeof n.validations.isEmail=="object"?n.validations.isEmail.msg:"";t[n.name].validate=CV(c)}}),t},Dg=(e,t)=>Object.keys(t).reduce((n,o)=>{const r=e.values[t[o]];let i;return Array.isArray(r)?i=r.map(a=>a.value):r&&typeof r=="object"&&"label"in r?i=r.value:r&&typeof r=="object"?i=r.toISOString():i=r||"",n[o]=i,n},{}),vV=e=>typeof e=="string"?/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(?:\.\d+)?(?:Z|[+-]\d{2}:\d{2})$/.test(e):typeof e=="object"&&"_isValid"in e,qh=e=>Object.keys(e).sort((n,o)=>o.localeCompare(n)).reduce((n,o)=>{var r;return(typeof e[o]=="string"||typeof e[o]=="object"&&e[o]!==null)&&vV(e[o])?n[o]=(r=new Date(`${e[o]}`))==null?void 0:r.toString():n[o]=e[o],n},{}),$h=jh({name:"writeCapability",initialState:zh,reducers:{resetState:()=>zh,resetCurrentResourceDetails:e=>{e.currentResourceDetails=null,e.currentResourceDetailsApiStatus=Oe.IDLE},setCurrentCardInEdit:(e,t)=>{e.currentCardInEdit=t.payload},setHasUnsavedChanges:(e,t)=>{e.hasUnsavedChanges=t.payload}},extraReducers:e=>{e.addCase(Wl.pending,t=>{t.objectListApiStatus=Oe.LOADING}).addCase(Wl.fulfilled,(t,n)=>{const{createObjectList:o,linkObjectList:r,editObjectList:i,formFields:a,objectDict:A,dependentFieldsMap:l}=n.payload;t.objectListApiStatus=Oe.IDLE,t.createObjectList=o,t.linkObjectList=r,t.editObjectList=i,t.formFields=a,t.objectDict=A,t.dependentFieldsMap=l}).addCase(Wl.rejected,t=>{t.objectListApiStatus=Oe.FAILED}).addCase(zl.pending,t=>{t.dropdownOptionsApis=Oe.LOADING}).addCase(zl.fulfilled,(t,n)=>{const o=t.optionsMap||{},{optionsList:r,hasMore:i,currentPage:a,key:A}=n.payload;t.dropdownOptionsApis=Oe.IDLE,t.optionsMap={...o,[A]:{options:r,hasMore:i,currentPage:a}}}).addCase(zl.rejected,t=>{t.dropdownOptionsApis=Oe.FAILED}).addCase(Yl.pending,t=>{t.createFormApiStatus=Oe.LOADING}).addCase(Yl.fulfilled,t=>{t.createFormApiStatus=Oe.IDLE}).addCase(Yl.rejected,t=>{t.createFormApiStatus=Oe.FAILED}).addCase(Kl.pending,t=>{t.linkCardApiStatus=Oe.LOADING}).addCase(Kl.fulfilled,t=>{t.linkCardApiStatus=Oe.IDLE}).addCase(Kl.rejected,t=>{t.linkCardApiStatus=Oe.FAILED}).addCase(Xl.pending,t=>{t.unlinkCardApiStatus=Oe.LOADING}).addCase(Xl.fulfilled,t=>{t.unlinkCardApiStatus=Oe.IDLE}).addCase(Xl.rejected,t=>{t.unlinkCardApiStatus=Oe.FAILED}).addCase(va.pending,t=>{t.previewCardApiStatus=Oe.LOADING}).addCase(va.fulfilled,(t,n)=>{const{data:o}=n.payload;o&&(t.previewCardData=o),t.previewCardApiStatus=Oe.IDLE}).addCase(va.rejected,t=>{t.previewCardApiStatus=Oe.FAILED}).addCase(Gl.pending,t=>{t.updateFormApiStatus=Oe.LOADING}).addCase(Gl.fulfilled,t=>{t.updateFormApiStatus=Oe.IDLE}).addCase(Gl.rejected,t=>{t.updateFormApiStatus=Oe.FAILED}).addCase(_l.pending,t=>{t.currentResourceDetailsApiStatus=Oe.LOADING}).addCase(_l.fulfilled,(t,n)=>{const{data:o}=n.payload;o&&(t.currentResourceDetails=o),t.currentResourceDetailsApiStatus=Oe.IDLE}).addCase(_l.rejected,t=>{t.currentResourceDetailsApiStatus=Oe.FAILED})}}),Wl=mo("writeCapability/fetchObjectList",async e=>{const{inboxIds:t,channelType:n,conversationId:o}=e,r=await kj({inboxIds:t,channelType:n,conversationId:o});if(!r||!r.data||!("formsList"in r.data)||!Array.isArray(r.data.formsList))return{createObjectList:[],linkObjectList:[],editObjectList:[],formFields:null,objectDict:null,dependentFieldsMap:{}};const i=r.data.formsList,a={},A=[],l=[],c=[],u={},p={};return i==null||i.forEach(g=>{var C,f;const B={...g};"fieldList"in B&&delete B.fieldList,p[g.id]=B,a[g.id]||(a[g.id]={}),u[g.id]||(u[g.id]=[]),g.type==="create"&&g.authenticated?A.push({value:g.id,label:g.name}):g.type==="link"&&g.authenticated?l.push({value:g.id,label:g.name}):g.type==="edit"&&g.authenticated&&c.push({value:g.id,label:g.name}),(C=g.fieldList)==null||C.sort((d,E)=>d.priority-E.priority),(f=g.fieldList)==null||f.forEach(d=>{var m,h,Q,I,v,y,x,F,O,M,R,D;let E={};switch(d.type){case"select":case"multi-select":{E={...d,defaultOptions:!!d.interfaceDetails,isInfiniteScrollable:((h=(m=d.interfaceDetails)==null?void 0:m.pagination)==null?void 0:h.enabled)||!1,loadOptionsOnFocus:Object.keys(((Q=d.interfaceDetails)==null?void 0:Q.args)||{}).length>0,isMultiSelect:d.type==="multi-select",type:g.interfaceDetails?"async-select":"select",isClearable:!0};break}case"date":{E={...d,type:"date",disablePast:!!((I=d.validations)!=null&&I.disablePast)||!1,disableFuture:!!((v=d.validations)!=null&&v.disableFuture)||!1};break}case"number":{E={...d,type:"number",min:((x=(y=d.validations)==null?void 0:y.range)==null?void 0:x.min)||Number.MIN_SAFE_INTEGER,max:((O=(F=d.validations)==null?void 0:F.range)==null?void 0:O.max)||Number.MAX_SAFE_INTEGER};break}case"multiline":{E={...d,type:"text",maxRows:((M=d.validations)==null?void 0:M.maxRows)||5,limit:(R=d.validations)==null?void 0:R.maxCharacters,rows:5,multiline:!0};break}case"text":{E={...d,type:"text",limit:(D=d.validations)==null?void 0:D.maxCharacters};break}default:E={...d}}if("value"in E&&(E.defaultValue=E.value,delete E.value),u[g.id]=[...u[g.id],E],d.interfaceDetails&&(d.interfaceDetails.args||d.interfaceDetails.optionalArgs)){const k={...d.interfaceDetails.args,...d.interfaceDetails.optionalArgs};Object.values(k).forEach(N=>{a[g.id][N]?a[g.id][N]=[...a[g.id][N],d.name]:a[g.id][N]=[d.name]})}})}),{createObjectList:A,linkObjectList:l,editObjectList:c,formFields:u,objectDict:p,dependentFieldsMap:a}}),zl=mo("writeCapability/fetchDropDownOptions",async(e,{getState:t,rejectWithValue:n})=>{var h;const{fieldName:o,formId:r,fieldConfig:i,callback:a,args:A={},interfaceId:l="",pagination:c={enabled:!1}}=e,u=Jh(A||{},r,o),{write:p}=t();let g=!1;i.meta&&"showAvatar"in i.meta&&typeof i.meta.showAvatar=="boolean"&&(g=i.meta.showAvatar);const{options:B=[],hasMore:C=!0,currentPage:f=0}=((h=p.optionsMap)==null?void 0:h[u])||{},{enabled:d,limit:E}=c,m=E||10;try{let Q;const I=d?{pageNumber:f+1,limit:m}:null;if(C?Q=await Mj({fieldName:o,formId:r},{pagination:I||{},args:A,interfaceId:l}):a==null||a(B),!Q||!Q.data||!("data"in Q.data)||!Array.isArray(Q.data.data))return{optionsList:[...B],fieldName:"",formId:"",hasMore:!1,currentPage:f,key:u};const y=Q.data.data.map(O=>g?{...O,avatarUrl:O.avatarUrl||$j}:{label:O.label,value:O.value}),x=d?y.length>=m:!1,F=[...B,...y];return a==null||a(F),{optionsList:F,fieldName:o,formId:r,currentPage:f+1,hasMore:x,key:u}}catch(Q){return a==null||a(B),n(Q)}},{condition:(e,{getState:t})=>{var c,u;if(e.isScrollToBottomEvent)return!0;const{fieldName:n,formId:o,callback:r,args:i}=e,a=Jh(i||{},o,n),{write:A}=t(),l=((u=(c=A.optionsMap)==null?void 0:c[a])==null?void 0:u.options)||[];return l&&l.length?(r==null||r(l),!1):!0}}),Yl=mo("writeCapability/createForm",async(e,{rejectWithValue:t})=>{const{formId:n,successCallback:o,failureCallback:r,args:i={},interfaceId:a,conversationId:A}=e;try{await Yh({formId:n},{args:i,interfaceId:a,conversationId:A}),o==null||o(),an({message:Jj,type:Gr})}catch(l){return r==null||r(l),an({message:qj,type:cr}),t(l)}}),Gl=mo("writeCapability/updateForm",async(e,{rejectWithValue:t})=>{const{formId:n,successCallback:o,failureCallback:r,args:i={},interfaceId:a,conversationId:A,externalResourceId:l,previousArgs:c={}}=e;try{await Yh({formId:n},{args:i,interfaceId:a,conversationId:A,externalResourceId:l,previousArgs:c}),o==null||o(),an({message:lV,type:Gr})}catch(u){return r==null||r(u),an({message:cV,type:cr}),t(u)}}),Xl=mo("writeCapability/unlinkCard",async({id:e,channelType:t,externalResourceId:n,conversationId:o})=>{await Dj(e,t,n,o)}),Kl=mo("writeCapability/linkCard",async({id:e,externalResourceId:t,channelType:n,conversationId:o})=>{await Pj(e,t,n,o)}),va=mo("writeCapability/previewCard",async({id:e,args:t,channelType:n,isRefresh:o})=>{const r=await Rj(e,t,n),i=r==null?void 0:r.data;return i?(o&&an({message:Hh,type:Gr}),{data:H2(i)}):(o&&an({message:Vh,type:cr}),{data:null})}),_l=mo("connectorCardLibrary/fetchCurrentResourceDetails",async(e,{rejectWithValue:t})=>{const{id:n,channelType:o,conversationId:r,externalResourceId:i,contactEmail:a}=e;try{const A=await Lj(n,o,r,i,a),l=A==null?void 0:A.data,c=A==null?void 0:A.status,u={values:{},errors:{}};return Object.entries(l.formData).forEach(([p,g])=>{"label"in g&&(g.type&&g.type==="date"?u.values[p]=g.label?new Date(parseInt(g.label)).toISOString():"":g.type&&g.type==="multi-select"&&"value"in g&&"label"in g&&g.value&&g.label?u.values[p]=[{value:g.value,label:g.label}]:g.value?u.values[p]={value:g.value,label:g.label}:u.values[p]=g.label)}),{data:u,status:c}}catch(A){return an({message:Wh,type:cr}),t(A)}}),{resetState:DG,setCurrentCardInEdit:Zi,resetCurrentResourceDetails:bV,setHasUnsavedChanges:eB}=$h.actions,yV=$h.reducer,wV=()=>{const[e,t]=w.useState(null),[n,o]=w.useState({isVertical:!1,isHorizontal:!1,isScrolling:!1}),r=w.useCallback(i=>{t(i)},[]);return w.useEffect(()=>{if(!e)return;e.dataset.prevScrollLeft="0",e.dataset.prevScrollTop="0";let i=null;const a=100;let A=null;const l=150,c=u=>{i||(i=window.setTimeout(()=>{const p=u.target,g=Number(e.dataset.prevScrollLeft)||0,B=Number(e.dataset.prevScrollTop)||0,C=p.scrollLeft,f=p.scrollTop,d=C-g,E=f-B,m=Math.abs(E)>Math.abs(d),h=Math.abs(d)>Math.abs(E);o({isVertical:m,isHorizontal:h,isScrolling:!0}),e.dataset.prevScrollLeft=String(C),e.dataset.prevScrollTop=String(f),i=null},a),A&&window.clearTimeout(A),A=window.setTimeout(()=>{o(p=>({...p,isScrolling:!1})),A=null},l))};return e.addEventListener("scroll",c),()=>{e.removeEventListener("scroll",c),i&&window.clearTimeout(i),A&&window.clearTimeout(A)}},[e]),[n,r]},xV="data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5.8016%2011.709L12.3416%205.16893L11.4298%204.25712L4.88979%2010.7972V11.709H5.8016ZM6.33618%2012.9987H3.6001V10.2626L10.9739%202.88875C11.0948%202.76786%2011.2588%202.69995%2011.4298%202.69995C11.6008%202.69995%2011.7648%202.76786%2011.8857%202.88875L13.71%204.71302C13.8309%204.83395%2013.8988%204.99794%2013.8988%205.16893C13.8988%205.33992%2013.8309%205.50391%2013.71%205.62484L6.33618%2012.9987ZM3.6001%2014.2884H15.2073V15.578H3.6001V14.2884Z'%20fill='%236C7B94'/%3e%3c/svg%3e",TV=({data:e,title:t,currentCard:n,setShowModal:o})=>{const r=Ur(),{sendTrackingEvent:i,currentSmIds:a}=w.useContext(eo),{userGroupId:A}=Nr()||{},[l,c]=wV(),{isScrolling:u,isVertical:p}=l,g=u&&p,B=w.useMemo(()=>(e==null?void 0:e[0].data.map(E=>E.label))||[],[e]),C=w.useMemo(()=>e.map(E=>{const m={cells:{},externalResourceId:E.externalResourceId};return E.data.forEach((h,Q)=>{if(B[Q]){let I=h.value?h.value:Sl;I&&h.type==="date"&&(I=new Date(parseInt(I)).toLocaleDateString(navigator.language)),m.cells[B[Q]]={label:I,deepLink:h==null?void 0:h.deepLink}}}),m}),[e,B]),f=(E,m)=>b.jsx(RN,{align:"left",children:E.deepLink?b.jsx(Gs,{target:"_blank",underline:"none",href:E.deepLink,children:E.label}):b.jsx(We,{variant:"body2",color:"gray.black",children:E.label})},`${m}_${E.label}`),d=E=>{!E||!n||(o(!1),i(W2,{card_title:n.title,connector_name:n.connectorName,ug_id:A,sm_ids:a}),r(Zi({...n,externalResourceId:E})))};return b.jsxs(Ne,{maxHeight:"340px",maxWidth:"700px",padding:"32px 0px 32px 32px",overflow:"auto",children:[b.jsx(We,{variant:"h2",color:"gray.black",marginBottom:"16px",children:t}),b.jsx(rC,{ref:c,children:b.jsxs(tC,{stickyHeader:!0,children:[b.jsx(MN,{children:b.jsxs(zu,{children:[B.map(E=>b.jsx(DN,{children:b.jsx(We,{variant:"overline",color:"gray.gray3",children:E})},E)),b.jsx(NN,{})]})}),b.jsx(oC,{children:C.map((E,m)=>b.jsxs(PN,{children:[Object.values(E.cells).map((h,Q)=>f(h,Q)),b.jsx(LN,{children:!g&&E.externalResourceId&&b.jsx(Nt,{title:D2,placement:"bottom",children:b.jsx(Jt,{className:"row-edit",onClick:()=>d(E.externalResourceId),children:b.jsx("img",{src:xV})})})})]},`id_${m}`))})]})})]})},FV=e=>e.cardList.connectorCards,SV=e=>e.cardList.connectorsEnabled,OV=e=>e.cardList.connectorApiStatus,kV=e=>e.cardList.cardSpecificData,MV=e=>e.cardList.specificConnectorApiStatus,DV=e=>e.cardList.specificConnectorErrorCode,PV="data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9%204.8675L14.6475%2014.625H3.3525L9%204.8675ZM9%201.875L0.75%2016.125H17.25L9%201.875Z'%20fill='%23F07530'/%3e%3cpath%20d='M9.75%2012.375H8.25V13.875H9.75V12.375Z'%20fill='%23F07530'/%3e%3cpath%20d='M9.75%207.875H8.25V11.625H9.75V7.875Z'%20fill='%23F07530'/%3e%3c/svg%3e",tB=e=>{const t=/\(Error code: (.*?)\)$/,n=e.match(t),o=n?n[1]:null,r=n?e.replace(t,"").trim():e;return{error_code:o,error_message:r}},RV=(e,t)=>`${L2} (Error code: ${e})`.replace(/{{connector_name}}/g,(t==null?void 0:t[0])||""),nB=e=>{const{value:t,error:n,deepLink:o,statusCode:r,isLoading:i,type:a,cardErrorMessage:A,redirectToAdminTab:l,isFailed:c,connectorNames:u,cardTitle:p,currentCard:g,cardId:B}=e,C=w.useRef(null),f=w.useRef(null),{email:d,currentSmIds:E,conversationId:m,sendTrackingEvent:h,connectorFunctions:Q}=w.useContext(eo),I=vt(DV),v=I==null?void 0:I[B],[y,x]=w.useState(!1),F=(()=>{if(A){const{error_message:L}=tB(A);return L}return c&&v?L2.replace(/{{connector_name}}/g,(u==null?void 0:u[0])||""):""})(),O=w.useCallback(()=>{const L=A||RV(v,u),{error_code:W,error_message:H}=tB(L);h==null||h(YL,{sm_ids:E,frontend_req_params:{email:d,conversationId:m,externalResourceId:g==null?void 0:g.externalResourceId},card_title:p,connector_name:u!=null&&u.length?u:"",error_code:W,error_message:H})},[A,v,h,E,d,m,p,u,g==null?void 0:g.externalResourceId]);w.useEffect(()=>{(A||c&&v)&&O()},[O,v,c,A]),w.useEffect(()=>{const L=o?f.current:C.current;if(L){const W=L.scrollHeight>L.clientHeight||L.scrollWidth>L.clientWidth;x(W)}},[t,o]);const M=r==cg.NOT_FOUND;let R=M?Sl:t;a==="date"&&R&&!M&&(R=new Date(parseInt(R)).toLocaleDateString(navigator.language));const D=!M&&!!n||!!A,k=()=>{l?Q==null||Q.redirectToAdmin():window.open(pL,"_blank")},N=L=>{const W=/<>(.*?)<>/g,H=L.split(W);return b.jsx(w.Fragment,{children:H.map((G,P)=>P===1?b.jsx(SN,{variant:"body2",onClick:k,children:G},P):G)})};return i?b.jsx(jr,{variant:"rounded",width:"100%",height:16,animation:"wave",margin:"4px 0 0 0"}):D?b.jsxs(nh,{gap:"7px",children:[b.jsx(Ne,{marginTop:"3px",children:b.jsx("img",{src:PV})}),b.jsx(oh,{variant:"body2",children:F?N(F):tL})]}):b.jsx(Nt,{title:y?R:null,placement:"bottom",children:o?b.jsx(rh,{ref:f,target:"_blank",underline:"none",href:o,fontSize:"13px",children:R||Sl}):b.jsx(kN,{ref:C,variant:"body2",children:R||Sl})})},LV="data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_825_73646)'%3e%3cpath%20d='M19%206.41L17.59%205L12%2010.59L6.41%205L5%206.41L10.59%2012L5%2017.59L6.41%2019L12%2013.41L17.59%2019L19%2017.59L13.41%2012L19%206.41Z'%20fill='%236F7C90'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_825_73646'%3e%3crect%20width='24'%20height='24'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e",Pg=({shown:e,setShown:t,children:n,showCloseButton:o=!1,borderRadius:r=4})=>b.jsx(Mu,{open:e,onClose:()=>t(!1),PaperProps:{style:{borderRadius:r,padding:0,height:"fit-content",width:"fit-content",maxWidth:"none"}},children:b.jsxs(Ne,{direction:"row",children:[o&&b.jsx(gt,{position:"absolute",right:10,top:10,children:b.jsx(Nt,{title:"Close",placement:"bottom",children:b.jsx(Jt,{onClick:()=>t(!1),children:b.jsx("img",{src:LV})})})}),n]})}),oB=e=>{var z,_;const{id:t,cardTitle:n,specificCardData:o,specificConnectorApiStatus:r,isOpen:i,currentCard:a}=e,A=24,l=(r==null?void 0:r[t])===Oe.IDLE,c=(r==null?void 0:r[t])===Oe.LOADING,u=(r==null?void 0:r[t])===Oe.FAILED,{cardType:p,data:g,cardErrorMessage:B,redirectToAdminTab:C,connectorNames:f}=(o==null?void 0:o[t])||{},d=p==="flat",[E,m]=w.useState(!1),[h,Q]=w.useState(!1),[I,v]=w.useState(!1),[y,x]=w.useState(!1),F=w.useMemo(()=>{var Y,K,q,te;return d&&((Y=g==null?void 0:g.flatDisplay)!=null&&Y.data)?g.flatDisplay.data:!d&&((te=(q=(K=g==null?void 0:g.listItems)==null?void 0:K.fields)==null?void 0:q[0])!=null&&te.data)?g.listItems.fields[0].data:[]},[d,g]),O=w.useMemo(()=>F==null?void 0:F.slice(0,5),[F]),[M,R]=w.useState([]),D=w.useRef(null),[k,N]=w.useState(0),L=E?-180:0,W=d?!1:!!((z=g==null?void 0:g.listItems)!=null&&z.errorMessage),H=W||u||B,G=l&&!W&&i&&(I||h);w.useLayoutEffect(()=>{var Y;(Y=D.current)!=null&&Y.scrollHeight&&N(D.current.scrollHeight+A)},[r==null?void 0:r[t],M,D,B]),w.useEffect(()=>{var te,X;const Y=((F==null?void 0:F.length)||0)>5,K=!d&&(((X=(te=g==null?void 0:g.listItems)==null?void 0:te.fields)==null?void 0:X.length)||0)>1;v(Y&&!K),Q(K)},[g,d,F==null?void 0:F.length]),w.useEffect(()=>{R(E?F:O)},[g,E,O,F]);const P=()=>{I?m(Y=>!Y):x(Y=>!Y)};return b.jsxs(b.Fragment,{children:[b.jsx(Pg,{shown:y,setShown:x,showCloseButton:!0,borderRadius:12,children:b.jsx(TV,{data:((_=g==null?void 0:g.listItems)==null?void 0:_.fields)||[],title:n,currentCard:a,setShowModal:x})}),b.jsx(TN,{className:i?"":"slideUp",height:k,children:b.jsx(Ne,{ref:D,gap:1,margin:"12px",children:c&&(!(M!=null&&M.length)||H)?b.jsxs(b.Fragment,{children:[b.jsx(jr,{variant:"rounded",width:"100%",height:20,animation:"wave"}),b.jsx(jr,{variant:"rounded",width:"100%",height:20,animation:"wave"})]}):b.jsx(b.Fragment,{children:H?b.jsx(gt,{margin:"8px 0",children:b.jsx(nB,{error:H,isLoading:c,cardErrorMessage:B,redirectToAdminTab:C,isFailed:u,connectorNames:f,cardId:t,cardTitle:n,currentCard:a})}):M!=null&&M.length?M==null?void 0:M.map(Y=>{const{value:K,label:q,deepLink:te,type:X}=Y,$="errorMessage"in Y?Y.errorMessage:null,Z="statusCode"in Y?Y.statusCode:null;return b.jsxs("div",{children:[b.jsx(FN,{variant:"overline",children:q}),b.jsx(nB,{value:K,error:$,deepLink:te,statusCode:Z,isLoading:c,type:X,cardTitle:n,currentCard:a,cardId:t})]},q)}):b.jsx(gt,{margin:"8px 0",children:b.jsx(oh,{children:nL})})})})}),!B&&G&&b.jsx(jN,{variant:"body2_medium",onClick:P,children:I?b.jsxs(b.Fragment,{children:[E?qN:ih,b.jsx(UN,{src:JN,transformAngle:L})]}):ih})]})},NV={connectorCards:null,cardSpecificData:null,connectorApiStatus:Oe.IDLE,specificConnectorApiStatus:null,threadId:null,connectorsEnabled:!1,specificConnectorErrorCode:null},rB="/v1/api",UV=`${rB}/connectors/cards`,jV=`${rB}/connectors/cards/:id/data`,VV=({inboxIds:e,conversationId:t,channelType:n="email"})=>{const o=new URLSearchParams;return e.forEach(r=>o.append("inbox_ids",r)),o.append("channel_type",n),o.append("conversation_id",String(t||"")),Bo({url:`${UV}?${o.toString()}`,method:Wo.GET})},HV=(e,t,n,o)=>{const r=new URLSearchParams;return r.append("senderEmail",t),r.append("conversation_id",String(n||"")),o&&r.append("externalResourceId",o),Bo({url:`${jV.replace(":id",e)}?${r.toString()}`,method:Wo.GET})},iB=jh({name:"connectorCardLibrary",initialState:NV,reducers:{updateThreadId(e,t){const{payload:n}=t;e.threadId=n.threadId,e.connectorCards=null},clearConnectorList(e){e.connectorCards=null,e.cardSpecificData=null}},extraReducers:e=>{e.addCase(Zl.pending,t=>{t.connectorApiStatus=Oe.LOADING}).addCase(Zl.fulfilled,(t,n)=>{t.connectorApiStatus=Oe.IDLE,t.connectorCards=n.payload.cards,t.connectorsEnabled=n.payload.connectorsEnabled}).addCase(Zl.rejected,t=>{t.connectorApiStatus=Oe.FAILED}).addCase(ba.pending,(t,n)=>{const{id:o,externalResourceId:r=""}=n.meta.arg;let i=o;r&&(i=`${i}_${r}`),t.specificConnectorApiStatus={...t.specificConnectorApiStatus??{},[i]:Oe.LOADING}}).addCase(ba.fulfilled,(t,n)=>{const{id:o,externalResourceId:r=""}=n.meta.arg;let i=o;r&&(i=`${i}_${r}`);const{data:a}=n.payload||{};a&&(t.cardSpecificData={...t.cardSpecificData?t.cardSpecificData:{},[i]:a}),t.specificConnectorApiStatus={...t.specificConnectorApiStatus??{},[i]:Oe.IDLE}}).addCase(ba.rejected,(t,n)=>{const{id:o,externalResourceId:r=""}=n.meta.arg;let i=o;r&&(i=`${i}_${r}`),t.specificConnectorApiStatus={...t.specificConnectorApiStatus??{},[i]:Oe.FAILED};const a=n.payload&&typeof n.payload=="object"&&"code"in n.payload?String(n.payload.code):N2;t.specificConnectorErrorCode={...t.specificConnectorErrorCode??{},[i]:a}})}}),Zl=mo("connectorCardLibrary/fetchAllCard",async({inboxIds:e,channelType:t,conversationId:n})=>{var A;const o=await VV({inboxIds:e,channelType:t,conversationId:n});if(!Array.isArray((A=o==null?void 0:o.data)==null?void 0:A.cards))return{cards:[],connectorsEnabled:!1};const{cards:r,connectorsEnabled:i=!1}=o.data;return{cards:r.sort((l,c)=>(l==null?void 0:l.priority)-(c==null?void 0:c.priority)),connectorsEnabled:i}}),ba=mo("connectorCardLibrary/fetchSpecificCard",async({id:e,email:t,conversationId:n,isRefresh:o,externalResourceId:r},i)=>{try{const a=await HV(e,t,n,r),A=a==null?void 0:a.data,l=a==null?void 0:a.status;return A?(o&&an({message:Hh,type:Gr}),{data:H2(A),status:l}):(o&&an({message:Vh,type:cr}),{data:{},status:l})}catch(a){const A=a;return i.rejectWithValue({...A,code:A.code||N2})}}),WV=iB.reducer,sB=iB.actions,aB="data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.76618%202.23341C8.79952%201.26675%207.47285%200.666748%205.99952%200.666748C3.05285%200.666748%200.672852%203.05341%200.672852%206.00008C0.672852%208.94675%203.05285%2011.3334%205.99952%2011.3334C8.48619%2011.3334%2010.5595%209.63341%2011.1529%207.33341H9.76618C9.21952%208.88675%207.73952%2010.0001%205.99952%2010.0001C3.79285%2010.0001%201.99952%208.20675%201.99952%206.00008C1.99952%203.79341%203.79285%202.00008%205.99952%202.00008C7.10618%202.00008%208.09285%202.46008%208.81285%203.18675L6.66618%205.33341H11.3329V0.666748L9.76618%202.23341Z'%20fill='%236C7B94'/%3e%3c/svg%3e",zV="data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.4587%206.7528C11.2244%206.51848%2010.8445%206.51848%2010.6102%206.7528C10.3759%206.98711%2010.3759%207.36701%2010.6102%207.60132L11.4587%206.7528ZM12.1916%208.33414L12.6158%207.90988L12.1916%208.33414ZM8.33462%2012.1911L8.75888%2011.7668L8.33462%2012.1911ZM7.6018%2010.6097C7.36748%2010.3754%206.98758%2010.3754%206.75327%2010.6097C6.51895%2010.8441%206.51895%2011.224%206.75327%2011.4583L7.6018%2010.6097ZM4.43911%209.14411C4.67343%209.37842%205.05333%209.37842%205.28764%209.14411C5.52196%208.9098%205.52196%208.5299%205.28764%208.29558L4.43911%209.14411ZM3.70629%207.56276L4.13056%207.1385L3.70629%207.56276ZM7.56324%203.70582L7.9875%203.28155L7.56324%203.70582ZM8.29606%205.28716C8.53037%205.52148%208.91027%205.52148%209.14459%205.28716C9.3789%205.05285%209.3789%204.67295%209.14459%204.43864L8.29606%205.28716ZM10.6102%207.60132L11.7673%208.75841L12.6158%207.90988L11.4587%206.7528L10.6102%207.60132ZM11.7673%208.75841C12.1662%209.15735%2012.3904%209.69843%2012.3904%2010.2626L13.5904%2010.2626C13.5904%209.38017%2013.2398%208.53387%2012.6158%207.90988L11.7673%208.75841ZM12.3904%2010.2626C12.3904%2010.8268%2012.1662%2011.3679%2011.7673%2011.7668L12.6158%2012.6154C13.2398%2011.9914%2013.5904%2011.1451%2013.5904%2010.2626L12.3904%2010.2626ZM11.7673%2011.7668C10.9365%2012.5976%209.58963%2012.5976%208.75888%2011.7668L7.91035%2012.6154C9.20973%2013.9147%2011.3164%2013.9147%2012.6158%2012.6154L11.7673%2011.7668ZM8.75888%2011.7668L7.6018%2010.6097L6.75327%2011.4583L7.91035%2012.6154L8.75888%2011.7668ZM5.28764%208.29558L4.13056%207.1385L3.28203%207.98703L4.43911%209.14411L5.28764%208.29558ZM4.13056%207.1385C3.73162%206.73956%203.50749%206.19848%203.50749%205.63429L2.30749%205.63429C2.30749%206.51674%202.65804%207.36304%203.28203%207.98703L4.13056%207.1385ZM3.50749%205.63429C3.50749%205.0701%203.73162%204.52902%204.13056%204.13008L3.28203%203.28155C2.65804%203.90554%202.30749%204.75184%202.30749%205.63429L3.50749%205.63429ZM4.13056%204.13008C4.96131%203.29933%206.30822%203.29933%207.13897%204.13008L7.9875%203.28155C6.68812%201.98217%204.58141%201.98217%203.28203%203.28155L4.13056%204.13008ZM7.13897%204.13008L8.29606%205.28716L9.14459%204.43864L7.9875%203.28155L7.13897%204.13008Z'%20fill='%236C7B94'/%3e%3crect%20x='5.08887'%20y='6.0791'%20width='1.33333'%20height='6.66667'%20rx='0.666667'%20transform='rotate(-45%205.08887%206.0791)'%20fill='%236C7B94'/%3e%3cpath%20d='M5.59961%2014.3998V12.7998'%20stroke='%236C7B94'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M12.7998%205.59961H14.3998'%20stroke='%236C7B94'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M2.40039%2011.2002H4.00039'%20stroke='%236C7B94'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M11.2002%202.40039V4.00039'%20stroke='%236C7B94'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e",YV="data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_5908_39767)'%3e%3cpath%20d='M9.37333%206.01333L9.98667%206.62667L3.94667%2012.6667H3.33333V12.0533L9.37333%206.01333ZM11.7733%202C11.6067%202%2011.4333%202.06667%2011.3067%202.19333L10.0867%203.41333L12.5867%205.91333L13.8067%204.69333C14.0667%204.43333%2014.0667%204.01333%2013.8067%203.75333L12.2467%202.19333C12.1133%202.06%2011.9467%202%2011.7733%202ZM9.37333%204.12667L2%2011.5V14H4.5L11.8733%206.62667L9.37333%204.12667Z'%20fill='%236C7B94'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_5908_39767'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e",AB=e=>e.write.createObjectList,lB=e=>e.write.linkObjectList,GV=e=>e.write.editObjectList,XV=e=>e.write.objectDict,KV=e=>e.write.formFields,_V=e=>e.write.previewCardData,ZV=e=>e.write.previewCardApiStatus,JV=e=>e.write.linkCardApiStatus,qV=e=>e.write.unlinkCardApiStatus,$V=e=>e.write.dependentFieldsMap,eH=e=>e.write.createFormApiStatus,tH=e=>e.write.updateFormApiStatus,nH=e=>e.write.currentResourceDetails,oH=e=>e.write.currentResourceDetailsApiStatus,cB=e=>e.write.currentCardInEdit,uB=e=>e.write.hasUnsavedChanges,rH=({showUnlinkModal:e,setShowUnlinkModal:t,cardId:n,onCardUnlinking:o,externalResourceId:r,conversationId:i,connectorName:a})=>{const A=Ur(),{sendTrackingEvent:l}=w.useContext(eo),u=vt(qV)===Oe.LOADING,p=()=>{i&&r&&A(Xl({id:n,conversationId:i,externalResourceId:r})).unwrap().then(()=>{l(kL,{connector_name:a,conversation_id:i}),t(!1),o(),an({message:Cj,type:Gr})}).catch(()=>{an({message:Ej,type:Gr})})};return b.jsx(Pg,{shown:e,setShown:t,showCloseButton:!0,children:b.jsxs(Ne,{width:"400px",padding:"20px",gap:"8px",children:[b.jsx(We,{variant:"h2",children:lL}),b.jsx(We,{variant:"body2",children:cL}),b.jsxs(Ne,{direction:"row",gap:"8px",marginTop:"20px",justifyContent:"flex-end",children:[b.jsx(zt,{variant:"text",onClick:()=>t(!1),children:dg}),b.jsx(zt,{disabled:u,color:"error",onClick:p,children:M2})]})]})})},iH=e=>{const{card:t,specificCardData:n,email:o,specificConnectorApiStatus:r,defaultOpenState:i=!1,onCardUnlinking:a}=e,A=Ur(),{availableFeatures:l,sendTrackingEvent:c,conversationId:u,currentSmIds:p}=w.useContext(eo),{userGroupId:g}=Nr()||{},[B,C]=w.useState(!!i),[f,d]=w.useState(!1),[E,m]=w.useState(!1),{id:h,title:Q,externalResourceId:I="",connectorName:v="",forms:y=[]}=t;let x=h;I&&(x=`${x}_${I}`);const{data:F,cardType:O}=(n==null?void 0:n[x])??{},M=(r==null?void 0:r[x])===Oe.LOADING,R=!!(Ki(l,S2)&&I),D=w.useMemo(()=>{var G,P;if(!(Ki(l,$R)&&y.some(z=>z.type==="edit")))return!1;switch(O){case"flat":return!!((F==null?void 0:F.flatDisplay.externalResourceId)??t.externalResourceId);case"flat_with_list":return((G=F==null?void 0:F.listItems)==null?void 0:G.fields.length)===1?(P=F==null?void 0:F.listItems)==null?void 0:P.fields.some(z=>z.externalResourceId):!1;default:return!1}},[F,O,l,y,t]),k=w.useCallback((G=!1)=>{const P=G?LL:RL;o&&h&&u&&A(ba({id:h,email:o,conversationId:u,externalResourceId:I})).unwrap().then(z=>{const _=V2(z,Q,G,!0);c(P,_)}).catch(z=>{const _=V2(z,Q,G,!1);c(P,_)})},[A,o,h,Q,c,u,I]);w.useEffect(()=>{i&&k(!0)},[i,k]);const N=(G,P)=>{var _;G==null||G.stopPropagation(),A(ba({id:P,email:o,conversationId:u,isRefresh:!0,externalResourceId:I})).unwrap().then(()=>{c(QL,{id:P})});const z=G.target.tagName==="BUTTON"?(_=G.target)==null?void 0:_.firstChild:G.target;z.className&&(z.className=""),setTimeout(()=>z.className="selected",1)},L=(G,P)=>{G.stopPropagation(),!(n!=null&&n[P])&&!M&&k(),c(B?mL:BL,{id:P}),C(z=>!z)},W=G=>{G.stopPropagation();const P=G.currentTarget.offsetWidth<G.currentTarget.scrollWidth;d(!!P)},H=()=>{var P,z;c(W2,{card_title:Q,connector_name:v,ug_id:g,sm_ids:p});let G;O==="flat"?G=(F==null?void 0:F.flatDisplay.externalResourceId)??t.externalResourceId:O==="flat_with_list"&&(G=(z=(P=F==null?void 0:F.listItems)==null?void 0:P.fields[0])==null?void 0:z.externalResourceId),G?A(Zi({...t,externalResourceId:G})):an({message:Wh,type:cr})};return b.jsxs(yN,{"data-testid":`test_${h}`,children:[b.jsxs(wN,{className:B?"hiver-card-expanded":"",children:[b.jsx(Nt,{title:f?Q:"",placement:"bottom",children:b.jsx(xN,{variant:"h4",onMouseOver:G=>W(G),onMouseLeave:G=>W(G),children:Q})}),b.jsxs(nh,{children:[B&&D?b.jsx(Nt,{title:D2,placement:"bottom",children:b.jsx(Vr,{onClick:H,children:b.jsx("img",{src:YV})})}):null,B&&R?b.jsx(Nt,{title:M2,placement:"bottom",children:b.jsx(Vr,{onClick:()=>m(!0),children:b.jsx("img",{src:zV})})}):null,B?b.jsx(Nt,{title:O2,placement:"bottom",children:b.jsx(Vr,{"data-testid":M?"loading":"reloadIcon",onClick:G=>N(G,h),className:M?"disabled":"",children:b.jsx("img",{src:aB})})}):null,b.jsx(Nt,{title:B?k2:ug,placement:"bottom",children:b.jsx(Vr,{onClick:G=>L(G,x),children:b.jsx(Bg,{className:B?"":"hiver-up"})})})]})]}),b.jsx(oB,{id:x,cardTitle:t.title,currentCard:t,specificCardData:n,specificConnectorApiStatus:r,isOpen:B}),b.jsx(rH,{showUnlinkModal:E,setShowUnlinkModal:m,cardId:h,onCardUnlinking:a,conversationId:u,externalResourceId:I,connectorName:v})]})},sH="Bring your favourite tools into Hiver",aH="Plugin image",AH="Integrate tools like Salesforce, HubSpot, and Shopify to boost productivity",lH="Enable Connectors",cH="Learn more",uH="https://help.hiverhq.com/custom-connectors/hiver-s-custom-connectors",dH="Contact your admin to enable this",gH="https://youtu.be/ODcJnzZLb50",fH="connectors-module/assets/connectors-images/connector-mainpage.png",pH="Explore connectors",CH="Connectors",EH=V(Ne)`
2427
+ Do you want to continue?`,iV="Select an object to create",sV="Select an object to link",Kh="Select object",aV="Paste URL or ID",AV="Object ID/Link",lV="Card updated",cV="Card updation failed",uV="Required Field",dV="Invalid date",_h=/^https:\/\/([a-z0-9-]+(\.[a-z0-9-]+)+)(:[0-9]{1,5})?(\/[^\s/]*)*$/i,gV=/^[^\s@]+@[^\s@]+\.[^\s@]+$/,fV=(e,t)=>t?Object.values(t).filter(o=>e.values[o]&&!e.errors[o]):[],Zh=(e,t)=>t?Object.keys(t).reduce((o,r)=>{let i="";const a=t[r];return e.values&&e.values[a]&&typeof e.values[a]=="object"&&"value"in e.values[a]?i=e.values[a].value:e.values&&e.values[a]&&typeof e.values[a]!="object"?i=e.values[a]:i=null,{...o,[r]:i}},{}):{},Jh=(e,t,n)=>{let o=`${t}_${n}`;return Object.keys(e).forEach(r=>{o=`${o}_${r}:${e[r]}`}),o},pV=e=>t=>{if(t&&typeof t=="string"){const n=t.replace(/\/$/,"");return n.startsWith("https://")?t.endsWith("/")?zj:_h.test(n)?!0:e||Gh:Wj}return!1},CV=e=>t=>t&&typeof t=="string"?gV.test(t)?!0:e||Yj:Gj,EV=e=>t=>t==null||t===""?e||uV:!0,IV=e=>(t,n)=>{var o;if(!t||(t==null?void 0:t.toString())===dV)return Xh;if(typeof t=="object"){const r=t,i=new Date;i.setHours(0,0,0,0);const a=n.disablePast,A=n.disableFuture;return a&&r<i?e||Xj:A&&r>i?e||Kj:!0}return typeof t=="string"&&((o=new Date(t))==null?void 0:o.toString())!=="Invalid Date"?!0:Xh},hV=e=>(t,n)=>{if(t=Number(t),typeof t=="number"&&!isNaN(t)){const o=n.min,r=n.max;return o!==void 0&&t<o?e||`Value should not be less than ${o}`:r!==void 0&&t>r?e||`Value should not be greater than ${r}`:!0}return e||_j},BV=e=>(t,n)=>{if(typeof t=="string"){const o=n.limit;return o!==void 0&&t.length>o?e||`Maximum characters allowed are ${o}`:!0}return e||Zj},mV=e=>t=>typeof t=="string"?t.startsWith("https:")?_h.test(t)?!0:e||Gh:t.trim().length>0?!0:e||Vj:e||Hj,QV=({formFields:e})=>{const t={};return e.forEach(n=>{var o,r,i,a,A,l;if(t[n.name]={},(o=n.validations)!=null&&o.isRequired&&(typeof n.validations.isRequired=="object"?t[n.name].isRequired=EV(n.validations.isRequired.msg):t[n.name].isRequired=!0),n.type==="date"){let c=typeof((r=n.validations)==null?void 0:r.disableFuture)=="object"?n.validations.disableFuture.msg:"";c=typeof((i=n.validations)==null?void 0:i.disablePast)=="object"?n.validations.disablePast.msg:c,t[n.name].validate=IV(c);return}if(n.type==="number"&&((a=n.validations)!=null&&a.range)){t[n.name].validate=hV();return}if(n.type==="text"&&n.limit){t[n.name].validate=BV();return}if((A=n.validations)!=null&&A.isUrl){const c=typeof n.validations.isUrl=="object"?n.validations.isUrl.msg:"";t[n.name].validate=pV(c)}else if((l=n.validations)!=null&&l.isEmail){const c=typeof n.validations.isEmail=="object"?n.validations.isEmail.msg:"";t[n.name].validate=CV(c)}}),t},Dg=(e,t)=>Object.keys(t).reduce((n,o)=>{const r=e.values[t[o]];let i;return Array.isArray(r)?i=r.map(a=>a.value):r&&typeof r=="object"&&"label"in r?i=r.value:r&&typeof r=="object"?i=r.toISOString():i=r||"",n[o]=i,n},{}),vV=e=>typeof e=="string"?/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(?:\.\d+)?(?:Z|[+-]\d{2}:\d{2})$/.test(e):typeof e=="object"&&"_isValid"in e,qh=e=>Object.keys(e).sort((n,o)=>o.localeCompare(n)).reduce((n,o)=>{var r;return(typeof e[o]=="string"||typeof e[o]=="object"&&e[o]!==null)&&vV(e[o])?n[o]=(r=new Date(`${e[o]}`))==null?void 0:r.toString():n[o]=e[o],n},{}),$h=jh({name:"writeCapability",initialState:zh,reducers:{resetState:()=>zh,resetCurrentResourceDetails:e=>{e.currentResourceDetails=null,e.currentResourceDetailsApiStatus=Oe.IDLE},setCurrentCardInEdit:(e,t)=>{e.currentCardInEdit=t.payload},setHasUnsavedChanges:(e,t)=>{e.hasUnsavedChanges=t.payload}},extraReducers:e=>{e.addCase(Wl.pending,t=>{t.objectListApiStatus=Oe.LOADING}).addCase(Wl.fulfilled,(t,n)=>{const{createObjectList:o,linkObjectList:r,editObjectList:i,formFields:a,objectDict:A,dependentFieldsMap:l}=n.payload;t.objectListApiStatus=Oe.IDLE,t.createObjectList=o,t.linkObjectList=r,t.editObjectList=i,t.formFields=a,t.objectDict=A,t.dependentFieldsMap=l}).addCase(Wl.rejected,t=>{t.objectListApiStatus=Oe.FAILED}).addCase(zl.pending,t=>{t.dropdownOptionsApis=Oe.LOADING}).addCase(zl.fulfilled,(t,n)=>{const o=t.optionsMap||{},{optionsList:r,hasMore:i,currentPage:a,key:A}=n.payload;t.dropdownOptionsApis=Oe.IDLE,t.optionsMap={...o,[A]:{options:r,hasMore:i,currentPage:a}}}).addCase(zl.rejected,t=>{t.dropdownOptionsApis=Oe.FAILED}).addCase(Yl.pending,t=>{t.createFormApiStatus=Oe.LOADING}).addCase(Yl.fulfilled,t=>{t.createFormApiStatus=Oe.IDLE}).addCase(Yl.rejected,t=>{t.createFormApiStatus=Oe.FAILED}).addCase(Kl.pending,t=>{t.linkCardApiStatus=Oe.LOADING}).addCase(Kl.fulfilled,t=>{t.linkCardApiStatus=Oe.IDLE}).addCase(Kl.rejected,t=>{t.linkCardApiStatus=Oe.FAILED}).addCase(Xl.pending,t=>{t.unlinkCardApiStatus=Oe.LOADING}).addCase(Xl.fulfilled,t=>{t.unlinkCardApiStatus=Oe.IDLE}).addCase(Xl.rejected,t=>{t.unlinkCardApiStatus=Oe.FAILED}).addCase(va.pending,t=>{t.previewCardApiStatus=Oe.LOADING}).addCase(va.fulfilled,(t,n)=>{const{data:o}=n.payload;o&&(t.previewCardData=o),t.previewCardApiStatus=Oe.IDLE}).addCase(va.rejected,t=>{t.previewCardApiStatus=Oe.FAILED}).addCase(Gl.pending,t=>{t.updateFormApiStatus=Oe.LOADING}).addCase(Gl.fulfilled,t=>{t.updateFormApiStatus=Oe.IDLE}).addCase(Gl.rejected,t=>{t.updateFormApiStatus=Oe.FAILED}).addCase(_l.pending,t=>{t.currentResourceDetailsApiStatus=Oe.LOADING}).addCase(_l.fulfilled,(t,n)=>{const{data:o}=n.payload;o&&(t.currentResourceDetails=o),t.currentResourceDetailsApiStatus=Oe.IDLE}).addCase(_l.rejected,t=>{t.currentResourceDetailsApiStatus=Oe.FAILED})}}),Wl=mo("writeCapability/fetchObjectList",async e=>{const{inboxIds:t,channelType:n,conversationId:o}=e,r=await kj({inboxIds:t,channelType:n,conversationId:o});if(!r||!r.data||!("formsList"in r.data)||!Array.isArray(r.data.formsList))return{createObjectList:[],linkObjectList:[],editObjectList:[],formFields:null,objectDict:null,dependentFieldsMap:{}};const i=r.data.formsList,a={},A=[],l=[],c=[],u={},p={};return i==null||i.forEach(g=>{var C,f;const B={...g};"fieldList"in B&&delete B.fieldList,p[g.id]=B,a[g.id]||(a[g.id]={}),u[g.id]||(u[g.id]=[]),g.type==="create"&&g.authenticated?A.push({value:g.id,label:g.name}):g.type==="link"&&g.authenticated?l.push({value:g.id,label:g.name}):g.type==="edit"&&g.authenticated&&c.push({value:g.id,label:g.name}),(C=g.fieldList)==null||C.sort((d,E)=>d.priority-E.priority),(f=g.fieldList)==null||f.forEach(d=>{var m,h,Q,I,v,y,x,F,O,M,R,D;let E={};switch(d.type){case"select":case"multi-select":{E={...d,defaultOptions:!!d.interfaceDetails,isInfiniteScrollable:((h=(m=d.interfaceDetails)==null?void 0:m.pagination)==null?void 0:h.enabled)||!1,loadOptionsOnFocus:Object.keys(((Q=d.interfaceDetails)==null?void 0:Q.args)||{}).length>0,isMultiSelect:d.type==="multi-select",type:g.interfaceDetails?"async-select":"select",isClearable:!0};break}case"date":{E={...d,type:"date",disablePast:!!((I=d.validations)!=null&&I.disablePast)||!1,disableFuture:!!((v=d.validations)!=null&&v.disableFuture)||!1};break}case"number":{E={...d,type:"number",min:((x=(y=d.validations)==null?void 0:y.range)==null?void 0:x.min)||Number.MIN_SAFE_INTEGER,max:((O=(F=d.validations)==null?void 0:F.range)==null?void 0:O.max)||Number.MAX_SAFE_INTEGER};break}case"multiline":{E={...d,type:"text",maxRows:((M=d.validations)==null?void 0:M.maxRows)||5,limit:(R=d.validations)==null?void 0:R.maxCharacters,rows:5,multiline:!0};break}case"text":{E={...d,type:"text",limit:(D=d.validations)==null?void 0:D.maxCharacters};break}default:E={...d}}if("value"in E&&(E.defaultValue=E.value,delete E.value),u[g.id]=[...u[g.id],E],d.interfaceDetails&&(d.interfaceDetails.args||d.interfaceDetails.optionalArgs)){const k={...d.interfaceDetails.args,...d.interfaceDetails.optionalArgs};Object.values(k).forEach(N=>{a[g.id][N]?a[g.id][N]=[...a[g.id][N],d.name]:a[g.id][N]=[d.name]})}})}),{createObjectList:A,linkObjectList:l,editObjectList:c,formFields:u,objectDict:p,dependentFieldsMap:a}}),zl=mo("writeCapability/fetchDropDownOptions",async(e,{getState:t,rejectWithValue:n})=>{var h;const{fieldName:o,formId:r,fieldConfig:i,callback:a,args:A={},interfaceId:l="",pagination:c={enabled:!1}}=e,u=Jh(A||{},r,o),{write:p}=t();let g=!1;i.meta&&"showAvatar"in i.meta&&typeof i.meta.showAvatar=="boolean"&&(g=i.meta.showAvatar);const{options:B=[],hasMore:C=!0,currentPage:f=0}=((h=p.optionsMap)==null?void 0:h[u])||{},{enabled:d,limit:E}=c,m=E||10;try{let Q;const I=d?{pageNumber:f+1,limit:m}:null;if(C?Q=await Mj({fieldName:o,formId:r},{pagination:I||{},args:A,interfaceId:l}):a==null||a(B),!Q||!Q.data||!("data"in Q.data)||!Array.isArray(Q.data.data))return{optionsList:[...B],fieldName:"",formId:"",hasMore:!1,currentPage:f,key:u};const y=Q.data.data.map(O=>g?{...O,avatarUrl:O.avatarUrl||$j}:{label:O.label,value:O.value}),x=d?y.length>=m:!1,F=[...B,...y];return a==null||a(F),{optionsList:F,fieldName:o,formId:r,currentPage:f+1,hasMore:x,key:u}}catch(Q){return a==null||a(B),n(Q)}},{condition:(e,{getState:t})=>{var c,u;if(e.isScrollToBottomEvent)return!0;const{fieldName:n,formId:o,callback:r,args:i}=e,a=Jh(i||{},o,n),{write:A}=t(),l=((u=(c=A.optionsMap)==null?void 0:c[a])==null?void 0:u.options)||[];return l&&l.length?(r==null||r(l),!1):!0}}),Yl=mo("writeCapability/createForm",async(e,{rejectWithValue:t})=>{const{formId:n,successCallback:o,failureCallback:r,args:i={},interfaceId:a,conversationId:A}=e;try{await Yh({formId:n},{args:i,interfaceId:a,conversationId:A}),o==null||o(),an({message:Jj,type:Gr})}catch(l){return r==null||r(l),an({message:qj,type:cr}),t(l)}}),Gl=mo("writeCapability/updateForm",async(e,{rejectWithValue:t})=>{const{formId:n,successCallback:o,failureCallback:r,args:i={},interfaceId:a,conversationId:A,externalResourceId:l,previousArgs:c={}}=e;try{await Yh({formId:n},{args:i,interfaceId:a,conversationId:A,externalResourceId:l,previousArgs:c}),o==null||o(),an({message:lV,type:Gr})}catch(u){return r==null||r(u),an({message:cV,type:cr}),t(u)}}),Xl=mo("writeCapability/unlinkCard",async({id:e,channelType:t,externalResourceId:n,conversationId:o})=>{await Dj(e,t,n,o)}),Kl=mo("writeCapability/linkCard",async({id:e,externalResourceId:t,channelType:n,conversationId:o})=>{await Pj(e,t,n,o)}),va=mo("writeCapability/previewCard",async({id:e,args:t,channelType:n,isRefresh:o})=>{const r=await Rj(e,t,n),i=r==null?void 0:r.data;return i?(o&&an({message:Hh,type:Gr}),{data:H2(i)}):(o&&an({message:Vh,type:cr}),{data:null})}),_l=mo("connectorCardLibrary/fetchCurrentResourceDetails",async(e,{rejectWithValue:t})=>{const{id:n,channelType:o,conversationId:r,externalResourceId:i,contactEmail:a}=e;try{const A=await Lj(n,o,r,i,a),l=A==null?void 0:A.data,c=A==null?void 0:A.status,u={values:{},errors:{}};return Object.entries(l.formData).forEach(([p,g])=>{"label"in g&&(g.type&&g.type==="date"?u.values[p]=g.label?new Date(parseInt(g.label)).toISOString():"":g.type&&g.type==="multi-select"&&"value"in g&&"label"in g&&g.value&&g.label?u.values[p]=[{value:g.value,label:g.label}]:g.value?u.values[p]={value:g.value,label:g.label}:u.values[p]=g.label)}),{data:u,status:c}}catch(A){return an({message:Wh,type:cr}),t(A)}}),{resetState:DG,setCurrentCardInEdit:Zi,resetCurrentResourceDetails:bV,setHasUnsavedChanges:eB}=$h.actions,yV=$h.reducer,wV=()=>{const[e,t]=w.useState(null),[n,o]=w.useState({isVertical:!1,isHorizontal:!1,isScrolling:!1}),r=w.useCallback(i=>{t(i)},[]);return w.useEffect(()=>{if(!e)return;e.dataset.prevScrollLeft="0",e.dataset.prevScrollTop="0";let i=null;const a=100;let A=null;const l=150,c=u=>{i||(i=window.setTimeout(()=>{const p=u.target,g=Number(e.dataset.prevScrollLeft)||0,B=Number(e.dataset.prevScrollTop)||0,C=p.scrollLeft,f=p.scrollTop,d=C-g,E=f-B,m=Math.abs(E)>Math.abs(d),h=Math.abs(d)>Math.abs(E);o({isVertical:m,isHorizontal:h,isScrolling:!0}),e.dataset.prevScrollLeft=String(C),e.dataset.prevScrollTop=String(f),i=null},a),A&&window.clearTimeout(A),A=window.setTimeout(()=>{o(p=>({...p,isScrolling:!1})),A=null},l))};return e.addEventListener("scroll",c),()=>{e.removeEventListener("scroll",c),i&&window.clearTimeout(i),A&&window.clearTimeout(A)}},[e]),[n,r]},xV="data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5.8016%2011.709L12.3416%205.16893L11.4298%204.25712L4.88979%2010.7972V11.709H5.8016ZM6.33618%2012.9987H3.6001V10.2626L10.9739%202.88875C11.0948%202.76786%2011.2588%202.69995%2011.4298%202.69995C11.6008%202.69995%2011.7648%202.76786%2011.8857%202.88875L13.71%204.71302C13.8309%204.83395%2013.8988%204.99794%2013.8988%205.16893C13.8988%205.33992%2013.8309%205.50391%2013.71%205.62484L6.33618%2012.9987ZM3.6001%2014.2884H15.2073V15.578H3.6001V14.2884Z'%20fill='%236C7B94'/%3e%3c/svg%3e",TV=({data:e,title:t,currentCard:n,setShowModal:o})=>{const r=Ur(),{sendTrackingEvent:i,currentSmIds:a}=w.useContext(eo),{userGroupId:A}=Nr()||{},[l,c]=wV(),{isScrolling:u,isVertical:p}=l,g=u&&p,B=w.useMemo(()=>(e==null?void 0:e[0].data.map(E=>E.label))||[],[e]),C=w.useMemo(()=>e.map(E=>{const m={cells:{},externalResourceId:E.externalResourceId};return E.data.forEach((h,Q)=>{if(B[Q]){let I=h.value?h.value:Sl;I&&h.type==="date"&&(I=new Date(parseInt(I)).toLocaleDateString(navigator.language)),m.cells[B[Q]]={label:I,deepLink:h==null?void 0:h.deepLink}}}),m}),[e,B]),f=(E,m)=>b.jsx(RN,{align:"left",children:E.deepLink?b.jsx(Gs,{target:"_blank",underline:"none",href:E.deepLink,children:E.label}):b.jsx(We,{variant:"body2",color:"gray.black",children:E.label})},`${m}_${E.label}`),d=E=>{!E||!n||(o(!1),i(W2,{card_title:n.title,connector_name:n.connectorName,ug_id:A,sm_ids:a}),r(Zi({...n,externalResourceId:E})))};return b.jsxs(Ne,{maxHeight:"340px",maxWidth:"700px",padding:"32px 0px 32px 32px",overflow:"auto",children:[b.jsx(We,{variant:"h2",color:"gray.black",marginBottom:"16px",children:t}),b.jsx(rC,{ref:c,children:b.jsxs(tC,{stickyHeader:!0,children:[b.jsx(MN,{children:b.jsxs(zu,{children:[B.map(E=>b.jsx(DN,{children:b.jsx(We,{variant:"overline",color:"gray.gray3",children:E})},E)),b.jsx(NN,{})]})}),b.jsx(oC,{children:C.map((E,m)=>b.jsxs(PN,{children:[Object.values(E.cells).map((h,Q)=>f(h,Q)),b.jsx(LN,{children:!g&&E.externalResourceId&&b.jsx(Nt,{title:D2,placement:"bottom",children:b.jsx(Jt,{className:"row-edit",onClick:()=>d(E.externalResourceId),children:b.jsx("img",{src:xV})})})})]},`id_${m}`))})]})})]})},FV=e=>e.cardList.connectorCards,SV=e=>e.cardList.connectorsEnabled,OV=e=>e.cardList.connectorApiStatus,kV=e=>e.cardList.cardSpecificData,MV=e=>e.cardList.specificConnectorApiStatus,DV=e=>e.cardList.specificConnectorErrorCode,PV="data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9%204.8675L14.6475%2014.625H3.3525L9%204.8675ZM9%201.875L0.75%2016.125H17.25L9%201.875Z'%20fill='%23F07530'/%3e%3cpath%20d='M9.75%2012.375H8.25V13.875H9.75V12.375Z'%20fill='%23F07530'/%3e%3cpath%20d='M9.75%207.875H8.25V11.625H9.75V7.875Z'%20fill='%23F07530'/%3e%3c/svg%3e",tB=e=>{const t=/\(Error code: (.*?)\)$/,n=e.match(t),o=n?n[1]:null,r=n?e.replace(t,"").trim():e;return{error_code:o,error_message:r}},RV=(e,t)=>`${L2} (Error code: ${e})`.replace(/{{connector_name}}/g,(t==null?void 0:t[0])||""),nB=e=>{const{value:t,error:n,deepLink:o,statusCode:r,isLoading:i,type:a,cardErrorMessage:A,redirectToAdminTab:l,isFailed:c,connectorNames:u,cardTitle:p,currentCard:g,cardId:B}=e,C=w.useRef(null),f=w.useRef(null),{email:d,currentSmIds:E,conversationId:m,sendTrackingEvent:h,connectorFunctions:Q}=w.useContext(eo),I=vt(DV),v=I==null?void 0:I[B],[y,x]=w.useState(!1),F=(()=>{if(A){const{error_message:L}=tB(A);return L}return c&&v?L2.replace(/{{connector_name}}/g,(u==null?void 0:u[0])||""):""})(),O=w.useCallback(()=>{const L=A||RV(v,u),{error_code:W,error_message:H}=tB(L);h==null||h(YL,{sm_ids:E,frontend_req_params:{email:d,conversationId:m,externalResourceId:g==null?void 0:g.externalResourceId},card_title:p,connector_name:u!=null&&u.length?u:"",error_code:W,error_message:H})},[A,v,h,E,d,m,p,u,g==null?void 0:g.externalResourceId]);w.useEffect(()=>{(A||c&&v)&&O()},[O,v,c,A]),w.useEffect(()=>{const L=o?f.current:C.current;if(L){const W=L.scrollHeight>L.clientHeight||L.scrollWidth>L.clientWidth;x(W)}},[t,o]);const M=r==cg.NOT_FOUND;let R=M?Sl:t;a==="date"&&R&&!M&&(R=new Date(parseInt(R)).toLocaleDateString(navigator.language));const D=!M&&!!n||!!A,k=()=>{l?Q==null||Q.redirectToAdmin():window.open(pL,"_blank")},N=L=>{const W=/<>(.*?)<>/g,H=L.split(W);return b.jsx(w.Fragment,{children:H.map((G,P)=>P===1?b.jsx(SN,{variant:"body2",onClick:k,children:G},P):G)})};return i?b.jsx(jr,{variant:"rounded",width:"100%",height:16,animation:"wave",margin:"4px 0 0 0"}):D?b.jsxs(nh,{gap:"7px",children:[b.jsx(Ne,{marginTop:"3px",children:b.jsx("img",{src:PV})}),b.jsx(oh,{variant:"body2",children:F?N(F):tL})]}):b.jsx(Nt,{title:y?R:null,placement:"bottom",children:o?b.jsx(rh,{ref:f,target:"_blank",underline:"none",href:o,fontSize:"13px",children:R||Sl}):b.jsx(kN,{ref:C,variant:"body2",children:R||Sl})})},LV="data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_825_73646)'%3e%3cpath%20d='M19%206.41L17.59%205L12%2010.59L6.41%205L5%206.41L10.59%2012L5%2017.59L6.41%2019L12%2013.41L17.59%2019L19%2017.59L13.41%2012L19%206.41Z'%20fill='%236F7C90'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_825_73646'%3e%3crect%20width='24'%20height='24'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e",Pg=({shown:e,setShown:t,children:n,showCloseButton:o=!1,borderRadius:r=4})=>b.jsx(Mu,{open:e,onClose:()=>t(!1),PaperProps:{style:{borderRadius:r,padding:0,height:"fit-content",width:"fit-content",maxWidth:"none"}},children:b.jsxs(Ne,{direction:"row",children:[o&&b.jsx(gt,{position:"absolute",right:10,top:10,children:b.jsx(Nt,{title:"Close",placement:"bottom",children:b.jsx(Jt,{onClick:()=>t(!1),children:b.jsx("img",{src:LV})})})}),n]})}),oB=e=>{var z,_;const{id:t,cardTitle:n,specificCardData:o,specificConnectorApiStatus:r,isOpen:i,currentCard:a}=e,A=24,l=(r==null?void 0:r[t])===Oe.IDLE,c=(r==null?void 0:r[t])===Oe.LOADING,u=(r==null?void 0:r[t])===Oe.FAILED,{cardType:p,data:g,cardErrorMessage:B,redirectToAdminTab:C,connectorNames:f}=(o==null?void 0:o[t])||{},d=p==="flat",[E,m]=w.useState(!1),[h,Q]=w.useState(!1),[I,v]=w.useState(!1),[y,x]=w.useState(!1),F=w.useMemo(()=>{var Y,K,q,te;return d&&((Y=g==null?void 0:g.flatDisplay)!=null&&Y.data)?g.flatDisplay.data:!d&&((te=(q=(K=g==null?void 0:g.listItems)==null?void 0:K.fields)==null?void 0:q[0])!=null&&te.data)?g.listItems.fields[0].data:[]},[d,g]),O=w.useMemo(()=>F==null?void 0:F.slice(0,5),[F]),[M,R]=w.useState([]),D=w.useRef(null),[k,N]=w.useState(0),L=E?-180:0,W=d?!1:!!((z=g==null?void 0:g.listItems)!=null&&z.errorMessage),H=W||u||B,G=l&&!W&&i&&(I||h);w.useLayoutEffect(()=>{var Y;(Y=D.current)!=null&&Y.scrollHeight&&N(D.current.scrollHeight+A)},[r==null?void 0:r[t],M,D,B]),w.useEffect(()=>{var te,X;const Y=((F==null?void 0:F.length)||0)>5,K=!d&&(((X=(te=g==null?void 0:g.listItems)==null?void 0:te.fields)==null?void 0:X.length)||0)>1;v(Y&&!K),Q(K)},[g,d,F==null?void 0:F.length]),w.useEffect(()=>{R(E?F:O)},[g,E,O,F]);const P=()=>{I?m(Y=>!Y):x(Y=>!Y)};return b.jsxs(b.Fragment,{children:[b.jsx(Pg,{shown:y,setShown:x,showCloseButton:!0,borderRadius:12,children:b.jsx(TV,{data:((_=g==null?void 0:g.listItems)==null?void 0:_.fields)||[],title:n,currentCard:a,setShowModal:x})}),b.jsx(TN,{ref:D,className:i?"":"slideUp",height:k,children:b.jsx(Ne,{gap:1,margin:"12px",children:c&&(!(M!=null&&M.length)||H)?b.jsxs(b.Fragment,{children:[b.jsx(jr,{variant:"rounded",width:"100%",height:20,animation:"wave"}),b.jsx(jr,{variant:"rounded",width:"100%",height:20,animation:"wave"})]}):b.jsx(b.Fragment,{children:H?b.jsx(gt,{margin:"8px 0",children:b.jsx(nB,{error:H,isLoading:c,cardErrorMessage:B,redirectToAdminTab:C,isFailed:u,connectorNames:f,cardId:t,cardTitle:n,currentCard:a})}):M!=null&&M.length?M==null?void 0:M.map(Y=>{const{value:K,label:q,deepLink:te,type:X}=Y,$="errorMessage"in Y?Y.errorMessage:null,Z="statusCode"in Y?Y.statusCode:null;return b.jsxs("div",{children:[b.jsx(FN,{variant:"overline",children:q}),b.jsx(nB,{value:K,error:$,deepLink:te,statusCode:Z,isLoading:c,type:X,cardTitle:n,currentCard:a,cardId:t})]},q)}):b.jsx(gt,{margin:"8px 0",children:b.jsx(oh,{children:nL})})})})}),!B&&G&&b.jsx(jN,{variant:"body2_medium",onClick:P,children:I?b.jsxs(b.Fragment,{children:[E?qN:ih,b.jsx(UN,{src:JN,transformAngle:L})]}):ih})]})},NV={connectorCards:null,cardSpecificData:null,connectorApiStatus:Oe.IDLE,specificConnectorApiStatus:null,threadId:null,connectorsEnabled:!1,specificConnectorErrorCode:null},rB="/v1/api",UV=`${rB}/connectors/cards`,jV=`${rB}/connectors/cards/:id/data`,VV=({inboxIds:e,conversationId:t,channelType:n="email"})=>{const o=new URLSearchParams;return e.forEach(r=>o.append("inbox_ids",r)),o.append("channel_type",n),o.append("conversation_id",String(t||"")),Bo({url:`${UV}?${o.toString()}`,method:Wo.GET})},HV=(e,t,n,o)=>{const r=new URLSearchParams;return r.append("senderEmail",t),r.append("conversation_id",String(n||"")),o&&r.append("externalResourceId",o),Bo({url:`${jV.replace(":id",e)}?${r.toString()}`,method:Wo.GET})},iB=jh({name:"connectorCardLibrary",initialState:NV,reducers:{updateThreadId(e,t){const{payload:n}=t;e.threadId=n.threadId,e.connectorCards=null},clearConnectorList(e){e.connectorCards=null,e.cardSpecificData=null}},extraReducers:e=>{e.addCase(Zl.pending,t=>{t.connectorApiStatus=Oe.LOADING}).addCase(Zl.fulfilled,(t,n)=>{t.connectorApiStatus=Oe.IDLE,t.connectorCards=n.payload.cards,t.connectorsEnabled=n.payload.connectorsEnabled}).addCase(Zl.rejected,t=>{t.connectorApiStatus=Oe.FAILED}).addCase(ba.pending,(t,n)=>{const{id:o,externalResourceId:r=""}=n.meta.arg;let i=o;r&&(i=`${i}_${r}`),t.specificConnectorApiStatus={...t.specificConnectorApiStatus??{},[i]:Oe.LOADING}}).addCase(ba.fulfilled,(t,n)=>{const{id:o,externalResourceId:r=""}=n.meta.arg;let i=o;r&&(i=`${i}_${r}`);const{data:a}=n.payload||{};a&&(t.cardSpecificData={...t.cardSpecificData?t.cardSpecificData:{},[i]:a}),t.specificConnectorApiStatus={...t.specificConnectorApiStatus??{},[i]:Oe.IDLE}}).addCase(ba.rejected,(t,n)=>{const{id:o,externalResourceId:r=""}=n.meta.arg;let i=o;r&&(i=`${i}_${r}`),t.specificConnectorApiStatus={...t.specificConnectorApiStatus??{},[i]:Oe.FAILED};const a=n.payload&&typeof n.payload=="object"&&"code"in n.payload?String(n.payload.code):N2;t.specificConnectorErrorCode={...t.specificConnectorErrorCode??{},[i]:a}})}}),Zl=mo("connectorCardLibrary/fetchAllCard",async({inboxIds:e,channelType:t,conversationId:n})=>{var A;const o=await VV({inboxIds:e,channelType:t,conversationId:n});if(!Array.isArray((A=o==null?void 0:o.data)==null?void 0:A.cards))return{cards:[],connectorsEnabled:!1};const{cards:r,connectorsEnabled:i=!1}=o.data;return{cards:r.sort((l,c)=>(l==null?void 0:l.priority)-(c==null?void 0:c.priority)),connectorsEnabled:i}}),ba=mo("connectorCardLibrary/fetchSpecificCard",async({id:e,email:t,conversationId:n,isRefresh:o,externalResourceId:r},i)=>{try{const a=await HV(e,t,n,r),A=a==null?void 0:a.data,l=a==null?void 0:a.status;return A?(o&&an({message:Hh,type:Gr}),{data:H2(A),status:l}):(o&&an({message:Vh,type:cr}),{data:{},status:l})}catch(a){const A=a;return i.rejectWithValue({...A,code:A.code||N2})}}),WV=iB.reducer,sB=iB.actions,aB="data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.76618%202.23341C8.79952%201.26675%207.47285%200.666748%205.99952%200.666748C3.05285%200.666748%200.672852%203.05341%200.672852%206.00008C0.672852%208.94675%203.05285%2011.3334%205.99952%2011.3334C8.48619%2011.3334%2010.5595%209.63341%2011.1529%207.33341H9.76618C9.21952%208.88675%207.73952%2010.0001%205.99952%2010.0001C3.79285%2010.0001%201.99952%208.20675%201.99952%206.00008C1.99952%203.79341%203.79285%202.00008%205.99952%202.00008C7.10618%202.00008%208.09285%202.46008%208.81285%203.18675L6.66618%205.33341H11.3329V0.666748L9.76618%202.23341Z'%20fill='%236C7B94'/%3e%3c/svg%3e",zV="data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.4587%206.7528C11.2244%206.51848%2010.8445%206.51848%2010.6102%206.7528C10.3759%206.98711%2010.3759%207.36701%2010.6102%207.60132L11.4587%206.7528ZM12.1916%208.33414L12.6158%207.90988L12.1916%208.33414ZM8.33462%2012.1911L8.75888%2011.7668L8.33462%2012.1911ZM7.6018%2010.6097C7.36748%2010.3754%206.98758%2010.3754%206.75327%2010.6097C6.51895%2010.8441%206.51895%2011.224%206.75327%2011.4583L7.6018%2010.6097ZM4.43911%209.14411C4.67343%209.37842%205.05333%209.37842%205.28764%209.14411C5.52196%208.9098%205.52196%208.5299%205.28764%208.29558L4.43911%209.14411ZM3.70629%207.56276L4.13056%207.1385L3.70629%207.56276ZM7.56324%203.70582L7.9875%203.28155L7.56324%203.70582ZM8.29606%205.28716C8.53037%205.52148%208.91027%205.52148%209.14459%205.28716C9.3789%205.05285%209.3789%204.67295%209.14459%204.43864L8.29606%205.28716ZM10.6102%207.60132L11.7673%208.75841L12.6158%207.90988L11.4587%206.7528L10.6102%207.60132ZM11.7673%208.75841C12.1662%209.15735%2012.3904%209.69843%2012.3904%2010.2626L13.5904%2010.2626C13.5904%209.38017%2013.2398%208.53387%2012.6158%207.90988L11.7673%208.75841ZM12.3904%2010.2626C12.3904%2010.8268%2012.1662%2011.3679%2011.7673%2011.7668L12.6158%2012.6154C13.2398%2011.9914%2013.5904%2011.1451%2013.5904%2010.2626L12.3904%2010.2626ZM11.7673%2011.7668C10.9365%2012.5976%209.58963%2012.5976%208.75888%2011.7668L7.91035%2012.6154C9.20973%2013.9147%2011.3164%2013.9147%2012.6158%2012.6154L11.7673%2011.7668ZM8.75888%2011.7668L7.6018%2010.6097L6.75327%2011.4583L7.91035%2012.6154L8.75888%2011.7668ZM5.28764%208.29558L4.13056%207.1385L3.28203%207.98703L4.43911%209.14411L5.28764%208.29558ZM4.13056%207.1385C3.73162%206.73956%203.50749%206.19848%203.50749%205.63429L2.30749%205.63429C2.30749%206.51674%202.65804%207.36304%203.28203%207.98703L4.13056%207.1385ZM3.50749%205.63429C3.50749%205.0701%203.73162%204.52902%204.13056%204.13008L3.28203%203.28155C2.65804%203.90554%202.30749%204.75184%202.30749%205.63429L3.50749%205.63429ZM4.13056%204.13008C4.96131%203.29933%206.30822%203.29933%207.13897%204.13008L7.9875%203.28155C6.68812%201.98217%204.58141%201.98217%203.28203%203.28155L4.13056%204.13008ZM7.13897%204.13008L8.29606%205.28716L9.14459%204.43864L7.9875%203.28155L7.13897%204.13008Z'%20fill='%236C7B94'/%3e%3crect%20x='5.08887'%20y='6.0791'%20width='1.33333'%20height='6.66667'%20rx='0.666667'%20transform='rotate(-45%205.08887%206.0791)'%20fill='%236C7B94'/%3e%3cpath%20d='M5.59961%2014.3998V12.7998'%20stroke='%236C7B94'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M12.7998%205.59961H14.3998'%20stroke='%236C7B94'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M2.40039%2011.2002H4.00039'%20stroke='%236C7B94'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M11.2002%202.40039V4.00039'%20stroke='%236C7B94'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e",YV="data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_5908_39767)'%3e%3cpath%20d='M9.37333%206.01333L9.98667%206.62667L3.94667%2012.6667H3.33333V12.0533L9.37333%206.01333ZM11.7733%202C11.6067%202%2011.4333%202.06667%2011.3067%202.19333L10.0867%203.41333L12.5867%205.91333L13.8067%204.69333C14.0667%204.43333%2014.0667%204.01333%2013.8067%203.75333L12.2467%202.19333C12.1133%202.06%2011.9467%202%2011.7733%202ZM9.37333%204.12667L2%2011.5V14H4.5L11.8733%206.62667L9.37333%204.12667Z'%20fill='%236C7B94'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_5908_39767'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e",AB=e=>e.write.createObjectList,lB=e=>e.write.linkObjectList,GV=e=>e.write.editObjectList,XV=e=>e.write.objectDict,KV=e=>e.write.formFields,_V=e=>e.write.previewCardData,ZV=e=>e.write.previewCardApiStatus,JV=e=>e.write.linkCardApiStatus,qV=e=>e.write.unlinkCardApiStatus,$V=e=>e.write.dependentFieldsMap,eH=e=>e.write.createFormApiStatus,tH=e=>e.write.updateFormApiStatus,nH=e=>e.write.currentResourceDetails,oH=e=>e.write.currentResourceDetailsApiStatus,cB=e=>e.write.currentCardInEdit,uB=e=>e.write.hasUnsavedChanges,rH=({showUnlinkModal:e,setShowUnlinkModal:t,cardId:n,onCardUnlinking:o,externalResourceId:r,conversationId:i,connectorName:a})=>{const A=Ur(),{sendTrackingEvent:l}=w.useContext(eo),u=vt(qV)===Oe.LOADING,p=()=>{i&&r&&A(Xl({id:n,conversationId:i,externalResourceId:r})).unwrap().then(()=>{l(kL,{connector_name:a,conversation_id:i}),t(!1),o(),an({message:Cj,type:Gr})}).catch(()=>{an({message:Ej,type:Gr})})};return b.jsx(Pg,{shown:e,setShown:t,showCloseButton:!0,children:b.jsxs(Ne,{width:"400px",padding:"20px",gap:"8px",children:[b.jsx(We,{variant:"h2",children:lL}),b.jsx(We,{variant:"body2",children:cL}),b.jsxs(Ne,{direction:"row",gap:"8px",marginTop:"20px",justifyContent:"flex-end",children:[b.jsx(zt,{variant:"text",onClick:()=>t(!1),children:dg}),b.jsx(zt,{disabled:u,color:"error",onClick:p,children:M2})]})]})})},iH=e=>{const{card:t,specificCardData:n,email:o,specificConnectorApiStatus:r,defaultOpenState:i=!1,onCardUnlinking:a}=e,A=Ur(),{availableFeatures:l,sendTrackingEvent:c,conversationId:u,currentSmIds:p}=w.useContext(eo),{userGroupId:g}=Nr()||{},[B,C]=w.useState(!!i),[f,d]=w.useState(!1),[E,m]=w.useState(!1),{id:h,title:Q,externalResourceId:I="",connectorName:v="",forms:y=[]}=t;let x=h;I&&(x=`${x}_${I}`);const{data:F,cardType:O}=(n==null?void 0:n[x])??{},M=(r==null?void 0:r[x])===Oe.LOADING,R=!!(Ki(l,S2)&&I),D=w.useMemo(()=>{var G,P;if(!(Ki(l,$R)&&y.some(z=>z.type==="edit")))return!1;switch(O){case"flat":return!!((F==null?void 0:F.flatDisplay.externalResourceId)??t.externalResourceId);case"flat_with_list":return((G=F==null?void 0:F.listItems)==null?void 0:G.fields.length)===1?(P=F==null?void 0:F.listItems)==null?void 0:P.fields.some(z=>z.externalResourceId):!1;default:return!1}},[F,O,l,y,t]),k=w.useCallback((G=!1)=>{const P=G?LL:RL;o&&h&&u&&A(ba({id:h,email:o,conversationId:u,externalResourceId:I})).unwrap().then(z=>{const _=V2(z,Q,G,!0);c(P,_)}).catch(z=>{const _=V2(z,Q,G,!1);c(P,_)})},[A,o,h,Q,c,u,I]);w.useEffect(()=>{i&&k(!0)},[i,k]);const N=(G,P)=>{var _;G==null||G.stopPropagation(),A(ba({id:P,email:o,conversationId:u,isRefresh:!0,externalResourceId:I})).unwrap().then(()=>{c(QL,{id:P})});const z=G.target.tagName==="BUTTON"?(_=G.target)==null?void 0:_.firstChild:G.target;z.className&&(z.className=""),setTimeout(()=>z.className="selected",1)},L=(G,P)=>{G.stopPropagation(),!(n!=null&&n[P])&&!M&&k(),c(B?mL:BL,{id:P}),C(z=>!z)},W=G=>{G.stopPropagation();const P=G.currentTarget.offsetWidth<G.currentTarget.scrollWidth;d(!!P)},H=()=>{var P,z;c(W2,{card_title:Q,connector_name:v,ug_id:g,sm_ids:p});let G;O==="flat"?G=(F==null?void 0:F.flatDisplay.externalResourceId)??t.externalResourceId:O==="flat_with_list"&&(G=(z=(P=F==null?void 0:F.listItems)==null?void 0:P.fields[0])==null?void 0:z.externalResourceId),G?A(Zi({...t,externalResourceId:G})):an({message:Wh,type:cr})};return b.jsxs(yN,{"data-testid":`test_${h}`,children:[b.jsxs(wN,{className:B?"hiver-card-expanded":"",children:[b.jsx(Nt,{title:f?Q:"",placement:"bottom",children:b.jsx(xN,{variant:"h4",onMouseOver:G=>W(G),onMouseLeave:G=>W(G),children:Q})}),b.jsxs(nh,{children:[B&&D?b.jsx(Nt,{title:D2,placement:"bottom",children:b.jsx(Vr,{onClick:H,children:b.jsx("img",{src:YV})})}):null,B&&R?b.jsx(Nt,{title:M2,placement:"bottom",children:b.jsx(Vr,{onClick:()=>m(!0),children:b.jsx("img",{src:zV})})}):null,B?b.jsx(Nt,{title:O2,placement:"bottom",children:b.jsx(Vr,{"data-testid":M?"loading":"reloadIcon",onClick:G=>N(G,h),className:M?"disabled":"",children:b.jsx("img",{src:aB})})}):null,b.jsx(Nt,{title:B?k2:ug,placement:"bottom",children:b.jsx(Vr,{onClick:G=>L(G,x),children:b.jsx(Bg,{className:B?"":"hiver-up"})})})]})]}),b.jsx(oB,{id:x,cardTitle:t.title,currentCard:t,specificCardData:n,specificConnectorApiStatus:r,isOpen:B}),b.jsx(rH,{showUnlinkModal:E,setShowUnlinkModal:m,cardId:h,onCardUnlinking:a,conversationId:u,externalResourceId:I,connectorName:v})]})},sH="Bring your favourite tools into Hiver",aH="Plugin image",AH="Integrate tools like Salesforce, HubSpot, and Shopify to boost productivity",lH="Enable Connectors",cH="Learn more",uH="https://help.hiverhq.com/custom-connectors/hiver-s-custom-connectors",dH="Contact your admin to enable this",gH="https://youtu.be/ODcJnzZLb50",fH="connectors-module/assets/connectors-images/connector-mainpage.png",pH="Explore connectors",CH="Connectors",EH=V(Ne)`
2428
2428
  width: 100%;
2429
2429
  height: 97px;
2430
2430
  background-color: ${De.palette.purple.light};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hiver/connector-agent",
3
- "version": "2.0.1-beta.7",
3
+ "version": "2.0.1-beta.8",
4
4
  "main": "index.es.js",
5
5
  "module": "index.es.js",
6
6
  "types": "index.d.ts",