https://rov-qa.vercel.app/_next/static/chunks/7080.e8e2db2ef52d0d1a.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7080],{37080:(e,l,t)=>{t.r(l),t.d(l,{default:()=>k});var a=t(37876),s=t(14232),n=t(34846),r=t(56261),i=t(84173),d=t(52974),o=t(54587),c=t.n(o),u=t(7626),m=t(49955);let x=e=>{let{children:l,style:t,...n}=e,r=(0,s.useRef)(null),[i,d]=(0,s.useState)({width:0,height:0});(0,s.useEffect)(()=>{let e=r.current;if(!e)return;let l=()=>{let{offsetWidth:l,offsetHeight:t}=e,a=getComputedStyle(e),s=parseFloat(a.paddingLeft),n=parseFloat(a.paddingRight),r=parseFloat(a.paddingTop);d({width:l-s-n,height:t-r-parseFloat(a.paddingBottom)})};l();let t=new ResizeObserver(()=>{l()});return t.observe(e),()=>{t.disconnect()}},[]);let o={width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",boxSizing:"border-box",...t};return(0,a.jsx)("div",{ref:r,style:o,...n,children:"function"==typeof l?l(i):l})};var p=t(32181),v=t(32997),f=t(18821),g=t(14e3),h=t(10841),b=t.n(h),j=t(50364),y=t(9387),w=t(51196);let N=e=>{let{contClass:l="flex-col ",gameInfo:t}=e,{t:r}=(0,n.Bd)("screen"),[i,d]=(0,s.useState)(!1),o=(0,g.useRouter)(),c=(0,f.cJ)(null==t?void 0:t.id);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(p.A,{showCloseIcon:!0,open:i,onClose:()=>d(!1),contClass:"w-[95%] sm:w-md max-w-lg",children:(0,a.jsx)(v.default,{type:"update",initGameData:t})}),(0,a.jsxs)("div",{className:"flex   gap-2  ".concat(l),children:[(0,a.jsx)(m.Sk,{actionType:"button",onClick:()=>o.push("/games/my-games/".concat(c)),type:"primary",label:r("myGame.labels.viewDetails"),Icon:m.KD.eye,style:{height:"fit-content",minWidth:163}}),(0,a.jsx)(m.Sk,{onClick:()=>o.push("/games/update/".concat(c)),type:"primary",label:r("myGame.labels.edit"),Icon:m.KD.edit,style:{height:"fit-content",minWidth:163}})]})]})};function C(e){var l,t;let{gameInfo:s}=e,{t:r}=(0,n.Bd)("screen"),i=null==s||null==(l=s.images)?void 0:l.find(e=>null==e?void 0:e.is_primary),d=null!=(t=null==s?void 0:s.genres.map(e=>null==e?void 0:e.name))?t:[],o={FINISHED:{bg:"var(--state-success)",color:"var(--secondary)"},COMPLETE:{bg:"var(--state-success)",color:"var(--secondary)"},Pending:{label:r("myGame.labels.pending"),bg:"var(--bgYellow)",color:"var(--tertiary)"},DRAFT:{bg:"var(--state-info)",color:"var(--secondary)"},LIVE:{bg:"var(--bgFour)",color:"var(--tertiary)"}},m=e=>{let{contClass:l="flex-col"}=e,t=(null==s?void 0:s.user_created_games_submitted_date)?b()(null==s?void 0:s.user_created_games_submitted_date).format("Do MMM YYYY"):"N/A";return(0,a.jsxs)("div",{className:"flex  justify-between sm:justify-start gap-4  min-w-[100px] ".concat(l),children:[(0,a.jsxs)("div",{className:"text-center sm:text-left",children:[(0,a.jsx)("span",{className:"text-neutral-one text-sm block",children:r("game.labels.submittedDate")}),(0,a.jsx)("span",{className:"font-semibold text-tertiary text-sm",children:t})]}),(0,a.jsxs)("div",{className:"text-center sm:text-left",children:[(0,a.jsx)("span",{className:"text-neutral-one text-sm block",children:r("game.labels.lastUpdate")}),(0,a.jsx)("span",{className:"font-semibold text-tertiary text-sm",children:(null==s?void 0:s.updated_at)?(0,a.jsx)(j.y,{date:null==s?void 0:s.updated_at,contClass:" text-tertiary font-semibold"}):"N/A"})]})]})},x=e=>{var l,t,n,r,i,c,x,p,v,f,g,h,b,j,y;let{contClass:w=""}=e;return(0,a.jsxs)("div",{className:"flex flex-col flex-1   min-w-[250px] ".concat(w),children:[(0,a.jsxs)("div",{className:"flex flex-wrap gap-2 mb-2",children:[(0,a.jsx)(u.CategoryCardComp,{categories:d}),(0,a.jsx)(u.CardChip,{label:null==(l=o[null==s||null==(i=s.status)||null==(r=i.translations)||null==(n=r.literals)||null==(t=n.en)?void 0:t.name])?void 0:l.label,style:{background:null==(c=o[null==s||null==(f=s.status)||null==(v=f.translations)||null==(p=v.literals)||null==(x=p.en)?void 0:x.name])?void 0:c.bg,color:null==(g=o[null==s||null==(y=s.status)||null==(j=y.translations)||null==(b=j.literals)||null==(h=b.en)?void 0:h.name])?void 0:g.color}})]}),(0,a.jsx)("h2",{className:"text-lg sm:text-xl font-bold text-tertiary truncate",children:null==s?void 0:s.title}),(0,a.jsx)("p",{className:"text-sm text-neutral-one mt-1",style:{display:"-webkit-box",WebkitLineClamp:3,WebkitBoxOrient:"vertical",overflow:"hidden"},children:null==s?void 0:s.description}),(0,a.jsx)(m,{contClass:"hidden sm:flex 2xl:hidden mt-auto"})]})},p=e=>{let{contClass:l="max-w-[200px]"}=e;return(0,a.jsx)(a.Fragment,{children:(null==s?void 0:s.remarks)&&(0,a.jsxs)("div",{className:"flex flex-col gap-1 p-2 rounded-lg  h-fit border border-[var(--borderFour)]  text-tertiary text-sm  ".concat(l),style:{background:"#FF5A271A"},children:[(0,a.jsxs)("span",{className:"text-state-error font-semibold",children:[r("game.labels.remarks")," :"]}),null==s?void 0:s.remarks]})})};return(0,a.jsxs)("div",{className:"brand-card border border-[var(--brandBorderOne)] rounded-[16px] p-2 sm:p-3  flex flex-col gap-4  w-full overflow-hidden",children:[(0,a.jsxs)("div",{className:"flex  gap-4",children:[(0,a.jsx)(()=>(0,a.jsx)("div",{className:"relative flex-shrink-0 w-full min-w-[210px] sm:w-[25%] 2xl:w-[20%] h-[200px] sm:h-[210px] 2xl:h-[220px] overflow-hidden rounded-lg group",children:(null==i?void 0:i.image_url)?(0,a.jsx)(c(),{src:i.image_url,alt:null==s?void 0:s.title,fill:!0,className:"object-cover object-center transition-transform duration-500 ease-in-out group-hover:scale-105",sizes:"100vw",priority:!0}):(0,a.jsx)("div",{className:"w-full h-full bg-[var(--bgTwo)] flex items-center justify-center text-neutral-one text-sm",children:r("game.labels.noImage")})}),{}),(0,a.jsx)(x,{}),(0,a.jsx)(m,{contClass:"hidden 2xl:flex 2xl:flex-col"}),(0,a.jsx)(p,{contClass:"hidden xl:flex w-[200px] 2xl:w-[300px]"}),(0,a.jsx)(N,{contClass:"hidden xl:flex xl:flex-col",gameInfo:s})]}),(0,a.jsx)(x,{contClass:"flex sm:hidden "}),(0,a.jsx)(m,{contClass:"flex sm:hidden "}),(0,a.jsx)(p,{contClass:"flex sm:hidden"}),(0,a.jsxs)("div",{className:"flex xl:hidden  items-center justify-between gap-4",children:[(0,a.jsx)(p,{contClass:"hidden sm:flex"}),(0,a.jsx)(N,{contClass:"ml-auto justify-center ",gameInfo:s})]})]})}function _(e){let{activeTab:l,setActiveTab:t,statusList:s}=e;return(0,a.jsx)("div",{className:"flex flex-col gap-4",children:(0,a.jsx)("div",{className:" flex gap-3 sm:gap-4  overflow-x-auto sm:overflow-x-visible scrollbar-hide p-[5px] ",children:s.map(e=>(0,a.jsx)("button",{onClick:()=>t(e.id),className:"\n              cursor-pointer flex-shrink-0 px-4 py-2  w-fit\n              font-medium font-semibold rounded-3xl \n              transition-colors transition-transform duration-300 ease-in-out\n              ".concat(l===e.id?"bg-brand-gradient text-[var(--secondary)] shadow-md scale-105":"bg-[var(--surface-subtle)] border border-[var(--brandBorderOne)] text-tertiary text-neutral-one hover:text-tertiary","\n            "),children:e.name},e.id))})})}function k(){var e;let{headerSearchValue:l,isAuthenticated:t}=(0,i.A)(),{t:o}=(0,n.Bd)("screen"),{t:c}=(0,n.Bd)("common"),{lang:u}

1=(0,d.o)(),[m,p]=(0,s.useState)("all"),[v,f]=(0,s.useState)(1),[g]=(0,s.useState)(10),h={Approved:{label:o("myGame.labels.approved")},"Admin Approval Required":{label:o("myGame.labels.pending")},pending_review:{label:o("myGame.labels.pending")},"Under Review":{label:o("myGame.labels.underReview")},Rejected:{label:o("myGame.labels.rejected")}},{data:b}=(0,y.i_)(),{data:j,isLoading:N}=(0,y.cm)({page:v,per_page:g,search:(null==l?void 0:l.trim())||void 0,status_id:"all"!==m?m:void 0},t),k=null==j?void 0:j.data,A=(0,s.useMemo)(()=>{let e=Array.isArray(null==b?void 0:b.data)?b.data:[],l=Object.keys(h),t=e.filter(e=>{var t,a,s;return l.includes(null==e||null==(s=e.translations)||null==(a=s.literals)||null==(t=a.en)?void 0:t.name)});return[{id:"all",name:o("myGame.labels.allGames")},...t.map(e=>{var l,t,a,s,n,r,i,d,o,c;let m=null==e||null==(a=e.translations)||null==(t=a.literals)||null==(l=t.en)?void 0:l.name;return{id:e.id,name:(null==(s=h[m])?void 0:s.label)||(null==e||null==(i=e.translations)||null==(r=i.literals)||null==(n=r[u])?void 0:n.name)||(null==e||null==(c=e.translations)||null==(o=c.literals)||null==(d=o.en)?void 0:d.name)||m}})]},[b,u,o]);return(0,a.jsxs)("div",{className:"mx-auto py-10 w-full",children:[(0,a.jsxs)("div",{className:"flex flex-col md:flex-row md:items-center justify-between mb-8 gap-4",children:[(0,a.jsx)("div",{className:"flex-1 min-w-[170px]  sm:w-auto",children:(0,a.jsx)(_,{activeTab:m,setActiveTab:p,statusList:A})}),(0,a.jsx)(r.W,{currentPage:(null==k?void 0:k.current_page)||1,pageSize:(null==k?void 0:k.per_page)||g,totalItems:(null==k?void 0:k.total)||0,className:"ml-auto mt-2 sm:mt-0",label:c("games")})]}),(0,a.jsx)("div",{className:"flex flex-wrap justify-center sm:justify-start gap-4",children:N?Array.from({length:4}).map((e,l)=>(0,a.jsx)(w.QM,{},"GameCardSkeleton-".concat(l))):(0,a.jsx)(a.Fragment,{children:(null==k||null==(e=k.data)?void 0:e.length)>0?k.data.map(e=>(0,a.jsx)(x,{style:{height:"100%",width:"100%"},children:l=>(0,a.jsx)(C,{gameInfo:e,...l})},e.id)):(0,a.jsx)("p",{className:"text-neutral-one",children:c("messages.noGames")})})}),(0,a.jsx)(r.A,{currentPage:(null==k?void 0:k.current_page)||v,totalPages:(null==k?void 0:k.last_page)||1,onPageChange:f,loading:N})]})}}}]);