https://static.tiptip.id/webapp/current/_next/static/chunks/9607-7e921323bd1c4914.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9607],{9607:(e,t,r)=>{r.d(t,{A:()=>k});var i=r(37876),o=r(94760),a=r(61823),n=r(99306),p=r(14232),l=r(30566),s=r(53796),x=r(46946),d=r(13660),c=r(22032),g=r(45722),m=r(49312),h=r(34797),u=r(74692),y=r(67860),b=r(75106),A=r(83705),f=r(82451),j=r(61626);let k=e=>{let{onClick:t=()=>{},href:r="",cover:k,typeName:R,title:w,creatorName:v,salePrice:D,price:B,playable:S=!1,sxContainer:T,teaser:z,showVideoPlayer:I,trackEventDefaultStates:C,isVerified:L=!1,location:M,eventStartedAt:E,eventEndedAt:P=null,eventStatusName:N,accessSource:V,locked:W=!1,hidePrice:H=!1,eventTimezone:O}=e,[_,G]=(0,p.useState)(!1),[$,q]=(0,p.useState)(!1),F=(0,l.A)(),Q="Event"===R,X=(0,h.xb)(E,P,O);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.ee,{onClick:t,sx:T,isEvent:Q,children:(0,i.jsxs)(o.A,{sx:{textDecoration:"none"},href:r,children:[(0,i.jsx)(A.A,{sx:e=>({background:e.palette.background.primary,opacity:"80%"})}),(0,i.jsxs)(a.Xq,{sx:Q&&N&&{img:{borderBottomLeftRadius:"0",borderBottomRightRadius:"0"}},children:[S&&(0,i.jsx)(a.py,{onClick:e=>{e.stopPropagation(),q(!0),G(!0)},id:"b-content-action-teaser-buton",sx:{svg:{fontSize:{xs:32,md:48}}},buttonVariant:"nude",children:(0,i.jsx)(b.O,{})}),W&&(0,i.jsxs)(a.Sp,{children:[(0,i.jsx)(y.A,{fontSize:"large",sx:e=>({color:e.palette.tiptip[500],marginRight:"4px"})}),(0,i.jsxs)(j.A,{children:[(0,i.jsx)(a.Id,{children:"Eksklusif untuk"}),(0,i.jsx)(a.Id,{sx:{fontWeight:"700 !important"},children:"Member Komunitas"})]})]}),(0,i.jsx)("img",{src:k,alt:"content-card-image",loading:"lazy",onError:e=>{let{currentTarget:t}=e;(0,m.A)({currentTarget:t,type:"content"})}})]}),Q&&N&&(0,i.jsx)(u.A,{eventStatusName:N}),(0,i.jsxs)(j.A,{children:[(0,i.jsxs)(j.A,{padding:"12px 12px 0px 12px",children:[(0,i.jsxs)(a.ZT,{children:[Q&&(0,i.jsx)(g.A,{sx:{fontSize:"14px",marginRight:"4px"},color:"primary"}),Q?M:R]}),(0,i.jsx)(a.QP,{className:"c-common-title-content-name",sx:{height:"auto"},href:r,children:w}),Q&&(0,i.jsx)(A.A,{marginTop:"5px",marginBottom:"5px",children:(0,i.jsxs)(f.A,{sx:e=>({color:e.palette.text.primary,...e.typography.normalRegular}),children:[!X&&"".concat((0,h.Ay)({date:E,format:"dddd, DD MMM, HH:mm",timezone:O})," ").concat(null==O?void 0:O.abbreviation),X&&"".concat((0,h.Ay)({date:E,format:"DD MMM",timezone:O})," - ").concat((0,h.Ay)({date:P,format:"DD MMM",timezone:O}),", ").concat((0,h.Ay)({date:E,format:"HH:mm",timezone:O})," ").concat(null==O?void 0:O.abbreviation)]})}),(0,i.jsx)(s.A,{title:v,isVerified:L,size:"sm",className:"c-common-title-content-creator",isRegular:!0,sx:e=>({color:e.palette.text.secondary})}),Q&&(0,i.jsx)(A.A,{sx:e=>({marginTop:"8px",width:"calc(100% + 24px)",borderTop:"2px dashed ".concat(e.palette.border.minimal),position:"relative",marginLeft:"-12px"})}),!V&&!W&&!H&&(0,i.jsxs)(a.gW,{sx:Q&&{flexDirection:"column",alignItems:"flex-start",height:"50px",justifyContent:"center"},children:[(0,i.jsx)(a.Tm,{className:"c-common-title-content-price",children:0===D?"Gratis":(0,n.A)(D)}),(!!Q||0!==D)&&D!==B&&(0,i.jsx)(a.GL,{sx:()=>({marginTop:Q?"4px":"0px"}),children:(0,n.A)(B)})]}),(()=>{switch(V){case"subscription":return(0,i.jsxs)(a.e$,{badgeColor:F.palette.purple[300],children:[(0,i.jsx)(d.A,{})," Bebas Akses"]});case"direct_purchase":return(0,i.jsxs)(a.e$,{badgeColor:F.palette.tiptip[500],children:[(0,i.jsx)(c.A,{})," Sudah Dibeli"]});default:return null}})()]}),W&&(0,i.jsxs)(j.A,{direction:"row",display:"flex",justifyContent:"center",sx:e=>({position:!Q&&"absolute",left:0,right:0,bottom:0,background:e.palette.background.tertiery,borderBottomRightRadius:"12px",borderBottomLeftRadius:"12px",padding:Q?"24px 16px":"6px 0px"}),children:[(0,i.jsxs)(A.A,{sx:e=>({...e.typography.smallBold,[e.breakpoints.up("md")]:{...e.typography.normalBold},color:e.colors.lighterPrimary}),children:["Bergabung"," ",(0,i.jsx)(A.A,{sx:e=>({...e.typography.smallRegular,[e.breakpoints.up("md")]:{...e.typography.normalRegular},color:e.palette.text.secondary}),display:"inline",children:"untuk Akses"})]}),(0,i.jsx)(A.A,{sx:{right:0,position:"absolute",height:{xs:"24px",md:"30px"},bottom:Q?{xs:"20px",md:"15px"}:"0px"},children:(0,i.jsx)(a.kV,{alt:"lock-icon",src:"/img/community/lock.png",sx:{borderBottomRightRadius:!Q&&"12px"}})})]})]})]})}),(0,i.jsx)(x.A,{isOpen:_,setOpen:G,poster:k,teaser:z,showVideoPlayer:I,isTeaserShown:$,setIsTeaserShown:q,trackEventDefaultStates:C,onCloseVideoPlayer:()=>{G(!1),q(!1)}})]})}},61823:(e,t,r)=>{r.d(t,{GL:()=>m,Id:()=>A,QP:()=>c,Sp:()=>b,Tm:()=>g,Xq:()=>x,ZT:()=>d,e$:()=>u,ee:()=>s,gW:()=>h,kV:()=>f,py:()=>y});var i=r(54773),o=r(94760),a=r(61626),n=r(62828),p=r(83705),l=r(82451);let s=(0,i.Ay)(a.A)(e=>{let{theme:t,isEvent:r}=e;return{background:t.palette.background.primary,width:"163px",height:r?"auto":"306px",position:"relative",paddingLeft:0,cursor:"pointer",borderRadius:"12px",marginRight:"12px",[t.breakpoints.up("md")]:{marginRight:"16px",height:r?"auto":"356px",width:"auto",maxWidth:"211px"},[t.breakpoints.up("lg")]:{marginRight:"0px",width:"auto"},boxShadow:"0px 0px 8px 0px ".concat(t.palette.border.bold)}}),x=(0,i.Ay)(p.A)({height:"163px",img:{borderRadius:"12px",objectFit:"cover",objectPosition:"center",width:"100%",height:"100%"},"@media only screen and (min-width: 900px)":{height:"211px",img:{height:"211px"}}}),d=(0,i.Ay)(p.A)(e=>{let{theme:t}=e;return{display:"flex",flexDirection:"row",alignItems:"center",background:t.palette.background.tertiery,borderRadius:"4px",height:"20px",padding:"2px 4px",color:t.palette.text.primary,width:"max-content",...t.typography.smallRegular,"@media only screen and (min-width: 900px)":{height:"22px",...t.typography.normalRegular}}}),c=(0,i.Ay)(o.A)(e=>{let{theme:t}=e;return{...t.typography.normalBold,color:t.palette.text.primary,display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden",textOverflow:"ellipsis",minHeight:"34px",marginTop:"8px",wordBreak:"normal",[t.breakpoints.up("md")]:{...t.typography.mediumBold},":hover":{color:t.palette.tiptip[500]},zIndex:5,textDecoration:"none"}}),g=(0,i.Ay)(l.A)(e=>{let{theme:t}=e;return{...t.typography.normalBold,color:t.palette.text.primary,marginRight:"4px","@media only screen and (min-width: 900px)":{...t.typography.h3}}}),m=(0,i.Ay)(l.A)(e=>{let{theme:t}=e;return{...t.typography.smallRegular,color:t.palette.text.secondary,marginRight:"4px",textDecorationLine:"line-through","@media only screen and (min-width: 900px)":{...t.typography.normalRegular}}}

1),h=(0,i.Ay)(p.A)({display:"flex",flexDirection:"row",alignItems:"center",marginTop:"12px"}),u=(0,i.Ay)(a.A)(e=>{let{theme:t,badgeColor:r}=e;return{flexDirection:"row",alignItems:"center",marginTop:"12px",fontSize:"12px",color:t.palette.text.primary,svg:{color:r,height:"16px",width:"16px",marginRight:"6px"}}}),y=(0,i.Ay)(n.A)({width:"84px",height:"84px",padding:0,position:"absolute",marginLeft:"auto",marginRight:"auto",right:0,left:0,top:"15%"}),b=(0,i.Ay)(p.A)(e=>{let{theme:t}=e;return{position:"absolute",marginLeft:"auto",marginRight:"auto",right:0,left:0,zIndex:5,background:t.palette.background.primary,opacity:.8,height:"163px","@media only screen and (min-width: 900px)":{height:"211px"},display:"flex",alignItems:"center",flexDirection:"row",padding:"0 8px",[t.breakpoints.up("sm")]:{padding:"0 16px"}}}),A=(0,i.Ay)(l.A)(e=>{let{theme:t}=e;return{...t.typography.smallRegular,[t.breakpoints.up("md")]:{...t.typography.normalRegular},color:t.palette.text.primary}}),f=(0,i.Ay)("img")({height:"100%"})}}]);