{"version":3,"sources":["components/NewSocialShare/StyledPlatform.ts","components/NewSocialShare/Platform.tsx","components/NewSocialShare/StyledNewSocialShare.ts","components/NewSocialShare/index.tsx"],"names":["Figure","styled","div","styleType","Image","SCImage","PlatformLink","Link","theme","spacing","mr","compose","withDigitalDataContext","withEditMode","id","brandName","link","colorStyleImage","blackStyleImage","setDigitalData","digitalData","linkProps","setLinkProps","useState","jss","value","target","brand","icon","style","useEffect","canUseDOM","newProps","currentPageLink","window","location","href","config","paramName","separator","defaultLink","appendToUrl","encodeURIComponent","url","key","childrenOnly","fallbackTitle","field","hideExternalIcon","linkTheme","onClick","dispatchTracking","network","setObjectData","sharedPlatform","emitTrackEvent","className","draggable","src","imagePlaceholderSrc","alt","convertSrcJss","PageContainer","editMode","rendering","uid","socialShareStyleType","params","socialShares","fields","data","datasource","socialShareSelection","targetItems","isDisabled","map","item"],"mappings":"8OAMO,MAAMA,EAASC,UAAOC,IAAV,4IAOf,IAAkB,IAAjB,UAACC,GAAe,EACjB,GAAiB,UAAdA,EAIH,MAAM,uEAOGC,EAAQH,kBAAOI,IAAPJ,CAAH,qCAEd,IAAkB,IAAjB,UAACE,GAAe,EACjB,MAAiB,UAAdA,EACK,oDAMF,qDAOGG,EAAeL,kBAAOM,IAAPN,CAAH,uDAErB,QAAC,MAAEO,GAAH,SAAeC,YACf,CACED,QACAE,GAAG,W,YCoEMC,I,EAAAA,cACbC,IACAC,IAFaF,EA/FgC,IASxC,IAAD,YAT0C,GAC9CG,EAD8C,UAE9CC,EAF8C,KAG9CC,EAH8C,gBAI9CC,EAJ8C,gBAK9CC,EAL8C,UAM9Cf,EAN8C,eAO9CgB,EAP8C,YAQ9CC,GACI,EAEJ,MAAOC,EAAWC,GAAgBC,mBAAS,IAAKP,SAAH,UAAGA,EAAMQ,WAAT,aAAG,EAAWC,MAAOC,OAAQ,WAEpEC,EAAQZ,SAAH,UAAGA,EAAWS,WAAd,aAAG,EAAgBC,MACxBG,EAAqB,UAAdzB,EAAwBc,EAAkBC,EACjDW,EAAkB,UAAVF,EAAoB,QAAUxB,EAE5C2B,qBAAU,KACR,IAAKC,YACH,OAGF,MAAMC,EAAW,IAAKX,GAChBY,EAAkBC,OAAOC,SAASC,MAAQ,mCAU1CC,EARc,CAClB,SAAY,CAAEC,UAAW,IAAKC,UAAW,KACzC,QAAW,CAAED,UAAW,MAAOC,UAAW,KAC1C,SAAY,CAAED,UAAW,MAAOC,UAAW,MAC3C,MAAS,CAAED,UAAW,OAAQC,UAAW,MAIhBZ,IADL,CAAEW,UAAW,MAAOC,UAAW,KAAMC,YAAa,mCAGlExB,EAAOqB,EAAOG,aAAeP,EAG7BQ,EAAW,UAAMJ,EAAOE,WAAb,OAAyBF,EAAOC,UAAhC,YAA6CI,mBAAmB1B,IAEjFgB,EAASI,MAAQK,EACjBT,EAASW,KAAOF,EAEhBnB,EAAaU,KACZ,IAkBH,OACE,kBAAC1B,EAAD,CACEsC,IAAK9B,EACL+B,cAAY,EACZC,cAAe,eACfC,MAAO,CAAEtB,MAAOJ,GAChB2B,iBAAiB,OACjBC,UAAU,YACVC,QAAS,KAAMC,OAxBOC,EAwBUzB,OAvBJ,mBAAnBR,IACTA,EACEkC,YACE,CAAC,UACD,CACEC,eAAgBF,GAElBhC,IAIJmC,YAAe,iBAZOH,QA0BtB,kBAACpD,EAAD,CACEG,UAAW0B,GAEX,kBAAC,EAAD,CACE2B,UAAU,WACVC,WAAW,EACXV,MACE,CACEtB,MAAO,CACLiC,IAAKC,IACLC,IAAK,GACA,WAAW,GAAX,OAAeC,YAAcjC,SAAD,UAACA,EAAMJ,WAAP,iBAAC,EAAWC,aAAZ,aAAC,EAAkBiC,QAK1DvD,UAAW0B,SC1Gd,MAAMiC,EAAgB7D,UAAOC,IAAV,sECkCXS,sBAAQE,IAARF,EA3BuC,IAA8B,IAAD,gBAA5B,SAAEoD,EAAF,UAAYC,GAAgB,EAE/E,MAAMC,GAAMD,aAAA,EAAAA,EAAWC,MAAO,GACxBC,GAAuBF,SAAA,UAAAA,EAAWG,cAAX,eAAmBD,uBAAwB,QAClEE,GAAeJ,SAAA,UAAAA,EAAWK,cAAX,mBAAmBC,YAAnB,mBAAyBC,kBAAzB,mBAAqCC,4BAArC,eAA2DC,cAAe,GAG/F,MAAuB,OAFAT,SAAH,UAAGA,EAAWG,cAAd,aAAG,EAAmBO,YAG/B,KAIX,kBAACZ,EAAD,CACElB,IAAKqB,EACLT,UAAU,mBACV,qBAECY,aALH,EAKGA,EAAcO,KAAIC,GAAS,kBAAC,EAAD,eAC1BhC,IAAKgC,EAAK9D,IACN8D,EAFsB,CAG1BzE,UAAW+D","file":"static/js/NewSocialShare.8a04f824.chunk.js","sourcesContent":["import { Image as SCImage } from '@sitecore-jss/sitecore-jss-react';\r\nimport styled from 'styled-components';\r\nimport { spacing } from '_utils/props';\r\nimport { Link } from '_utils/components';\r\n\r\n\r\nexport const Figure = styled.div`\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  height: 36px;\r\n  width: 36px;\r\n\r\n  ${({styleType}) => {\r\n    if(styleType === 'color'){\r\n      return\r\n    }\r\n    \r\n    return `\r\n      border: 1px solid black;\r\n      border-radius: 50%;\r\n    `\r\n  }}\r\n`;\r\n\r\nexport const Image = styled(SCImage)`\r\n\r\n  ${({styleType}) => {\r\n    if(styleType === 'color'){\r\n      return `\r\n      height: 36px;\r\n      width: 36px;\r\n      `\r\n    }\r\n    \r\n    return `\r\n      height: 20px;\r\n      width: 20px;\r\n    `\r\n  }}\r\n`;\r\n\r\nexport const PlatformLink = styled(Link)`\r\n  cursor: pointer;\r\n  ${({ theme }) => spacing(\r\n    {\r\n      theme,\r\n      mr: `6px`,\r\n    })}\r\n`;","import { canUseDOM } from 'exenv';\r\nimport { compose } from 'ramda';\r\nimport React, { FC, useEffect, useState } from 'react';\r\n\r\nimport {\r\n  withEditMode\r\n} from '_containers/BaseComponent';\r\nimport { withDigitalDataContext } from '_containers/DigitalDataContext';\r\n\r\nimport { imagePlaceholderSrc } from '_utils/styles';\r\nimport { emitTrackEvent, setObjectData } from '_utils/helpers/analytics';\r\nimport { SocialSharePlatformProps } from './definitions';\r\n\r\nimport {\r\n  Figure,\r\n  Image,\r\n  PlatformLink,\r\n} from './StyledPlatform';\r\nimport { convertSrcJss } from '_utils/media';\r\n\r\nconst Platform: FC<SocialSharePlatformProps> = ({\r\n  id,\r\n  brandName,\r\n  link,\r\n  colorStyleImage,\r\n  blackStyleImage,\r\n  styleType,\r\n  setDigitalData,\r\n  digitalData,\r\n}) => {\r\n\r\n  const [linkProps, setLinkProps] = useState({ ...link?.jss?.value, target: '_blank' })\r\n\r\n  const brand = brandName?.jss?.value;\r\n  const icon = styleType === 'color' ? colorStyleImage : blackStyleImage;\r\n  const style = brand === 'Email' ? 'black' : styleType\r\n\r\n  useEffect(() => {\r\n    if (!canUseDOM) {\r\n      return;\r\n    }\r\n\r\n    const newProps = { ...linkProps }\r\n    const currentPageLink = window.location.href || \"https://www.cpaaustralia.com.au/\";\r\n    // Link object configuration\r\n    const brandConfig = {\r\n      'Facebook': { paramName: 'u', separator: '?' },\r\n      'Twitter': { paramName: 'url', separator: '?' },\r\n      'Linkedin': { paramName: 'url', separator: '/?' },\r\n      'Email': { paramName: 'body', separator: '&'}\r\n    };\r\n\r\n    const defaultConfig = { paramName: 'url', separator: '/?', defaultLink: \"https://www.cpaaustralia.com.au\" };\r\n    const config = brandConfig[brand] || defaultConfig;\r\n\r\n    const link = config.defaultLink || currentPageLink;\r\n    \r\n    // Need a prod test since prod is the only public\r\n    const appendToUrl = `${config.separator}${config.paramName}=${encodeURIComponent(link)}`;\r\n\r\n    newProps.href += appendToUrl;\r\n    newProps.url += appendToUrl;\r\n\r\n    setLinkProps(newProps)\r\n  }, [])\r\n\r\n  const dispatchTracking = (network: string): void => {\r\n    if (typeof setDigitalData === 'function') {\r\n      setDigitalData(\r\n        setObjectData(\r\n          ['social'],\r\n          {\r\n            sharedPlatform: network,\r\n          },\r\n          digitalData\r\n        )\r\n      );\r\n\r\n      emitTrackEvent('socialShare');\r\n    }\r\n  };\r\n\r\n  return (\r\n    <PlatformLink\r\n      key={id}\r\n      childrenOnly\r\n      fallbackTitle={'social share'}\r\n      field={{ value: linkProps }}\r\n      hideExternalIcon=\"true\"\r\n      linkTheme='secondary'\r\n      onClick={() => dispatchTracking(brand)}\r\n    >\r\n      <Figure\r\n        styleType={style}\r\n      >\r\n        <Image\r\n          className=\"lazyload\"\r\n          draggable={false}\r\n          field={\r\n            {\r\n              value: {\r\n                src: imagePlaceholderSrc,\r\n                alt: '',\r\n                ...{ 'data-src': `${convertSrcJss(icon?.jss?.value?.src)}` },\r\n              }\r\n            }\r\n\r\n          }\r\n          styleType={style}\r\n        />\r\n      </Figure>\r\n    </PlatformLink>\r\n  )\r\n};\r\n\r\nexport default compose(\r\n  withDigitalDataContext,\r\n  withEditMode,\r\n)(Platform);","import styled from 'styled-components';\r\n\r\nexport const PageContainer = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n`;\r\n","import React from 'react';\r\nimport { compose } from 'ramda';\r\nimport {\r\n    withEditMode\r\n} from '_containers/BaseComponent';\r\nimport Platform from './Platform';\r\nimport { PageContainer } from './StyledNewSocialShare';\r\nimport { NewSocialShareProps } from './definitions';\r\n\r\nconst NewSocialShare: React.FC<NewSocialShareProps> = ({ editMode, rendering }) => {\r\n\r\n    const uid = rendering?.uid || '';\r\n    const socialShareStyleType = rendering?.params?.socialShareStyleType || 'color';\r\n    const socialShares = rendering?.fields?.data?.datasource?.socialShareSelection?.targetItems || [];\r\n    const isDisabledFlag = rendering?.params?.isDisabled;\r\n\r\n    if (isDisabledFlag === '1') {\r\n        return null; // Return null to prevent rendering\r\n    }\r\n\r\n  return (\r\n    <PageContainer \r\n      key={uid}\r\n      className=\"new-social-share\"\r\n      data-component\r\n    >\r\n      {socialShares?.map(item => (<Platform\r\n        key={item.id}\r\n        {...item}\r\n        styleType={socialShareStyleType}\r\n      />))}\r\n\r\n        </PageContainer>\r\n    );\r\n}\r\n\r\nexport default compose(withEditMode)(NewSocialShare);"],"sourceRoot":""}