vrfi-design-system 1.2.2 → 1.2.3

package/dist/index.d.ts

@@ -756,10 +756,6 @@ export declare interface LoaderProps {
 
 declare interface LooseChat {
     chatType?: string;
-    participantDetails?: {
-        name?: string;
-        profileUrl?: string;
-    };
     messages?: LooseMessage[];
 }
 
@@ -769,6 +765,7 @@ declare interface LooseMessage {
     body?: string;
     createdAt?: string;
     senderId?: number;
+    senderDetails?: SenderDetails;
 }
 
 export { Menu }
@@ -1091,6 +1088,16 @@ declare interface SelectPropsBase extends SelectProps {
 
 export { SelectType }
 
+declare interface SenderDetails {
+    displayPictureUrl?: string;
+    fullName?: string;
+    senderId?: number;
+    senderType?: string;
+    email?: string;
+    id?: number;
+    userName?: string;
+}
+
 export declare const Sidebar: default_2.FC<SidebarProps>;
 
 export { SidebarMenuProps }

package/dist/main.es.js

@@ -71648,48 +71648,48 @@ const $Ie = (e, t) => (e == null ? void 0 : e.senderId) === (t == null ? void 0
   userType: o,
   loggedInUserId: a
 }) => {
-  var f, g, v, p;
+  var g, v, p, m;
   const i = _e(null);
   jt(() => {
-    var m;
-    (m = i.current) == null || m.scrollIntoView({ behavior: "auto" });
-  }, [(f = e == null ? void 0 : e.messages) == null ? void 0 : f.length]);
-  const l = (m) => {
-    m.key === "Enter" && r();
+    var h;
+    (h = i.current) == null || h.scrollIntoView({ behavior: "auto" });
+  }, [(g = e == null ? void 0 : e.messages) == null ? void 0 : g.length]);
+  const l = (h) => {
+    h.key === "Enter" && r();
   };
   if (!e)
     return /* @__PURE__ */ B.jsx("div", { className: Kn.selectChatPlaceholder, children: ia.START_CHAT_PLACEHOLDER });
-  const s = e.chatType === ia.SUPPORT_CHAT && o === vl.CANDIDATE ? ia.SUPPORT_CHAT_LABEL : ((g = e.participantDetails) == null ? void 0 : g.name) ?? "";
-  let d = "";
-  const u = (m, h) => {
-    var b;
-    return h && /* @__PURE__ */ B.jsxs("div", { className: Kn.avatarContainer, children: [
+  const s = (p = (v = e.messages) == null ? void 0 : v[0]) == null ? void 0 : p.senderDetails, d = e.chatType === ia.SUPPORT_CHAT && o === vl.CANDIDATE ? ia.SUPPORT_CHAT_LABEL : (s == null ? void 0 : s.fullName) ?? "";
+  let u = "";
+  const A = (h, b) => {
+    var C, y, x;
+    return b && /* @__PURE__ */ B.jsxs("div", { className: Kn.avatarContainer, children: [
       /* @__PURE__ */ B.jsx(
         xo,
         {
           size: so.LARGE,
-          name: s,
-          imageUrl: (b = e == null ? void 0 : e.participantDetails) == null ? void 0 : b.profileUrl
+          name: ((C = h == null ? void 0 : h.senderDetails) == null ? void 0 : C.fullName) || d,
+          imageUrl: ((y = h == null ? void 0 : h.senderDetails) == null ? void 0 : y.displayPictureUrl) || ""
         }
       ),
-      /* @__PURE__ */ B.jsx("p", { className: Kn.userDetailName, children: HIe(s) || ia.DEFAULT_USER_NAME }),
-      /* @__PURE__ */ B.jsx("div", { className: Kn.timestamp, children: HC((m == null ? void 0 : m.createdAt) ?? "") })
+      /* @__PURE__ */ B.jsx("p", { className: Kn.userDetailName, children: HIe(((x = h == null ? void 0 : h.senderDetails) == null ? void 0 : x.fullName) || d) || ia.DEFAULT_USER_NAME }),
+      /* @__PURE__ */ B.jsx("div", { className: Kn.timestamp, children: HC((h == null ? void 0 : h.createdAt) ?? "") })
     ] });
-  }, A = (v = e.messages) == null ? void 0 : v.map((m, h) => {
-    var w, S;
-    const { showMeta: b, showDateLabel: C, currentDateLabel: y } = FIe(e.messages ?? [], h, d);
-    C && (d = y);
-    const x = a === m.senderId;
+  }, f = (m = e.messages) == null ? void 0 : m.map((h, b) => {
+    var S, D;
+    const { showMeta: C, showDateLabel: y, currentDateLabel: x } = FIe(e.messages ?? [], b, u);
+    y && (u = x);
+    const w = a === h.senderId;
     return /* @__PURE__ */ B.jsxs(X.Fragment, { children: [
-      C && /* @__PURE__ */ B.jsxs(
+      y && /* @__PURE__ */ B.jsxs(
         "div",
         {
           className: ut(Kn.dateSeparator, {
-            [Kn.noTopMargin]: h === 0 || !((S = (w = e.messages) == null ? void 0 : w[h - 1]) != null && S.body)
+            [Kn.noTopMargin]: b === 0 || !((D = (S = e.messages) == null ? void 0 : S[b - 1]) != null && D.body)
           }),
           children: [
             /* @__PURE__ */ B.jsx("hr", {}),
-            /* @__PURE__ */ B.jsx("span", { children: y }),
+            /* @__PURE__ */ B.jsx("span", { children: x }),
             /* @__PURE__ */ B.jsx("hr", {})
           ]
         }
@@ -71698,27 +71698,27 @@ const $Ie = (e, t) => (e == null ? void 0 : e.senderId) === (t == null ? void 0
         "div",
         {
           className: ut(Kn.message, {
-            [Kn.myMessage]: x,
-            [Kn.otherMessage]: !x
+            [Kn.myMessage]: w,
+            [Kn.otherMessage]: !w
           }),
-          children: x ? /* @__PURE__ */ B.jsxs(
+          children: w ? /* @__PURE__ */ B.jsxs(
             "div",
             {
               className: ut(Kn.myMessageContentWrapper, {
-                [Kn.withTimestampMargin]: b
+                [Kn.withTimestampMargin]: C
               }),
               children: [
-                b && /* @__PURE__ */ B.jsx("div", { className: Kn.timestamp, children: HC(m.createdAt ?? "") }),
-                /* @__PURE__ */ B.jsx("div", { className: Kn.messageContent, children: m.body })
+                C && /* @__PURE__ */ B.jsx("div", { className: Kn.timestamp, children: HC(h.createdAt ?? "") }),
+                /* @__PURE__ */ B.jsx("div", { className: Kn.messageContent, children: h.body })
               ]
             }
           ) : /* @__PURE__ */ B.jsxs("div", { className: Kn.otherMessageBlock, children: [
-            u(m, b),
-            /* @__PURE__ */ B.jsx("div", { className: Kn.messageContent, children: m.body })
+            A(h, C),
+            /* @__PURE__ */ B.jsx("div", { className: Kn.messageContent, children: h.body })
           ] })
         }
       )
-    ] }, m.id ?? h);
+    ] }, h.id ?? b);
   });
   return /* @__PURE__ */ B.jsxs("div", { className: Kn.chatDetails, children: [
     /* @__PURE__ */ B.jsxs("div", { className: Kn.chatHeader, children: [
@@ -71726,14 +71726,14 @@ const $Ie = (e, t) => (e == null ? void 0 : e.senderId) === (t == null ? void 0
         xo,
         {
           size: so.LARGE,
-          name: s,
-          imageUrl: (p = e.participantDetails) == null ? void 0 : p.profileUrl
+          name: d,
+          imageUrl: (s == null ? void 0 : s.displayPictureUrl) || ""
         }
       ),
-      /* @__PURE__ */ B.jsx("div", { children: s || ia.DEFAULT_USER_NAME })
+      /* @__PURE__ */ B.jsx("div", { children: d || ia.DEFAULT_USER_NAME })
     ] }),
     /* @__PURE__ */ B.jsxs("div", { className: Kn.messages, children: [
-      A,
+      f,
       /* @__PURE__ */ B.jsx("div", { ref: i })
     ] }),
     /* @__PURE__ */ B.jsx("div", { className: Kn.inputContainer, children: /* @__PURE__ */ B.jsxs("div", { className: Kn.inputWrapper, children: [

package/dist/main.umd.js

@@ -622,4 +622,4 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         ${a},
         ${i},
         ${l}
-      `]:Object.assign({},Dbe(e))}}},gH=e=>{const{colorFillContent:t,colorFill:n}=e,r=t,o=n;return{color:r,colorGradientEnd:o,gradientFromColor:r,gradientToColor:o,titleHeight:e.controlHeight/2,blockRadius:e.borderRadiusSM,paragraphMarginTop:e.marginLG+e.marginXXS,paragraphLiHeight:e.controlHeight/2}};Xo.prepareComponentToken=gH,Xo.default=(0,fH.genStyleHooks)("Skeleton",e=>{const{componentCls:t,calc:n}=e,r=(0,fH.mergeToken)(e,{skeletonAvatarCls:`${t}-avatar`,skeletonTitleCls:`${t}-title`,skeletonParagraphCls:`${t}-paragraph`,skeletonButtonCls:`${t}-button`,skeletonInputCls:`${t}-input`,skeletonImageCls:`${t}-image`,imageSizeBase:n(e.controlHeight).mul(1.5).equal(),borderRadius:100,skeletonLoadingBackground:`linear-gradient(90deg, ${e.gradientFromColor} 25%, ${e.gradientToColor} 37%, ${e.gradientFromColor} 63%)`,skeletonLoadingMotionDuration:"1.4s"});return[zbe(r)]},gH,{deprecatedTokens:[["color","gradientFromColor"],["colorGradientEnd","gradientToColor"]]});var ip=We.default,Hbe=Et.default;Object.defineProperty(op,"__esModule",{value:!0}),op.default=void 0;var Dx=Hbe(B),Rbe=ip(un),jbe=ip(Si),$be=Ln,kbe=ip(Hl),Lbe=ip(Xo);const _be=e=>{const{prefixCls:t,className:n,rootClassName:r,active:o,shape:a="circle",size:i="default"}=e,{getPrefixCls:l}=Dx.useContext($be.ConfigContext),s=l("skeleton",t),[u,d,A]=(0,Lbe.default)(s),f=(0,jbe.default)(e,["prefixCls","className"]),g=(0,Rbe.default)(s,`${s}-element`,{[`${s}-active`]:o},n,r,d,A);return u(Dx.createElement("div",{className:g},Dx.createElement(kbe.default,Object.assign({prefixCls:`${s}-avatar`,shape:a,size:i},f))))};op.default=_be;var lp={},sp=We.default,Fbe=Et.default;Object.defineProperty(lp,"__esModule",{value:!0}),lp.default=void 0;var Tx=Fbe(B),Jbe=sp(un),Wbe=sp(Si),Qbe=Ln,Xbe=sp(Hl),Kbe=sp(Xo);const Gbe=e=>{const{prefixCls:t,className:n,rootClassName:r,active:o,block:a=!1,size:i="default"}=e,{getPrefixCls:l}=Tx.useContext(Qbe.ConfigContext),s=l("skeleton",t),[u,d,A]=(0,Kbe.default)(s),f=(0,Wbe.default)(e,["prefixCls"]),g=(0,Jbe.default)(s,`${s}-element`,{[`${s}-active`]:o,[`${s}-block`]:a},n,r,d,A);return u(Tx.createElement("div",{className:g},Tx.createElement(Xbe.default,Object.assign({prefixCls:`${s}-button`,size:i},f))))};lp.default=Gbe;var cp={},vH=We.default,Ube=Et.default;Object.defineProperty(cp,"__esModule",{value:!0}),cp.default=void 0;var hc=Ube(B),pH=vH(un),Ybe=Ln,Vbe=vH(Xo);const qbe="M365.714286 329.142857q0 45.714286-32.036571 77.677714t-77.677714 32.036571-77.677714-32.036571-32.036571-77.677714 32.036571-77.677714 77.677714-32.036571 77.677714 32.036571 32.036571 77.677714zM950.857143 548.571429l0 256-804.571429 0 0-109.714286 182.857143-182.857143 91.428571 91.428571 292.571429-292.571429zM1005.714286 146.285714l-914.285714 0q-7.460571 0-12.873143 5.412571t-5.412571 12.873143l0 694.857143q0 7.460571 5.412571 12.873143t12.873143 5.412571l914.285714 0q7.460571 0 12.873143-5.412571t5.412571-12.873143l0-694.857143q0-7.460571-5.412571-12.873143t-12.873143-5.412571zM1097.142857 164.571429l0 694.857143q0 37.741714-26.843429 64.585143t-64.585143 26.843429l-914.285714 0q-37.741714 0-64.585143-26.843429t-26.843429-64.585143l0-694.857143q0-37.741714 26.843429-64.585143t64.585143-26.843429l914.285714 0q37.741714 0 64.585143 26.843429t26.843429 64.585143z",Zbe=e=>{const{prefixCls:t,className:n,rootClassName:r,style:o,active:a}=e,{getPrefixCls:i}=hc.useContext(Ybe.ConfigContext),l=i("skeleton",t),[s,u,d]=(0,Vbe.default)(l),A=(0,pH.default)(l,`${l}-element`,{[`${l}-active`]:a},n,r,u,d);return s(hc.createElement("div",{className:A},hc.createElement("div",{className:(0,pH.default)(`${l}-image`,n),style:o},hc.createElement("svg",{viewBox:"0 0 1098 1024",xmlns:"http://www.w3.org/2000/svg",className:`${l}-image-svg`},hc.createElement("title",null,"Image placeholder"),hc.createElement("path",{d:qbe,className:`${l}-image-path`})))))};cp.default=Zbe;var up={},dp=We.default,eCe=Et.default;Object.defineProperty(up,"__esModule",{value:!0}),up.default=void 0;var Nx=eCe(B),tCe=dp(un),nCe=dp(Si),rCe=Ln,oCe=dp(Hl),aCe=dp(Xo);const iCe=e=>{const{prefixCls:t,className:n,rootClassName:r,active:o,block:a,size:i="default"}=e,{getPrefixCls:l}=Nx.useContext(rCe.ConfigContext),s=l("skeleton",t),[u,d,A]=(0,aCe.default)(s),f=(0,nCe.default)(e,["prefixCls"]),g=(0,tCe.default)(s,`${s}-element`,{[`${s}-active`]:o,[`${s}-block`]:a},n,r,d,A);return u(Nx.createElement("div",{className:g},Nx.createElement(oCe.default,Object.assign({prefixCls:`${s}-input`,size:i},f))))};up.default=iCe;var Ap={},hH=We.default,lCe=Et.default;Object.defineProperty(Ap,"__esModule",{value:!0}),Ap.default=void 0;var Bx=lCe(B),bH=hH(un),sCe=Ln,cCe=hH(Xo);const uCe=e=>{const{prefixCls:t,className:n,rootClassName:r,style:o,active:a,children:i}=e,{getPrefixCls:l}=Bx.useContext(sCe.ConfigContext),s=l("skeleton",t),[u,d,A]=(0,cCe.default)(s),f=(0,bH.default)(s,`${s}-element`,{[`${s}-active`]:a},d,n,r,A);return u(Bx.createElement("div",{className:f},Bx.createElement("div",{className:(0,bH.default)(`${s}-image`,n),style:o},i)))};Ap.default=uCe;var fp={},dCe=We.default,ACe=Et.default;Object.defineProperty(fp,"__esModule",{value:!0}),fp.default=void 0;var CH=ACe(B),fCe=dCe(un);const mCe=(e,t)=>{const{width:n,rows:r=2}=t;if(Array.isArray(n))return n[e];if(r-1===e)return n},gCe=e=>{const{prefixCls:t,className:n,style:r,rows:o=0}=e,a=Array.from({length:o}).map((i,l)=>CH.createElement("li",{key:l,style:{width:mCe(l,e)}}));return CH.createElement("ul",{className:(0,fCe.default)(t,n),style:r},a)};fp.default=gCe;var mp={},vCe=We.default,pCe=Et.default;Object.defineProperty(mp,"__esModule",{value:!0}),mp.default=void 0;var hCe=pCe(B),bCe=vCe(un);const CCe=e=>{let{prefixCls:t,className:n,width:r,style:o}=e;return hCe.createElement("h3",{className:(0,bCe.default)(t,n),style:Object.assign({width:r},o)})};mp.default=CCe;var Ea=We.default,yCe=Et.default;Object.defineProperty(rp,"__esModule",{value:!0}),rp.default=void 0;var bc=yCe(B),wCe=Ea(un),xCe=qn,ECe=Ea(op),SCe=Ea(lp),PCe=Ea(Hl),OCe=Ea(cp),ICe=Ea(up),DCe=Ea(Ap),TCe=Ea(fp),NCe=Ea(Xo),BCe=Ea(mp);function Mx(e){return e&&typeof e=="object"?e:{}}function MCe(e,t){return e&&!t?{size:"large",shape:"square"}:{size:"large",shape:"circle"}}function zCe(e,t){return!e&&t?{width:"38%"}:e&&t?{width:"50%"}:{}}function HCe(e,t){const n={};return(!e||!t)&&(n.width="61%"),!e&&t?n.rows=3:n.rows=2,n}const Rl=e=>{const{prefixCls:t,loading:n,className:r,rootClassName:o,style:a,children:i,avatar:l=!1,title:s=!0,paragraph:u=!0,active:d,round:A}=e,{getPrefixCls:f,direction:g,className:v,style:p}=(0,xCe.useComponentConfig)("skeleton"),m=f("skeleton",t),[h,b,C]=(0,NCe.default)(m);if(n||!("loading"in e)){const y=!!l,w=!!s,x=!!u;let S;if(y){const P=Object.assign(Object.assign({prefixCls:`${m}-avatar`},MCe(w,x)),Mx(l));S=bc.createElement("div",{className:`${m}-header`},bc.createElement(PCe.default,Object.assign({},P)))}let D;if(w||x){let P;if(w){const H=Object.assign(Object.assign({prefixCls:`${m}-title`},zCe(y,x)),Mx(s));P=bc.createElement(BCe.default,Object.assign({},H))}let O;if(x){const H=Object.assign(Object.assign({prefixCls:`${m}-paragraph`},HCe(y,w)),Mx(u));O=bc.createElement(TCe.default,Object.assign({},H))}D=bc.createElement("div",{className:`${m}-content`},P,O)}const E=(0,wCe.default)(m,{[`${m}-with-avatar`]:y,[`${m}-active`]:d,[`${m}-rtl`]:g==="rtl",[`${m}-round`]:A},v,r,o,b,C);return h(bc.createElement("div",{className:E,style:Object.assign(Object.assign({},p),a)},S,D))}return i??null};Rl.Button=SCe.default,Rl.Avatar=ECe.default,Rl.Input=ICe.default,Rl.Image=OCe.default,Rl.Node=DCe.default,process.env.NODE_ENV!=="production"&&(Rl.displayName="Skeleton"),rp.default=Rl;var RCe=We.default;Object.defineProperty(Ex,"__esModule",{value:!0}),He.Skeleton=Ex.default=void 0;var jCe=RCe(rp);He.Skeleton=Ex.default=jCe.default;const Kn={chatDetails:"_chatDetails_12d43_24",dateSeparator:"_dateSeparator_12d43_32",noTopMargin:"_noTopMargin_12d43_49",chatHeader:"_chatHeader_12d43_53",messages:"_messages_12d43_65",message:"_message_12d43_65",myMessage:"_myMessage_12d43_82",messageContent:"_messageContent_12d43_90",timestamp:"_timestamp_12d43_104",otherMessageBlock:"_otherMessageBlock_12d43_111",avatarContainer:"_avatarContainer_12d43_117",userDetailName:"_userDetailName_12d43_120",inputContainer:"_inputContainer_12d43_146",inputWrapper:"_inputWrapper_12d43_151",sendMsgBtn:"_sendMsgBtn_12d43_166",selectChatPlaceholder:"_selectChatPlaceholder_12d43_185",fadeIn:"_fadeIn_12d43_1",myMessageContentWrapper:"_myMessageContentWrapper_12d43_206"},Sa={CHAT_LOGO_ALT:"chat logo",CHAT_HEADER:"Chat",SEARCH_PLACEHOLDER:"Search by name or email",START_CHAT_PLACEHOLDER:"Please select a chat to start messaging",CHAT_LIST_HEADING:"All Chats",INPUT_PLACEHOLDER:"Enter your message...",DEFAULT_USER_NAME:"User",SEND_ICON_ALT:"Send message",SUPPORT_CHAT:"support",SUPPORT_CHAT_LABEL:"Support"},$Ce="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGmSURBVHgBpZThVcIwEMdz0OJXNrAbWCegI7ABbqBOgE4gG8AGsgE4gTgBbADfoEmTeP+mea1CMeC9V15yuf+PyyU5Ev8wKWVqjMgwvrmJ50S0oVCxtTZRSmcsurMWEJuwu19H0CaOO/fUIu5rrTNracDjlF3pbzFHLY0xX0SdAZEYwsvz58iHKKUyY+iRM0g5k6RCe/Ec4m6XVlEUrThm5zR6zH8I2JK/TNQwPZaysPxt87x4l1JNiqIYIlPRYl6T5+rlcJBPGCMpsd/bpIItzgHaYJjzeIp5uejpOLFrYA6oP5FQOcECAnCK18CwK5eQmlRBKnMO/XYprKnn2g9FnXKxcEXV40tgsJMlc2mXdbAICIW5ddyKYnu0UEHXAIfC3O6gqQ7keLHc+joU5g+kNcYDQ2AwXP6jA2laVQ8bAoOdunId8WML5sOP+dGPfE1Z9HAKyG96gLeOtuV9UTOg1+tNWIyHP3KNoZQl/DPlMtzGcffVx+LJCqG5H9ZJBFnzSrnaytRdZudry/5PaJ7Lma/vuToHd2yY65mCG6/dccuf+b7YtG9HiAVEOIWfUgAAAABJRU5ErkJggg==",kCe=e=>e!=null&&e.trim()?e.toLowerCase().split(/\s+/).map(t=>t.charAt(0).toUpperCase()+t.slice(1)).join(" "):"",zx=e=>e?new Date(e).toLocaleTimeString([],{hour:"numeric",minute:"2-digit",hour12:!0}):"";var yH=(e=>(e.REGULAR="regular",e.SUPPORT="support",e))(yH||{});const LCe=(e,t)=>(e==null?void 0:e.senderId)===(t==null?void 0:t.senderId),_Ce=(e,t)=>!e||!t?!1:new Date(e.createdAt??"").toDateString()===new Date(t.createdAt??"").toDateString(),FCe=(e,t)=>!e||!t?!1:Math.abs(new Date(t.createdAt??"").getTime()-new Date(e.createdAt??"").getTime())<=60*60*1e3,JCe=(e,t,n)=>n===0||!LCe(e,t)||!_Ce(e,t)||!FCe(e,t),WCe=e=>{const t=new Date(e),n=new Date,r=new Date;r.setDate(n.getDate()-1);const o=t.toDateString();return o===n.toDateString()?"Today":o===r.toDateString()?"Yesterday":t.toLocaleDateString("en-GB",{day:"2-digit",month:"long",year:"numeric"})},QCe=(e,t,n)=>{const r=e[t],o=e[t-1],a=JCe(o,r,t),i=WCe((r==null?void 0:r.createdAt)??"");return{showMeta:a,showDateLabel:i!==n,currentDateLabel:i}},wH={[pi.EMPLOYER]:{label:"Employer",className:"employer"},[pi.CANDIDATE]:{label:"Candidate",className:"candidate"}},XCe=(e,t,n,r)=>{if(e!==yH.REGULAR)return{label:"Support",className:"support"};const o=t===n?r:n;return o&&wH[o]?wH[o]:{label:"",className:""}},KCe=({selectedChat:e,newMessage:t,onMessageChange:n,onSendMessage:r,userType:o,loggedInUserId:a})=>{var f,g,v,p;const i=B.useRef(null);B.useEffect(()=>{var m;(m=i.current)==null||m.scrollIntoView({behavior:"auto"})},[(f=e==null?void 0:e.messages)==null?void 0:f.length]);const l=m=>{m.key==="Enter"&&r()};if(!e)return M.jsx("div",{className:Kn.selectChatPlaceholder,children:Sa.START_CHAT_PLACEHOLDER});const s=e.chatType===Sa.SUPPORT_CHAT&&o===pi.CANDIDATE?Sa.SUPPORT_CHAT_LABEL:((g=e.participantDetails)==null?void 0:g.name)??"";let u="";const d=(m,h)=>{var b;return h&&M.jsxs("div",{className:Kn.avatarContainer,children:[M.jsx(ro,{size:Lr.LARGE,name:s,imageUrl:(b=e==null?void 0:e.participantDetails)==null?void 0:b.profileUrl}),M.jsx("p",{className:Kn.userDetailName,children:kCe(s)||Sa.DEFAULT_USER_NAME}),M.jsx("div",{className:Kn.timestamp,children:zx((m==null?void 0:m.createdAt)??"")})]})},A=(v=e.messages)==null?void 0:v.map((m,h)=>{var x,S;const{showMeta:b,showDateLabel:C,currentDateLabel:y}=QCe(e.messages??[],h,u);C&&(u=y);const w=a===m.senderId;return M.jsxs(B.Fragment,{children:[C&&M.jsxs("div",{className:ct(Kn.dateSeparator,{[Kn.noTopMargin]:h===0||!((S=(x=e.messages)==null?void 0:x[h-1])!=null&&S.body)}),children:[M.jsx("hr",{}),M.jsx("span",{children:y}),M.jsx("hr",{})]}),M.jsx("div",{className:ct(Kn.message,{[Kn.myMessage]:w,[Kn.otherMessage]:!w}),children:w?M.jsxs("div",{className:ct(Kn.myMessageContentWrapper,{[Kn.withTimestampMargin]:b}),children:[b&&M.jsx("div",{className:Kn.timestamp,children:zx(m.createdAt??"")}),M.jsx("div",{className:Kn.messageContent,children:m.body})]}):M.jsxs("div",{className:Kn.otherMessageBlock,children:[d(m,b),M.jsx("div",{className:Kn.messageContent,children:m.body})]})})]},m.id??h)});return M.jsxs("div",{className:Kn.chatDetails,children:[M.jsxs("div",{className:Kn.chatHeader,children:[M.jsx(ro,{size:Lr.LARGE,name:s,imageUrl:(p=e.participantDetails)==null?void 0:p.profileUrl}),M.jsx("div",{children:s||Sa.DEFAULT_USER_NAME})]}),M.jsxs("div",{className:Kn.messages,children:[A,M.jsx("div",{ref:i})]}),M.jsx("div",{className:Kn.inputContainer,children:M.jsxs("div",{className:Kn.inputWrapper,children:[M.jsx("input",{value:t,onChange:n,onKeyDown:l,placeholder:Sa.INPUT_PLACEHOLDER}),M.jsx("button",{onClick:r,className:Kn.sendMsgBtn,children:M.jsx("img",{src:$Ce,alt:Sa.SEND_ICON_ALT})})]})})]})},Kr={chatList:"_chatList_q8wo7_24",chatListHeading:"_chatListHeading_q8wo7_40",chatItem:"_chatItem_q8wo7_53",selected:"_selected_q8wo7_65",chatInfo:"_chatInfo_q8wo7_77",chatContent:"_chatContent_q8wo7_87",topRow:"_topRow_q8wo7_93",userName:"_userName_q8wo7_98",timeStamp:"_timeStamp_q8wo7_105",lastMessage:"_lastMessage_q8wo7_110",unreadMessage:"_unreadMessage_q8wo7_117",displayType:"_displayType_q8wo7_131",employer:"_employer_q8wo7_136",candidate:"_candidate_q8wo7_139",support:"_support_q8wo7_142"},GCe=({chats:e,onChatClick:t,selectedChat:n,userType:r})=>M.jsxs("div",{className:Kr.chatList,children:[M.jsx("p",{className:Kr.chatListHeading,children:Sa.CHAT_LIST_HEADING}),e.map(o=>{var s,u,d,A;const a=(o==null?void 0:o.chatType)===Sa.SUPPORT_CHAT&&r===pi.CANDIDATE?Sa.SUPPORT_CHAT_LABEL:((s=o.participantDetails)==null?void 0:s.name)??"",{label:i,className:l}=XCe(o==null?void 0:o.chatType,r,o==null?void 0:o.initiatorType,o==null?void 0:o.receiverType);return M.jsx("div",{onClick:()=>t(o),className:ct(Kr.chatItem,{[Kr.selected]:o.id&&o.id===(n==null?void 0:n.id)||!o.id&&o.newChatId===(n==null?void 0:n.newChatId)}),children:M.jsxs("div",{className:Kr.chatInfo,children:[M.jsx(ro,{size:Lr.LARGE,name:a,imageUrl:(u=o==null?void 0:o.participantDetails)==null?void 0:u.profileUrl}),M.jsxs("div",{className:Kr.chatContent,children:[M.jsxs("div",{className:Kr.topRow,children:[M.jsxs("p",{className:Kr.userName,children:[a,r===pi.AGENCY&&M.jsx("span",{className:ct(Kr.displayType,Kr[l]),children:i})]}),M.jsx("span",{className:Kr.timeStamp,children:zx(o.updatedAt??"")})]}),M.jsxs("div",{className:Kr.topRow,children:[M.jsx("div",{className:Kr.lastMessage,children:(d=o==null?void 0:o.lastMessage)==null?void 0:d.body}),o!=null&&o.unreadCount?M.jsx("span",{className:Kr.unreadMessage,children:o.unreadCount}):null]})]})]})},(A=o.id??o.newChatId)==null?void 0:A.toString())})]}),gp={searchContainer:"_searchContainer_11hfx_1",searchWrapper:"_searchWrapper_11hfx_7",suggestionList:"_suggestionList_11hfx_12",suggestionItem:"_suggestionItem_11hfx_37",noMatch:"_noMatch_11hfx_46"};function UCe({placeholder:e,onSearch:t,suggestions:n=[],searchKeys:r,onSelectSuggestion:o,className:a}){const[i,l]=B.useState(!1),[s,u]=B.useState(""),d=B.useRef(null),A=p=>{const m=p.target.value;u(m),t(m),l(!0)},f=B.useCallback(p=>{var m;(m=d.current)!=null&&m.contains(p.relatedTarget)||l(!1)},[]),g=p=>{o==null||o(p),u(""),t(""),l(!1)},v=()=>{u(""),t(""),l(!1)};return M.jsx("div",{className:ct(gp.searchContainer,a),ref:d,onFocus:()=>l(!0),onBlur:f,tabIndex:-1,children:M.jsxs("div",{className:gp.searchWrapper,children:[M.jsx(v3,{searchPlaceholder:e,searchValue:s,onSearch:A,onClear:v}),i&&n.length>0&&M.jsx("div",{className:gp.suggestionList,children:n.map((p,m)=>M.jsx("div",{className:gp.suggestionItem,tabIndex:0,onClick:()=>g(p),children:M.jsx("p",{children:r.map(h=>String(p[h])).join(" - ")})},m))})]})})}He.Accordian=ybe,He.ActionType=xc,He.AgencyDocumentCard=xbe,He.AgencyJobCard=Abe,He.Align=wc,He.ApplicationHeader=Nhe,He.AuthBanner=Rve,He.AuthBannerTextType=H8,He.AuthForm=Lve,He.AvatarSize=Lr,He.AvatarWithDetailsCard=sre,He.AvatarWithInitials=Wu,He.Badge=Ku,He.BadgeType=_x,He.Bookmark=ube,He.Button=$C,He.ButtonType=jl,He.Calendar=pK,He.Card=Yne,He.CardWithIconAndText=Gve,He.ChatDetails=KCe,He.ChatList=GCe,He.CheckBoxWithFormWrapper=Whe,He.Checkbox=_8,He.CheckboxGroup=L8,He.CheckboxSelectField=Ihe,He.Colors=go,He.ColumnSortOrder=z8,He.CustomAvatar=ro,He.CustomModal=hbe,He.CustomModalTypes=Xs,He.DOM_ELEMENT_ROLE=BC,He.DashboardCard=nbe,He.DatePicker=loe,He.Disclaimer=xhe,He.DocVerificationStatus=Lu,He.DocumentCard=iB,He.DocumentStatus=wre,He.DocumentStatusEnum=zd,He.DocumentView=xre,He.Drawer=ioe,He.Dropdown=om,He.EllipsisWithTooltip=ja,He.Error=vo,He.FileUpload=Ore,He.FileUploadWithDropdown=G8,He.FloatingLabel=fa,He.Form=qve,He.FormValidationTriggers=B8,He.GenderProfileEnum=Wx,He.GenderValueEnum=Qx,He.HtmlButtonType=Cc,He.Icons=pt,He.InputField=$8,He.InputTypes=qa,He.InputWithCountry=woe,He.JobCard=sbe,He.JobTrackingCard=abe,He.JobTypeEnum=Kx,He.Justify=hp,He.Label=Hm,He.LabelType=ku,He.Layout=Ai,He.ListItem=wx,He.ListingTableHeader=v3,He.Loader=Yre,He.Menu=hu,He.MenuMode=Nm,He.Modal=NC,He.ModalTypeEnum=Tm,He.NoData=f3,He.NoInternetScreen=rB,He.NoRecords=yhe,He.Notification=Rm,He.NotificationCard=Soe,He.NotificationPanel=kre,He.NotificationTypes=Za,He.Offline=Kre,He.Pagination=gbe,He.Password=UC,He.PasswordField=UC,He.PasswordValidation=Che,He.PathIcon=Jhe,He.Placement=bp,He.PopoverIconCard=rbe,He.PreviewCard=g3,He.PreviewDocumentsCard=She,He.PreviewModal=ooe,He.ProfileAssignedCard=A3,He.ProfileAssignedEmployer=Fve,He.ProfileAttachments=Zve,He.ProfileDetail=Kve,He.ProfileDetailFooterTypes=Go,He.RadioGroup=Jre,He.Rate=F3,He.RatingCard=Ebe,He.RatingStar=vre,He.RoleManagement=cbe,He.SearchField=JC,He.SearchWithSuggestions=UCe,He.Segmented=Hhe,He.Select=K8,He.SelectType=jo,He.Sidebar=Fre,He.Size=Bd,He.Slider=Mhe,He.SliderRangeWithForm=Gne,He.SliderWithForm=Vne,He.SortOrderKeys=M8,He.SoundEnum=Xx,He.Space=Ahe,He.StatsBanner=mhe,He.StatusTypes=Hd,He.SummaryCard=yi,He.SwitchComponent=dbe,He.TImerPicker=mbe,He.TableComponent=aB,He.TableLayout=Jx,He.TableType=Md,He.Tabs=Phe,He.TextArea=$he,He.TextAreaWithController=jhe,He.Timer=Ohe,He.TitleHeader=fhe,He.TitleHeaderStatus=Fx,He.Tooltip=RC,He.Typography=Qs,He.Upload=Nre,He.UploadWithDropdown=Mre,He.UserBadge=Cre,He.UserStatus=Rre,He.UserType=pi,He.VerificationStatus=zre,He.VerificationTypes=yc,He.formatTimeAgo=Kne,He.useForm=b3,Object.defineProperty(He,Symbol.toStringTag,{value:"Module"})});
+      `]:Object.assign({},Dbe(e))}}},gH=e=>{const{colorFillContent:t,colorFill:n}=e,r=t,o=n;return{color:r,colorGradientEnd:o,gradientFromColor:r,gradientToColor:o,titleHeight:e.controlHeight/2,blockRadius:e.borderRadiusSM,paragraphMarginTop:e.marginLG+e.marginXXS,paragraphLiHeight:e.controlHeight/2}};Xo.prepareComponentToken=gH,Xo.default=(0,fH.genStyleHooks)("Skeleton",e=>{const{componentCls:t,calc:n}=e,r=(0,fH.mergeToken)(e,{skeletonAvatarCls:`${t}-avatar`,skeletonTitleCls:`${t}-title`,skeletonParagraphCls:`${t}-paragraph`,skeletonButtonCls:`${t}-button`,skeletonInputCls:`${t}-input`,skeletonImageCls:`${t}-image`,imageSizeBase:n(e.controlHeight).mul(1.5).equal(),borderRadius:100,skeletonLoadingBackground:`linear-gradient(90deg, ${e.gradientFromColor} 25%, ${e.gradientToColor} 37%, ${e.gradientFromColor} 63%)`,skeletonLoadingMotionDuration:"1.4s"});return[zbe(r)]},gH,{deprecatedTokens:[["color","gradientFromColor"],["colorGradientEnd","gradientToColor"]]});var ip=We.default,Hbe=Et.default;Object.defineProperty(op,"__esModule",{value:!0}),op.default=void 0;var Dx=Hbe(B),Rbe=ip(un),jbe=ip(Si),$be=Ln,kbe=ip(Hl),Lbe=ip(Xo);const _be=e=>{const{prefixCls:t,className:n,rootClassName:r,active:o,shape:a="circle",size:i="default"}=e,{getPrefixCls:l}=Dx.useContext($be.ConfigContext),s=l("skeleton",t),[u,d,A]=(0,Lbe.default)(s),f=(0,jbe.default)(e,["prefixCls","className"]),g=(0,Rbe.default)(s,`${s}-element`,{[`${s}-active`]:o},n,r,d,A);return u(Dx.createElement("div",{className:g},Dx.createElement(kbe.default,Object.assign({prefixCls:`${s}-avatar`,shape:a,size:i},f))))};op.default=_be;var lp={},sp=We.default,Fbe=Et.default;Object.defineProperty(lp,"__esModule",{value:!0}),lp.default=void 0;var Tx=Fbe(B),Jbe=sp(un),Wbe=sp(Si),Qbe=Ln,Xbe=sp(Hl),Kbe=sp(Xo);const Gbe=e=>{const{prefixCls:t,className:n,rootClassName:r,active:o,block:a=!1,size:i="default"}=e,{getPrefixCls:l}=Tx.useContext(Qbe.ConfigContext),s=l("skeleton",t),[u,d,A]=(0,Kbe.default)(s),f=(0,Wbe.default)(e,["prefixCls"]),g=(0,Jbe.default)(s,`${s}-element`,{[`${s}-active`]:o,[`${s}-block`]:a},n,r,d,A);return u(Tx.createElement("div",{className:g},Tx.createElement(Xbe.default,Object.assign({prefixCls:`${s}-button`,size:i},f))))};lp.default=Gbe;var cp={},vH=We.default,Ube=Et.default;Object.defineProperty(cp,"__esModule",{value:!0}),cp.default=void 0;var hc=Ube(B),pH=vH(un),Ybe=Ln,Vbe=vH(Xo);const qbe="M365.714286 329.142857q0 45.714286-32.036571 77.677714t-77.677714 32.036571-77.677714-32.036571-32.036571-77.677714 32.036571-77.677714 77.677714-32.036571 77.677714 32.036571 32.036571 77.677714zM950.857143 548.571429l0 256-804.571429 0 0-109.714286 182.857143-182.857143 91.428571 91.428571 292.571429-292.571429zM1005.714286 146.285714l-914.285714 0q-7.460571 0-12.873143 5.412571t-5.412571 12.873143l0 694.857143q0 7.460571 5.412571 12.873143t12.873143 5.412571l914.285714 0q7.460571 0 12.873143-5.412571t5.412571-12.873143l0-694.857143q0-7.460571-5.412571-12.873143t-12.873143-5.412571zM1097.142857 164.571429l0 694.857143q0 37.741714-26.843429 64.585143t-64.585143 26.843429l-914.285714 0q-37.741714 0-64.585143-26.843429t-26.843429-64.585143l0-694.857143q0-37.741714 26.843429-64.585143t64.585143-26.843429l914.285714 0q37.741714 0 64.585143 26.843429t26.843429 64.585143z",Zbe=e=>{const{prefixCls:t,className:n,rootClassName:r,style:o,active:a}=e,{getPrefixCls:i}=hc.useContext(Ybe.ConfigContext),l=i("skeleton",t),[s,u,d]=(0,Vbe.default)(l),A=(0,pH.default)(l,`${l}-element`,{[`${l}-active`]:a},n,r,u,d);return s(hc.createElement("div",{className:A},hc.createElement("div",{className:(0,pH.default)(`${l}-image`,n),style:o},hc.createElement("svg",{viewBox:"0 0 1098 1024",xmlns:"http://www.w3.org/2000/svg",className:`${l}-image-svg`},hc.createElement("title",null,"Image placeholder"),hc.createElement("path",{d:qbe,className:`${l}-image-path`})))))};cp.default=Zbe;var up={},dp=We.default,eCe=Et.default;Object.defineProperty(up,"__esModule",{value:!0}),up.default=void 0;var Nx=eCe(B),tCe=dp(un),nCe=dp(Si),rCe=Ln,oCe=dp(Hl),aCe=dp(Xo);const iCe=e=>{const{prefixCls:t,className:n,rootClassName:r,active:o,block:a,size:i="default"}=e,{getPrefixCls:l}=Nx.useContext(rCe.ConfigContext),s=l("skeleton",t),[u,d,A]=(0,aCe.default)(s),f=(0,nCe.default)(e,["prefixCls"]),g=(0,tCe.default)(s,`${s}-element`,{[`${s}-active`]:o,[`${s}-block`]:a},n,r,d,A);return u(Nx.createElement("div",{className:g},Nx.createElement(oCe.default,Object.assign({prefixCls:`${s}-input`,size:i},f))))};up.default=iCe;var Ap={},hH=We.default,lCe=Et.default;Object.defineProperty(Ap,"__esModule",{value:!0}),Ap.default=void 0;var Bx=lCe(B),bH=hH(un),sCe=Ln,cCe=hH(Xo);const uCe=e=>{const{prefixCls:t,className:n,rootClassName:r,style:o,active:a,children:i}=e,{getPrefixCls:l}=Bx.useContext(sCe.ConfigContext),s=l("skeleton",t),[u,d,A]=(0,cCe.default)(s),f=(0,bH.default)(s,`${s}-element`,{[`${s}-active`]:a},d,n,r,A);return u(Bx.createElement("div",{className:f},Bx.createElement("div",{className:(0,bH.default)(`${s}-image`,n),style:o},i)))};Ap.default=uCe;var fp={},dCe=We.default,ACe=Et.default;Object.defineProperty(fp,"__esModule",{value:!0}),fp.default=void 0;var CH=ACe(B),fCe=dCe(un);const mCe=(e,t)=>{const{width:n,rows:r=2}=t;if(Array.isArray(n))return n[e];if(r-1===e)return n},gCe=e=>{const{prefixCls:t,className:n,style:r,rows:o=0}=e,a=Array.from({length:o}).map((i,l)=>CH.createElement("li",{key:l,style:{width:mCe(l,e)}}));return CH.createElement("ul",{className:(0,fCe.default)(t,n),style:r},a)};fp.default=gCe;var mp={},vCe=We.default,pCe=Et.default;Object.defineProperty(mp,"__esModule",{value:!0}),mp.default=void 0;var hCe=pCe(B),bCe=vCe(un);const CCe=e=>{let{prefixCls:t,className:n,width:r,style:o}=e;return hCe.createElement("h3",{className:(0,bCe.default)(t,n),style:Object.assign({width:r},o)})};mp.default=CCe;var Ea=We.default,yCe=Et.default;Object.defineProperty(rp,"__esModule",{value:!0}),rp.default=void 0;var bc=yCe(B),wCe=Ea(un),xCe=qn,ECe=Ea(op),SCe=Ea(lp),PCe=Ea(Hl),OCe=Ea(cp),ICe=Ea(up),DCe=Ea(Ap),TCe=Ea(fp),NCe=Ea(Xo),BCe=Ea(mp);function Mx(e){return e&&typeof e=="object"?e:{}}function MCe(e,t){return e&&!t?{size:"large",shape:"square"}:{size:"large",shape:"circle"}}function zCe(e,t){return!e&&t?{width:"38%"}:e&&t?{width:"50%"}:{}}function HCe(e,t){const n={};return(!e||!t)&&(n.width="61%"),!e&&t?n.rows=3:n.rows=2,n}const Rl=e=>{const{prefixCls:t,loading:n,className:r,rootClassName:o,style:a,children:i,avatar:l=!1,title:s=!0,paragraph:u=!0,active:d,round:A}=e,{getPrefixCls:f,direction:g,className:v,style:p}=(0,xCe.useComponentConfig)("skeleton"),m=f("skeleton",t),[h,b,C]=(0,NCe.default)(m);if(n||!("loading"in e)){const y=!!l,w=!!s,x=!!u;let S;if(y){const P=Object.assign(Object.assign({prefixCls:`${m}-avatar`},MCe(w,x)),Mx(l));S=bc.createElement("div",{className:`${m}-header`},bc.createElement(PCe.default,Object.assign({},P)))}let D;if(w||x){let P;if(w){const H=Object.assign(Object.assign({prefixCls:`${m}-title`},zCe(y,x)),Mx(s));P=bc.createElement(BCe.default,Object.assign({},H))}let O;if(x){const H=Object.assign(Object.assign({prefixCls:`${m}-paragraph`},HCe(y,w)),Mx(u));O=bc.createElement(TCe.default,Object.assign({},H))}D=bc.createElement("div",{className:`${m}-content`},P,O)}const E=(0,wCe.default)(m,{[`${m}-with-avatar`]:y,[`${m}-active`]:d,[`${m}-rtl`]:g==="rtl",[`${m}-round`]:A},v,r,o,b,C);return h(bc.createElement("div",{className:E,style:Object.assign(Object.assign({},p),a)},S,D))}return i??null};Rl.Button=SCe.default,Rl.Avatar=ECe.default,Rl.Input=ICe.default,Rl.Image=OCe.default,Rl.Node=DCe.default,process.env.NODE_ENV!=="production"&&(Rl.displayName="Skeleton"),rp.default=Rl;var RCe=We.default;Object.defineProperty(Ex,"__esModule",{value:!0}),He.Skeleton=Ex.default=void 0;var jCe=RCe(rp);He.Skeleton=Ex.default=jCe.default;const Kn={chatDetails:"_chatDetails_12d43_24",dateSeparator:"_dateSeparator_12d43_32",noTopMargin:"_noTopMargin_12d43_49",chatHeader:"_chatHeader_12d43_53",messages:"_messages_12d43_65",message:"_message_12d43_65",myMessage:"_myMessage_12d43_82",messageContent:"_messageContent_12d43_90",timestamp:"_timestamp_12d43_104",otherMessageBlock:"_otherMessageBlock_12d43_111",avatarContainer:"_avatarContainer_12d43_117",userDetailName:"_userDetailName_12d43_120",inputContainer:"_inputContainer_12d43_146",inputWrapper:"_inputWrapper_12d43_151",sendMsgBtn:"_sendMsgBtn_12d43_166",selectChatPlaceholder:"_selectChatPlaceholder_12d43_185",fadeIn:"_fadeIn_12d43_1",myMessageContentWrapper:"_myMessageContentWrapper_12d43_206"},Sa={CHAT_LOGO_ALT:"chat logo",CHAT_HEADER:"Chat",SEARCH_PLACEHOLDER:"Search by name or email",START_CHAT_PLACEHOLDER:"Please select a chat to start messaging",CHAT_LIST_HEADING:"All Chats",INPUT_PLACEHOLDER:"Enter your message...",DEFAULT_USER_NAME:"User",SEND_ICON_ALT:"Send message",SUPPORT_CHAT:"support",SUPPORT_CHAT_LABEL:"Support"},$Ce="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGmSURBVHgBpZThVcIwEMdz0OJXNrAbWCegI7ABbqBOgE4gG8AGsgE4gTgBbADfoEmTeP+mea1CMeC9V15yuf+PyyU5Ev8wKWVqjMgwvrmJ50S0oVCxtTZRSmcsurMWEJuwu19H0CaOO/fUIu5rrTNracDjlF3pbzFHLY0xX0SdAZEYwsvz58iHKKUyY+iRM0g5k6RCe/Ec4m6XVlEUrThm5zR6zH8I2JK/TNQwPZaysPxt87x4l1JNiqIYIlPRYl6T5+rlcJBPGCMpsd/bpIItzgHaYJjzeIp5uejpOLFrYA6oP5FQOcECAnCK18CwK5eQmlRBKnMO/XYprKnn2g9FnXKxcEXV40tgsJMlc2mXdbAICIW5ddyKYnu0UEHXAIfC3O6gqQ7keLHc+joU5g+kNcYDQ2AwXP6jA2laVQ8bAoOdunId8WML5sOP+dGPfE1Z9HAKyG96gLeOtuV9UTOg1+tNWIyHP3KNoZQl/DPlMtzGcffVx+LJCqG5H9ZJBFnzSrnaytRdZudry/5PaJ7Lma/vuToHd2yY65mCG6/dccuf+b7YtG9HiAVEOIWfUgAAAABJRU5ErkJggg==",kCe=e=>e!=null&&e.trim()?e.toLowerCase().split(/\s+/).map(t=>t.charAt(0).toUpperCase()+t.slice(1)).join(" "):"",zx=e=>e?new Date(e).toLocaleTimeString([],{hour:"numeric",minute:"2-digit",hour12:!0}):"";var yH=(e=>(e.REGULAR="regular",e.SUPPORT="support",e))(yH||{});const LCe=(e,t)=>(e==null?void 0:e.senderId)===(t==null?void 0:t.senderId),_Ce=(e,t)=>!e||!t?!1:new Date(e.createdAt??"").toDateString()===new Date(t.createdAt??"").toDateString(),FCe=(e,t)=>!e||!t?!1:Math.abs(new Date(t.createdAt??"").getTime()-new Date(e.createdAt??"").getTime())<=60*60*1e3,JCe=(e,t,n)=>n===0||!LCe(e,t)||!_Ce(e,t)||!FCe(e,t),WCe=e=>{const t=new Date(e),n=new Date,r=new Date;r.setDate(n.getDate()-1);const o=t.toDateString();return o===n.toDateString()?"Today":o===r.toDateString()?"Yesterday":t.toLocaleDateString("en-GB",{day:"2-digit",month:"long",year:"numeric"})},QCe=(e,t,n)=>{const r=e[t],o=e[t-1],a=JCe(o,r,t),i=WCe((r==null?void 0:r.createdAt)??"");return{showMeta:a,showDateLabel:i!==n,currentDateLabel:i}},wH={[pi.EMPLOYER]:{label:"Employer",className:"employer"},[pi.CANDIDATE]:{label:"Candidate",className:"candidate"}},XCe=(e,t,n,r)=>{if(e!==yH.REGULAR)return{label:"Support",className:"support"};const o=t===n?r:n;return o&&wH[o]?wH[o]:{label:"",className:""}},KCe=({selectedChat:e,newMessage:t,onMessageChange:n,onSendMessage:r,userType:o,loggedInUserId:a})=>{var g,v,p,m;const i=B.useRef(null);B.useEffect(()=>{var h;(h=i.current)==null||h.scrollIntoView({behavior:"auto"})},[(g=e==null?void 0:e.messages)==null?void 0:g.length]);const l=h=>{h.key==="Enter"&&r()};if(!e)return M.jsx("div",{className:Kn.selectChatPlaceholder,children:Sa.START_CHAT_PLACEHOLDER});const s=(p=(v=e.messages)==null?void 0:v[0])==null?void 0:p.senderDetails,u=e.chatType===Sa.SUPPORT_CHAT&&o===pi.CANDIDATE?Sa.SUPPORT_CHAT_LABEL:(s==null?void 0:s.fullName)??"";let d="";const A=(h,b)=>{var C,y,w;return b&&M.jsxs("div",{className:Kn.avatarContainer,children:[M.jsx(ro,{size:Lr.LARGE,name:((C=h==null?void 0:h.senderDetails)==null?void 0:C.fullName)||u,imageUrl:((y=h==null?void 0:h.senderDetails)==null?void 0:y.displayPictureUrl)||""}),M.jsx("p",{className:Kn.userDetailName,children:kCe(((w=h==null?void 0:h.senderDetails)==null?void 0:w.fullName)||u)||Sa.DEFAULT_USER_NAME}),M.jsx("div",{className:Kn.timestamp,children:zx((h==null?void 0:h.createdAt)??"")})]})},f=(m=e.messages)==null?void 0:m.map((h,b)=>{var S,D;const{showMeta:C,showDateLabel:y,currentDateLabel:w}=QCe(e.messages??[],b,d);y&&(d=w);const x=a===h.senderId;return M.jsxs(B.Fragment,{children:[y&&M.jsxs("div",{className:ct(Kn.dateSeparator,{[Kn.noTopMargin]:b===0||!((D=(S=e.messages)==null?void 0:S[b-1])!=null&&D.body)}),children:[M.jsx("hr",{}),M.jsx("span",{children:w}),M.jsx("hr",{})]}),M.jsx("div",{className:ct(Kn.message,{[Kn.myMessage]:x,[Kn.otherMessage]:!x}),children:x?M.jsxs("div",{className:ct(Kn.myMessageContentWrapper,{[Kn.withTimestampMargin]:C}),children:[C&&M.jsx("div",{className:Kn.timestamp,children:zx(h.createdAt??"")}),M.jsx("div",{className:Kn.messageContent,children:h.body})]}):M.jsxs("div",{className:Kn.otherMessageBlock,children:[A(h,C),M.jsx("div",{className:Kn.messageContent,children:h.body})]})})]},h.id??b)});return M.jsxs("div",{className:Kn.chatDetails,children:[M.jsxs("div",{className:Kn.chatHeader,children:[M.jsx(ro,{size:Lr.LARGE,name:u,imageUrl:(s==null?void 0:s.displayPictureUrl)||""}),M.jsx("div",{children:u||Sa.DEFAULT_USER_NAME})]}),M.jsxs("div",{className:Kn.messages,children:[f,M.jsx("div",{ref:i})]}),M.jsx("div",{className:Kn.inputContainer,children:M.jsxs("div",{className:Kn.inputWrapper,children:[M.jsx("input",{value:t,onChange:n,onKeyDown:l,placeholder:Sa.INPUT_PLACEHOLDER}),M.jsx("button",{onClick:r,className:Kn.sendMsgBtn,children:M.jsx("img",{src:$Ce,alt:Sa.SEND_ICON_ALT})})]})})]})},Kr={chatList:"_chatList_q8wo7_24",chatListHeading:"_chatListHeading_q8wo7_40",chatItem:"_chatItem_q8wo7_53",selected:"_selected_q8wo7_65",chatInfo:"_chatInfo_q8wo7_77",chatContent:"_chatContent_q8wo7_87",topRow:"_topRow_q8wo7_93",userName:"_userName_q8wo7_98",timeStamp:"_timeStamp_q8wo7_105",lastMessage:"_lastMessage_q8wo7_110",unreadMessage:"_unreadMessage_q8wo7_117",displayType:"_displayType_q8wo7_131",employer:"_employer_q8wo7_136",candidate:"_candidate_q8wo7_139",support:"_support_q8wo7_142"},GCe=({chats:e,onChatClick:t,selectedChat:n,userType:r})=>M.jsxs("div",{className:Kr.chatList,children:[M.jsx("p",{className:Kr.chatListHeading,children:Sa.CHAT_LIST_HEADING}),e.map(o=>{var s,u,d,A;const a=(o==null?void 0:o.chatType)===Sa.SUPPORT_CHAT&&r===pi.CANDIDATE?Sa.SUPPORT_CHAT_LABEL:((s=o.participantDetails)==null?void 0:s.name)??"",{label:i,className:l}=XCe(o==null?void 0:o.chatType,r,o==null?void 0:o.initiatorType,o==null?void 0:o.receiverType);return M.jsx("div",{onClick:()=>t(o),className:ct(Kr.chatItem,{[Kr.selected]:o.id&&o.id===(n==null?void 0:n.id)||!o.id&&o.newChatId===(n==null?void 0:n.newChatId)}),children:M.jsxs("div",{className:Kr.chatInfo,children:[M.jsx(ro,{size:Lr.LARGE,name:a,imageUrl:(u=o==null?void 0:o.participantDetails)==null?void 0:u.profileUrl}),M.jsxs("div",{className:Kr.chatContent,children:[M.jsxs("div",{className:Kr.topRow,children:[M.jsxs("p",{className:Kr.userName,children:[a,r===pi.AGENCY&&M.jsx("span",{className:ct(Kr.displayType,Kr[l]),children:i})]}),M.jsx("span",{className:Kr.timeStamp,children:zx(o.updatedAt??"")})]}),M.jsxs("div",{className:Kr.topRow,children:[M.jsx("div",{className:Kr.lastMessage,children:(d=o==null?void 0:o.lastMessage)==null?void 0:d.body}),o!=null&&o.unreadCount?M.jsx("span",{className:Kr.unreadMessage,children:o.unreadCount}):null]})]})]})},(A=o.id??o.newChatId)==null?void 0:A.toString())})]}),gp={searchContainer:"_searchContainer_11hfx_1",searchWrapper:"_searchWrapper_11hfx_7",suggestionList:"_suggestionList_11hfx_12",suggestionItem:"_suggestionItem_11hfx_37",noMatch:"_noMatch_11hfx_46"};function UCe({placeholder:e,onSearch:t,suggestions:n=[],searchKeys:r,onSelectSuggestion:o,className:a}){const[i,l]=B.useState(!1),[s,u]=B.useState(""),d=B.useRef(null),A=p=>{const m=p.target.value;u(m),t(m),l(!0)},f=B.useCallback(p=>{var m;(m=d.current)!=null&&m.contains(p.relatedTarget)||l(!1)},[]),g=p=>{o==null||o(p),u(""),t(""),l(!1)},v=()=>{u(""),t(""),l(!1)};return M.jsx("div",{className:ct(gp.searchContainer,a),ref:d,onFocus:()=>l(!0),onBlur:f,tabIndex:-1,children:M.jsxs("div",{className:gp.searchWrapper,children:[M.jsx(v3,{searchPlaceholder:e,searchValue:s,onSearch:A,onClear:v}),i&&n.length>0&&M.jsx("div",{className:gp.suggestionList,children:n.map((p,m)=>M.jsx("div",{className:gp.suggestionItem,tabIndex:0,onClick:()=>g(p),children:M.jsx("p",{children:r.map(h=>String(p[h])).join(" - ")})},m))})]})})}He.Accordian=ybe,He.ActionType=xc,He.AgencyDocumentCard=xbe,He.AgencyJobCard=Abe,He.Align=wc,He.ApplicationHeader=Nhe,He.AuthBanner=Rve,He.AuthBannerTextType=H8,He.AuthForm=Lve,He.AvatarSize=Lr,He.AvatarWithDetailsCard=sre,He.AvatarWithInitials=Wu,He.Badge=Ku,He.BadgeType=_x,He.Bookmark=ube,He.Button=$C,He.ButtonType=jl,He.Calendar=pK,He.Card=Yne,He.CardWithIconAndText=Gve,He.ChatDetails=KCe,He.ChatList=GCe,He.CheckBoxWithFormWrapper=Whe,He.Checkbox=_8,He.CheckboxGroup=L8,He.CheckboxSelectField=Ihe,He.Colors=go,He.ColumnSortOrder=z8,He.CustomAvatar=ro,He.CustomModal=hbe,He.CustomModalTypes=Xs,He.DOM_ELEMENT_ROLE=BC,He.DashboardCard=nbe,He.DatePicker=loe,He.Disclaimer=xhe,He.DocVerificationStatus=Lu,He.DocumentCard=iB,He.DocumentStatus=wre,He.DocumentStatusEnum=zd,He.DocumentView=xre,He.Drawer=ioe,He.Dropdown=om,He.EllipsisWithTooltip=ja,He.Error=vo,He.FileUpload=Ore,He.FileUploadWithDropdown=G8,He.FloatingLabel=fa,He.Form=qve,He.FormValidationTriggers=B8,He.GenderProfileEnum=Wx,He.GenderValueEnum=Qx,He.HtmlButtonType=Cc,He.Icons=pt,He.InputField=$8,He.InputTypes=qa,He.InputWithCountry=woe,He.JobCard=sbe,He.JobTrackingCard=abe,He.JobTypeEnum=Kx,He.Justify=hp,He.Label=Hm,He.LabelType=ku,He.Layout=Ai,He.ListItem=wx,He.ListingTableHeader=v3,He.Loader=Yre,He.Menu=hu,He.MenuMode=Nm,He.Modal=NC,He.ModalTypeEnum=Tm,He.NoData=f3,He.NoInternetScreen=rB,He.NoRecords=yhe,He.Notification=Rm,He.NotificationCard=Soe,He.NotificationPanel=kre,He.NotificationTypes=Za,He.Offline=Kre,He.Pagination=gbe,He.Password=UC,He.PasswordField=UC,He.PasswordValidation=Che,He.PathIcon=Jhe,He.Placement=bp,He.PopoverIconCard=rbe,He.PreviewCard=g3,He.PreviewDocumentsCard=She,He.PreviewModal=ooe,He.ProfileAssignedCard=A3,He.ProfileAssignedEmployer=Fve,He.ProfileAttachments=Zve,He.ProfileDetail=Kve,He.ProfileDetailFooterTypes=Go,He.RadioGroup=Jre,He.Rate=F3,He.RatingCard=Ebe,He.RatingStar=vre,He.RoleManagement=cbe,He.SearchField=JC,He.SearchWithSuggestions=UCe,He.Segmented=Hhe,He.Select=K8,He.SelectType=jo,He.Sidebar=Fre,He.Size=Bd,He.Slider=Mhe,He.SliderRangeWithForm=Gne,He.SliderWithForm=Vne,He.SortOrderKeys=M8,He.SoundEnum=Xx,He.Space=Ahe,He.StatsBanner=mhe,He.StatusTypes=Hd,He.SummaryCard=yi,He.SwitchComponent=dbe,He.TImerPicker=mbe,He.TableComponent=aB,He.TableLayout=Jx,He.TableType=Md,He.Tabs=Phe,He.TextArea=$he,He.TextAreaWithController=jhe,He.Timer=Ohe,He.TitleHeader=fhe,He.TitleHeaderStatus=Fx,He.Tooltip=RC,He.Typography=Qs,He.Upload=Nre,He.UploadWithDropdown=Mre,He.UserBadge=Cre,He.UserStatus=Rre,He.UserType=pi,He.VerificationStatus=zre,He.VerificationTypes=yc,He.formatTimeAgo=Kne,He.useForm=b3,Object.defineProperty(He,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "vrfi-design-system",
-    "version": "1.2.2",
+    "version": "1.2.3",
     "private": false,
     "type": "module",
     "main": "./dist/main.umd.js",