https://www.bouncelife.com/_next/static/chunks/pages/organizations…/members/titles-c85da69a04832365.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4745],{23493:function(e,t,n){var i=n(23279),a=n(13218);e.exports=function(e,t,n){var r=!0,s=!0;if("function"!=typeof e)throw TypeError("Expected a function");return a(n)&&(r="leading"in n?!!n.leading:r,s="trailing"in n?!!n.trailing:s),i(e,t,{leading:r,maxWait:t,trailing:s})}},10362:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/organizations/[organizationId]/members/titles",function(){return n(30315)}])},30315:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return y}});var i=n(85893),a=n(67294),r=n(5831),s=n(11163),l=n(67421),o=n(16498),c=n(33659),d=n(58535),u=n(86767),m=n(41664),x=n.n(m),g=n(7467),f=n(28627),p=n(55788),h=n(93967),v=n.n(h),j=n(5434),z=n(93974),w=n(94543),components_TitlesRow=e=>{let{title:t,organizationId:n,index:a,onClickRemoveTitleFromMember:r}=e,{t:s}=(0,l.$G)(["organizations"]);return(0,i.jsx)(f._l,{draggableId:t.id,index:a,children:(e,a)=>{var l;return(0,i.jsx)("div",{ref:e.innerRef,...e.draggableProps,...e.dragHandleProps,className:v()("flex w-full items-center justify-between py-2 rounded-lg",{"bg-primary-50 shadow-lg":a.isDragging}),children:(0,i.jsxs)("div",{className:"w-full",children:[(0,i.jsxs)("div",{className:"flex w-full items-center justify-between py-2",children:[(0,i.jsxs)("div",{className:"flex items-center font-bold",children:[(0,i.jsx)(p.GZz,{size:20,className:"cursor-grab text-gray-400 mr-1"}),t.name]}),(0,i.jsx)("div",{children:(0,i.jsx)(x(),{href:"/organizations/".concat(n,"/members/titles/").concat(t.id),children:(0,i.jsx)("div",{className:"text-primary-700",children:s("titleManagement.edit")})})})]},t.id),(0,i.jsx)("div",{className:"mt-4 pl-2 flex flex-col gap-4",children:null==t?void 0:null===(l=t.users)||void 0===l?void 0:l.map(e=>(0,i.jsxs)("div",{className:"flex items-center justify-between ",children:[(0,i.jsx)("div",{className:"flex items-center",children:(0,i.jsx)(z.Z,{avatar:(0,i.jsx)(w.qE,{src:e.photoUrl}),label:e.name})}),(0,i.jsx)("div",{className:"flex items-center",children:(0,i.jsx)("button",{type:"button",onClick:()=>r({organizationId:n,userId:e.id,titleId:t.id}),className:"text-red-600","aria-label":s("accessibility.deleteTitle"),children:(0,i.jsx)(j.FU5,{size:20})})})]},e.id))})]})})}})},components_TitlesList=e=>{let{organizationId:t}=e,{t:n}=(0,l.$G)(["organizations"]),{data:r}=(0,g.uz)({organizationId:t}),s=(0,g.VO)(),o=(0,g.k1)(),c=(0,a.useCallback)(e=>{if(!e.destination)return;let n=Array.from((null==r?void 0:r.items)||[]),[i]=n.splice(e.source.index,1);n.splice(e.destination.index,0,i),s.mutate({organizationId:t,data:{titles:n.map((e,t)=>({id:e.id,hierarchy:t}))}})},[t,s,null==r?void 0:r.items]),d=(0,a.useMemo)(()=>{var e;return null==r?void 0:null===(e=r.items)||void 0===e?void 0:e.sort((e,t)=>e.hierarchy-t.hierarchy)},[null==r?void 0:r.items]),onClickRemoveTitleFromMember=e=>{let{organizationId:t,userId:n,titleId:i}=e;o.mutate({organizationId:t,userId:n,titleId:i})};return(0,i.jsxs)("div",{className:"mt-10",children:[(0,i.jsx)(f.Z5,{onDragEnd:c,children:(0,i.jsx)(f.bK,{droppableId:"titles",children:e=>(0,i.jsxs)("div",{ref:e.innerRef,className:"space-y-4",children:[null==d?void 0:d.map((e,n)=>(0,i.jsx)(components_TitlesRow,{index:n,title:e,organizationId:t,onClickRemoveTitleFromMember:onClickRemoveTitleFromMember},e.id)),e.placeholder]})})}),(0,i.jsx)(x(),{href:"/organizations/".concat(t,"/members/titles/create"),children:(0,i.jsx)("div",{className:"mt-10 text-primary-700 text-center",children:n("titleManagement.createNewTitle")})})]})},b=n(80438),components_OrganizationTitles=()=>{let{t:e}=(0,l.$G)(["organizations"]),t=(0,s.useRouter)(),n=t.query.organizationId,{data:a,isLoading:r}=(0,o.Ng)({groupId:n});return r||!a?(0,i.jsx)(c.Z,{}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(u.Z,{onBack:"/organizations/[organizationId]/dashboard"!==t.pathname?()=>{t.push("/organizations/".concat(a.id,"/members"))}:void 0,title:e("titleManagement.manageTitle"),variant:u.f.Big,wideContent:!0}),(0,i.jsx)("div",{className:"-mt-[41px] md:mt-[61px] pt-7",children:(0,i.jsx)(d.Z,{children:(0,i.jsx)(b.Z,{children:(0,i.jsxs)("div",{className:"md:px-20",children:[(0,i.jsx)("p",{className:"text-sm text-gray-500",children:e("titleManagement.mainDescription")}),(0,i.jsx)(components_TitlesList,{organizationId:n})]})})})})]})};let OrganizationTitlesScreen=()=>(0,i.jsx)(components_OrganizationTitles,{});var y=OrganizationTitlesScreen;OrganizationTitlesScreen.getLayout=e=>(0,i.jsx)(r.FA,{children:e})},7467:function(e,t,n){"use strict";n.d(t,{oN:function(){return useAssignTitleToMember},YA:function(){return useCreateOrganizationTitle},Ge:function(){return useDeleteOrganizationTitle},f_:function(){return useGetOrganizationTitle},uz:function(){return useGetOrganizationTitles},k1:function(){return useRemoveTitleFromMember},VO:function(){return useReorderOrganizationTitles},Gw:function(){return useUpdateOrganizationTitle}}

1);var i=n(88767),a=n(890);async function createOrganizationTitle(e){let{organizationId:t,title:n}=e,{data:i}=await a.Z.post("/api/organizations/".concat(t,"/titles"),n);return i}async function getOrganizationTitles(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],{data:n}=await a.Z.get(t?"/service/organizations/".concat(e,"/titles"):"/api/organizations/".concat(e,"/titles"));return n}async function updateOrganizationTitle(e){let{organizationId:t,titleId:n,title:i}=e,{data:r}=await a.Z.put("/api/organizations/".concat(t,"/titles/").concat(n),i);return r}async function deleteOrganizationTitle(e){let{organizationId:t,titleId:n}=e;await a.Z.delete("/api/organizations/".concat(t,"/titles/").concat(n))}async function reorderOrganizationTitles(e){let{organizationId:t,data:n}=e;await a.Z.put("/api/organizations/".concat(t,"/titles/reorder"),n)}async function getOrganizationTitle(e){let{organizationId:t,titleId:n}=e,{data:i}=await a.Z.get("/api/organizations/".concat(t,"/titles/").concat(n));return i}async function assignTitlesToMember(e){let{organizationId:t,memberId:n,titles:i}=e;await a.Z.put("/api/organizations/".concat(t,"/members/").concat(n,"/titles"),{titles:i})}async function removeTitleFromMember(e){let{organizationId:t,userId:n,titleId:i}=e;await a.Z.delete("/api/organizations/".concat(t,"/members/").concat(n,"/titles/").concat(i))}function useGetOrganizationTitles(e){let{organizationId:t,useUnauthenticatedEndpoint:n=!1}=e;return(0,i.useQuery)(["organizationTitles",{organizationId:t,useUnauthenticatedEndpoint:n}],()=>getOrganizationTitles(t,n))}function useCreateOrganizationTitle(){return(0,i.useMutation)(createOrganizationTitle)}function useUpdateOrganizationTitle(){return(0,i.useMutation)(updateOrganizationTitle)}function useDeleteOrganizationTitle(){return(0,i.useMutation)(deleteOrganizationTitle)}function useReorderOrganizationTitles(){let e=(0,i.useQueryClient)();return(0,i.useMutation)(reorderOrganizationTitles,{onMutate:async t=>{await e.cancelQueries(["organizationTitles",{organizationId:t.organizationId}]);let n=e.getQueryData(["organizationTitles",{organizationId:t.organizationId}]);e.setQueryData(["organizationTitles",{organizationId:t.organizationId}],()=>({items:null==n?void 0:n.items.map(e=>{var n,i,a;return{...e,hierarchy:(null===(a=t.data)||void 0===a?void 0:null===(i=a.titles)||void 0===i?void 0:null===(n=i.find(t=>t.id===e.id))||void 0===n?void 0:n.hierarchy)||0}})}))},onSuccess:(t,n)=>{let{organizationId:i}=n;e.invalidateQueries(["organizationTitles",{organizationId:i}])}})}function useGetOrganizationTitle(e){let{organizationId:t,titleId:n}=e;return(0,i.useQuery)(["organizationTitle",{organizationId:t,titleId:n}],()=>getOrganizationTitle({organizationId:t,titleId:n}))}function useAssignTitleToMember(){return(0,i.useMutation)(assignTitlesToMember)}function useRemoveTitleFromMember(){let e=(0,i.useQueryClient)();return(0,i.useMutation)(removeTitleFromMember,{onSuccess:(t,n)=>{let{organizationId:i}=n;e.invalidateQueries(["organizationTitles",{organizationId:i}])}})}},94543:function(e,t,n){"use strict";n.d(t,{qE:function(){return components_Avatar},MX:function(){return components_AvatarBadge},HE:function(){return components_AvatarGroup},qF:function(){return u},LW:function(){return d},cf:function(){return c},EF:function(){return o}});var i,a,r,s,l,o,c,d,u,m,x,g=n(85893);n(67294);var f=n(93967),p=n.n(f);(i=o||(o={})).Xs="6",i.Sm="8",i.Md="10",i.Lg="12",i.Xl="16",i.Xxl="24",i.X3l="32",(a=c||(c={})).Full="full",a.Lg="lg",(r=d||(d={})).Stack="stack",r.Grid="grid",(s=u||(u={})).Clear="clear",s.None="none",(l=m||(m={})).Md="5",l.Lg="10",(x||(x={})).BottomRight="bottomRight";let h={[o.Xs]:"1",[o.Sm]:"1",[o.Md]:"2",[o.Lg]:"2"},v={[o.Xs]:"xs",[o.Sm]:"xs",[o.Md]:"xs",[o.Lg]:"lg"};var components_Avatar=function(e){let{src:t,size:n=o.Lg,radius:i=c.Full,isBordered:a=!0,label:r,className:s,children:l,onClick:d}=e;return(0,g.jsxs)("div",{className:"relative",children:[(0,g.jsx)("div",{className:p()("border-primary-300 overflow-hidden flex align-center bg-white justify-center relative","".concat(d&&"cursor-pointer"),"text-".concat(v[n]),"w-".concat(n," h-").concat(n),"rounded-".concat(i),a&&"border-".concat(h[n]),s),onClick:d,children:r||(0,g.jsx)("img",{src:t||"/img/search/user.svg"})}),l]})},components_AvatarBadge=function(e){let{children:t,size:n=m.Md,position:i=x.BottomRight}=e;return(0,g.jsx)("div",{className:p()("bg-primary-50 border-2 border-white absolute rounded-full overflow-hidden flex items-center justify-center","w-".concat(n," h-").concat(n),i===x.BottomRight&&"bottom-0 right-0"),children:t})},j=n(85906),z=n.n(j),components_AvatarGroup=function(e){let{children:t,additionalCount:n=0,type:i=d.Stack,additionalCountSize:a=o.Lg,additionalCountType:r=u.None,onClick:s,secondaryOnClick:l}=e;return(0,g.jsxs)("div",{className:p()("flex items-center justify-center",i===d.Grid?"gap-1":z()["avatar-group--stack"],s&&"cursor-pointer"),onClick:s||void 0,children:[t,n>0&&(0,g.jsxs)(g.Fragment,{children:[r===u.Clear&&(0,g.jsx)("div",{className:"ml-4 mt-[2px] curs

1or-pointer",onClick:l,children:(0,g.jsxs)("p",{className:"text-xs font-medium",children:["+",n>=1e3?"".concat((n/1e3).toFixed(1).replace(/\.0$/,""),"k"):n]})}),r===u.None&&(0,g.jsx)(components_Avatar,{onClick:l,label:"+".concat(n),size:a})]})]})}},80438:function(e,t,n){"use strict";var i=n(85893);n(67294);var a=n(93967),r=n.n(a);t.Z=e=>{let{children:t,wideContent:n=!1,hasPadding:a=!0,className:s}=e;return(0,i.jsx)("div",{className:r()({"px-5":a}),children:(0,i.jsx)("div",{className:r()("md:mx-auto",n?"md:max-w-[1200px]":"md:max-w-[800px]",s),children:t})})}},33659:function(e,t,n){"use strict";var i=n(85893);n(67294);var a=n(97342);t.Z=()=>(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{className:"animate-pulse h-[60px] -mt-[10px] w-full bg-gray-200"}),(0,i.jsx)("div",{className:"animate-pulse pt-[90px] md:pt-[40px] pb-20 md:w-[730px] md:mx-auto flex flex-col items-center",children:(0,i.jsxs)(a.Z,{children:[(0,i.jsx)("div",{className:"h-[20px] w-[200px] bg-gray-200 rounded-xl"}),(0,i.jsx)("div",{className:"mt-6 h-[70px] w-full bg-gray-200 rounded-xl"}),(0,i.jsx)("div",{className:"mt-6 h-[70px] w-full bg-gray-200 rounded-xl"})]})})]})},93974:function(e,t,n){"use strict";var i=n(85893);n(67294),t.Z=e=>{let{label:t,actions:n,avatar:a,title:r}=e;return(0,i.jsxs)("li",{className:"flex items-center gap-3",children:[a,(0,i.jsx)("div",{className:"flex-1 font-normal text-base",children:r?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("p",{className:"text-base font-semibold text-black",children:t}),(0,i.jsx)("p",{className:"text-sm text-gray-500",children:r})]}):t}),n&&(0,i.jsx)("div",{className:"flex gap-2",children:n})]})}},97342:function(e,t,n){"use strict";var i=n(85893);n(67294),t.Z=e=>{let{children:t}=e;return(0,i.jsx)("div",{className:"container mx-auto max-w-6xl p-2 bg-white rounded-2xl",children:t})}},86767:function(e,t,n){"use strict";n.d(t,{f:function(){return a}});var i,a,r=n(85893),s=n(67294),l=n(93967),o=n.n(l),c=n(86893),d=n(51649),u=n(17371),m=n(23493),x=n.n(m);(i=a||(a={})).Regular="regular",i.Big="big",t.Z=e=>{let{onBack:t,onMenuClick:n,title:i,children:a,scrollAnimated:l,subtitle:m,variant:g="regular",icon:f,BackIcon:p=c.Ao2,wideContent:h,gradientBackground:v}=e,[j,z]=(0,s.useState)(window.scrollY>0),{data:w}=(0,u.po)(),b=x()(()=>{l&&z(()=>window.scrollY>40)},200);return(0,s.useEffect)(()=>(window.addEventListener("scroll",b),()=>window.removeEventListener("scroll",b)),[]),(0,r.jsx)("div",{className:o()("fixed h-14 top-0 lg:top-[50px] left-0 w-full px-4 py-2 md:py-6 z-50 flex items-center transition-all duration-200 transition-ease-linear",{"md:top-[80px]":!!w},(!l||j)&&(!v||j)&&"bg-white shadow-sm","big"===g?"md:h-20":"md:h-16"),style:v&&!j?{background:"linear-gradient(180deg, rgba(11, 11, 11, 0.90) -83.66%, rgba(0, 0, 0, 0.00) 100%)"}:void 0,children:(0,r.jsxs)("div",{className:o()("w-full flex md:mx-auto",h?"md:max-w-[1200px]":"md:w-[800px]"),children:[(0,r.jsxs)("div",{className:"flex flex-1 overflow-hidden",children:[t&&p&&(0,r.jsx)("button",{type:"button",className:"mr-2 relative z-10",onClick:t,children:(0,r.jsx)(p,{size:24,className:o()("transition-all",!l||j?"text-gray-400":"text-white")})}),(0,r.jsxs)("div",{className:"w-full flex overflow-hidden",children:[(0,r.jsxs)("div",{className:o()("flex md:justify-center transition-all overflow-hidden flex-1",!l||j?"text-neutral-600":"text-white",f&&j&&l&&"translate-x-[0]",f&&l&&!j&&"translate-x-[-40px] md:translate-x-[-74px]"),children:[f&&(0,r.jsx)("img",{src:f,alt:"Header badge",className:o()("w-[32px] h-[32px] md:w-[48px] md:h-[48px] rounded-xl md:ml-4 mr-2 md:mr-4 transition-all pointer-events-none self-center",l&&!j&&"opacity-0",l&&j&&"opacity-100")}),(0,r.jsxs)("div",{className:"flex flex-col justify-center overflow-hidden flex-1",children:[(0,r.jsx)("h1",{className:o()("text-base md:text-xl md:font-semibold md:mr-4 transition-all",!l||j?"text-neutral-900":"text-white"),children:i}),m&&(0,r.jsx)("div",{className:"text-xs md:text-base font-normal whitespace-nowrap overflow-hidden text-ellipsis",style:{maxWidth:"calc(100% - 40px)"},children:m})]})]}),l&&j||!l?a:null]})]}),(0,r.jsx)("div",{className:"flex items-center",children:n&&(0,r.jsx)("button",{type:"button",onClick:n,children:(0,r.jsx)(d.tgG,{size:24,className:o()("transition-all",!l||j?"text-primary-500":"text-white")})})})]})})}},85906:function(e){e.exports={"avatar-group--stack":"styles_avatar-group--stack__Ag7YZ"}}},function(e){e.O(0,[1057,5062,8251,6498,5831,9774,2888,179],function(){return e(e.s=10362)}),_N_E=e.O()}]);
2//# sourceMappingURL=titles-c85da69a04832365.js.map