{"version":3,"file":"chunks/Product.chunk.eeb3119758d37809fad1.js","mappings":"wqCAgBA,IAAMA,EAA6C,SAAC,GAAgB,IAAdC,EAAc,EAAdA,QAAc,IACrCC,EAAAA,UAAwB,GADa,GAC5DC,EAD4D,KACnDC,EADmD,SAEzBF,EAAAA,UAAwB,GAFC,GAE5DG,EAF4D,KAE7CC,EAF6C,KAI7DC,EAA2BC,IAASP,EAAQQ,iBAElDP,EAAAA,WAAgB,WACfE,GAAW,EACX,GAAE,IAEHF,EAAAA,WAAgB,WACfI,GAAiB,EACjB,GAAE,IAEH,IAAMG,EAAkBJ,EAAgB,qBAAGK,wBAAyB,CAAEC,OAAQJ,KAC3E,gBAAC,KAAD,CAAYK,UAAWX,EAAQY,GAAGC,WAAYC,OAAO,QAAQC,MAAM,SAEtE,OAAO,uBAAKC,UAAU,iCACrB,uBAAKA,UAAU,aACd,uBAAKA,UAAU,YACd,gBAAC,IAAD,CACCC,IAAKjB,EAAQkB,OAAR,kBAA4BlB,EAAQkB,QAAWC,IACpDC,IAAKpB,EAAQqB,KACbC,OAAQ,kBAAMnB,GAAW,EAAjB,EACRoB,OAAQrB,MAIX,uBAAKc,UAAU,cACd,0BAAKhB,EAAQqB,MACZrB,EAAQwB,WACLxB,EAAQwB,UAAUC,KAAI,SAACC,GAAD,aACxB,qBAAGV,UAAU,YAAYW,IAAKD,EAAKd,IAClC,qBAAGI,UAAU,qBADd,UAEEU,EAAKE,gBAFP,aAEE,EAAeC,OAHO,IAMzB7B,EAAQ8B,UAAY,yBAAI9B,EAAQ8B,SAAST,MAC1C,yBAAIrB,EAAQ+B,kBACXvB,GAGH,EAiBD,UAf8B,WAC7B,OACC,gBAAC,KAAD,CACCwB,KAAK,UACLC,aAAa,UACbC,OAAQ,gBAAC,IAAD,MACRC,MAAO,SAACC,GAAD,OACN,gBAACrC,EAAD,CACCC,QAASoC,aAAF,EAAEA,EAAMV,MAFV,GAOT,C","sources":["webpack://northern-tuna-portal/./ClientApp/components/Pages/Products/Product.tsx"],"sourcesContent":["import * as React from 'react';\nimport { BulletList } from 'react-content-loader';\n\nimport sanitize from 'sanitize-html-react';\n\nimport ServerPageProvider from '@common/react/components/Core/ServerPageProvider/ServerPageProvider';\n\nimport { LogoLoaderPage } from '@commonTuna/react/components/UI/LogoLoader/LogoLoader';\nimport ImageWithSkeleton from '@commonTuna/react/components/UI/ImageWithSkeleton/ImageWithSkeleton';\n\nimport { Product } from '@app/objects/Product/Product';\n\nimport noImage from '@images/no-image.jpg';\n\nimport '@app/scss/components/specialProductInfo.scss';\n\nconst ProductInner: React.FC<{product: Product}> = ({ product }) => {\n\tconst [loading, setLoading] = React.useState<boolean>(true);\n\tconst [isInitialized, setIsInitialized] = React.useState<boolean>(false);\n\n\tconst sanitizedLongDescription = sanitize(product.longDescription);\n\n\tReact.useEffect(() => {\n\t\tsetLoading(false);\n\t}, []);\n\n\tReact.useEffect(() => {\n\t\tsetIsInitialized(true);\n\t}, []);\n\n\tconst longDescription = isInitialized ? <p dangerouslySetInnerHTML={{ __html: sanitizedLongDescription }} />\n\t\t: <BulletList uniqueKey={product.id.toString()} height=\"250px\" width=\"100%\" />;\n\n\treturn <div className=\"container item-container mb10\">\n\t\t<div className=\"left-side\">\n\t\t\t<div className=\"item-img\">\n\t\t\t\t<ImageWithSkeleton\n\t\t\t\t\tsrc={product.avatar ? `/remote/${product.avatar}` : noImage}\n\t\t\t\t\talt={product.name}\n\t\t\t\t\tonLoad={() => setLoading(false)}\n\t\t\t\t\thidden={loading}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t\t<div className=\"right-side\">\n\t\t\t<h1>{product.name}</h1>\n\t\t\t{product.locations\n\t\t\t\t&& product.locations.map((item) =>\n\t\t\t\t\t<p className=\"map-point\" key={item.id}>\n\t\t\t\t\t\t<i className=\"fa fa-map-marker\" />\n\t\t\t\t\t\t{item.location?.nameEn}\n\t\t\t\t\t</p>)\n\t\t\t}\n\t\t\t{product.category && <p>{product.category.name}</p>}\n\t\t\t<p>{product.shortDescription}</p>\n\t\t\t{longDescription}\n\t\t</div>\n\t</div>;\n};\n\nconst ProductPage: React.FC = () => {\n\treturn (\n\t\t<ServerPageProvider\n\t\t\tpath=\"product\"\n\t\t\tdefaultTitle=\"Product\"\n\t\t\tloader={<LogoLoaderPage />}\n\t\t\tinner={(page) => (\n\t\t\t\t<ProductInner\n\t\t\t\t\tproduct={page?.item}\n\t\t\t\t/>\n\t\t\t)}\n\t\t/>\n\t);\n};\n\nexport default ProductPage;\n"],"names":["ProductInner","product","React","loading","setLoading","isInitialized","setIsInitialized","sanitizedLongDescription","sanitize","longDescription","dangerouslySetInnerHTML","__html","uniqueKey","id","toString","height","width","className","src","avatar","noImage","alt","name","onLoad","hidden","locations","map","item","key","location","nameEn","category","shortDescription","path","defaultTitle","loader","inner","page"],"sourceRoot":""}