@hiver/connector-agent 4.0.1-feedbackForm-beta.13 → 4.0.1-feedbackForm-beta.14

package/features/connector-cards/components/connector-header/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/connector-cards/components/connector-header/index.tsx"],"names":[],"mappings":"AA6BA,OAAO,KAAK,EAAE,EAAE,EAAoB,MAAM,OAAO,CAAC;AAClD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAG3C,MAAM,WAAW,oBAAoB;IACnC,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,iBAAiB,EAAE,OAAO,CAAC;IAC3B,eAAe,EAAE,OAAO,CAAC;IACzB,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;IACtB,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAClC,mBAAmB,EAAE,MAAM,IAAI,CAAC;CACjC;AAED,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CA8IpD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/connector-cards/components/connector-header/index.tsx"],"names":[],"mappings":"AA6BA,OAAO,KAAK,EAAE,EAAE,EAAoB,MAAM,OAAO,CAAC;AAClD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAG3C,MAAM,WAAW,oBAAoB;IACnC,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,iBAAiB,EAAE,OAAO,CAAC;IAC3B,eAAe,EAAE,OAAO,CAAC;IACzB,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;IACtB,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAClC,mBAAmB,EAAE,MAAM,IAAI,CAAC;CACjC;AAED,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CA+IpD,CAAC"}

package/features/feedback/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/features/feedback/index.tsx"],"names":[],"mappings":"AAmBA,KAAK,KAAK,GAAG;IACX,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,QAAQ,6BAAsC,KAAK,4CA0G/D,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/features/feedback/index.tsx"],"names":[],"mappings":"AAmBA,KAAK,KAAK,GAAG;IACX,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,QAAQ,6BAAsC,KAAK,4CA2G/D,CAAC"}

package/index.es.js

@@ -5660,7 +5660,8 @@ const Sb = N(be)`
             user_id: p,
             ug_id: f,
             sm_ids: m.join(","),
-            connector_names: e.join(",")
+            connector_names: e.join(","),
+            source: "help_drop_down"
           }
         });
         window.open(E, "_blank"), I(Aa, {
@@ -17942,7 +17943,8 @@ const D9 = (e) => new Promise((t) => setTimeout(t, e)), N9 = ({
       user_id: s,
       ug_id: i,
       sm_ids: n.join(","),
-      connector_names: e.join(",")
+      connector_names: e.join(","),
+      source: "collapsed_feedback_btn"
     }
   }), [l, a] = Y(t), [u, h] = Y(!1), [b, I] = Y(0), m = () => {
     r(Aa, {
@@ -17968,7 +17970,7 @@ const D9 = (e) => new Promise((t) => setTimeout(t, e)), N9 = ({
         ug_id: i,
         sm_ids: n.join(","),
         connector_names: e.join(","),
-        stars: String(v)
+        star_rating: String(v)
       }
     });
     I(v), window.open(g, "_blank"), a(!1), bi(s);

package/index.umd.js

@@ -426,7 +426,7 @@ React keys must be passed directly to JSX without using spread:
   width: calc(100% - 20px);
   display: inline-block;
   color: ${v.theme.palette.gray.gray2};
-`,cb=({connectors:e,isWriteFlowEnabled:t,haveCreateObjects:n,haveLinkObjects:r,cards:o,handleCreateNewObject:s,handleLinkNewObject:i})=>{const c=T.useRef(null),l=T.useRef(null),[a,u]=T.useState(null),h=!!a,{availableFeatures:b,sendTrackingEvent:x,currentSmIds:m,email:d}=T.useContext(He),{userGroupId:f,userId:p}=zt()||{},y=et(b,rs),g=[{id:"rate-experience",label:"Rate your experience",icon:C.jsx(Im,{}),onClick:()=>{u(null);const w=ss({url:Cu,params:{email:d,user_id:p,ug_id:f,sm_ids:m.join(","),connector_names:e.join(",")}});window.open(w,"_blank"),x(Yi,{sm_ids:m,ug_id:f,connector_names:e,source:"help_drop_down"}),cs(p)}},{id:"instant-chat",label:"Instant chat with support",icon:C.jsx(Cm,{}),onClick:()=>{u(null),window.open(Sm,"_blank"),x(M1,{sm_ids:m,ug_id:f,connector_names:e,source:"help_drop_down"})}}],E=T.useCallback(w=>{const A=document.getElementById("connector-agent-container");if(!w||!A)return;l.current&&l.current.disconnect();const S=new IntersectionObserver(_=>{const R=c.current;for(const F of _)R==null||R.classList.toggle(Iu,F.intersectionRatio===0)},{root:A});S.observe(w),l.current=S},[]),I=w=>{x(P1,{sm_ids:m,ug_id:f,connector_names:e}),u(w.currentTarget)};return C.jsxs(C.Fragment,{children:[C.jsx(Om,{ref:E}),C.jsx(Tm,{options:g,anchor:a,open:h,onClose:()=>u(null)}),C.jsxs(_m,{ref:c,children:[C.jsxs(v.Stack,{direction:"row",alignItems:"center",gap:"8px",children:[y?C.jsx(yu,{width:"20px",height:"20px"}):C.jsx(xu,{}),C.jsx(Eu,{variant:"h2",children:y?Wi:Jl})]}),C.jsxs(v.Stack,{direction:"row",gap:"4px",children:[C.jsx(v.Tooltip,{title:Em,children:C.jsx("div",{children:C.jsx(v.IconButton,{onClick:I,id:"help-button",children:C.jsx("img",{src:vm,alt:"Help",height:"20px"})})})}),t&&(o!=null&&o.length)?C.jsxs(C.Fragment,{children:[r?C.jsx(v.Tooltip,{title:Kl,placement:"bottom",children:C.jsx(v.IconButton,{onClick:i,children:C.jsx("img",{src:xm,alt:"Link Task",height:"20px"})})}):null,n?C.jsx(v.Tooltip,{title:ql,placement:"bottom",children:C.jsx(v.IconButton,{onClick:s,children:C.jsx("img",{src:ym,alt:"Add",height:"20px"})})}):null]}):null]})]})]})};var aa={exports:{}},ca={};/**
+`,cb=({connectors:e,isWriteFlowEnabled:t,haveCreateObjects:n,haveLinkObjects:r,cards:o,handleCreateNewObject:s,handleLinkNewObject:i})=>{const c=T.useRef(null),l=T.useRef(null),[a,u]=T.useState(null),h=!!a,{availableFeatures:b,sendTrackingEvent:x,currentSmIds:m,email:d}=T.useContext(He),{userGroupId:f,userId:p}=zt()||{},y=et(b,rs),g=[{id:"rate-experience",label:"Rate your experience",icon:C.jsx(Im,{}),onClick:()=>{u(null);const w=ss({url:Cu,params:{email:d,user_id:p,ug_id:f,sm_ids:m.join(","),connector_names:e.join(","),source:"help_drop_down"}});window.open(w,"_blank"),x(Yi,{sm_ids:m,ug_id:f,connector_names:e,source:"help_drop_down"}),cs(p)}},{id:"instant-chat",label:"Instant chat with support",icon:C.jsx(Cm,{}),onClick:()=>{u(null),window.open(Sm,"_blank"),x(M1,{sm_ids:m,ug_id:f,connector_names:e,source:"help_drop_down"})}}],E=T.useCallback(w=>{const A=document.getElementById("connector-agent-container");if(!w||!A)return;l.current&&l.current.disconnect();const S=new IntersectionObserver(_=>{const R=c.current;for(const F of _)R==null||R.classList.toggle(Iu,F.intersectionRatio===0)},{root:A});S.observe(w),l.current=S},[]),I=w=>{x(P1,{sm_ids:m,ug_id:f,connector_names:e}),u(w.currentTarget)};return C.jsxs(C.Fragment,{children:[C.jsx(Om,{ref:E}),C.jsx(Tm,{options:g,anchor:a,open:h,onClose:()=>u(null)}),C.jsxs(_m,{ref:c,children:[C.jsxs(v.Stack,{direction:"row",alignItems:"center",gap:"8px",children:[y?C.jsx(yu,{width:"20px",height:"20px"}):C.jsx(xu,{}),C.jsx(Eu,{variant:"h2",children:y?Wi:Jl})]}),C.jsxs(v.Stack,{direction:"row",gap:"4px",children:[C.jsx(v.Tooltip,{title:Em,children:C.jsx("div",{children:C.jsx(v.IconButton,{onClick:I,id:"help-button",children:C.jsx("img",{src:vm,alt:"Help",height:"20px"})})})}),t&&(o!=null&&o.length)?C.jsxs(C.Fragment,{children:[r?C.jsx(v.Tooltip,{title:Kl,placement:"bottom",children:C.jsx(v.IconButton,{onClick:i,children:C.jsx("img",{src:xm,alt:"Link Task",height:"20px"})})}):null,n?C.jsx(v.Tooltip,{title:ql,placement:"bottom",children:C.jsx(v.IconButton,{onClick:s,children:C.jsx("img",{src:ym,alt:"Add",height:"20px"})})}):null]}):null]})]})]})};var aa={exports:{}},ca={};/**
  * @license React
  * use-sync-external-store-with-selector.production.min.js
  *
@@ -1260,7 +1260,7 @@ Do you want to continue?`,s5="Select an object to create",i5="Select an object t
   width: 32px;
   height: 32px;
   cursor: pointer;
-`,O9=({rating:e,setRating:t,count:n=5})=>{const[r,o]=T.useState(e),s=c=>{t(c)},i=c=>{o(c)};return C.jsx(T9,{children:Array.from({length:n},(c,l)=>C.jsx(_9,{onClick:()=>s(l+1),onMouseOver:()=>i(l+1),onMouseOut:()=>i(e),children:C.jsx("div",{children:l<r?C.jsx(I9,{width:"20px",height:"20px"}):C.jsx(C9,{width:"20px",height:"20px"})})},l))})},L9=({connectors:e,expanded:t=!1})=>{const{currentSmIds:n,sendTrackingEvent:r,email:o}=T.useContext(He),{userGroupId:s,userId:i}=zt()||{},c=ss({url:Cu,params:{email:o,user_id:i,ug_id:s,sm_ids:n.join(","),connector_names:e.join(",")}}),[l,a]=T.useState(t),[u,h]=T.useState(!1),[b,x]=T.useState(0),m=()=>{r(Yi,{sm_ids:n,ug_id:s,connector_names:e,source:"collpased_feedback_btn",star_rating:0}),cs(i)},d=y=>{r(Yi,{sm_ids:n,ug_id:s,connector_names:e,source:"expanded_feedback_btn",star_rating:y});const g=ss({url:wm,params:{email:o,user_id:i,ug_id:s,sm_ids:n.join(","),connector_names:e.join(","),stars:String(y)}});x(y),window.open(g,"_blank"),a(!1),cs(i)},f=()=>{r(N1,{sm_ids:n,ug_id:s,connector_names:e,source:"expanded_feedback_btn"}),h(!0),cs(i)},p=()=>{u&&(a(!1),h(!1))};return C.jsxs(C.Fragment,{children:[C.jsxs(A9,{className:u||!l?"slide-down-out":"",onAnimationEnd:p,children:[C.jsxs(v.Stack,{width:"100%",direction:"row",gap:"8px",children:[C.jsx(y9,{}),C.jsxs(v.Box,{children:[C.jsx(v.Typography,{variant:"h3",children:vu}),C.jsx(O9,{rating:b,setRating:d})]})]}),C.jsx(v.Box,{position:"relative",children:C.jsx(v.Tooltip,{title:"Close",children:C.jsx(S9,{onClick:f,children:C.jsx(v9,{width:"16px",height:"16px"})})})})]}),C.jsx(w9,{className:u||!l?"fade-in":"",children:C.jsxs(v.Button,{size:"small",variant:"outlined",color:"tertiary",href:c,target:"_blank",onClick:m,children:[C.jsx(b9,{}),vu]})})]})},F9=(e,t={})=>{const{delayAfterLoad:n=1e3}=t,r=T.useRef(!1),o=T.useRef(void 0),s=T.useCallback((l="auto")=>{const a=e.current;a&&a.scrollIntoView({behavior:l})},[e]),i=T.useCallback((l,a="smooth")=>{r.current||(o.current!==void 0&&clearTimeout(o.current),l&&(o.current=setTimeout(()=>{s(a),r.current=!0},n)))},[s,n]),c=T.useCallback(()=>{r.current=!1,o.current!==void 0&&clearTimeout(o.current)},[]);return T.useEffect(()=>()=>{o.current!==void 0&&clearTimeout(o.current)},[]),{scrollOnceAfterLoad:i,resetScrollState:c,hasScrolledOnce:r.current}},D9=({isAdmin:e=!1})=>{var fn;const{email:t,currentSmIds:n,sendTrackingEvent:r,availableFeatures:o,conversationId:s}=T.useContext(He),i=Mt(),{userGroupId:c,userId:l}=zt()||{},a=T.useRef(!1),u=T.useRef(null),h=T.useRef(null),b=T.useRef(null),[x,m]=T.useState(!1),[d,f]=T.useState(!1),[p,y]=T.useState(!1),[g,E]=T.useState(!1),[I,w]=T.useState(),[A,S]=T.useState(!1),[_,R]=T.useState(null),[F,D]=T.useState(t),[B,W]=T.useState(null),[X,J]=T.useState(!1),z=ye(m5),Y=ye(b5),ee=ye(v5),ae=ye(C5),le=ye(y5),M=ye(T0),H=ye(D5),j=ye(_0),V=ye(O0),$=ye(L0),ne=ye(R4),re=et(o,Sg),P=et(o,Zl),K=et(o,Dg),ve=et(o,kg),Z=et(o,Ng),Ne=et(o,Pg),Le=qg(ee),{data:Qe}=xp({senderEmail:t,conversationId:String(s),enabled:ve&&!!t}),{emailHeaders:rt}=Qe??{},{scrollOnceAfterLoad:tn,resetScrollState:_t}=F9(h),Ke=le!==q.LOADING&&(!ae||!Object.values(ae).some(we=>we===q.LOADING))&&z&&z.length>0;T.useLayoutEffect(()=>{var we;X&&!x&&((we=b==null?void 0:b.current)!=null&&we.scrollHeight)&&tn(!!Ke,"smooth")},[X,x,Ke,tn,(fn=b==null?void 0:b.current)==null?void 0:fn.scrollHeight]);const Ye=(we,Ve)=>{r(L1,{search_keyword:we,sm_ids:n,connector_name:Ve,suggestion_type:ne})},tr=(we,Ve,Ot)=>{!Array.isArray(Ve)||!Ve.length?r(F1,{search_keyword:we,sm_ids:n,connector_name:Ot,suggestion_type:ne}):Ve.length&&r(D1,{num_of_results:Ve.length,search_keyword:we,sm_ids:n,connector_name:Ot,suggestion_type:ne})},{mutate:Wt,reset:Zr,data:Fo,isPending:nr,isIdle:rr}=m9(Ye,tr),ce=T.useCallback(()=>{Zr(),R(null)},[Zr,R]),be=T.useCallback(()=>{t&&n.length&&s&&i(ri({inboxIds:n,conversationId:s}))},[i,t,n,s]),Ue=T.useCallback((we,Ve)=>{we&&s&&Ve&&i(ni({id:we,channelType:"email",conversationId:s,externalResourceId:Ve,contactEmail:t})).unwrap().catch(()=>{i(Tr(null))})},[i,s,t]);if(T.useEffect(()=>{(async()=>{l&&J(await bu(l))})()},[l]),T.useEffect(()=>{D(t)},[t]),T.useEffect(()=>{var we;if(V){f(!0);const{externalResourceId:Ve}=V,Ot=(we=V.forms.find(zr=>zr.type==="edit"))==null?void 0:we.id;Ue(Ot,Ve)}else f(!1),i(d5())},[V,Ue,i]),T.useEffect(()=>(be(),_t(),()=>{i(A0.clearConnectorList())}),[i,be,_t]),T.useEffect(()=>(z&&z.length&&!a.current&&(r(o1,{numOfCards:z.length,sm_ids:n}),a.current=!0),()=>{(!z||!n||a.current)&&(a.current=!1)}),[z,r,n]),T.useEffect(()=>{s&&n&&n.length&&i($s({inboxIds:n,conversationId:s,channelType:"email",isExpandedFormEnabled:Ne}))},[i,n,s,Ne]),T.useEffect(()=>{const we=Ve=>{var Ro;if(!(Ve instanceof CustomEvent))return;const Ot=(Ro=Ve.detail)==null?void 0:Ro.connectorKey,zr=M.find(Ec=>{var ko;return((ko=Ec.connectorKey)==null?void 0:ko.toLowerCase())===(Ot==null?void 0:Ot.toLowerCase())});zr&&(W(zr),y(!0))};return window.addEventListener(Cc.OPEN_FORM_VIEW,we),()=>{window.removeEventListener(Cc.OPEN_FORM_VIEW,we)}},[M]),!t.length||le===q.LOADING)return C.jsx(C4,{});const yt=we=>{r(l1,{connector_name:H,source:we,sm_ids:n})},vt=we=>{y(!0),yt(we)},or=()=>{E(!0),r(u1)},dn=we=>{r(we,I),$?S(!0):(y(!1),W(null))},Xr=we=>{if(V){const{connectorName:Ve,title:Ot}=V;r(we,{connector_name:Ve,card_title:Ot,sm_ids:n,ug_id:c})}$?S(!0):i(Tr(null))},Ic=()=>{y(!1),i(Tr(null)),w(void 0),S(!1)},ci=()=>{be(),i(A0.clearConnectorList())},xc=[{label:"Go back",variant:"text",action:Ic},{label:"Stay",variant:"contained",action:()=>S(!1)}],Do=M.length>0,sr=j.length>0,li=()=>Do||sr?C.jsx(z4,{haveCreateObjects:Do,haveLinkObjects:sr,onCreateClick:()=>vt(nu.MAIN_BUTTON),onLinkClick:()=>E(!0)}):C.jsx(R0,{isAdmin:e,hideHeading:!0});return C.jsxs(wu,{ref:u,"data-testid":Array.isArray(z)?"connector-agent":"loading",id:"connector-agent-container",stopOverflow:p||g,children:[C.jsx(Z0,{shown:A,setShown:S,title:r5,description:o5,buttons:xc}),C.jsx(Lm,{onWheel:()=>m(!0),ref:b,children:Y?C.jsxs(C.Fragment,{children:[C.jsx(cb,{connectors:Le,isWriteFlowEnabled:P,haveCreateObjects:Do,haveLinkObjects:sr,cards:z,handleCreateNewObject:()=>vt(nu.ICON),handleLinkNewObject:or}),K?C.jsx(o9,{selectedObject:_,setSelectedObject:R,fetchSearchResults:Wt,onReset:ce,root:u.current}):null,C.jsxs(oc,{children:[C.jsx(_r,{condition:K&&nr,children:C.jsx(h9,{})},"search"),C.jsx(_r,{condition:K&&!!_&&!rr,children:C.jsx(p9,{searchResults:Fo??[],selectedObject:_,onReset:ce,fetchCards:be})},"results"),C.jsxs(_r,{fallback:!0,children:[ve&&(z!=null&&z.length)?C.jsx(_4,{emailHeaders:rt,selectedEmail:F,root:u.current,setSelectedEmail:D}):null,re?C.jsx(I4,{}):null,C.jsxs(oc,{children:[C.jsxs(_r,{condition:!!z&&z.length>0,children:[C.jsx(Q5,{cards:z,specificCardData:ee,email:F??"",specificConnectorApiStatus:ae,onCardUnlinking:be}),C.jsx("div",{ref:h,children:Z?C.jsx(L9,{connectors:Le,expanded:X}):null})]},"cards-list"),C.jsx(_r,{condition:!(z!=null&&z.length)&&P,children:li()},"create-banner")]})]},"cards")]})]}):C.jsx(R0,{isAdmin:e})}),C.jsx(sc,{onClose:()=>Xr(E1),isOpen:d,setIsOpen:f,title:Zg,portalId:"connector-layover-portal",backButtonTooltip:"Back",children:C.jsx(z0,{isEdit:!0,onClose:()=>Xr(x1),onCreateSuccess:ci,metaData:I,setMetaData:w,connectors:Le})}),C.jsx(sc,{onClose:()=>dn(m1),portalId:"connector-layover-portal",isOpen:p,setIsOpen:y,children:C.jsx(z0,{onClose:()=>dn(g1),onCreateSuccess:ci,metaData:I,setMetaData:w,defaultOption:B,connectors:Le})}),C.jsx(sc,{onClose:()=>E(!1),portalId:"connector-layover-portal",isOpen:g,setIsOpen:E,children:C.jsx(G4,{setOpenTaskLinking:E,onLinkingSuccess:be})}),!Y&&C.jsx(U1,{})]})},R9=({children:e,sendTrackingEvent:t,contactEmail:n,baseUrls:r={},currentSmIds:o=[],metaData:s,availableFeatures:i,conversationId:c,connectorFunctions:l,stackingContext:a,isAdmin:u=!1})=>{const h=T.useMemo(()=>({email:n,baseUrls:r,currentSmIds:o,metaData:s,conversationId:c,sendTrackingEvent:t||(()=>{}),availableFeatures:i,isAdmin:u,connectorFunctions:l,stackingContext:a}),[n,r,t,o,s,i,c,u,l,a]);return C.jsx(He.Provider,{value:h,children:e})},k9=new Rw,N9=({children:e})=>C.jsx(Bw,{client:k9,children:e}),P9=Vu({cardList:O5,write:f5,common:BE}),M9=Oy({reducer:P9,devTools:!0}),B9=({children:e,extraParams:t,contactEmail:n,baseUrls:r,availableFeatures:o,connectorFunctions:s,stackingContext:i})=>C.jsx(Ab,{store:M9,children:C.jsx(v.HiverProvider,{custom:!0,children:C.jsx(N9,{children:C.jsx(R9,{availableFeatures:o,sendTrackingEvent:t==null?void 0:t.sendTrackingEvent,contactEmail:n,currentSmIds:t==null?void 0:t.currentSmIds,metaData:t==null?void 0:t.metaData,conversationId:t==null?void 0:t.conversationId,baseUrls:r,connectorFunctions:s,stackingContext:i,isAdmin:t==null?void 0:t.isAdmin,children:C.jsx(T.Suspense,{fallback:C.jsx(C.Fragment,{}),children:e})})})})}),j9=v.styled(v.Box)`
+`,O9=({rating:e,setRating:t,count:n=5})=>{const[r,o]=T.useState(e),s=c=>{t(c)},i=c=>{o(c)};return C.jsx(T9,{children:Array.from({length:n},(c,l)=>C.jsx(_9,{onClick:()=>s(l+1),onMouseOver:()=>i(l+1),onMouseOut:()=>i(e),children:C.jsx("div",{children:l<r?C.jsx(I9,{width:"20px",height:"20px"}):C.jsx(C9,{width:"20px",height:"20px"})})},l))})},L9=({connectors:e,expanded:t=!1})=>{const{currentSmIds:n,sendTrackingEvent:r,email:o}=T.useContext(He),{userGroupId:s,userId:i}=zt()||{},c=ss({url:Cu,params:{email:o,user_id:i,ug_id:s,sm_ids:n.join(","),connector_names:e.join(","),source:"collapsed_feedback_btn"}}),[l,a]=T.useState(t),[u,h]=T.useState(!1),[b,x]=T.useState(0),m=()=>{r(Yi,{sm_ids:n,ug_id:s,connector_names:e,source:"collpased_feedback_btn",star_rating:0}),cs(i)},d=y=>{r(Yi,{sm_ids:n,ug_id:s,connector_names:e,source:"expanded_feedback_btn",star_rating:y});const g=ss({url:wm,params:{email:o,user_id:i,ug_id:s,sm_ids:n.join(","),connector_names:e.join(","),star_rating:String(y)}});x(y),window.open(g,"_blank"),a(!1),cs(i)},f=()=>{r(N1,{sm_ids:n,ug_id:s,connector_names:e,source:"expanded_feedback_btn"}),h(!0),cs(i)},p=()=>{u&&(a(!1),h(!1))};return C.jsxs(C.Fragment,{children:[C.jsxs(A9,{className:u||!l?"slide-down-out":"",onAnimationEnd:p,children:[C.jsxs(v.Stack,{width:"100%",direction:"row",gap:"8px",children:[C.jsx(y9,{}),C.jsxs(v.Box,{children:[C.jsx(v.Typography,{variant:"h3",children:vu}),C.jsx(O9,{rating:b,setRating:d})]})]}),C.jsx(v.Box,{position:"relative",children:C.jsx(v.Tooltip,{title:"Close",children:C.jsx(S9,{onClick:f,children:C.jsx(v9,{width:"16px",height:"16px"})})})})]}),C.jsx(w9,{className:u||!l?"fade-in":"",children:C.jsxs(v.Button,{size:"small",variant:"outlined",color:"tertiary",href:c,target:"_blank",onClick:m,children:[C.jsx(b9,{}),vu]})})]})},F9=(e,t={})=>{const{delayAfterLoad:n=1e3}=t,r=T.useRef(!1),o=T.useRef(void 0),s=T.useCallback((l="auto")=>{const a=e.current;a&&a.scrollIntoView({behavior:l})},[e]),i=T.useCallback((l,a="smooth")=>{r.current||(o.current!==void 0&&clearTimeout(o.current),l&&(o.current=setTimeout(()=>{s(a),r.current=!0},n)))},[s,n]),c=T.useCallback(()=>{r.current=!1,o.current!==void 0&&clearTimeout(o.current)},[]);return T.useEffect(()=>()=>{o.current!==void 0&&clearTimeout(o.current)},[]),{scrollOnceAfterLoad:i,resetScrollState:c,hasScrolledOnce:r.current}},D9=({isAdmin:e=!1})=>{var fn;const{email:t,currentSmIds:n,sendTrackingEvent:r,availableFeatures:o,conversationId:s}=T.useContext(He),i=Mt(),{userGroupId:c,userId:l}=zt()||{},a=T.useRef(!1),u=T.useRef(null),h=T.useRef(null),b=T.useRef(null),[x,m]=T.useState(!1),[d,f]=T.useState(!1),[p,y]=T.useState(!1),[g,E]=T.useState(!1),[I,w]=T.useState(),[A,S]=T.useState(!1),[_,R]=T.useState(null),[F,D]=T.useState(t),[B,W]=T.useState(null),[X,J]=T.useState(!1),z=ye(m5),Y=ye(b5),ee=ye(v5),ae=ye(C5),le=ye(y5),M=ye(T0),H=ye(D5),j=ye(_0),V=ye(O0),$=ye(L0),ne=ye(R4),re=et(o,Sg),P=et(o,Zl),K=et(o,Dg),ve=et(o,kg),Z=et(o,Ng),Ne=et(o,Pg),Le=qg(ee),{data:Qe}=xp({senderEmail:t,conversationId:String(s),enabled:ve&&!!t}),{emailHeaders:rt}=Qe??{},{scrollOnceAfterLoad:tn,resetScrollState:_t}=F9(h),Ke=le!==q.LOADING&&(!ae||!Object.values(ae).some(we=>we===q.LOADING))&&z&&z.length>0;T.useLayoutEffect(()=>{var we;X&&!x&&((we=b==null?void 0:b.current)!=null&&we.scrollHeight)&&tn(!!Ke,"smooth")},[X,x,Ke,tn,(fn=b==null?void 0:b.current)==null?void 0:fn.scrollHeight]);const Ye=(we,Ve)=>{r(L1,{search_keyword:we,sm_ids:n,connector_name:Ve,suggestion_type:ne})},tr=(we,Ve,Ot)=>{!Array.isArray(Ve)||!Ve.length?r(F1,{search_keyword:we,sm_ids:n,connector_name:Ot,suggestion_type:ne}):Ve.length&&r(D1,{num_of_results:Ve.length,search_keyword:we,sm_ids:n,connector_name:Ot,suggestion_type:ne})},{mutate:Wt,reset:Zr,data:Fo,isPending:nr,isIdle:rr}=m9(Ye,tr),ce=T.useCallback(()=>{Zr(),R(null)},[Zr,R]),be=T.useCallback(()=>{t&&n.length&&s&&i(ri({inboxIds:n,conversationId:s}))},[i,t,n,s]),Ue=T.useCallback((we,Ve)=>{we&&s&&Ve&&i(ni({id:we,channelType:"email",conversationId:s,externalResourceId:Ve,contactEmail:t})).unwrap().catch(()=>{i(Tr(null))})},[i,s,t]);if(T.useEffect(()=>{(async()=>{l&&J(await bu(l))})()},[l]),T.useEffect(()=>{D(t)},[t]),T.useEffect(()=>{var we;if(V){f(!0);const{externalResourceId:Ve}=V,Ot=(we=V.forms.find(zr=>zr.type==="edit"))==null?void 0:we.id;Ue(Ot,Ve)}else f(!1),i(d5())},[V,Ue,i]),T.useEffect(()=>(be(),_t(),()=>{i(A0.clearConnectorList())}),[i,be,_t]),T.useEffect(()=>(z&&z.length&&!a.current&&(r(o1,{numOfCards:z.length,sm_ids:n}),a.current=!0),()=>{(!z||!n||a.current)&&(a.current=!1)}),[z,r,n]),T.useEffect(()=>{s&&n&&n.length&&i($s({inboxIds:n,conversationId:s,channelType:"email",isExpandedFormEnabled:Ne}))},[i,n,s,Ne]),T.useEffect(()=>{const we=Ve=>{var Ro;if(!(Ve instanceof CustomEvent))return;const Ot=(Ro=Ve.detail)==null?void 0:Ro.connectorKey,zr=M.find(Ec=>{var ko;return((ko=Ec.connectorKey)==null?void 0:ko.toLowerCase())===(Ot==null?void 0:Ot.toLowerCase())});zr&&(W(zr),y(!0))};return window.addEventListener(Cc.OPEN_FORM_VIEW,we),()=>{window.removeEventListener(Cc.OPEN_FORM_VIEW,we)}},[M]),!t.length||le===q.LOADING)return C.jsx(C4,{});const yt=we=>{r(l1,{connector_name:H,source:we,sm_ids:n})},vt=we=>{y(!0),yt(we)},or=()=>{E(!0),r(u1)},dn=we=>{r(we,I),$?S(!0):(y(!1),W(null))},Xr=we=>{if(V){const{connectorName:Ve,title:Ot}=V;r(we,{connector_name:Ve,card_title:Ot,sm_ids:n,ug_id:c})}$?S(!0):i(Tr(null))},Ic=()=>{y(!1),i(Tr(null)),w(void 0),S(!1)},ci=()=>{be(),i(A0.clearConnectorList())},xc=[{label:"Go back",variant:"text",action:Ic},{label:"Stay",variant:"contained",action:()=>S(!1)}],Do=M.length>0,sr=j.length>0,li=()=>Do||sr?C.jsx(z4,{haveCreateObjects:Do,haveLinkObjects:sr,onCreateClick:()=>vt(nu.MAIN_BUTTON),onLinkClick:()=>E(!0)}):C.jsx(R0,{isAdmin:e,hideHeading:!0});return C.jsxs(wu,{ref:u,"data-testid":Array.isArray(z)?"connector-agent":"loading",id:"connector-agent-container",stopOverflow:p||g,children:[C.jsx(Z0,{shown:A,setShown:S,title:r5,description:o5,buttons:xc}),C.jsx(Lm,{onWheel:()=>m(!0),ref:b,children:Y?C.jsxs(C.Fragment,{children:[C.jsx(cb,{connectors:Le,isWriteFlowEnabled:P,haveCreateObjects:Do,haveLinkObjects:sr,cards:z,handleCreateNewObject:()=>vt(nu.ICON),handleLinkNewObject:or}),K?C.jsx(o9,{selectedObject:_,setSelectedObject:R,fetchSearchResults:Wt,onReset:ce,root:u.current}):null,C.jsxs(oc,{children:[C.jsx(_r,{condition:K&&nr,children:C.jsx(h9,{})},"search"),C.jsx(_r,{condition:K&&!!_&&!rr,children:C.jsx(p9,{searchResults:Fo??[],selectedObject:_,onReset:ce,fetchCards:be})},"results"),C.jsxs(_r,{fallback:!0,children:[ve&&(z!=null&&z.length)?C.jsx(_4,{emailHeaders:rt,selectedEmail:F,root:u.current,setSelectedEmail:D}):null,re?C.jsx(I4,{}):null,C.jsxs(oc,{children:[C.jsxs(_r,{condition:!!z&&z.length>0,children:[C.jsx(Q5,{cards:z,specificCardData:ee,email:F??"",specificConnectorApiStatus:ae,onCardUnlinking:be}),C.jsx("div",{ref:h,children:Z?C.jsx(L9,{connectors:Le,expanded:X}):null})]},"cards-list"),C.jsx(_r,{condition:!(z!=null&&z.length)&&P,children:li()},"create-banner")]})]},"cards")]})]}):C.jsx(R0,{isAdmin:e})}),C.jsx(sc,{onClose:()=>Xr(E1),isOpen:d,setIsOpen:f,title:Zg,portalId:"connector-layover-portal",backButtonTooltip:"Back",children:C.jsx(z0,{isEdit:!0,onClose:()=>Xr(x1),onCreateSuccess:ci,metaData:I,setMetaData:w,connectors:Le})}),C.jsx(sc,{onClose:()=>dn(m1),portalId:"connector-layover-portal",isOpen:p,setIsOpen:y,children:C.jsx(z0,{onClose:()=>dn(g1),onCreateSuccess:ci,metaData:I,setMetaData:w,defaultOption:B,connectors:Le})}),C.jsx(sc,{onClose:()=>E(!1),portalId:"connector-layover-portal",isOpen:g,setIsOpen:E,children:C.jsx(G4,{setOpenTaskLinking:E,onLinkingSuccess:be})}),!Y&&C.jsx(U1,{})]})},R9=({children:e,sendTrackingEvent:t,contactEmail:n,baseUrls:r={},currentSmIds:o=[],metaData:s,availableFeatures:i,conversationId:c,connectorFunctions:l,stackingContext:a,isAdmin:u=!1})=>{const h=T.useMemo(()=>({email:n,baseUrls:r,currentSmIds:o,metaData:s,conversationId:c,sendTrackingEvent:t||(()=>{}),availableFeatures:i,isAdmin:u,connectorFunctions:l,stackingContext:a}),[n,r,t,o,s,i,c,u,l,a]);return C.jsx(He.Provider,{value:h,children:e})},k9=new Rw,N9=({children:e})=>C.jsx(Bw,{client:k9,children:e}),P9=Vu({cardList:O5,write:f5,common:BE}),M9=Oy({reducer:P9,devTools:!0}),B9=({children:e,extraParams:t,contactEmail:n,baseUrls:r,availableFeatures:o,connectorFunctions:s,stackingContext:i})=>C.jsx(Ab,{store:M9,children:C.jsx(v.HiverProvider,{custom:!0,children:C.jsx(N9,{children:C.jsx(R9,{availableFeatures:o,sendTrackingEvent:t==null?void 0:t.sendTrackingEvent,contactEmail:n,currentSmIds:t==null?void 0:t.currentSmIds,metaData:t==null?void 0:t.metaData,conversationId:t==null?void 0:t.conversationId,baseUrls:r,connectorFunctions:s,stackingContext:i,isAdmin:t==null?void 0:t.isAdmin,children:C.jsx(T.Suspense,{fallback:C.jsx(C.Fragment,{}),children:e})})})})}),j9=v.styled(v.Box)`
   height: inherit;
   .MuiScopedCssBaseline-root {
     height: inherit;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hiver/connector-agent",
-  "version": "4.0.1-feedbackForm-beta.13",
+  "version": "4.0.1-feedbackForm-beta.14",
   "main": "index.es.js",
   "module": "index.es.js",
   "types": "index.d.ts",