{"version":3,"sources":["webpack:///./ClientApp/components/Pages/Article/Article.tsx"],"names":["Article","props","match","React","article","setArticle","breadcrumbs","setBreadcrumbs","bc","path","name","topic","url","title","rest","get","params","id","then","res","property","content","description","undefined","imageSrc","avatar","backPath","imageAlt","className","dangerouslySetInnerHTML","__html","fullText"],"mappings":"y1CAcMA,EAAU,SAACC,GAAU,IACnBC,EAASD,EAATC,MADmB,IAEIC,aAFJ,GAEnBC,EAFmB,KAEVC,EAFU,SAGYF,aAHZ,GAGnBG,EAHmB,KAGNC,EAHM,KAiD1B,OA5BAJ,aAAgB,WACf,GAAIC,EAAS,CACZ,IAAMI,EAAuB,CAC5B,CACCC,KAAM,QACNC,KAAM,QAEP,CACCD,KAAM,SAAF,OAAWL,EAAQO,MAAMC,KAC7BF,KAAMN,EAAQO,MAAMD,MAErB,CACCD,KAAM,GACNC,KAAMN,EAAQS,QAIhBN,EAAeC,MAEd,CAACJ,IAEJD,aAAgB,WACfW,IAAKC,IAAL,gCAAiDb,EAAMc,OAAOL,MAA9D,YAAuET,EAAMc,OAAOC,GAApF,YACEC,MAAK,SAACC,GACNd,EAAWc,QAEX,IAEEf,EAKJ,gCACEE,GACD,gCACEF,EAAQS,OAAS,gBAAC,SAAD,KACjB,6BAAQT,EAAQS,MAAhB,kBACA,wBAAMH,KAAK,cAAcU,SAAS,iBAAiBC,QAASjB,EAAQkB,kBAAeC,KAEpF,gBAAC,IAAD,CACCV,MAAOT,EAAQS,MACfW,SAAUpB,EAAQqB,OAClBnB,YAAaA,EACboB,SAAU,CACTjB,KAAM,QACNC,KAAM,gBAEPiB,SAhEc,CACjB,iCAAkC,iBAClC,qDAAsD,4BACtD,iCAAkC,qBAClC,uDAAwD,4BACxD,2EAA4E,aAC5E,2CAA4C,eAC5C,wCAAyC,gBACzC,wCAAyC,oBACzC,oEAAqE,8BACrE,+DAAgE,6BAChE,yCAA0C,iBAC1C,iEAAkE,6BAClE,wCAAyC,0BAmDlBvB,EAAQQ,QAI9B,uBAAKgB,UAAU,iCACd,6CACA,gBAAC,IAAD,CAAehB,IAAG,+BAA0BV,EAAMU,OAClD,gBAAC,IAAD,CAAeA,IAAG,+BAA0BV,EAAMU,OAClD,gBAAC,IAAD,CAAcA,IAAG,+BAA0BV,EAAMU,OACjD,gBAAC,IAAD,CAAYA,IAAG,+BAA0BV,EAAMU,QAEhD,uBAAKiB,wBAAyB,CAACC,OAAQ1B,EAAQ2B,aA9BzC,gBAAC,IAAD,O,EAlDH/B,E,gHAsFSA,EAAA,a,6FAtFTA,E","file":"chunks/Article.chunk.4c373bd0a5119174f021.js","sourcesContent":["import * as React from 'react';\r\nimport {Helmet} from 'react-helmet';\r\n\r\nimport {Loading} from '@common/react/components/UI/Loading/Loading';\r\n\r\nimport '@app/scss/components/blog.scss';\r\n\r\nimport {rest} from '@app/components/Api';\r\nimport Musthead from '@app/components/UI/MustHead/Musthead';\r\nimport {GAeventSubmit} from '@app/components/LocalCommon/Utils/GAevents';\r\nimport {ContentEntity} from '@app/objects/ContentTopic';\r\nimport {CustomMenuItem} from '@app/objects/CustomMenuItem';\r\nimport {EmailShare, LinkedinShare, FacebookShare, TwitterShare} from '@app/components/LocalCommon/ShareButtons/ShareButtons';\r\n\r\nconst Article = (props) => {\r\n\tconst {match} = props;\r\n\tconst [article, setArticle] = React.useState<ContentEntity>();\r\n\tconst [breadcrumbs, setBreadcrumbs] = React.useState<CustomMenuItem[]>();\r\n\r\n\tconst imageAlts = {\r\n\t\t'10-common-cancer-signs-in-pets': 'Cancer in pets',\r\n\t\t'5-ways-to-care-for-a-pet-with-urinary-incontinence': 'Pet urinary incontinence ',\r\n\t\t'chronic-kidney-disease-in-cats': 'Cat kidney disease',\r\n\t\t'does-my-senior-dog-have-canine-cognitive-dysfunction': 'Cognitive dysfunction dog',\r\n\t\t'5-easy-ways-to-adjust-your-senior-cat%E2%80%99s-environmental-enrichment': 'Senior cat',\r\n\t\t'7-ways-to-memorialize-your-cherished-pet': 'Pet memorial',\r\n\t\t'6-ways-to-care-for-your-paralyzed-pet': 'Paralyzed dog',\r\n\t\t'caring-for-a-special-needs-senior-pet': 'Special needs pet',\r\n\t\t'how-will-i-know-when-it-is-time-to-end-my-pet%E2%80%99s-suffering': 'How do I know pet suffering',\r\n\t\t'4-ways-regular-veterinary-care-keeps-your-senior-pet-healthy': 'Senior pet veterinary care',\r\n\t\t'pet-euthanasia-your-questions-answered': 'Pet euthanasia',\r\n\t\t'quality-of-life-assessment-a-critical-tool-for-your-senior-pet': 'Quality of life assessment',\r\n\t\t'5-ways-to-keep-your-senior-pet-active': 'Keep senior pet active',\r\n\t};\r\n\r\n\tReact.useEffect(() => {\r\n\t\tif (article) {\r\n\t\t\tconst bc: CustomMenuItem[] = [\r\n\t\t\t\t{\r\n\t\t\t\t\tpath: '/blog',\r\n\t\t\t\t\tname: 'Blog',\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tpath: `/blog/${article.topic.url}`,\r\n\t\t\t\t\tname: article.topic.name,\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tpath: '',\r\n\t\t\t\t\tname: article.title,\r\n\t\t\t\t},\r\n\t\t\t];\r\n\r\n\t\t\tsetBreadcrumbs(bc);\r\n\t\t}\r\n\t}, [article]);\r\n\r\n\tReact.useEffect(() => {\r\n\t\trest.get<ContentEntity>(`v2/contentTopics/blog/${match.params.topic}/${match.params.id}/entity`)\r\n\t\t\t.then((res) => {\r\n\t\t\t\tsetArticle(res);\r\n\t\t\t});\r\n\t}, []);\r\n\r\n\tif (!article) {\r\n\t\treturn <Loading/>;\r\n\t}\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t{breadcrumbs &&\r\n\t\t\t<>\r\n\t\t\t\t{article.title && <Helmet>\r\n\t\t\t\t\t<title>{article.title} | Lap of Love</title>\r\n\t\t\t\t\t<meta name=\"description\" property=\"og:description\" content={article.description || undefined}/>\r\n\t\t\t\t</Helmet>}\r\n\t\t\t\t<Musthead\r\n\t\t\t\t\ttitle={article.title}\r\n\t\t\t\t\timageSrc={article.avatar}\r\n\t\t\t\t\tbreadcrumbs={breadcrumbs}\r\n\t\t\t\t\tbackPath={{\r\n\t\t\t\t\t\tpath: '/blog',\r\n\t\t\t\t\t\tname: 'Back to blog',\r\n\t\t\t\t\t}}\r\n\t\t\t\t\timageAlt={imageAlts[article.url]}\r\n\t\t\t\t/>\r\n\t\t\t</>\r\n\t\t\t}\r\n\t\t\t<div className=\"share-icons blog__share-icons\">\r\n\t\t\t\t<p>Share This Post:</p>\r\n\t\t\t\t<FacebookShare url={`https://lapoflove.com${match.url}`} />\r\n\t\t\t\t<LinkedinShare url={`https://lapoflove.com${match.url}`} />\r\n\t\t\t\t<TwitterShare url={`https://lapoflove.com${match.url}`} />\r\n\t\t\t\t<EmailShare url={`https://lapoflove.com${match.url}`} />\r\n\t\t\t</div>\r\n\t\t\t<div dangerouslySetInnerHTML={{__html: article.fullText}}/>\r\n\t\t</>\r\n\t);\r\n}\r\n;\r\n\r\nexport default Article;"],"sourceRoot":""}