{"version":3,"file":"index-49dc698d.js","sources":["../../../FE_DEV/src/containers/Heading/index.tsx"],"sourcesContent":["import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faBookmark } from '@fortawesome/free-regular-svg-icons'\nimport { Tooltip } from 'react-tooltip'\nimport { IHeader } from '@/models/IHeader'\nimport { useEffect, useState } from 'react'\nimport { IBookmark } from '@/models/IBookmark'\nimport { isPageBookmarked } from '@/utils/bookmark-checker'\nimport { bookmarksApiService } from '@/services/bookmarks-api.services'\nimport { LocalStorageHelper } from '@/utils/local-storage-helper'\n\ninterface IProps {\n\theading: string\n\tsubheading?: string\n\tshowBookmark?: boolean\n\tpageId?: number\n}\n\nexport default function Heading(props: IProps) {\n\tconst { heading, subheading, showBookmark, pageId } = props\n\tconst [isBookmarked, setIsBookmarked] = useState<boolean>(false)\n\tconst [addtoBookmarkLabel, setAddtoBookmarkLabel] = useState<string>('Add to bookmarks')\n\tconst [isOpen, setIsOpen] = useState(false)\n\n\tconst header = JSON.parse(\n\t\tlocalStorage.getItem('header-info') as string,\n\t) as IHeader\n\n\tconst onBookmarkClick = async () => {\n\t\tsetIsOpen(false)\n\t\tif (header) {\n\t\t\tconst { memberId } = header\n\t\t\tif (!isBookmarked) {\n\t\t\t\tawait bookmarksApiService.addBookmark(memberId, pageId ?? 0)\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tsetIsBookmarked(true)\n\t\t\t\t\tsetIsOpen(false)\n\t\t\t\t}, 2000)\n\t\t\t\tsetAddtoBookmarkLabel('Added to bookmarks')\n\t\t\t\tsetIsOpen(true)\n\t\t\t} else {\n\t\t\t\tawait bookmarksApiService.deleteBookmark(memberId, pageId ?? 0)\n\t\t\t\tsetIsBookmarked(false)\n\t\t\t\tsetAddtoBookmarkLabel('Add to bookmarks')\n\t\t\t}\n\t\t} else {\n\t\t\t// TODO: handle error\n\t\t}\n\t}\n\n\tuseEffect(() => {\n\t\tif (header) {\n\t\t\tconst bookmarks = LocalStorageHelper.getItem<IBookmark[]>(`bookmarks-${header.memberId}`);\n\t\t\tif (bookmarks) {\n\t\t\t\tsetIsBookmarked(isPageBookmarked(pageId ?? 0))\n\t\t\t}\n\t\t}\n\t}, [isBookmarked])\n\n\treturn (\n\t\t<div className=\"w-full bg-white justify-center items-center gap-5 inline-flex mt-14\">\n\t\t\t<div className=\"grow shrink basis-0 pr-4 flex-col justify-start placeholder:gap-4 inline-flex items-start\">\n\t\t\t\t<div className=\"flex justify-between items-center xs:flex-wrap gap-4 w-full\">\n\t\t\t\t\t<div className='md:w-auto w-full'>\n\t\t\t\t\t\t<h1 className=\"grow shrink m-0 text-sky-800 md:text-[64px] md:leading-[70px] text-[52px] leading-[60px] capitalize\">\n\t\t\t\t\t\t\t{heading}\n\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t{subheading && (\n\t\t\t\t\t\t\t<p className=\"w-full font-museo text-text-color-100 mt-2 mb-0 text-xl font-normal\">\n\t\t\t\t\t\t\t\t{subheading}\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t\t{showBookmark && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\tonClick={onBookmarkClick}\n\t\t\t\t\t\t\t\tclassName={\n\t\t\t\t\t\t\t\t\tisBookmarked\n\t\t\t\t\t\t\t\t\t\t? 'p-[18px] bg-sky-800 rounded-[60px] border border-sky-800 text-text-color-0 justify-center items-center gap-3 flex md:w-auto'\n\t\t\t\t\t\t\t\t\t\t: 'p-[18px] bg-yellow-400 rounded-[60px] border border-yellow-400 justify-center items-center gap-3 flex md:w-auto'\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tdata-tooltip-id=\"bookmark-save-tooltip\"\n\t\t\t\t\t\t\t\tdata-tooltip-content={`${isBookmarked ? 'Remove bookmark' : addtoBookmarkLabel}`}\n\t\t\t\t\t\t\t\tdata-tooltip-place=\"bottom\"\n\t\t\t\t\t\t\t\tdata-tooltip-class-name=\"max-w-[250px] p-2 !rounded z-10 text-center\"\n\t\t\t\t\t\t\t\tonMouseEnter={() => setIsOpen(true)}\n\t\t\t\t\t\t\t\tonMouseLeave={() => setIsOpen(false)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<FontAwesomeIcon\n\t\t\t\t\t\t\t\t\ticon={faBookmark}\n\t\t\t\t\t\t\t\t\tclassName={'w-[18px] h-[18px]'}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t<Tooltip\n\t\t\t\t\t\t\t\tid=\"bookmark-save-tooltip\"\n\t\t\t\t\t\t\t\tisOpen={isOpen}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t)\n}\n"],"names":["Heading","props","heading","subheading","showBookmark","pageId","isBookmarked","setIsBookmarked","useState","addtoBookmarkLabel","setAddtoBookmarkLabel","isOpen","setIsOpen","header","onBookmarkClick","memberId","bookmarksApiService","useEffect","LocalStorageHelper","isPageBookmarked","jsx","jsxs","Fragment","FontAwesomeIcon","faBookmark","Tooltip"],"mappings":"keAiBA,SAAwBA,EAAQC,EAAe,CAC9C,KAAM,CAAE,QAAAC,EAAS,WAAAC,EAAY,aAAAC,EAAc,OAAAC,GAAWJ,EAChD,CAACK,EAAcC,CAAe,EAAIC,WAAkB,EAAK,EACzD,CAACC,EAAoBC,CAAqB,EAAIF,WAAiB,kBAAkB,EACjF,CAACG,EAAQC,CAAS,EAAIJ,WAAS,EAAK,EAEpCK,EAAS,KAAK,MACnB,aAAa,QAAQ,aAAa,CAAA,EAG7BC,EAAkB,SAAY,CAEnC,GADAF,EAAU,EAAK,EACXC,EAAQ,CACL,KAAA,CAAE,SAAAE,CAAa,EAAAF,EAChBP,GASJ,MAAMU,EAAoB,eAAeD,EAAUV,GAAU,CAAC,EAC9DE,EAAgB,EAAK,EACrBG,EAAsB,kBAAkB,IAVxC,MAAMM,EAAoB,YAAYD,EAAUV,GAAU,CAAC,EAC3D,WAAW,IAAM,CAChBE,EAAgB,EAAI,EACpBK,EAAU,EAAK,GACb,GAAI,EACPF,EAAsB,oBAAoB,EAC1CE,EAAU,EAAI,EAQhB,CAAA,EAGDK,OAAAA,EAAAA,UAAU,IAAM,CACXJ,GACeK,EAAmB,QAAqB,aAAaL,EAAO,QAAQ,EAAE,GAEvEN,EAAAY,EAAiBd,GAAU,CAAC,CAAC,CAE/C,EACE,CAACC,CAAY,CAAC,EAGhBc,EAAC,MAAI,CAAA,UAAU,sEACd,SAAAA,EAAC,MAAI,CAAA,UAAU,4FACd,SAAAC,EAAC,MAAI,CAAA,UAAU,8DACd,SAAA,CAACA,EAAA,MAAA,CAAI,UAAU,mBACd,SAAA,CAACD,EAAA,KAAA,CAAG,UAAU,sGACZ,SACFlB,EAAA,EACCC,GACAiB,EAAC,IAAE,CAAA,UAAU,sEACX,SACFjB,EAAA,CAAA,EAEF,EACCC,GAECiB,EAAAC,EAAA,CAAA,SAAA,CAAAF,EAAC,SAAA,CACA,QAASN,EACT,UACCR,EACG,8HACA,kHAEJ,kBAAgB,wBAChB,uBAAsB,GAAGA,EAAe,kBAAoBG,CAAkB,GAC9E,qBAAmB,SACnB,0BAAwB,8CACxB,aAAc,IAAMG,EAAU,EAAI,EAClC,aAAc,IAAMA,EAAU,EAAK,EAEnC,SAAAQ,EAACG,EAAA,CACA,KAAMC,EACN,UAAW,mBAAA,CACZ,CAAA,CACD,EACAJ,EAACK,EAAA,CACA,GAAG,wBACH,OAAAd,CAAA,CACD,CAAA,EACD,CAAA,EAGF,EACD,CACD,CAAA,CAEF"}