{"version":3,"sources":["../ui/src/components/player-components/bookmark/bookmarkCard.tsx"],"sourcesContent":["import { memo } from \"react\"\r\nimport Image from \"next/image\";\r\nimport { conditions } from \"../../../../../helpers\";\r\nimport { IBookmark, ConditionName } from \"../../../../../interfaces\";\r\nimport BookmarkIcon from \"../../icon-components/bookmarkIcon\";\r\nimport { handleBookmark } from \"../../../../../redux/actions/user.actions\";\r\nimport { useAppSelector } from \"redux-share\";\r\nimport { shallowEqual } from 'react-redux'\r\n\r\nconst BookmarkCard = (props: IBookmark) => {\r\n\r\n    const date = new Intl.DateTimeFormat(\"fa\", {\r\n        year: \"numeric\",\r\n        month: \"long\",\r\n        day: \"numeric\",\r\n    })\r\n\r\n    useAppSelector(({ videoData: { isComplexPortrait } }) => ({ isComplexPortrait }), shallowEqual);\r\n\r\n    return (\r\n        <div className=\"pl-flex pl-items-center pl-max-w-screen pl-cursor-pointer\" onClick={() => window.location.href=props.object_link}>\r\n            <div className={`pl-flex pl-justify-center pl-items-center pl-bg-secondary-50 dark:pl-bg-dark-1 pl-rounded-[2px] pl-ml-1 ${conditions(ConditionName.isComplexPortrait) ? \"pl-w-[71px] pl-h-[40px]\" : \"pl-w-[103px] pl-h-[58px]\"}`}>{props.cover_url ? <Image src={props.cover_url} width={conditions(ConditionName.isComplexPortrait) ? 71 : 103} height={conditions(ConditionName.isComplexPortrait) ? 40 : 58} className=\"pl-rounded-[2px]\"/> : <BookmarkIcon className=\"pl-w-8 pl-h-8 pl-fill-main\" />}</div>\r\n            <div className=\"pl-flex pl-flex-col pl-justify-between pl-gap-2 pl-flex-1 pl-truncate pl-ml-8\">\r\n                <p className={`pl-truncate pl-font-medium ${conditions(ConditionName.isComplexPortrait) ? \"pl-text-[11px]\" : \"pl-text-[14px]\"}`}>{props.title}</p>\r\n                <p className={`pl-font-medium pl-text-dark-4 ${conditions(ConditionName.isComplexPortrait) ? \"pl-text-[9px]\" : \"pl-text-[10px]\"}`}>{date.format(props.created_at * 1000)}</p>\r\n            </div>\r\n            <BookmarkIcon className=\"pl-w-4 pl-h-4 pl-fill-gray-800 dark:pl-fill-dark-6 pl-cursor-pointer\" isBookmark={true} onClick={(event:any) => handleBookmark(event, props.id, \"delete\")}/>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default memo(BookmarkCard);"],"mappings":"yMAAAA,IAAA,OAAS,QAAAC,MAAY,QACrB,OAAOC,MAAW,aAMlB,OAAS,gBAAAC,MAAoB,cAcqO,cAAAC,EACtP,QAAAC,MADsP,oBAZlQ,IAAMC,EAAgBC,GAAqB,CAEvC,IAAMC,EAAO,IAAI,KAAK,eAAe,KAAM,CACvC,KAAM,UACN,MAAO,OACP,IAAK,SACT,CAAC,EAED,OAAAC,EAAe,CAAC,CAAE,UAAW,CAAE,kBAAAC,CAAkB,CAAE,KAAO,CAAE,kBAAAA,CAAkB,GAAIP,CAAY,EAG1FE,EAAC,OAAI,UAAU,4DAA4D,QAAS,IAAM,OAAO,SAAS,KAAKE,EAAM,YACjH,UAAAH,EAAC,OAAI,UAAW,2GAA2GO,qBAA0C,EAAI,0BAA4B,0BAA0B,GAAK,SAAAJ,EAAM,UAAYH,EAACQ,EAAA,CAAM,IAAKL,EAAM,UAAW,MAAOI,qBAA0C,EAAI,GAAK,IAAK,OAAQA,qBAA0C,EAAI,GAAK,GAAI,UAAU,mBAAkB,EAAKP,EAACS,EAAA,CAAa,UAAU,6BAA6B,EAAG,EAC1eR,EAAC,OAAI,UAAU,gFACX,UAAAD,EAAC,KAAE,UAAW,8BAA8BO,qBAA0C,EAAI,iBAAmB,gBAAgB,GAAK,SAAAJ,EAAM,MAAM,EAC9IH,EAAC,KAAE,UAAW,iCAAiCO,qBAA0C,EAAI,gBAAkB,gBAAgB,GAAK,SAAAH,EAAK,OAAOD,EAAM,WAAa,GAAI,EAAE,GAC7K,EACAH,EAACS,EAAA,CAAa,UAAU,uEAAuE,WAAY,GAAM,QAAUC,GAAcC,EAAeD,EAAOP,EAAM,GAAI,QAAQ,EAAE,GACvL,CAER,EAEOS,EAAQC,EAAKX,CAAY","names":["init_esm_shims","memo","Image","shallowEqual","jsx","jsxs","BookmarkCard","props","date","useAppSelector","isComplexPortrait","conditions","Image","bookmarkIcon_default","event","handleBookmark","bookmarkCard_default","memo"]}