@mirantes-micro/foundation-design-system 1.2.311 → 1.2.312

package/dist/index.js

@@ -3445,7 +3445,7 @@ mutation CreateParticipant($input: CreateParticipantInput!) {
       }
     }
   }
-`;async function GS(A,e,t){try{let{optimisticUpdateType:r,entityType:n,page:o,community:a,expiresAt:s,signal:i,clientId:c,...l}=t.createPostInput;return (await(await fetch(A,{method:"POST",signal:i,headers:{"Content-Type":"application/json","x-access-token":e},body:JSON.stringify({query:DS,variables:{createPostInput:{...l,pageId:t?.createPostInput?.page?.id,communityId:t?.createPostInput?.community?.id}}})})).json()).data}catch(r){throw r instanceof DOMException&&r.name==="AbortError",r}}var KS=ma();function BS(){let{queryClient:A,feedApi:e,user:t,page:r}=y(),{mutate:n,isPending:o}=eA({mutationFn:a=>GS(e??"",t?.accessToken??"",a),onMutate:async a=>{let s=a.createPostInput;if(s.scheduledAt)return {isScheduled:true};let i={type:"user",id:"",name:"",slug:"",headline:"",avatar:""};switch(s.entityType){case "PAGE":i={type:"page",id:r?.id||s?.pageId||s?.page?.id||"",name:r?.name||s?.page?.name||"",slug:r?.slug||s?.page?.slug||"",headline:r?.sector??"",avatar:r?.logo??""};break;case "COMMUNITY":i={type:"community",id:s?.community?.id||"",name:s?.community?.name||"",slug:s?.community?.slug||"",headline:"",avatar:s?.community?.avatar??""};break;default:i={type:"user",id:t?.id||"",name:t?.name||"",slug:t?.slug||"",headline:t?.headline||"",avatar:t?.avatar??""};break}let c=(s.optimisticUpdateType==="feed",""),l=s.optimisticUpdateType==="feed"?["posts",i.id]:s.optimisticUpdateType==="pages"?["posts","pages",i.id]:s.optimisticUpdateType==="community"?["posts","communities",i.id]:["posts","profile",i.id],d=A?.getQueryData(l);return a.createPostInput.clientId=KS,B8({mode:"creation",queryClient:A,optimisticUpdateType:s.optimisticUpdateType||"feed",entity:i,payload:a,filter:c}),{previousPosts:d,queryKey:l,isScheduled:false,clientId:KS}},onSuccess:(a,s,i)=>{if(s.createPostInput.scheduledAt){let c=s.createPostInput.entityType==="PAGE"?s.createPostInput.page?.id:s.createPostInput.entityType==="COMMUNITY"?s.createPostInput.community?.id:t?.id;A?.invalidateQueries({queryKey:["scheduled-posts-by-entity",c]});return}s.createPostInput.optimisticUpdateType==="feed"&&A?.setQueryData(i.queryKey,c=>c&&{...c,pages:c?.pages?.flatMap(l=>({...l,recommendedPostsUser:{...l.recommendedPostsUser,data:l?.recommendedPostsUser?.data?.flatMap(d=>({...d,normalPosts:d?.normalPosts?.map(m=>({...m,id:m.id===i?.clientId?a:m.id}))}))}}))});},onError:(a,s,i)=>{s.createPostInput.scheduledAt||i?.queryKey&&i?.previousPosts&&A?.setQueryData(i.queryKey,i.previousPosts);}});return {createPost:n,isCreatingAPost:o}}function QS(){let{successToast:A,errorToast:e}=IA(),{locale:t}=y(),r=xn(),n=U.useRef(null),o=U.useRef(false),a=U.useRef(true),s=U.useRef(false),i=(v,x={})=>iA(t,v,x),{uploadAssetsBulk:c}=_a(),{createPost:l}=BS(),{updatePost:d}=em();U.useEffect(()=>{let v=()=>{s.current=true,window.removeEventListener("scroll",v);};return window.addEventListener("scroll",v,{passive:true}),()=>{window.removeEventListener("scroll",v);}},[]);let m=U.useCallback((v,x,b)=>{if(!s.current)return;(v==="success"?A:e)({title:i(x),message:i(b)});},[A,e,i]),u=U.useCallback(async()=>{if(o.current)return;let{pendingData:v,pendingFiles:x,ownerData:b,status:h,abortController:P,updatePostId:g}=r;if(!v||h==="success"||h==="cancelled"||P)return;o.current=true;let T=!!g,M=new AbortController;n.current=M,r.setAbortController(M),r.setError(null,"error");try{let N=[],w=[],z=null,S=(x||[]).filter(O=>O.type?.startsWith("image/")).map(O=>({url:URL.createObjectURL(O)})),k=(x||[]).filter(O=>O.type?.startsWith("video/")).map(O=>({url:URL.createObjectURL(O)})),W=(x||[]).find(O=>O.type==="application/pdf"||O.name?.endsWith(".pdf"));if(x&&x.length>0){if(r.updateStatus("uploading",10),M.signal.aborted)throw new Error("AbortError");if(r.updateStatus("uploading",30),await new Promise((O,V)=>{c({files:x,owner_type:b.type==="user"?"user":"organization",owner_id:b.id,is_public:!0,signal:M.signal},{onSuccess:L=>{if(M.signal.aborted){V(new Error("AbortError"));return}L?.results.forEach((X,q)=>{if(X.status==="success"&&X.data.url){let I=x[q];I.type==="application/pdf"?z=X.data.url:I.type?.startsWith("image/")?N.push(X.data.url):w.push(X.data.url);}}),O(!0);},onError:L=>V(L)});}),M.signal.aborted)throw new Error("AbortError");r.updateStatus("uploading",80);}if(M.signal.aborted)throw new Error("AbortError");if(r.updateStatus(T?"updating":"publishing",85),T){let O={updatePostInput:{id:g,content:v.content,scheduledAt:v.scheduledAt||null,optimisticUpdateType:v.optimisticUpdateType,images:N.length>0?N.map(V=>({url:V})):v.images,videos:w.length>0?w.map(V=>({url:V})):v.videos,attachment:z?{url:z,type:"pdf",title:W?.name||"Document"}:v.attachment}};d(O,{onSuccess:V=>{if(Ep(),!a.current||M.signal.aborted)return;r.updateStatus("success",100);let{onSuccessCallback:L}=r;L&&L();let X=V?.updatePost?.id,q=v.postType,I=V?.updatePost?.slug,j="",Z=i(q==="REEL"?"view-reel":"view-post");q==="REEL"&&X?j=`/feed/${t}/reels?id=${X}`:q==="NORMAL"&&I&&(j=`/feed/${t}/post/${I}`),s.current&&(j?A({title:i("update-post-toast-title"),message:U__namespace.default.createElement("span",null,i("update-post-toast-message")," ",U__namespace.default.createElement("a",{href:j,onClick:F=>{F.preventDefault(),window.location.href=j;},className:"text-primary hover:underline cursor-pointer",style:{fontWeight:500}},Z))}):m("success","update-post-toast-title","update-post-toast-message")),setTimeout(()=>{a.current&&(r.reset(),o.current=!1,n.current=null);},2e3);},onError:V=>{!a.current||M.signal.aborted||(r.setError(i("update-post-toast-error-message")),o.current=!1,n.current=null,r.setAbortController(null),s.current&&m("error","update-post-toast-error-title","update-post-toast-error-message"));}});}else {let O={...v,expiresAt:dateFns.addHours(new Date,48).toISOString(),images:N.length>0?N.map(V=>({url:V})):S,videos:w.length>0?w.map(V=>({url:V})):k,attachment:z?{url:z,type:"pdf",title:W?.name||"Document"}:W?{url:URL.createObjectURL(W),type:"pdf",title:W.name}:null};l({createPostInput:O},{onSuccess:V=>{if(Ep(),!a.current||M.signal.aborted)return;r.updateStatus("success",100);let{onSuccessCallback:L}=r;L&&L();let X=V?.createPost?.id,q=O.postType,I=V?.createPost?.slug,j="",Z=q==="REEL"?"create-reel-toast-title":"create-post-toast-title",F=q==="REEL"?"create-reel-toast-message":"create-post-toast-message",C=i(q==="REEL"?"view-reel":"view-post");q==="REEL"&&X?j=`/feed/${t}/reels?id=${X}`:q==="NORMAL"&&I&&(j=`/feed/${t}/post/${I}`),s.current&&(j?A({title:i(Z),message:U__namespace.default.createElement("span",null,i(F)," ",U__namespace.default.createElement("a",{href:j,onClick:R=>{R.preventDefault(),window.location.href=j;},className:"text-primary text-body-sm md:text-body-md font-bold hover:underline cursor-pointer"},C))}):m("success","create-post-toast-title","create-post-toast-message")),setTimeout(()=>{a.current&&(r.reset(),o.current=!1,n.current=null);},2e3);},onError:V=>{!a.current||M.signal.aborted||(r.setError(i("create-post-toast-error-message")),o.current=!1,n.current=null,r.setAbortController(null),s.current&&m("error","create-post-toast-error-title","create-post-toast-error-message"));}});}}catch(N){if(!a.current)return;N.name==="AbortError"||N?.message==="AbortError"||N.name==="CanceledError"?r.setCancelled():(r.setError(i("asset-upload-failed")),s.current&&m("error",T?"update-post-toast-error-title":"create-post-toast-error-title",T?"update-post-toast-error-message":"create-post-toast-error-message")),o.current=false,n.current=null,r.setAbortController(null);}},[r,c,l,d,m,A,i,t]),p=U.useCallback(()=>{let{pendingData:v,updatePostId:x}=r;if(!v)return;n.current&&(n.current=null),o.current=false,r.setAbortController(null);let b=r.pendingFiles&&r.pendingFiles.length>0;!!x?r.updateStatus(b?"uploading":"updating",0):r.updateStatus(b?"uploading":"publishing",0),r.setError(null,"error");},[r]),f=U.useCallback(()=>{n.current&&(n.current.abort(),n.current=null),o.current=false,r.setAbortController(null),r.setCancelled();},[r]);return U.useEffect(()=>{let{pendingData:v,status:x,abortController:b}=r;v&&(x==="uploading"||x==="publishing"||x==="updating")&&!b&&!o.current&&u();},[r,u]),U.useEffect(()=>(a.current=true,()=>{a.current=false,n.current&&n.current.abort();}),[]),{handlePublish:u,onRetry:p,onCancel:f}}function $S(){let{onCancel:A,onRetry:e}=QS();return U__namespace.default.createElement("div",{className:"w-full mt-6"},U__namespace.default.createElement(US,{onRetry:e,onCancel:A}))}function eL(A,e){let{isOpen:t,closeModal:r,openModal:n}=ml(),{openModal:o,isOpen:a,closeModal:s}=I3(),{page:i,user:c}=y(),[l,d]=U.useState(A),[m,u]=U.useState(null),[p,f]=U.useState(false),[v,x]=U.useState(false),[b,h]=U.useState([]),[P,g]=U.useState("media"),T=U.useMemo(()=>({community:{avatar:e?.logo,headline:e?.sector,id:e?.id,name:e?.name},page:{id:i?.id,name:i?.name,sector:i?.sector,avatar:i?.logo,slug:i?.slug},user:{avatar:c?.avatar,headline:c?.headline,id:c?.id,name:c?.name,slug:c?.slug}}),[i,c,e]);U.useEffect(()=>{if(!m){let O=T?.[l];u({id:O?.id??"",name:O?.name??"",avatar:O?.avatar??"",headline:O?.headline??O?.sector??"",type:l,slug:O?.slug});}},[T,l,m]);let M=U.useCallback(O=>{if(!c?.isActive){x(true);return}O.length>0&&(h(O),g("media"),f(true));},[c?.isActive]),{getRootProps:N,getInputProps:w,isDragActive:z,open:S}=reactDropzone.useDropzone({onDrop:M,accept:{"image/*":[],"video/*":[],"application/pdf":[".pdf"]},noClick:true,noKeyboard:true});return U.useEffect(()=>{if(!p){let O=setTimeout(()=>h([]),100);return ()=>clearTimeout(O)}},[p]),{currentType:l,setCurrentType:d,selectedProfile:m,setSelectedProfile:u,isPostModalOpen:p,setIsPostModalOpen:f,isActivateModalOpen:v,setIsActivateModalOpen:x,handleTriggerAction:O=>{if(!c?.isActive){x(true);return}switch(O!=="media"&&h([]),O){case "articles":n();break;case "saved-items":o();break;case "media":g("media"),S();break;default:g(O??"media"),f(true);break}},handleProfileChange:O=>{d(O?.type),u(O),O?.needsActivation&&(f(false),setTimeout(()=>{x(true);},100));},isSavedItemsModalOpened:a,isArticlesModalOpened:t,closeArticlesModal:r,closeSavedItemsModal:s,openArticlesModal:n,openSavedItemsModal:o,droppedFiles:b,getRootProps:N,getInputProps:w,isDragActive:z,activeAction:P,setActiveAction:g}}function tdA(A){return U__namespace.createElement("svg",{width:20,height:20,fill:"none",...A},U__namespace.createElement("path",{d:"M6.75 7.75h.01m5.99 0h.01m-5.51 5a3.5 3.5 0 005 0m6.5-3a9 9 0 11-18 0 9 9 0 0118 0z",stroke:"#687588",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}))}var rdA=U__namespace.memo(tdA),tL=rdA;function adA({community:A,type:e="user",restrictProfileSelection:t=false,optimisticUpdateType:r="feed",onClickAction:n}){let{locale:o,user:a}=y(),[s,i]=U.useState(false),[c,l]=U.useState(null),[d,m]=U.useState(null),[u,p]=U.useTransition(),{currentType:f,setCurrentType:v,selectedProfile:x,setSelectedProfile:b,isPostModalOpen:h,setIsPostModalOpen:P,isActivateModalOpen:g,setIsActivateModalOpen:T,handleTriggerAction:M,droppedFiles:N,getRootProps:w,getInputProps:z,isDragActive:S,activeAction:k,setActiveAction:W}=eL(e,A);Yd("openCreatePost",()=>{P(true);}),Yd("openReels",()=>{if(!a?.isActive){T(true);return}M("clips"),P(true);}),Yd("open-post-modal",q=>{if(m(q),!a?.isActive){T(true);return}q?.entity&&(v(q.entity.type),b({id:q.entity.id,name:q.entity.name,type:q.entity.type,avatar:q.entity.avatar,slug:q.entity.slug,sector:q.entity.sector,headline:q.entity.headline})),P(true);});let O=U.useMemo(()=>({id:x?.id??"",name:x?.name??"",type:f,avatar:x?.avatar??"",slug:x?.slug??"",sector:x?.sector??"",headline:x?.headline??""}),[x,f]),V=iA(o??"en","start-a-post-title"),L=q=>{if(!a?.isActive){T(true);return}v(q?.type),b(q),i(false),P(true);},X=()=>{a?.isActive?P(true):T(true);};return U.useEffect(()=>{let q=async()=>{let I=await D8();I?.content?l(I.content):I?.files&&I.files.length>0?l(`${V} ${iA(o,"draft-label")}`):l(null);};h||p(()=>{q();});},[h,V,o]),U.useEffect(()=>{h||m(null);},[h]),U__namespace.default.createElement(U__namespace.default.Fragment,null,U__namespace.default.createElement("div",{...w(),className:["w-full md:min-w-[42rem] flex flex-col gap-[1rem] p-[1rem] md:p-[1.5rem] bg-white rounded-[1rem] h-auto","transition-colors duration-150",S?"ring-2 ring-primary ring-offset-2 bg-blue-50":""].filter(Boolean).join(" ")},U__namespace.default.createElement("input",{...z()}),U__namespace.default.createElement("div",{className:"flex items-start gap-[1rem] w-full"},U__namespace.default.createElement($d,{mode:"short",restrictProfileSelection:t,profile:{avatar:x?.avatar??"",headline:x?.headline??"",id:x?.id??"",name:x?.name??"",sector:x?.sector??"",slug:x?.slug??"",type:f},onPickAProfile:L}),U__namespace.default.createElement("button",{onClick:X,disabled:u,className:"flex-1 hover:bg-gray-100 flex items-center justify-between cursor-pointer rounded-[0.5rem] border border-[#E4EBF1] bg-card px-4 py-2.5 text-sm text-muted-foreground hover:bg-secondary transition-colors text-left overflow-hidden disabled:opacity-70 disabled:cursor-not-allowed"},U__namespace.default.createElement("div",{className:"flex items-center gap-[0.5rem] overflow-hidden"},U__namespace.default.createElement(E8,null),u?U__namespace.default.createElement("div",{className:"h-5 w-32 bg-gray-200 animate-pulse rounded"}):U__namespace.default.createElement("span",{className:"font-medium text-body-md text-[#687588] truncate"},c||V)),U__namespace.default.createElement(tL,null))),U__namespace.default.createElement("div",{className:"w-full"},U__namespace.default.createElement(X8,{onlyIcon:false,onClick:q=>{if(q==="saved-items"||q==="articles")return n(q);M(q);}}))),U__namespace.default.createElement($S,null),U__namespace.default.createElement(FS,{isPostTriggerModalOpened:h&&!s,onClose:()=>P(false),selectedProfile:x,currentType:f,onProfileChange:L,onToggleSwitcher:i,resetPostTrigger:()=>{W("media");},activeAction:k,initialFiles:d?.initialFiles||N,initialContent:d?.initialContent,initialMentions:d?.initialMentions,editingPost:d?.editingPost,entity:d?.entity||O,optimisticUpdateType:d?.optimisticUpdateType||r,onClickAction:n}),s&&U__namespace.default.createElement($d,{renderOnlyModal:true,mode:"full",profile:{id:x?.id,type:f},onPickAProfile:L,onToggleSwitcher:i}),U__namespace.default.createElement(jt,{isOpen:g,onClose:()=>T(false)}))}var ldA=n9.gql`
+`;async function GS(A,e,t){try{let{optimisticUpdateType:r,entityType:n,page:o,community:a,expiresAt:s,signal:i,clientId:c,...l}=t.createPostInput;return (await(await fetch(A,{method:"POST",signal:i,headers:{"Content-Type":"application/json","x-access-token":e},body:JSON.stringify({query:DS,variables:{createPostInput:{...l,pageId:t?.createPostInput?.page?.id,communityId:t?.createPostInput?.community?.id}}})})).json()).data}catch(r){throw r instanceof DOMException&&r.name==="AbortError",r}}var KS=ma();function BS(){let{queryClient:A,feedApi:e,user:t,page:r}=y(),{mutate:n,isPending:o}=eA({mutationFn:a=>GS(e??"",t?.accessToken??"",a),onMutate:async a=>{let s=a.createPostInput;if(s.scheduledAt)return {isScheduled:true};let i={type:"user",id:"",name:"",slug:"",headline:"",avatar:""};switch(s.entityType){case "PAGE":i={type:"page",id:r?.id||s?.pageId||s?.page?.id||"",name:r?.name||s?.page?.name||"",slug:r?.slug||s?.page?.slug||"",headline:r?.sector??"",avatar:r?.logo??""};break;case "COMMUNITY":i={type:"community",id:s?.community?.id||"",name:s?.community?.name||"",slug:s?.community?.slug||"",headline:"",avatar:s?.community?.avatar??""};break;default:i={type:"user",id:t?.id||"",name:t?.name||"",slug:t?.slug||"",headline:t?.headline||"",avatar:t?.avatar??""};break}let c=(s.optimisticUpdateType==="feed",""),l=s.optimisticUpdateType==="feed"?["posts",i.id]:s.optimisticUpdateType==="pages"?["posts","pages",i.id]:s.optimisticUpdateType==="community"?["posts","communities",i.id]:["posts","profile",i.id],d=A?.getQueryData(l);return a.createPostInput.clientId=KS,B8({mode:"creation",queryClient:A,optimisticUpdateType:s.optimisticUpdateType||"feed",entity:i,payload:a,filter:c}),{previousPosts:d,queryKey:l,isScheduled:false,clientId:KS}},onSuccess:(a,s,i)=>{if(s.createPostInput.scheduledAt){let c=s.createPostInput.entityType==="PAGE"?s.createPostInput.page?.id:s.createPostInput.entityType==="COMMUNITY"?s.createPostInput.community?.id:t?.id;A?.invalidateQueries({queryKey:["scheduled-posts-by-entity",c]});return}s.createPostInput.optimisticUpdateType==="feed"&&A?.setQueryData(i.queryKey,c=>{if(!c)return c;let l=a?.createPost?.id;return {...c,pages:c?.pages?.map(d=>({...d,recommendedPostsUser:{...d?.recommendedPostsUser,data:d?.recommendedPostsUser?.data?.map(m=>({...m,normalPosts:m?.normalPosts?.map(u=>({...u,id:u?.id?.includes("temp")?l:u?.id}))}))}}))}});},onError:(a,s,i)=>{s.createPostInput.scheduledAt||i?.queryKey&&i?.previousPosts&&A?.setQueryData(i.queryKey,i.previousPosts);}});return {createPost:n,isCreatingAPost:o}}function QS(){let{successToast:A,errorToast:e}=IA(),{locale:t}=y(),r=xn(),n=U.useRef(null),o=U.useRef(false),a=U.useRef(true),s=U.useRef(false),i=(v,x={})=>iA(t,v,x),{uploadAssetsBulk:c}=_a(),{createPost:l}=BS(),{updatePost:d}=em();U.useEffect(()=>{let v=()=>{s.current=true,window.removeEventListener("scroll",v);};return window.addEventListener("scroll",v,{passive:true}),()=>{window.removeEventListener("scroll",v);}},[]);let m=U.useCallback((v,x,b)=>{if(!s.current)return;(v==="success"?A:e)({title:i(x),message:i(b)});},[A,e,i]),u=U.useCallback(async()=>{if(o.current)return;let{pendingData:v,pendingFiles:x,ownerData:b,status:h,abortController:P,updatePostId:g}=r;if(!v||h==="success"||h==="cancelled"||P)return;o.current=true;let T=!!g,M=new AbortController;n.current=M,r.setAbortController(M),r.setError(null,"error");try{let N=[],w=[],z=null,S=(x||[]).filter(O=>O.type?.startsWith("image/")).map(O=>({url:URL.createObjectURL(O)})),k=(x||[]).filter(O=>O.type?.startsWith("video/")).map(O=>({url:URL.createObjectURL(O)})),W=(x||[]).find(O=>O.type==="application/pdf"||O.name?.endsWith(".pdf"));if(x&&x.length>0){if(r.updateStatus("uploading",10),M.signal.aborted)throw new Error("AbortError");if(r.updateStatus("uploading",30),await new Promise((O,V)=>{c({files:x,owner_type:b.type==="user"?"user":"organization",owner_id:b.id,is_public:!0,signal:M.signal},{onSuccess:L=>{if(M.signal.aborted){V(new Error("AbortError"));return}L?.results.forEach((X,q)=>{if(X.status==="success"&&X.data.url){let I=x[q];I.type==="application/pdf"?z=X.data.url:I.type?.startsWith("image/")?N.push(X.data.url):w.push(X.data.url);}}),O(!0);},onError:L=>V(L)});}),M.signal.aborted)throw new Error("AbortError");r.updateStatus("uploading",80);}if(M.signal.aborted)throw new Error("AbortError");if(r.updateStatus(T?"updating":"publishing",85),T){let O={updatePostInput:{id:g,content:v.content,scheduledAt:v.scheduledAt||null,optimisticUpdateType:v.optimisticUpdateType,images:N.length>0?N.map(V=>({url:V})):v.images,videos:w.length>0?w.map(V=>({url:V})):v.videos,attachment:z?{url:z,type:"pdf",title:W?.name||"Document"}:v.attachment}};d(O,{onSuccess:V=>{if(Ep(),!a.current||M.signal.aborted)return;r.updateStatus("success",100);let{onSuccessCallback:L}=r;L&&L();let X=V?.updatePost?.id,q=v.postType,I=V?.updatePost?.slug,j="",Z=i(q==="REEL"?"view-reel":"view-post");q==="REEL"&&X?j=`/feed/${t}/reels?id=${X}`:q==="NORMAL"&&I&&(j=`/feed/${t}/post/${I}`),s.current&&(j?A({title:i("update-post-toast-title"),message:U__namespace.default.createElement("span",null,i("update-post-toast-message")," ",U__namespace.default.createElement("a",{href:j,onClick:F=>{F.preventDefault(),window.location.href=j;},className:"text-primary hover:underline cursor-pointer",style:{fontWeight:500}},Z))}):m("success","update-post-toast-title","update-post-toast-message")),setTimeout(()=>{a.current&&(r.reset(),o.current=!1,n.current=null);},2e3);},onError:V=>{!a.current||M.signal.aborted||(r.setError(i("update-post-toast-error-message")),o.current=!1,n.current=null,r.setAbortController(null),s.current&&m("error","update-post-toast-error-title","update-post-toast-error-message"));}});}else {let O={...v,expiresAt:dateFns.addHours(new Date,48).toISOString(),images:N.length>0?N.map(V=>({url:V})):S,videos:w.length>0?w.map(V=>({url:V})):k,attachment:z?{url:z,type:"pdf",title:W?.name||"Document"}:W?{url:URL.createObjectURL(W),type:"pdf",title:W.name}:null};l({createPostInput:O},{onSuccess:V=>{if(Ep(),!a.current||M.signal.aborted)return;r.updateStatus("success",100);let{onSuccessCallback:L}=r;L&&L();let X=V?.createPost?.id,q=O.postType,I=V?.createPost?.slug,j="",Z=q==="REEL"?"create-reel-toast-title":"create-post-toast-title",F=q==="REEL"?"create-reel-toast-message":"create-post-toast-message",C=i(q==="REEL"?"view-reel":"view-post");q==="REEL"&&X?j=`/feed/${t}/reels?id=${X}`:q==="NORMAL"&&I&&(j=`/feed/${t}/post/${I}`),s.current&&(j?A({title:i(Z),message:U__namespace.default.createElement("span",null,i(F)," ",U__namespace.default.createElement("a",{href:j,onClick:R=>{R.preventDefault(),window.location.href=j;},className:"text-primary text-body-sm md:text-body-md font-bold hover:underline cursor-pointer"},C))}):m("success","create-post-toast-title","create-post-toast-message")),setTimeout(()=>{a.current&&(r.reset(),o.current=!1,n.current=null);},2e3);},onError:V=>{!a.current||M.signal.aborted||(r.setError(i("create-post-toast-error-message")),o.current=!1,n.current=null,r.setAbortController(null),s.current&&m("error","create-post-toast-error-title","create-post-toast-error-message"));}});}}catch(N){if(!a.current)return;N.name==="AbortError"||N?.message==="AbortError"||N.name==="CanceledError"?r.setCancelled():(r.setError(i("asset-upload-failed")),s.current&&m("error",T?"update-post-toast-error-title":"create-post-toast-error-title",T?"update-post-toast-error-message":"create-post-toast-error-message")),o.current=false,n.current=null,r.setAbortController(null);}},[r,c,l,d,m,A,i,t]),p=U.useCallback(()=>{let{pendingData:v,updatePostId:x}=r;if(!v)return;n.current&&(n.current=null),o.current=false,r.setAbortController(null);let b=r.pendingFiles&&r.pendingFiles.length>0;!!x?r.updateStatus(b?"uploading":"updating",0):r.updateStatus(b?"uploading":"publishing",0),r.setError(null,"error");},[r]),f=U.useCallback(()=>{n.current&&(n.current.abort(),n.current=null),o.current=false,r.setAbortController(null),r.setCancelled();},[r]);return U.useEffect(()=>{let{pendingData:v,status:x,abortController:b}=r;v&&(x==="uploading"||x==="publishing"||x==="updating")&&!b&&!o.current&&u();},[r,u]),U.useEffect(()=>(a.current=true,()=>{a.current=false,n.current&&n.current.abort();}),[]),{handlePublish:u,onRetry:p,onCancel:f}}function $S(){let{onCancel:A,onRetry:e}=QS();return U__namespace.default.createElement("div",{className:"w-full mt-6"},U__namespace.default.createElement(US,{onRetry:e,onCancel:A}))}function eL(A,e){let{isOpen:t,closeModal:r,openModal:n}=ml(),{openModal:o,isOpen:a,closeModal:s}=I3(),{page:i,user:c}=y(),[l,d]=U.useState(A),[m,u]=U.useState(null),[p,f]=U.useState(false),[v,x]=U.useState(false),[b,h]=U.useState([]),[P,g]=U.useState("media"),T=U.useMemo(()=>({community:{avatar:e?.logo,headline:e?.sector,id:e?.id,name:e?.name},page:{id:i?.id,name:i?.name,sector:i?.sector,avatar:i?.logo,slug:i?.slug},user:{avatar:c?.avatar,headline:c?.headline,id:c?.id,name:c?.name,slug:c?.slug}}),[i,c,e]);U.useEffect(()=>{if(!m){let O=T?.[l];u({id:O?.id??"",name:O?.name??"",avatar:O?.avatar??"",headline:O?.headline??O?.sector??"",type:l,slug:O?.slug});}},[T,l,m]);let M=U.useCallback(O=>{if(!c?.isActive){x(true);return}O.length>0&&(h(O),g("media"),f(true));},[c?.isActive]),{getRootProps:N,getInputProps:w,isDragActive:z,open:S}=reactDropzone.useDropzone({onDrop:M,accept:{"image/*":[],"video/*":[],"application/pdf":[".pdf"]},noClick:true,noKeyboard:true});return U.useEffect(()=>{if(!p){let O=setTimeout(()=>h([]),100);return ()=>clearTimeout(O)}},[p]),{currentType:l,setCurrentType:d,selectedProfile:m,setSelectedProfile:u,isPostModalOpen:p,setIsPostModalOpen:f,isActivateModalOpen:v,setIsActivateModalOpen:x,handleTriggerAction:O=>{if(!c?.isActive){x(true);return}switch(O!=="media"&&h([]),O){case "articles":n();break;case "saved-items":o();break;case "media":g("media"),S();break;default:g(O??"media"),f(true);break}},handleProfileChange:O=>{d(O?.type),u(O),O?.needsActivation&&(f(false),setTimeout(()=>{x(true);},100));},isSavedItemsModalOpened:a,isArticlesModalOpened:t,closeArticlesModal:r,closeSavedItemsModal:s,openArticlesModal:n,openSavedItemsModal:o,droppedFiles:b,getRootProps:N,getInputProps:w,isDragActive:z,activeAction:P,setActiveAction:g}}function tdA(A){return U__namespace.createElement("svg",{width:20,height:20,fill:"none",...A},U__namespace.createElement("path",{d:"M6.75 7.75h.01m5.99 0h.01m-5.51 5a3.5 3.5 0 005 0m6.5-3a9 9 0 11-18 0 9 9 0 0118 0z",stroke:"#687588",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}))}var rdA=U__namespace.memo(tdA),tL=rdA;function adA({community:A,type:e="user",restrictProfileSelection:t=false,optimisticUpdateType:r="feed",onClickAction:n}){let{locale:o,user:a}=y(),[s,i]=U.useState(false),[c,l]=U.useState(null),[d,m]=U.useState(null),[u,p]=U.useTransition(),{currentType:f,setCurrentType:v,selectedProfile:x,setSelectedProfile:b,isPostModalOpen:h,setIsPostModalOpen:P,isActivateModalOpen:g,setIsActivateModalOpen:T,handleTriggerAction:M,droppedFiles:N,getRootProps:w,getInputProps:z,isDragActive:S,activeAction:k,setActiveAction:W}=eL(e,A);Yd("openCreatePost",()=>{P(true);}),Yd("openReels",()=>{if(!a?.isActive){T(true);return}M("clips"),P(true);}),Yd("open-post-modal",q=>{if(m(q),!a?.isActive){T(true);return}q?.entity&&(v(q.entity.type),b({id:q.entity.id,name:q.entity.name,type:q.entity.type,avatar:q.entity.avatar,slug:q.entity.slug,sector:q.entity.sector,headline:q.entity.headline})),P(true);});let O=U.useMemo(()=>({id:x?.id??"",name:x?.name??"",type:f,avatar:x?.avatar??"",slug:x?.slug??"",sector:x?.sector??"",headline:x?.headline??""}),[x,f]),V=iA(o??"en","start-a-post-title"),L=q=>{if(!a?.isActive){T(true);return}v(q?.type),b(q),i(false),P(true);},X=()=>{a?.isActive?P(true):T(true);};return U.useEffect(()=>{let q=async()=>{let I=await D8();I?.content?l(I.content):I?.files&&I.files.length>0?l(`${V} ${iA(o,"draft-label")}`):l(null);};h||p(()=>{q();});},[h,V,o]),U.useEffect(()=>{h||m(null);},[h]),U__namespace.default.createElement(U__namespace.default.Fragment,null,U__namespace.default.createElement("div",{...w(),className:["w-full md:min-w-[42rem] flex flex-col gap-[1rem] p-[1rem] md:p-[1.5rem] bg-white rounded-[1rem] h-auto","transition-colors duration-150",S?"ring-2 ring-primary ring-offset-2 bg-blue-50":""].filter(Boolean).join(" ")},U__namespace.default.createElement("input",{...z()}),U__namespace.default.createElement("div",{className:"flex items-start gap-[1rem] w-full"},U__namespace.default.createElement($d,{mode:"short",restrictProfileSelection:t,profile:{avatar:x?.avatar??"",headline:x?.headline??"",id:x?.id??"",name:x?.name??"",sector:x?.sector??"",slug:x?.slug??"",type:f},onPickAProfile:L}),U__namespace.default.createElement("button",{onClick:X,disabled:u,className:"flex-1 hover:bg-gray-100 flex items-center justify-between cursor-pointer rounded-[0.5rem] border border-[#E4EBF1] bg-card px-4 py-2.5 text-sm text-muted-foreground hover:bg-secondary transition-colors text-left overflow-hidden disabled:opacity-70 disabled:cursor-not-allowed"},U__namespace.default.createElement("div",{className:"flex items-center gap-[0.5rem] overflow-hidden"},U__namespace.default.createElement(E8,null),u?U__namespace.default.createElement("div",{className:"h-5 w-32 bg-gray-200 animate-pulse rounded"}):U__namespace.default.createElement("span",{className:"font-medium text-body-md text-[#687588] truncate"},c||V)),U__namespace.default.createElement(tL,null))),U__namespace.default.createElement("div",{className:"w-full"},U__namespace.default.createElement(X8,{onlyIcon:false,onClick:q=>{if(q==="saved-items"||q==="articles")return n(q);M(q);}}))),U__namespace.default.createElement($S,null),U__namespace.default.createElement(FS,{isPostTriggerModalOpened:h&&!s,onClose:()=>P(false),selectedProfile:x,currentType:f,onProfileChange:L,onToggleSwitcher:i,resetPostTrigger:()=>{W("media");},activeAction:k,initialFiles:d?.initialFiles||N,initialContent:d?.initialContent,initialMentions:d?.initialMentions,editingPost:d?.editingPost,entity:d?.entity||O,optimisticUpdateType:d?.optimisticUpdateType||r,onClickAction:n}),s&&U__namespace.default.createElement($d,{renderOnlyModal:true,mode:"full",profile:{id:x?.id,type:f},onPickAProfile:L,onToggleSwitcher:i}),U__namespace.default.createElement(jt,{isOpen:g,onClose:()=>T(false)}))}var ldA=n9.gql`
   query ValidateRater($userId: String, $pageId: String, $communityId: String) {
     validateRating(userId: $userId, pageId: $pageId, communityId: $communityId)
   }

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@mirantes-micro/foundation-design-system",
 	"description": "A scalable and customizable design system package featuring a collection of reusable React components, utility functions, and context providers. Built to enforce visual and functional consistency across applications, this package offers accessible, themeable UI elements, shared logic through utility helpers, and context-based providers for managing global state such as themes, modals, and user sessions.",
-	"version": "1.2.311",
+	"version": "1.2.312",
 	"license": "MIT",
 	"author": {
 		"name": "Mirantes Frontend team"