@blaze-cms/react-page-builder 0.146.0-alpha.13 → 0.146.0-alpha.16

package/lib-es/components/SocialFollow/sf.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"sf.config.js","names":["FaFacebookF","FaPinterestP","FaInstagram","FaLinkedinIn","FaYoutube","FaTiktok","FaXTwitter","BASE_CLASS_NAME_FOLLOW","PORTRAIT","LANDSCAPE","SOCIAL_NETWORKS","facebook","name","className","Icon","spanClassName","twitter","pinterest","instagram","linkedin","youtube","tiktok"],"sources":["../../../src/components/SocialFollow/sf.config.js"],"sourcesContent":["import {\n  FaFacebookF,\n  FaPinterestP,\n  FaInstagram,\n  FaLinkedinIn,\n  FaYoutube,\n  FaTiktok\n} from 'react-icons/fa';\nimport { FaXTwitter } from 'react-icons/fa6';\n\nexport const BASE_CLASS_NAME_FOLLOW = 'social__list-item social__list-item--follow';\nexport const PORTRAIT = 'portrait';\nexport const LANDSCAPE = 'landscape';\n\nexport const SOCIAL_NETWORKS = {\n  facebook: {\n    name: 'Facebook',\n    className: 'facebook',\n    Icon: FaFacebookF,\n    spanClassName: 'hidden'\n  },\n  twitter: {\n    name: 'Twitter',\n    className: 'twitter',\n    Icon: FaXTwitter,\n    spanClassName: 'hidden'\n  },\n  pinterest: {\n    name: 'Pinterest',\n    className: 'pinterest',\n    Icon: FaPinterestP,\n    spanClassName: 'hidden'\n  },\n  instagram: {\n    name: 'Instagram',\n    className: 'instagram',\n    Icon: FaInstagram,\n    spanClassName: 'hidden'\n  },\n  linkedin: {\n    name: 'Linkedin',\n    className: 'linkedin',\n    Icon: FaLinkedinIn,\n    spanClassName: 'hidden'\n  },\n  youtube: {\n    name: 'YouTube',\n    className: 'youtube',\n    Icon: FaYoutube,\n    spanClassName: 'hidden'\n  },\n  tiktok: {\n    name: 'TikTok',\n    className: 'tiktok',\n    Icon: FaTiktok,\n    spanClassName: 'hidden'\n  }\n};\n"],"mappings":"AAAA,SACEA,WAAW,EACXC,YAAY,EACZC,WAAW,EACXC,YAAY,EACZC,SAAS,EACTC,QAAQ,QACH,gBAAgB;AACvB,SAASC,UAAU,QAAQ,iBAAiB;AAE5C,OAAO,MAAMC,sBAAsB,GAAG,6CAA6C;AACnF,OAAO,MAAMC,QAAQ,GAAG,UAAU;AAClC,OAAO,MAAMC,SAAS,GAAG,WAAW;AAEpC,OAAO,MAAMC,eAAe,GAAG;EAC7BC,QAAQ,EAAE;IACRC,IAAI,EAAE,UAAU;IAChBC,SAAS,EAAE,UAAU;IACrBC,IAAI,EAAEd,WAAW;IACjBe,aAAa,EAAE;EACjB,CAAC;EACDC,OAAO,EAAE;IACPJ,IAAI,EAAE,SAAS;IACfC,SAAS,EAAE,SAAS;IACpBC,IAAI,EAAER,UAAU;IAChBS,aAAa,EAAE;EACjB,CAAC;EACDE,SAAS,EAAE;IACTL,IAAI,EAAE,WAAW;IACjBC,SAAS,EAAE,WAAW;IACtBC,IAAI,EAAEb,YAAY;IAClBc,aAAa,EAAE;EACjB,CAAC;EACDG,SAAS,EAAE;IACTN,IAAI,EAAE,WAAW;IACjBC,SAAS,EAAE,WAAW;IACtBC,IAAI,EAAEZ,WAAW;IACjBa,aAAa,EAAE;EACjB,CAAC;EACDI,QAAQ,EAAE;IACRP,IAAI,EAAE,UAAU;IAChBC,SAAS,EAAE,UAAU;IACrBC,IAAI,EAAEX,YAAY;IAClBY,aAAa,EAAE;EACjB,CAAC;EACDK,OAAO,EAAE;IACPR,IAAI,EAAE,SAAS;IACfC,SAAS,EAAE,SAAS;IACpBC,IAAI,EAAEV,SAAS;IACfW,aAAa,EAAE;EACjB,CAAC;EACDM,MAAM,EAAE;IACNT,IAAI,EAAE,QAAQ;IACdC,SAAS,EAAE,QAAQ;IACnBC,IAAI,EAAET,QAAQ;IACdU,aAAa,EAAE;EACjB;AACF,CAAC"}
+{"version":3,"file":"sf.config.js","names":["FaFacebookF","FaPinterestP","FaInstagram","FaLinkedinIn","FaYoutube","FaTiktok","FaXTwitter","BASE_CLASS_NAME_FOLLOW","PORTRAIT","LANDSCAPE","SOCIAL_NETWORKS","facebook","name","className","Icon","spanClassName","twitter","pinterest","instagram","linkedin","youtube","tiktok"],"sources":["../../../src/components/SocialFollow/sf.config.js"],"sourcesContent":["import {\n  FaFacebookF,\n  FaPinterestP,\n  FaInstagram,\n  FaLinkedinIn,\n  FaYoutube,\n  FaTiktok\n} from 'react-icons/fa';\nimport { FaXTwitter } from 'react-icons/fa6';\n\nexport const BASE_CLASS_NAME_FOLLOW = 'social__list-item social__list-item--follow';\nexport const PORTRAIT = 'portrait';\nexport const LANDSCAPE = 'landscape';\n\nexport const SOCIAL_NETWORKS = {\n  facebook: {\n    name: 'Facebook',\n    className: 'facebook',\n    Icon: FaFacebookF,\n    spanClassName: 'hidden'\n  },\n  twitter: {\n    name: 'Twitter',\n    className: 'twitter',\n    Icon: FaXTwitter,\n    spanClassName: 'hidden'\n  },\n  pinterest: {\n    name: 'Pinterest',\n    className: 'pinterest',\n    Icon: FaPinterestP,\n    spanClassName: 'hidden'\n  },\n  instagram: {\n    name: 'Instagram',\n    className: 'instagram',\n    Icon: FaInstagram,\n    spanClassName: 'hidden'\n  },\n  linkedin: {\n    name: 'Linkedin',\n    className: 'linkedin',\n    Icon: FaLinkedinIn,\n    spanClassName: 'hidden'\n  },\n  youtube: {\n    name: 'YouTube',\n    className: 'youtube',\n    Icon: FaYoutube,\n    spanClassName: 'hidden'\n  },\n  tiktok: {\n    name: 'TikTok',\n    className: 'tiktok',\n    Icon: FaTiktok,\n    spanClassName: 'hidden'\n  }\n};\n"],"mappings":"AAAA,SACEA,WAAW,EACXC,YAAY,EACZC,WAAW,EACXC,YAAY,EACZC,SAAS,EACTC,QAAQ,QACH,gBAAgB;AACvB,SAASC,UAAU,QAAQ,iBAAiB;AAE5C,OAAO,MAAMC,sBAAsB,GAAG,6CAA6C;AACnF,OAAO,MAAMC,QAAQ,GAAG,UAAU;AAClC,OAAO,MAAMC,SAAS,GAAG,WAAW;AAEpC,OAAO,MAAMC,eAAe,GAAG;EAC7BC,QAAQ,EAAE;IACRC,IAAI,EAAE,UAAU;IAChBC,SAAS,EAAE,UAAU;IACrBC,IAAI,EAAEd,WAAW;IACjBe,aAAa,EAAE;EACjB,CAAC;EACDC,OAAO,EAAE;IACPJ,IAAI,EAAE,SAAS;IACfC,SAAS,EAAE,SAAS;IACpBC,IAAI,EAAER,UAAU;IAChBS,aAAa,EAAE;EACjB,CAAC;EACDE,SAAS,EAAE;IACTL,IAAI,EAAE,WAAW;IACjBC,SAAS,EAAE,WAAW;IACtBC,IAAI,EAAEb,YAAY;IAClBc,aAAa,EAAE;EACjB,CAAC;EACDG,SAAS,EAAE;IACTN,IAAI,EAAE,WAAW;IACjBC,SAAS,EAAE,WAAW;IACtBC,IAAI,EAAEZ,WAAW;IACjBa,aAAa,EAAE;EACjB,CAAC;EACDI,QAAQ,EAAE;IACRP,IAAI,EAAE,UAAU;IAChBC,SAAS,EAAE,UAAU;IACrBC,IAAI,EAAEX,YAAY;IAClBY,aAAa,EAAE;EACjB,CAAC;EACDK,OAAO,EAAE;IACPR,IAAI,EAAE,SAAS;IACfC,SAAS,EAAE,SAAS;IACpBC,IAAI,EAAEV,SAAS;IACfW,aAAa,EAAE;EACjB,CAAC;EACDM,MAAM,EAAE;IACNT,IAAI,EAAE,QAAQ;IACdC,SAAS,EAAE,QAAQ;IACnBC,IAAI,EAAET,QAAQ;IACdU,aAAa,EAAE;EACjB;AACF,CAAC","ignoreList":[]}

package/lib-es/components/SubMenu/SubMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubMenu.js","names":["React","PropTypes","hasChildren","SubMenu","children","modifier","hasValidChildren","createElement","className","propTypes","string","oneOfType","arrayOf","node","defaultProps"],"sources":["../../../src/components/SubMenu/SubMenu.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { hasChildren } from '../../helpers';\n\nconst SubMenu = ({ children, modifier }) => {\n  const hasValidChildren = hasChildren(children);\n  if (!hasValidChildren) return null;\n  return <ul className={modifier}>{children}</ul>;\n};\n\nSubMenu.propTypes = {\n  modifier: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nSubMenu.defaultProps = {\n  modifier: '',\n  children: null\n};\n\nexport default SubMenu;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,WAAW,QAAQ,eAAe;AAE3C,MAAMC,OAAO,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;AAAS,CAAC,KAAK;EAC1C,MAAMC,gBAAgB,GAAGJ,WAAW,CAACE,QAAQ,CAAC;EAC9C,IAAI,CAACE,gBAAgB,EAAE,OAAO,IAAI;EAClC,oBAAON,KAAA,CAAAO,aAAA;IAAIC,SAAS,EAAEH;EAAS,GAAED,QAAa,CAAC;AACjD,CAAC;AAEDD,OAAO,CAACM,SAAS,GAAG;EAClBJ,QAAQ,EAAEJ,SAAS,CAACS,MAAM;EAC1BN,QAAQ,EAAEH,SAAS,CAACU,SAAS,CAAC,CAACV,SAAS,CAACW,OAAO,CAACX,SAAS,CAACY,IAAI,CAAC,EAAEZ,SAAS,CAACY,IAAI,CAAC;AACnF,CAAC;AAEDV,OAAO,CAACW,YAAY,GAAG;EACrBT,QAAQ,EAAE,EAAE;EACZD,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeD,OAAO"}
+{"version":3,"file":"SubMenu.js","names":["React","PropTypes","hasChildren","SubMenu","children","modifier","hasValidChildren","createElement","className","propTypes","string","oneOfType","arrayOf","node","defaultProps"],"sources":["../../../src/components/SubMenu/SubMenu.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { hasChildren } from '../../helpers';\n\nconst SubMenu = ({ children, modifier }) => {\n  const hasValidChildren = hasChildren(children);\n  if (!hasValidChildren) return null;\n  return <ul className={modifier}>{children}</ul>;\n};\n\nSubMenu.propTypes = {\n  modifier: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nSubMenu.defaultProps = {\n  modifier: '',\n  children: null\n};\n\nexport default SubMenu;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,WAAW,QAAQ,eAAe;AAE3C,MAAMC,OAAO,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;AAAS,CAAC,KAAK;EAC1C,MAAMC,gBAAgB,GAAGJ,WAAW,CAACE,QAAQ,CAAC;EAC9C,IAAI,CAACE,gBAAgB,EAAE,OAAO,IAAI;EAClC,oBAAON,KAAA,CAAAO,aAAA;IAAIC,SAAS,EAAEH;EAAS,GAAED,QAAa,CAAC;AACjD,CAAC;AAEDD,OAAO,CAACM,SAAS,GAAG;EAClBJ,QAAQ,EAAEJ,SAAS,CAACS,MAAM;EAC1BN,QAAQ,EAAEH,SAAS,CAACU,SAAS,CAAC,CAACV,SAAS,CAACW,OAAO,CAACX,SAAS,CAACY,IAAI,CAAC,EAAEZ,SAAS,CAACY,IAAI,CAAC;AACnF,CAAC;AAEDV,OAAO,CAACW,YAAY,GAAG;EACrBT,QAAQ,EAAE,EAAE;EACZD,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeD,OAAO","ignoreList":[]}

package/lib-es/components/SubMenu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["SubMenu"],"sources":["../../../src/components/SubMenu/index.js"],"sourcesContent":["import SubMenu from './SubMenu';\n\nexport default SubMenu;\n"],"mappings":"AAAA,OAAOA,OAAO,MAAM,WAAW;AAE/B,eAAeA,OAAO"}
+{"version":3,"file":"index.js","names":["SubMenu"],"sources":["../../../src/components/SubMenu/index.js"],"sourcesContent":["import SubMenu from './SubMenu';\n\nexport default SubMenu;\n"],"mappings":"AAAA,OAAOA,OAAO,MAAM,WAAW;AAE/B,eAAeA,OAAO","ignoreList":[]}

package/lib-es/components/TextBlock/TextBlockRender.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextBlockRender.js","names":["React","PropTypes","withTitle","useBannerInsertion","TextBlockRender","parsedTextBlock","name","updatedBlock","createElement","Fragment","propTypes","oneOfType","array","object","isRequired","string"],"sources":["../../../src/components/TextBlock/TextBlockRender.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withTitle } from '../../HOC';\nimport { useBannerInsertion } from '../../hooks';\n\nconst TextBlockRender = ({ parsedTextBlock, name }) => {\n  const updatedBlock = useBannerInsertion({ name, parsedTextBlock });\n  return <> {updatedBlock} </>;\n};\n\nTextBlockRender.propTypes = {\n  parsedTextBlock: PropTypes.oneOfType([PropTypes.array, PropTypes.object]).isRequired,\n  name: PropTypes.string.isRequired\n};\n\nexport default withTitle(TextBlockRender);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,SAAS,QAAQ,WAAW;AACrC,SAASC,kBAAkB,QAAQ,aAAa;AAEhD,MAAMC,eAAe,GAAGA,CAAC;EAAEC,eAAe;EAAEC;AAAK,CAAC,KAAK;EACrD,MAAMC,YAAY,GAAGJ,kBAAkB,CAAC;IAAEG,IAAI;IAAED;EAAgB,CAAC,CAAC;EAClE,oBAAOL,KAAA,CAAAQ,aAAA,CAAAR,KAAA,CAAAS,QAAA,QAAE,GAAC,EAACF,YAAY,EAAC,GAAG,CAAC;AAC9B,CAAC;AAEDH,eAAe,CAACM,SAAS,GAAG;EAC1BL,eAAe,EAAEJ,SAAS,CAACU,SAAS,CAAC,CAACV,SAAS,CAACW,KAAK,EAAEX,SAAS,CAACY,MAAM,CAAC,CAAC,CAACC,UAAU;EACpFR,IAAI,EAAEL,SAAS,CAACc,MAAM,CAACD;AACzB,CAAC;AAED,eAAeZ,SAAS,CAACE,eAAe,CAAC"}
+{"version":3,"file":"TextBlockRender.js","names":["React","PropTypes","withTitle","useBannerInsertion","TextBlockRender","parsedTextBlock","name","updatedBlock","createElement","Fragment","propTypes","oneOfType","array","object","isRequired","string"],"sources":["../../../src/components/TextBlock/TextBlockRender.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withTitle } from '../../HOC';\nimport { useBannerInsertion } from '../../hooks';\n\nconst TextBlockRender = ({ parsedTextBlock, name }) => {\n  const updatedBlock = useBannerInsertion({ name, parsedTextBlock });\n  return <> {updatedBlock} </>;\n};\n\nTextBlockRender.propTypes = {\n  parsedTextBlock: PropTypes.oneOfType([PropTypes.array, PropTypes.object]).isRequired,\n  name: PropTypes.string.isRequired\n};\n\nexport default withTitle(TextBlockRender);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,SAAS,QAAQ,WAAW;AACrC,SAASC,kBAAkB,QAAQ,aAAa;AAEhD,MAAMC,eAAe,GAAGA,CAAC;EAAEC,eAAe;EAAEC;AAAK,CAAC,KAAK;EACrD,MAAMC,YAAY,GAAGJ,kBAAkB,CAAC;IAAEG,IAAI;IAAED;EAAgB,CAAC,CAAC;EAClE,oBAAOL,KAAA,CAAAQ,aAAA,CAAAR,KAAA,CAAAS,QAAA,QAAE,GAAC,EAACF,YAAY,EAAC,GAAG,CAAC;AAC9B,CAAC;AAEDH,eAAe,CAACM,SAAS,GAAG;EAC1BL,eAAe,EAAEJ,SAAS,CAACU,SAAS,CAAC,CAACV,SAAS,CAACW,KAAK,EAAEX,SAAS,CAACY,MAAM,CAAC,CAAC,CAACC,UAAU;EACpFR,IAAI,EAAEL,SAAS,CAACc,MAAM,CAACD;AACzB,CAAC;AAED,eAAeZ,SAAS,CAACE,eAAe,CAAC","ignoreList":[]}

package/lib-es/components/TextBlock/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","parseTextBlock","Wrapper","TextBlockRender","BlazeLink","getClassModifiers","TextBlock","_ref","html","modifier","variableProps","_objectWithoutProperties","_excluded","parsedTextBlock","LinkWrapper","modifiers","_objectSpread","className","process","env","BLAZE_PB_TEXTBLOCK_WRAPPER_ENABLE","textRender","createElement","_extends","propTypes","string","gtmClassName","elementTitle","defaultProps"],"sources":["../../../src/components/TextBlock/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { parseTextBlock } from '../../helpers';\nimport Wrapper from '../Wrapper';\nimport TextBlockRender from './TextBlockRender';\nimport BlazeLink from '../BlazeLink';\n\nimport getClassModifiers from '../../utils/get-class-modifiers';\n\nconst TextBlock = ({ html, modifier, ...variableProps }) => {\n  if (!html) return null;\n\n  const parsedTextBlock = parseTextBlock({ html, LinkWrapper: BlazeLink });\n  const modifiers = getClassModifiers('textBlock', { modifier, ...variableProps });\n\n  // todo: the BLAZE_PB_TEXTBLOCK_WRAPPER_ENABLE flag is depreciated. Remove when appropriate\n  const className = process.env.BLAZE_PB_TEXTBLOCK_WRAPPER_ENABLE === 'true' ? 'page-content' : '';\n\n  const textRender = <TextBlockRender parsedTextBlock={parsedTextBlock} {...variableProps} />;\n  if (!className && !modifiers) return textRender;\n\n  return (\n    <Wrapper className={className} modifiers={modifiers}>\n      {textRender}\n    </Wrapper>\n  );\n};\n\nTextBlock.propTypes = {\n  html: PropTypes.string,\n  modifier: PropTypes.string,\n  gtmClassName: PropTypes.string,\n  elementTitle: PropTypes.string\n};\n\nTextBlock.defaultProps = {\n  modifier: '',\n  gtmClassName: '',\n  elementTitle: '',\n  html: ''\n};\n\nexport default TextBlock;\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,cAAc,QAAQ,eAAe;AAC9C,OAAOC,OAAO,MAAM,YAAY;AAChC,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,OAAOC,SAAS,MAAM,cAAc;AAEpC,OAAOC,iBAAiB,MAAM,iCAAiC;AAE/D,MAAMC,SAAS,GAAGC,IAAA,IAA0C;EAAA,IAAzC;MAAEC,IAAI;MAAEC;IAA2B,CAAC,GAAAF,IAAA;IAAfG,aAAa,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EACnD,IAAI,CAACJ,IAAI,EAAE,OAAO,IAAI;EAEtB,MAAMK,eAAe,GAAGZ,cAAc,CAAC;IAAEO,IAAI;IAAEM,WAAW,EAAEV;EAAU,CAAC,CAAC;EACxE,MAAMW,SAAS,GAAGV,iBAAiB,CAAC,WAAW,EAAAW,aAAA;IAAIP;EAAQ,GAAKC,aAAa,CAAE,CAAC;;EAEhF;EACA,MAAMO,SAAS,GAAGC,OAAO,CAACC,GAAG,CAACC,iCAAiC,KAAK,MAAM,GAAG,cAAc,GAAG,EAAE;EAEhG,MAAMC,UAAU,gBAAGtB,KAAA,CAAAuB,aAAA,CAACnB,eAAe,EAAAoB,QAAA;IAACV,eAAe,EAAEA;EAAgB,GAAKH,aAAa,CAAG,CAAC;EAC3F,IAAI,CAACO,SAAS,IAAI,CAACF,SAAS,EAAE,OAAOM,UAAU;EAE/C,oBACEtB,KAAA,CAAAuB,aAAA,CAACpB,OAAO;IAACe,SAAS,EAAEA,SAAU;IAACF,SAAS,EAAEA;EAAU,GACjDM,UACM,CAAC;AAEd,CAAC;AAEDf,SAAS,CAACkB,SAAS,GAAG;EACpBhB,IAAI,EAAER,SAAS,CAACyB,MAAM;EACtBhB,QAAQ,EAAET,SAAS,CAACyB,MAAM;EAC1BC,YAAY,EAAE1B,SAAS,CAACyB,MAAM;EAC9BE,YAAY,EAAE3B,SAAS,CAACyB;AAC1B,CAAC;AAEDnB,SAAS,CAACsB,YAAY,GAAG;EACvBnB,QAAQ,EAAE,EAAE;EACZiB,YAAY,EAAE,EAAE;EAChBC,YAAY,EAAE,EAAE;EAChBnB,IAAI,EAAE;AACR,CAAC;AAED,eAAeF,SAAS"}
+{"version":3,"file":"index.js","names":["React","PropTypes","parseTextBlock","Wrapper","TextBlockRender","BlazeLink","getClassModifiers","TextBlock","_ref","html","modifier","variableProps","_objectWithoutProperties","_excluded","parsedTextBlock","LinkWrapper","modifiers","_objectSpread","className","process","env","BLAZE_PB_TEXTBLOCK_WRAPPER_ENABLE","textRender","createElement","_extends","propTypes","string","gtmClassName","elementTitle","defaultProps"],"sources":["../../../src/components/TextBlock/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { parseTextBlock } from '../../helpers';\nimport Wrapper from '../Wrapper';\nimport TextBlockRender from './TextBlockRender';\nimport BlazeLink from '../BlazeLink';\n\nimport getClassModifiers from '../../utils/get-class-modifiers';\n\nconst TextBlock = ({ html, modifier, ...variableProps }) => {\n  if (!html) return null;\n\n  const parsedTextBlock = parseTextBlock({ html, LinkWrapper: BlazeLink });\n  const modifiers = getClassModifiers('textBlock', { modifier, ...variableProps });\n\n  // todo: the BLAZE_PB_TEXTBLOCK_WRAPPER_ENABLE flag is depreciated. Remove when appropriate\n  const className = process.env.BLAZE_PB_TEXTBLOCK_WRAPPER_ENABLE === 'true' ? 'page-content' : '';\n\n  const textRender = <TextBlockRender parsedTextBlock={parsedTextBlock} {...variableProps} />;\n  if (!className && !modifiers) return textRender;\n\n  return (\n    <Wrapper className={className} modifiers={modifiers}>\n      {textRender}\n    </Wrapper>\n  );\n};\n\nTextBlock.propTypes = {\n  html: PropTypes.string,\n  modifier: PropTypes.string,\n  gtmClassName: PropTypes.string,\n  elementTitle: PropTypes.string\n};\n\nTextBlock.defaultProps = {\n  modifier: '',\n  gtmClassName: '',\n  elementTitle: '',\n  html: ''\n};\n\nexport default TextBlock;\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,cAAc,QAAQ,eAAe;AAC9C,OAAOC,OAAO,MAAM,YAAY;AAChC,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,OAAOC,SAAS,MAAM,cAAc;AAEpC,OAAOC,iBAAiB,MAAM,iCAAiC;AAE/D,MAAMC,SAAS,GAAGC,IAAA,IAA0C;EAAA,IAAzC;MAAEC,IAAI;MAAEC;IAA2B,CAAC,GAAAF,IAAA;IAAfG,aAAa,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EACnD,IAAI,CAACJ,IAAI,EAAE,OAAO,IAAI;EAEtB,MAAMK,eAAe,GAAGZ,cAAc,CAAC;IAAEO,IAAI;IAAEM,WAAW,EAAEV;EAAU,CAAC,CAAC;EACxE,MAAMW,SAAS,GAAGV,iBAAiB,CAAC,WAAW,EAAAW,aAAA;IAAIP;EAAQ,GAAKC,aAAa,CAAE,CAAC;;EAEhF;EACA,MAAMO,SAAS,GAAGC,OAAO,CAACC,GAAG,CAACC,iCAAiC,KAAK,MAAM,GAAG,cAAc,GAAG,EAAE;EAEhG,MAAMC,UAAU,gBAAGtB,KAAA,CAAAuB,aAAA,CAACnB,eAAe,EAAAoB,QAAA;IAACV,eAAe,EAAEA;EAAgB,GAAKH,aAAa,CAAG,CAAC;EAC3F,IAAI,CAACO,SAAS,IAAI,CAACF,SAAS,EAAE,OAAOM,UAAU;EAE/C,oBACEtB,KAAA,CAAAuB,aAAA,CAACpB,OAAO;IAACe,SAAS,EAAEA,SAAU;IAACF,SAAS,EAAEA;EAAU,GACjDM,UACM,CAAC;AAEd,CAAC;AAEDf,SAAS,CAACkB,SAAS,GAAG;EACpBhB,IAAI,EAAER,SAAS,CAACyB,MAAM;EACtBhB,QAAQ,EAAET,SAAS,CAACyB,MAAM;EAC1BC,YAAY,EAAE1B,SAAS,CAACyB,MAAM;EAC9BE,YAAY,EAAE3B,SAAS,CAACyB;AAC1B,CAAC;AAEDnB,SAAS,CAACsB,YAAY,GAAG;EACvBnB,QAAQ,EAAE,EAAE;EACZiB,YAAY,EAAE,EAAE;EAChBC,YAAY,EAAE,EAAE;EAChBnB,IAAI,EAAE;AACR,CAAC;AAED,eAAeF,SAAS","ignoreList":[]}

package/lib-es/components/Video/Video.js

@@ -47,7 +47,8 @@ const Video = _ref => {
   });
   return /*#__PURE__*/React.createElement(Wrapper, {
     className: "video",
-    modifiers: modifiers
+    modifiers: modifiers,
+    key: url
   }, playInModal ? /*#__PURE__*/React.createElement(VideoModal, _extends({
     url: url,
     modifier: modifier,

package/lib-es/components/Video/Video.js.map

@@ -1 +1 @@
-{"version":3,"file":"Video.js","names":["React","PropTypes","useGetImages","VideoRender","VideoModal","Wrapper","getClassModifiers","shouldShowProperty","Video","_ref","url","modifier","autoplay","isCaptionDisplayed","caption","credits","areVideoCreditsDisplayed","provider","playInModal","imageId","props","_objectWithoutProperties","_excluded","data","getFile","imageData","loading","modifiers","toLowerCase","_objectSpread","shouldDisplayCaption","isDisplayed","value","shouldDisplayCredits","createElement","className","_extends","propTypes","string","bool","defaultProps"],"sources":["../../../src/components/Video/Video.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport useGetImages from '../../hooks/use-get-images';\nimport VideoRender from './VideoRender';\nimport VideoModal from './VideoModal';\nimport Wrapper from '../Wrapper';\nimport getClassModifiers from '../../utils/get-class-modifiers';\nimport { shouldShowProperty } from '../../helpers';\n\nconst Video = ({\n  url,\n  modifier,\n  autoplay,\n  isCaptionDisplayed,\n  caption,\n  credits,\n  areVideoCreditsDisplayed,\n  provider,\n  playInModal,\n  imageId,\n  ...props\n}) => {\n  const {\n    data: { getFile: imageData },\n    loading\n  } = useGetImages(imageId);\n\n  if (loading) return '';\n  if (!url) return null;\n\n  const modifiers = `video--${provider.toLowerCase()} ${getClassModifiers('video', {\n    modifier,\n    ...props\n  })}`;\n\n  const shouldDisplayCaption = shouldShowProperty({\n    isDisplayed: isCaptionDisplayed,\n    value: caption\n  });\n  const shouldDisplayCredits = shouldShowProperty({\n    isDisplayed: areVideoCreditsDisplayed,\n    value: credits\n  });\n\n  return (\n    <Wrapper className=\"video\" modifiers={modifiers}>\n      {playInModal ? (\n        <VideoModal\n          url={url}\n          modifier={modifier}\n          autoplay={autoplay}\n          provider={provider}\n          imageData={imageData}\n          {...props}\n        />\n      ) : (\n        <VideoRender\n          url={url}\n          modifier={modifier}\n          autoplay={autoplay}\n          provider={provider}\n          imageData={imageData}\n          {...props}\n        />\n      )}\n\n      {(shouldDisplayCaption || shouldDisplayCredits) && (\n        <div className=\"video__details\" data-testid=\"video-details\">\n          {shouldDisplayCaption && <div className=\"caption\">{caption}</div>}\n          {shouldDisplayCredits && <div className=\"credits\">{credits}</div>}\n        </div>\n      )}\n    </Wrapper>\n  );\n};\n\nVideo.propTypes = {\n  url: PropTypes.string,\n  modifier: PropTypes.string,\n  caption: PropTypes.string,\n  credits: PropTypes.string,\n  autoplay: PropTypes.bool,\n  areVideoCreditsDisplayed: PropTypes.bool,\n  isCaptionDisplayed: PropTypes.bool,\n  provider: PropTypes.string,\n  playInModal: PropTypes.bool,\n  imageId: PropTypes.string\n};\n\nVideo.defaultProps = {\n  caption: '',\n  credits: '',\n  modifier: '',\n  imageId: '',\n  url: '',\n  provider: 'youtube',\n  autoplay: false,\n  isCaptionDisplayed: false,\n  areVideoCreditsDisplayed: false,\n  playInModal: false\n};\n\nexport default Video;\n"],"mappings":"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"}
+{"version":3,"file":"Video.js","names":["React","PropTypes","useGetImages","VideoRender","VideoModal","Wrapper","getClassModifiers","shouldShowProperty","Video","_ref","url","modifier","autoplay","isCaptionDisplayed","caption","credits","areVideoCreditsDisplayed","provider","playInModal","imageId","props","_objectWithoutProperties","_excluded","data","getFile","imageData","loading","modifiers","toLowerCase","_objectSpread","shouldDisplayCaption","isDisplayed","value","shouldDisplayCredits","createElement","className","key","_extends","propTypes","string","bool","defaultProps"],"sources":["../../../src/components/Video/Video.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport useGetImages from '../../hooks/use-get-images';\nimport VideoRender from './VideoRender';\nimport VideoModal from './VideoModal';\nimport Wrapper from '../Wrapper';\nimport getClassModifiers from '../../utils/get-class-modifiers';\nimport { shouldShowProperty } from '../../helpers';\n\nconst Video = ({\n  url,\n  modifier,\n  autoplay,\n  isCaptionDisplayed,\n  caption,\n  credits,\n  areVideoCreditsDisplayed,\n  provider,\n  playInModal,\n  imageId,\n  ...props\n}) => {\n  const {\n    data: { getFile: imageData },\n    loading\n  } = useGetImages(imageId);\n\n  if (loading) return '';\n  if (!url) return null;\n\n  const modifiers = `video--${provider.toLowerCase()} ${getClassModifiers('video', {\n    modifier,\n    ...props\n  })}`;\n\n  const shouldDisplayCaption = shouldShowProperty({\n    isDisplayed: isCaptionDisplayed,\n    value: caption\n  });\n  const shouldDisplayCredits = shouldShowProperty({\n    isDisplayed: areVideoCreditsDisplayed,\n    value: credits\n  });\n\n  return (\n    <Wrapper className=\"video\" modifiers={modifiers} key={url}>\n      {playInModal ? (\n        <VideoModal\n          url={url}\n          modifier={modifier}\n          autoplay={autoplay}\n          provider={provider}\n          imageData={imageData}\n          {...props}\n        />\n      ) : (\n        <VideoRender\n          url={url}\n          modifier={modifier}\n          autoplay={autoplay}\n          provider={provider}\n          imageData={imageData}\n          {...props}\n        />\n      )}\n\n      {(shouldDisplayCaption || shouldDisplayCredits) && (\n        <div className=\"video__details\" data-testid=\"video-details\">\n          {shouldDisplayCaption && <div className=\"caption\">{caption}</div>}\n          {shouldDisplayCredits && <div className=\"credits\">{credits}</div>}\n        </div>\n      )}\n    </Wrapper>\n  );\n};\n\nVideo.propTypes = {\n  url: PropTypes.string,\n  modifier: PropTypes.string,\n  caption: PropTypes.string,\n  credits: PropTypes.string,\n  autoplay: PropTypes.bool,\n  areVideoCreditsDisplayed: PropTypes.bool,\n  isCaptionDisplayed: PropTypes.bool,\n  provider: PropTypes.string,\n  playInModal: PropTypes.bool,\n  imageId: PropTypes.string\n};\n\nVideo.defaultProps = {\n  caption: '',\n  credits: '',\n  modifier: '',\n  imageId: '',\n  url: '',\n  provider: 'youtube',\n  autoplay: false,\n  isCaptionDisplayed: false,\n  areVideoCreditsDisplayed: false,\n  playInModal: false\n};\n\nexport default Video;\n"],"mappings":"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","ignoreList":[]}

package/lib-es/components/Video/VideoContext.js

@@ -0,0 +1,6 @@
+import { createContext } from 'react';
+const VideoContext = createContext({});
+const VideoContextProvider = VideoContext.Provider;
+const VideoContextConsumer = VideoContext.Consumer;
+export { VideoContext, VideoContextProvider, VideoContextConsumer };
+//# sourceMappingURL=VideoContext.js.map

package/lib-es/components/Video/VideoContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoContext.js","names":["createContext","VideoContext","VideoContextProvider","Provider","VideoContextConsumer","Consumer"],"sources":["../../../src/components/Video/VideoContext.js"],"sourcesContent":["import { createContext } from 'react';\n\nconst VideoContext = createContext({});\nconst VideoContextProvider = VideoContext.Provider;\nconst VideoContextConsumer = VideoContext.Consumer;\n\nexport { VideoContext, VideoContextProvider, VideoContextConsumer };\n"],"mappings":"AAAA,SAASA,aAAa,QAAQ,OAAO;AAErC,MAAMC,YAAY,GAAGD,aAAa,CAAC,CAAC,CAAC,CAAC;AACtC,MAAME,oBAAoB,GAAGD,YAAY,CAACE,QAAQ;AAClD,MAAMC,oBAAoB,GAAGH,YAAY,CAACI,QAAQ;AAElD,SAASJ,YAAY,EAAEC,oBAAoB,EAAEE,oBAAoB","ignoreList":[]}

package/lib-es/components/Video/VideoModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"VideoModal.js","names":["React","useState","Modal","VideoRender","VideoModal","_ref","props","_extends","_objectDestructuringEmpty","displayModal","setDisplayModal","createElement","Fragment","role","onClick","placeholderOnly","autoplay","className","isFullScreen","showFooter","isSimple","onClose"],"sources":["../../../src/components/Video/VideoModal.js"],"sourcesContent":["import React, { useState } from 'react';\nimport Modal from '../ModalAdapter';\nimport VideoRender from './VideoRender';\n\nconst VideoModal = ({ ...props }) => {\n  const [displayModal, setDisplayModal] = useState(false);\n\n  return (\n    <>\n      <div\n        role=\"button\"\n        aria-label=\"Open video\"\n        onClick={() => {\n          setDisplayModal(!displayModal);\n        }}>\n        <VideoRender placeholderOnly autoplay={false} {...props} />\n      </div>\n      {displayModal && (\n        <Modal\n          className=\"modal--video\"\n          isFullScreen\n          showFooter={false}\n          isSimple\n          onClose={() => setDisplayModal(!displayModal)}>\n          <VideoRender {...props} placeholderOnly={false} autoplay />\n        </Modal>\n      )}\n    </>\n  );\n};\n\nexport default VideoModal;\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,OAAOC,KAAK,MAAM,iBAAiB;AACnC,OAAOC,WAAW,MAAM,eAAe;AAEvC,MAAMC,UAAU,GAAGC,IAAA,IAAkB;EAAA,IAAZC,KAAK,GAAAC,QAAA,MAAAC,yBAAA,CAAAH,IAAA,GAAAA,IAAA;EAC5B,MAAM,CAACI,YAAY,EAAEC,eAAe,CAAC,GAAGT,QAAQ,CAAC,KAAK,CAAC;EAEvD,oBACED,KAAA,CAAAW,aAAA,CAAAX,KAAA,CAAAY,QAAA,qBACEZ,KAAA,CAAAW,aAAA;IACEE,IAAI,EAAC,QAAQ;IACb,cAAW,YAAY;IACvBC,OAAO,EAAEA,CAAA,KAAM;MACbJ,eAAe,CAAC,CAACD,YAAY,CAAC;IAChC;EAAE,gBACFT,KAAA,CAAAW,aAAA,CAACR,WAAW,EAAAI,QAAA;IAACQ,eAAe;IAACC,QAAQ,EAAE;EAAM,GAAKV,KAAK,CAAG,CACvD,CAAC,EACLG,YAAY,iBACXT,KAAA,CAAAW,aAAA,CAACT,KAAK;IACJe,SAAS,EAAC,cAAc;IACxBC,YAAY;IACZC,UAAU,EAAE,KAAM;IAClBC,QAAQ;IACRC,OAAO,EAAEA,CAAA,KAAMX,eAAe,CAAC,CAACD,YAAY;EAAE,gBAC9CT,KAAA,CAAAW,aAAA,CAACR,WAAW,EAAAI,QAAA,KAAKD,KAAK;IAAES,eAAe,EAAE,KAAM;IAACC,QAAQ;EAAA,EAAE,CACrD,CAET,CAAC;AAEP,CAAC;AAED,eAAeZ,UAAU"}
+{"version":3,"file":"VideoModal.js","names":["React","useState","Modal","VideoRender","VideoModal","_ref","props","_extends","_objectDestructuringEmpty","displayModal","setDisplayModal","createElement","Fragment","role","onClick","placeholderOnly","autoplay","className","isFullScreen","showFooter","isSimple","onClose"],"sources":["../../../src/components/Video/VideoModal.js"],"sourcesContent":["import React, { useState } from 'react';\nimport Modal from '../ModalAdapter';\nimport VideoRender from './VideoRender';\n\nconst VideoModal = ({ ...props }) => {\n  const [displayModal, setDisplayModal] = useState(false);\n\n  return (\n    <>\n      <div\n        role=\"button\"\n        aria-label=\"Open video\"\n        onClick={() => {\n          setDisplayModal(!displayModal);\n        }}>\n        <VideoRender placeholderOnly autoplay={false} {...props} />\n      </div>\n      {displayModal && (\n        <Modal\n          className=\"modal--video\"\n          isFullScreen\n          showFooter={false}\n          isSimple\n          onClose={() => setDisplayModal(!displayModal)}>\n          <VideoRender {...props} placeholderOnly={false} autoplay />\n        </Modal>\n      )}\n    </>\n  );\n};\n\nexport default VideoModal;\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,OAAOC,KAAK,MAAM,iBAAiB;AACnC,OAAOC,WAAW,MAAM,eAAe;AAEvC,MAAMC,UAAU,GAAGC,IAAA,IAAkB;EAAA,IAAZC,KAAK,GAAAC,QAAA,MAAAC,yBAAA,CAAAH,IAAA,GAAAA,IAAA;EAC5B,MAAM,CAACI,YAAY,EAAEC,eAAe,CAAC,GAAGT,QAAQ,CAAC,KAAK,CAAC;EAEvD,oBACED,KAAA,CAAAW,aAAA,CAAAX,KAAA,CAAAY,QAAA,qBACEZ,KAAA,CAAAW,aAAA;IACEE,IAAI,EAAC,QAAQ;IACb,cAAW,YAAY;IACvBC,OAAO,EAAEA,CAAA,KAAM;MACbJ,eAAe,CAAC,CAACD,YAAY,CAAC;IAChC;EAAE,gBACFT,KAAA,CAAAW,aAAA,CAACR,WAAW,EAAAI,QAAA;IAACQ,eAAe;IAACC,QAAQ,EAAE;EAAM,GAAKV,KAAK,CAAG,CACvD,CAAC,EACLG,YAAY,iBACXT,KAAA,CAAAW,aAAA,CAACT,KAAK;IACJe,SAAS,EAAC,cAAc;IACxBC,YAAY;IACZC,UAAU,EAAE,KAAM;IAClBC,QAAQ;IACRC,OAAO,EAAEA,CAAA,KAAMX,eAAe,CAAC,CAACD,YAAY;EAAE,gBAC9CT,KAAA,CAAAW,aAAA,CAACR,WAAW,EAAAI,QAAA,KAAKD,KAAK;IAAES,eAAe,EAAE,KAAM;IAACC,QAAQ;EAAA,EAAE,CACrD,CAET,CAAC;AAEP,CAAC;AAED,eAAeZ,UAAU","ignoreList":[]}

package/lib-es/components/Video/VideoRender.js

@@ -1,19 +1,44 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 const _excluded = ["provider"];
-import React from 'react';
+import React, { useRef } from 'react';
 import PropTypes from 'prop-types';
 import getProvider from './providers';
 import { withTitle } from '../../HOC';
+import { VideoContextProvider } from './VideoContext';
+import emitGtmEvent from './helpers/emit-gtm-event';
 const VideoRender = _ref => {
   let {
       provider
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
+  const ref = useRef(0);
   const Provider = getProvider(provider);
-  return /*#__PURE__*/React.createElement(Provider, props);
+  const {
+    gtmEventName: propEventName
+  } = props;
+  const gtmEventName = propEventName || process.env.BLAZE_VIDEO_EVENT_NAME;
+  const emitEvent = gtmEventName ? ({
+    action,
+    videoId
+  }) => emitGtmEvent({
+    gtmEventName,
+    provider,
+    action,
+    videoId,
+    playCounter: ref
+  }) : null;
+  return /*#__PURE__*/React.createElement(VideoContextProvider, {
+    value: {
+      emitEvent
+    }
+  }, /*#__PURE__*/React.createElement(Provider, props));
 };
 VideoRender.propTypes = {
-  provider: PropTypes.string.isRequired
+  provider: PropTypes.string.isRequired,
+  gtmEventName: PropTypes.string
+};
+VideoRender.defaultProps = {
+  gtmEventName: ''
 };
 export default withTitle(VideoRender);
 //# sourceMappingURL=VideoRender.js.map

package/lib-es/components/Video/VideoRender.js.map

@@ -1 +1 @@
-{"version":3,"file":"VideoRender.js","names":["React","PropTypes","getProvider","withTitle","VideoRender","_ref","provider","props","_objectWithoutProperties","_excluded","Provider","createElement","propTypes","string","isRequired"],"sources":["../../../src/components/Video/VideoRender.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport getProvider from './providers';\nimport { withTitle } from '../../HOC';\n\nconst VideoRender = ({ provider, ...props }) => {\n  const Provider = getProvider(provider);\n  return <Provider {...props} />;\n};\n\nVideoRender.propTypes = {\n  provider: PropTypes.string.isRequired\n};\n\nexport default withTitle(VideoRender);\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,WAAW,MAAM,aAAa;AACrC,SAASC,SAAS,QAAQ,WAAW;AAErC,MAAMC,WAAW,GAAGC,IAAA,IAA4B;EAAA,IAA3B;MAAEC;IAAmB,CAAC,GAAAD,IAAA;IAAPE,KAAK,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EACvC,MAAMC,QAAQ,GAAGR,WAAW,CAACI,QAAQ,CAAC;EACtC,oBAAON,KAAA,CAAAW,aAAA,CAACD,QAAQ,EAAKH,KAAQ,CAAC;AAChC,CAAC;AAEDH,WAAW,CAACQ,SAAS,GAAG;EACtBN,QAAQ,EAAEL,SAAS,CAACY,MAAM,CAACC;AAC7B,CAAC;AAED,eAAeX,SAAS,CAACC,WAAW,CAAC"}
+{"version":3,"file":"VideoRender.js","names":["React","useRef","PropTypes","getProvider","withTitle","VideoContextProvider","emitGtmEvent","VideoRender","_ref","provider","props","_objectWithoutProperties","_excluded","ref","Provider","gtmEventName","propEventName","process","env","BLAZE_VIDEO_EVENT_NAME","emitEvent","action","videoId","playCounter","createElement","value","propTypes","string","isRequired","defaultProps"],"sources":["../../../src/components/Video/VideoRender.js"],"sourcesContent":["import React, { useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport getProvider from './providers';\nimport { withTitle } from '../../HOC';\nimport { VideoContextProvider } from './VideoContext';\nimport emitGtmEvent from './helpers/emit-gtm-event';\n\nconst VideoRender = ({ provider, ...props }) => {\n  const ref = useRef(0);\n  const Provider = getProvider(provider);\n  const { gtmEventName: propEventName } = props;\n  const gtmEventName = propEventName || process.env.BLAZE_VIDEO_EVENT_NAME;\n  const emitEvent = gtmEventName\n    ? ({ action, videoId }) =>\n        emitGtmEvent({\n          gtmEventName,\n          provider,\n          action,\n          videoId,\n          playCounter: ref\n        })\n    : null;\n\n  return (\n    <VideoContextProvider value={{ emitEvent }}>\n      <Provider {...props} />\n    </VideoContextProvider>\n  );\n};\n\nVideoRender.propTypes = {\n  provider: PropTypes.string.isRequired,\n  gtmEventName: PropTypes.string\n};\n\nVideoRender.defaultProps = {\n  gtmEventName: ''\n};\n\nexport default withTitle(VideoRender);\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,MAAM,QAAQ,OAAO;AACrC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,WAAW,MAAM,aAAa;AACrC,SAASC,SAAS,QAAQ,WAAW;AACrC,SAASC,oBAAoB,QAAQ,gBAAgB;AACrD,OAAOC,YAAY,MAAM,0BAA0B;AAEnD,MAAMC,WAAW,GAAGC,IAAA,IAA4B;EAAA,IAA3B;MAAEC;IAAmB,CAAC,GAAAD,IAAA;IAAPE,KAAK,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EACvC,MAAMC,GAAG,GAAGZ,MAAM,CAAC,CAAC,CAAC;EACrB,MAAMa,QAAQ,GAAGX,WAAW,CAACM,QAAQ,CAAC;EACtC,MAAM;IAAEM,YAAY,EAAEC;EAAc,CAAC,GAAGN,KAAK;EAC7C,MAAMK,YAAY,GAAGC,aAAa,IAAIC,OAAO,CAACC,GAAG,CAACC,sBAAsB;EACxE,MAAMC,SAAS,GAAGL,YAAY,GAC1B,CAAC;IAAEM,MAAM;IAAEC;EAAQ,CAAC,KAClBhB,YAAY,CAAC;IACXS,YAAY;IACZN,QAAQ;IACRY,MAAM;IACNC,OAAO;IACPC,WAAW,EAAEV;EACf,CAAC,CAAC,GACJ,IAAI;EAER,oBACEb,KAAA,CAAAwB,aAAA,CAACnB,oBAAoB;IAACoB,KAAK,EAAE;MAAEL;IAAU;EAAE,gBACzCpB,KAAA,CAAAwB,aAAA,CAACV,QAAQ,EAAKJ,KAAQ,CACF,CAAC;AAE3B,CAAC;AAEDH,WAAW,CAACmB,SAAS,GAAG;EACtBjB,QAAQ,EAAEP,SAAS,CAACyB,MAAM,CAACC,UAAU;EACrCb,YAAY,EAAEb,SAAS,CAACyB;AAC1B,CAAC;AAEDpB,WAAW,CAACsB,YAAY,GAAG;EACzBd,YAAY,EAAE;AAChB,CAAC;AAED,eAAeX,SAAS,CAACG,WAAW,CAAC","ignoreList":[]}

package/lib-es/components/Video/constants.js

@@ -0,0 +1,7 @@
+export const EVENT_ACTIONS = {
+  START: 'start',
+  PLAYING: 'playing',
+  PAUSED: 'paused',
+  ENDED: 'ended'
+};
+//# sourceMappingURL=constants.js.map

package/lib-es/components/Video/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","names":["EVENT_ACTIONS","START","PLAYING","PAUSED","ENDED"],"sources":["../../../src/components/Video/constants.js"],"sourcesContent":["export const EVENT_ACTIONS = {\n  START: 'start',\n  PLAYING: 'playing',\n  PAUSED: 'paused',\n  ENDED: 'ended'\n};\n"],"mappings":"AAAA,OAAO,MAAMA,aAAa,GAAG;EAC3BC,KAAK,EAAE,OAAO;EACdC,OAAO,EAAE,SAAS;EAClBC,MAAM,EAAE,QAAQ;EAChBC,KAAK,EAAE;AACT,CAAC","ignoreList":[]}

package/lib-es/components/Video/helpers/emit-gtm-event.js

@@ -0,0 +1,25 @@
+import { EVENT_ACTIONS } from '../constants';
+const emitGtmEvent = ({
+  gtmEventName,
+  provider,
+  action,
+  videoId,
+  playCounter
+}) => {
+  if (!window.dataLayer || !action) return;
+  const actionToUse = action === EVENT_ACTIONS.PLAYING && playCounter.current < 1 ? EVENT_ACTIONS.START : action;
+  if (action === EVENT_ACTIONS.PLAYING) {
+    // eslint-disable-next-line no-param-reassign
+    playCounter.current += 1;
+  }
+  const playCount = playCounter.current;
+  window.dataLayer.push({
+    event: gtmEventName,
+    video_action: actionToUse,
+    video_provider: provider,
+    video_id: videoId,
+    video_play_count: playCount
+  });
+};
+export default emitGtmEvent;
+//# sourceMappingURL=emit-gtm-event.js.map

package/lib-es/components/Video/helpers/emit-gtm-event.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"emit-gtm-event.js","names":["EVENT_ACTIONS","emitGtmEvent","gtmEventName","provider","action","videoId","playCounter","window","dataLayer","actionToUse","PLAYING","current","START","playCount","push","event","video_action","video_provider","video_id","video_play_count"],"sources":["../../../../src/components/Video/helpers/emit-gtm-event.js"],"sourcesContent":["import { EVENT_ACTIONS } from '../constants';\n\nconst emitGtmEvent = ({ gtmEventName, provider, action, videoId, playCounter }) => {\n  if (!window.dataLayer || !action) return;\n\n  const actionToUse =\n    action === EVENT_ACTIONS.PLAYING && playCounter.current < 1 ? EVENT_ACTIONS.START : action;\n\n  if (action === EVENT_ACTIONS.PLAYING) {\n    // eslint-disable-next-line no-param-reassign\n    playCounter.current += 1;\n  }\n\n  const playCount = playCounter.current;\n\n  window.dataLayer.push({\n    event: gtmEventName,\n    video_action: actionToUse,\n    video_provider: provider,\n    video_id: videoId,\n    video_play_count: playCount\n  });\n};\n\nexport default emitGtmEvent;\n"],"mappings":"AAAA,SAASA,aAAa,QAAQ,cAAc;AAE5C,MAAMC,YAAY,GAAGA,CAAC;EAAEC,YAAY;EAAEC,QAAQ;EAAEC,MAAM;EAAEC,OAAO;EAAEC;AAAY,CAAC,KAAK;EACjF,IAAI,CAACC,MAAM,CAACC,SAAS,IAAI,CAACJ,MAAM,EAAE;EAElC,MAAMK,WAAW,GACfL,MAAM,KAAKJ,aAAa,CAACU,OAAO,IAAIJ,WAAW,CAACK,OAAO,GAAG,CAAC,GAAGX,aAAa,CAACY,KAAK,GAAGR,MAAM;EAE5F,IAAIA,MAAM,KAAKJ,aAAa,CAACU,OAAO,EAAE;IACpC;IACAJ,WAAW,CAACK,OAAO,IAAI,CAAC;EAC1B;EAEA,MAAME,SAAS,GAAGP,WAAW,CAACK,OAAO;EAErCJ,MAAM,CAACC,SAAS,CAACM,IAAI,CAAC;IACpBC,KAAK,EAAEb,YAAY;IACnBc,YAAY,EAAEP,WAAW;IACzBQ,cAAc,EAAEd,QAAQ;IACxBe,QAAQ,EAAEb,OAAO;IACjBc,gBAAgB,EAAEN;EACpB,CAAC,CAAC;AACJ,CAAC;AAED,eAAeZ,YAAY","ignoreList":[]}

package/lib-es/components/Video/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Video"],"sources":["../../../src/components/Video/index.js"],"sourcesContent":["import Video from './Video';\n\nexport default Video;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,SAAS;AAE3B,eAAeA,KAAK"}
+{"version":3,"file":"index.js","names":["Video"],"sources":["../../../src/components/Video/index.js"],"sourcesContent":["import Video from './Video';\n\nexport default Video;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,SAAS;AAE3B,eAAeA,KAAK","ignoreList":[]}

package/lib-es/components/Video/providers/Default.js.map

@@ -1 +1 @@
-{"version":3,"file":"Default.js","names":["React","PropTypes","Player","VIDEO_WRAPPER_CLASS_NAME","Default","modifier","url","autoplay","loop","createElement","className","preload","autoPlay","muted","src","propTypes","string","isRequired","bool","defaultProps"],"sources":["../../../../src/components/Video/providers/Default.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Player } from 'video-react';\nimport { VIDEO_WRAPPER_CLASS_NAME } from '../../../constants';\n\n// import 'video-react/styles/scss/video-react.scss';\n\nconst Default = ({ modifier, url, autoplay, loop }) => (\n  <div className={VIDEO_WRAPPER_CLASS_NAME}>\n    <Player className={modifier} preload=\"none\" autoPlay={autoplay} loop={loop} muted={autoplay}>\n      <source src={url} />\n    </Player>\n  </div>\n);\n\nDefault.propTypes = {\n  url: PropTypes.string.isRequired,\n  modifier: PropTypes.string,\n  autoplay: PropTypes.bool,\n  loop: PropTypes.bool\n};\n\nDefault.defaultProps = {\n  modifier: null,\n  autoplay: false,\n  loop: false\n};\n\nexport default Default;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,MAAM,QAAQ,aAAa;AACpC,SAASC,wBAAwB,QAAQ,oBAAoB;;AAE7D;;AAEA,MAAMC,OAAO,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,GAAG;EAAEC,QAAQ;EAAEC;AAAK,CAAC,kBAChDR,KAAA,CAAAS,aAAA;EAAKC,SAAS,EAAEP;AAAyB,gBACvCH,KAAA,CAAAS,aAAA,CAACP,MAAM;EAACQ,SAAS,EAAEL,QAAS;EAACM,OAAO,EAAC,MAAM;EAACC,QAAQ,EAAEL,QAAS;EAACC,IAAI,EAAEA,IAAK;EAACK,KAAK,EAAEN;AAAS,gBAC1FP,KAAA,CAAAS,aAAA;EAAQK,GAAG,EAAER;AAAI,CAAE,CACb,CACL,CACN;AAEDF,OAAO,CAACW,SAAS,GAAG;EAClBT,GAAG,EAAEL,SAAS,CAACe,MAAM,CAACC,UAAU;EAChCZ,QAAQ,EAAEJ,SAAS,CAACe,MAAM;EAC1BT,QAAQ,EAAEN,SAAS,CAACiB,IAAI;EACxBV,IAAI,EAAEP,SAAS,CAACiB;AAClB,CAAC;AAEDd,OAAO,CAACe,YAAY,GAAG;EACrBd,QAAQ,EAAE,IAAI;EACdE,QAAQ,EAAE,KAAK;EACfC,IAAI,EAAE;AACR,CAAC;AAED,eAAeJ,OAAO"}
+{"version":3,"file":"Default.js","names":["React","PropTypes","Player","VIDEO_WRAPPER_CLASS_NAME","Default","modifier","url","autoplay","loop","createElement","className","preload","autoPlay","muted","src","propTypes","string","isRequired","bool","defaultProps"],"sources":["../../../../src/components/Video/providers/Default.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Player } from 'video-react';\nimport { VIDEO_WRAPPER_CLASS_NAME } from '../../../constants';\n\n// import 'video-react/styles/scss/video-react.scss';\n\nconst Default = ({ modifier, url, autoplay, loop }) => (\n  <div className={VIDEO_WRAPPER_CLASS_NAME}>\n    <Player className={modifier} preload=\"none\" autoPlay={autoplay} loop={loop} muted={autoplay}>\n      <source src={url} />\n    </Player>\n  </div>\n);\n\nDefault.propTypes = {\n  url: PropTypes.string.isRequired,\n  modifier: PropTypes.string,\n  autoplay: PropTypes.bool,\n  loop: PropTypes.bool\n};\n\nDefault.defaultProps = {\n  modifier: null,\n  autoplay: false,\n  loop: false\n};\n\nexport default Default;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,MAAM,QAAQ,aAAa;AACpC,SAASC,wBAAwB,QAAQ,oBAAoB;;AAE7D;;AAEA,MAAMC,OAAO,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,GAAG;EAAEC,QAAQ;EAAEC;AAAK,CAAC,kBAChDR,KAAA,CAAAS,aAAA;EAAKC,SAAS,EAAEP;AAAyB,gBACvCH,KAAA,CAAAS,aAAA,CAACP,MAAM;EAACQ,SAAS,EAAEL,QAAS;EAACM,OAAO,EAAC,MAAM;EAACC,QAAQ,EAAEL,QAAS;EAACC,IAAI,EAAEA,IAAK;EAACK,KAAK,EAAEN;AAAS,gBAC1FP,KAAA,CAAAS,aAAA;EAAQK,GAAG,EAAER;AAAI,CAAE,CACb,CACL,CACN;AAEDF,OAAO,CAACW,SAAS,GAAG;EAClBT,GAAG,EAAEL,SAAS,CAACe,MAAM,CAACC,UAAU;EAChCZ,QAAQ,EAAEJ,SAAS,CAACe,MAAM;EAC1BT,QAAQ,EAAEN,SAAS,CAACiB,IAAI;EACxBV,IAAI,EAAEP,SAAS,CAACiB;AAClB,CAAC;AAEDd,OAAO,CAACe,YAAY,GAAG;EACrBd,QAAQ,EAAE,IAAI;EACdE,QAAQ,EAAE,KAAK;EACfC,IAAI,EAAE;AACR,CAAC;AAED,eAAeJ,OAAO","ignoreList":[]}

package/lib-es/components/Video/providers/JWPlayer/JWPlayerController.js

@@ -3,8 +3,11 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
   Custom controller to extend and scale the 'react-jw-player' library for future updates.
 */
 
+import { EVENT_ACTIONS } from '../../constants';
 class JWPlayerController {
-  constructor() {
+  constructor({
+    emitEvent: _emitEvent
+  }) {
     _defineProperty(this, "setPlayer", player => {
       this.player = player;
     });
@@ -21,11 +24,32 @@ class JWPlayerController {
     }) => {
       this.error = message;
     });
-    _defineProperty(this, "onComplete", event => {});
-    _defineProperty(this, "onPause", event => {});
-    _defineProperty(this, "onPlay", event => {});
+    _defineProperty(this, "doEmitEvent", action => {
+      const {
+        emitEvent
+      } = this;
+      if (emitEvent) {
+        const {
+          mediaid: videoId
+        } = this.player.getPlaylistItem();
+        emitEvent({
+          action,
+          videoId
+        });
+      }
+    });
+    _defineProperty(this, "onComplete", event => {
+      this.doEmitEvent(EVENT_ACTIONS.ENDED);
+    });
+    _defineProperty(this, "onPause", event => {
+      this.doEmitEvent(EVENT_ACTIONS.PAUSED);
+    });
+    _defineProperty(this, "onPlay", event => {
+      this.doEmitEvent(EVENT_ACTIONS.PLAYING);
+    });
     this.player = null;
     this.error = null;
+    this.emitEvent = _emitEvent;
   }
   get events() {
     return {

package/lib-es/components/Video/providers/JWPlayer/JWPlayerController.js.map

@@ -1 +1 @@
-{"version":3,"file":"JWPlayerController.js","names":["JWPlayerController","constructor","_defineProperty","player","setError","message","error","event","events","play","onPlay","pause","onPause","onError","complete","onComplete","setupError"],"sources":["../../../../../src/components/Video/providers/JWPlayer/JWPlayerController.js"],"sourcesContent":["/*\n  Custom controller to extend and scale the 'react-jw-player' library for future updates.\n*/\n\nclass JWPlayerController {\n  constructor() {\n    this.player = null;\n    this.error = null;\n  }\n\n  setPlayer = player => {\n    this.player = player;\n  };\n\n  setErrorHandler = setError => {\n    this.setError = setError;\n  };\n\n  onError = ({ message }) => {\n    this.error = message;\n  };\n\n  onSetupError = ({ message }) => {\n    this.error = message;\n  };\n\n  onComplete = event => {};\n\n  onPause = event => {};\n\n  onPlay = event => {};\n\n  get events() {\n    return {\n      play: this.onPlay,\n      pause: this.onPause,\n      error: this.onError,\n      complete: this.onComplete,\n      setupError: this.setupError\n    };\n  }\n}\n\nexport default JWPlayerController;\n"],"mappings":";AAAA;AACA;AACA;;AAEA,MAAMA,kBAAkB,CAAC;EACvBC,WAAWA,CAAA,EAAG;IAAAC,eAAA,oBAKFC,MAAM,IAAI;MACpB,IAAI,CAACA,MAAM,GAAGA,MAAM;IACtB,CAAC;IAAAD,eAAA,0BAEiBE,QAAQ,IAAI;MAC5B,IAAI,CAACA,QAAQ,GAAGA,QAAQ;IAC1B,CAAC;IAAAF,eAAA,kBAES,CAAC;MAAEG;IAAQ,CAAC,KAAK;MACzB,IAAI,CAACC,KAAK,GAAGD,OAAO;IACtB,CAAC;IAAAH,eAAA,uBAEc,CAAC;MAAEG;IAAQ,CAAC,KAAK;MAC9B,IAAI,CAACC,KAAK,GAAGD,OAAO;IACtB,CAAC;IAAAH,eAAA,qBAEYK,KAAK,IAAI,CAAC,CAAC;IAAAL,eAAA,kBAEdK,KAAK,IAAI,CAAC,CAAC;IAAAL,eAAA,iBAEZK,KAAK,IAAI,CAAC,CAAC;IAxBlB,IAAI,CAACJ,MAAM,GAAG,IAAI;IAClB,IAAI,CAACG,KAAK,GAAG,IAAI;EACnB;EAwBA,IAAIE,MAAMA,CAAA,EAAG;IACX,OAAO;MACLC,IAAI,EAAE,IAAI,CAACC,MAAM;MACjBC,KAAK,EAAE,IAAI,CAACC,OAAO;MACnBN,KAAK,EAAE,IAAI,CAACO,OAAO;MACnBC,QAAQ,EAAE,IAAI,CAACC,UAAU;MACzBC,UAAU,EAAE,IAAI,CAACA;IACnB,CAAC;EACH;AACF;AAEA,eAAehB,kBAAkB"}
+{"version":3,"file":"JWPlayerController.js","names":["EVENT_ACTIONS","JWPlayerController","constructor","emitEvent","_defineProperty","player","setError","message","error","action","mediaid","videoId","getPlaylistItem","event","doEmitEvent","ENDED","PAUSED","PLAYING","events","play","onPlay","pause","onPause","onError","complete","onComplete","setupError"],"sources":["../../../../../src/components/Video/providers/JWPlayer/JWPlayerController.js"],"sourcesContent":["/*\n  Custom controller to extend and scale the 'react-jw-player' library for future updates.\n*/\n\nimport { EVENT_ACTIONS } from '../../constants';\n\nclass JWPlayerController {\n  constructor({ emitEvent }) {\n    this.player = null;\n    this.error = null;\n    this.emitEvent = emitEvent;\n  }\n\n  setPlayer = player => {\n    this.player = player;\n  };\n\n  setErrorHandler = setError => {\n    this.setError = setError;\n  };\n\n  onError = ({ message }) => {\n    this.error = message;\n  };\n\n  onSetupError = ({ message }) => {\n    this.error = message;\n  };\n\n  doEmitEvent = action => {\n    const { emitEvent } = this;\n    if (emitEvent) {\n      const { mediaid: videoId } = this.player.getPlaylistItem();\n      emitEvent({ action, videoId });\n    }\n  };\n\n  onComplete = event => {\n    this.doEmitEvent(EVENT_ACTIONS.ENDED);\n  };\n\n  onPause = event => {\n    this.doEmitEvent(EVENT_ACTIONS.PAUSED);\n  };\n\n  onPlay = event => {\n    this.doEmitEvent(EVENT_ACTIONS.PLAYING);\n  };\n\n  get events() {\n    return {\n      play: this.onPlay,\n      pause: this.onPause,\n      error: this.onError,\n      complete: this.onComplete,\n      setupError: this.setupError\n    };\n  }\n}\n\nexport default JWPlayerController;\n"],"mappings":";AAAA;AACA;AACA;;AAEA,SAASA,aAAa,QAAQ,iBAAiB;AAE/C,MAAMC,kBAAkB,CAAC;EACvBC,WAAWA,CAAC;IAAEC,SAAS,EAATA;EAAU,CAAC,EAAE;IAAAC,eAAA,oBAMfC,MAAM,IAAI;MACpB,IAAI,CAACA,MAAM,GAAGA,MAAM;IACtB,CAAC;IAAAD,eAAA,0BAEiBE,QAAQ,IAAI;MAC5B,IAAI,CAACA,QAAQ,GAAGA,QAAQ;IAC1B,CAAC;IAAAF,eAAA,kBAES,CAAC;MAAEG;IAAQ,CAAC,KAAK;MACzB,IAAI,CAACC,KAAK,GAAGD,OAAO;IACtB,CAAC;IAAAH,eAAA,uBAEc,CAAC;MAAEG;IAAQ,CAAC,KAAK;MAC9B,IAAI,CAACC,KAAK,GAAGD,OAAO;IACtB,CAAC;IAAAH,eAAA,sBAEaK,MAAM,IAAI;MACtB,MAAM;QAAEN;MAAU,CAAC,GAAG,IAAI;MAC1B,IAAIA,SAAS,EAAE;QACb,MAAM;UAAEO,OAAO,EAAEC;QAAQ,CAAC,GAAG,IAAI,CAACN,MAAM,CAACO,eAAe,CAAC,CAAC;QAC1DT,SAAS,CAAC;UAAEM,MAAM;UAAEE;QAAQ,CAAC,CAAC;MAChC;IACF,CAAC;IAAAP,eAAA,qBAEYS,KAAK,IAAI;MACpB,IAAI,CAACC,WAAW,CAACd,aAAa,CAACe,KAAK,CAAC;IACvC,CAAC;IAAAX,eAAA,kBAESS,KAAK,IAAI;MACjB,IAAI,CAACC,WAAW,CAACd,aAAa,CAACgB,MAAM,CAAC;IACxC,CAAC;IAAAZ,eAAA,iBAEQS,KAAK,IAAI;MAChB,IAAI,CAACC,WAAW,CAACd,aAAa,CAACiB,OAAO,CAAC;IACzC,CAAC;IAvCC,IAAI,CAACZ,MAAM,GAAG,IAAI;IAClB,IAAI,CAACG,KAAK,GAAG,IAAI;IACjB,IAAI,CAACL,SAAS,GAAGA,UAAS;EAC5B;EAsCA,IAAIe,MAAMA,CAAA,EAAG;IACX,OAAO;MACLC,IAAI,EAAE,IAAI,CAACC,MAAM;MACjBC,KAAK,EAAE,IAAI,CAACC,OAAO;MACnBd,KAAK,EAAE,IAAI,CAACe,OAAO;MACnBC,QAAQ,EAAE,IAAI,CAACC,UAAU;MACzBC,UAAU,EAAE,IAAI,CAACA;IACnB,CAAC;EACH;AACF;AAEA,eAAezB,kBAAkB","ignoreList":[]}

package/lib-es/components/Video/providers/JWPlayer/JWPlayerProvider.js

@@ -1,12 +1,12 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import React from 'react';
+import React, { useContext, useRef } from 'react';
 import PropTypes from 'prop-types';
 import ReactJWPlayer from 'react-jw-player';
 import { JW_PLAYER_TYPE_FILE, VIDEO_WRAPPER_CLASS_NAME } from '../../../../constants';
 import JWPlayerController from './JWPlayerController';
-const PlayerController = new JWPlayerController();
+import { VideoContext } from '../../VideoContext';
 const JWPlayerProvider = ({
   url,
   name,
@@ -18,16 +18,22 @@ const JWPlayerProvider = ({
   imageData,
   loop: repeat
 }) => {
+  const {
+    emitEvent
+  } = useContext(VideoContext);
+  const PlayerController = useRef(new JWPlayerController({
+    emitEvent
+  }));
   const handleOnReady = () => {
     const jwPlayer = window.jwplayer(name);
     if (jwPlayer) {
-      PlayerController.setPlayer(jwPlayer);
+      PlayerController.current.setPlayer(jwPlayer);
     }
   };
   const getJWPlayerProps = () => {
     const {
       events
-    } = PlayerController;
+    } = PlayerController.current;
     const props = {
       customProps: {
         repeat,

package/lib-es/components/Video/providers/JWPlayer/JWPlayerProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"JWPlayerProvider.js","names":["React","PropTypes","ReactJWPlayer","JW_PLAYER_TYPE_FILE","VIDEO_WRAPPER_CLASS_NAME","JWPlayerController","PlayerController","JWPlayerProvider","url","name","autoplay","controls","type","urlScript","muted","imageData","loop","repeat","handleOnReady","jwPlayer","window","jwplayer","setPlayer","getJWPlayerProps","events","props","customProps","playerScript","isAutoPlay","isMuted","playerId","onReady","className","imageURL","_objectSpread","image","file","playlist","createElement","propTypes","string","isRequired","imageId","bool","object","defaultProps"],"sources":["../../../../../src/components/Video/providers/JWPlayer/JWPlayerProvider.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ReactJWPlayer from 'react-jw-player';\nimport { JW_PLAYER_TYPE_FILE, VIDEO_WRAPPER_CLASS_NAME } from '../../../../constants';\nimport JWPlayerController from './JWPlayerController';\n\nconst PlayerController = new JWPlayerController();\n\nconst JWPlayerProvider = ({\n  url,\n  name,\n  autoplay,\n  controls,\n  type,\n  urlScript,\n  muted,\n  imageData,\n  loop: repeat\n}) => {\n  const handleOnReady = () => {\n    const jwPlayer = window.jwplayer(name);\n    if (jwPlayer) {\n      PlayerController.setPlayer(jwPlayer);\n    }\n  };\n\n  const getJWPlayerProps = () => {\n    const { events } = PlayerController;\n\n    const props = {\n      customProps: { repeat, controls, events },\n      playerScript: urlScript,\n      isAutoPlay: autoplay,\n      isMuted: muted,\n      playerId: name,\n      onReady: handleOnReady,\n      className: VIDEO_WRAPPER_CLASS_NAME\n    };\n\n    if (type === JW_PLAYER_TYPE_FILE) {\n      const { url: imageURL = '' } = imageData;\n      return { ...props, image: imageURL, file: url };\n    }\n\n    return { ...props, playlist: url };\n  };\n\n  return <ReactJWPlayer {...getJWPlayerProps()} />;\n};\n\nJWPlayerProvider.propTypes = {\n  url: PropTypes.string.isRequired,\n  name: PropTypes.string.isRequired,\n  urlScript: PropTypes.string.isRequired,\n  imageId: PropTypes.string,\n  autoplay: PropTypes.bool,\n  loop: PropTypes.bool,\n  controls: PropTypes.bool,\n  muted: PropTypes.bool,\n  type: PropTypes.string,\n  imageData: PropTypes.object\n};\n\nJWPlayerProvider.defaultProps = {\n  autoplay: false,\n  loop: false,\n  controls: true,\n  muted: false,\n  type: 'playlist',\n  imageId: null,\n  imageData: {}\n};\n\nexport default JWPlayerProvider;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,aAAa,MAAM,iBAAiB;AAC3C,SAASC,mBAAmB,EAAEC,wBAAwB,QAAQ,uBAAuB;AACrF,OAAOC,kBAAkB,MAAM,sBAAsB;AAErD,MAAMC,gBAAgB,GAAG,IAAID,kBAAkB,CAAC,CAAC;AAEjD,MAAME,gBAAgB,GAAGA,CAAC;EACxBC,GAAG;EACHC,IAAI;EACJC,QAAQ;EACRC,QAAQ;EACRC,IAAI;EACJC,SAAS;EACTC,KAAK;EACLC,SAAS;EACTC,IAAI,EAAEC;AACR,CAAC,KAAK;EACJ,MAAMC,aAAa,GAAGA,CAAA,KAAM;IAC1B,MAAMC,QAAQ,GAAGC,MAAM,CAACC,QAAQ,CAACZ,IAAI,CAAC;IACtC,IAAIU,QAAQ,EAAE;MACZb,gBAAgB,CAACgB,SAAS,CAACH,QAAQ,CAAC;IACtC;EACF,CAAC;EAED,MAAMI,gBAAgB,GAAGA,CAAA,KAAM;IAC7B,MAAM;MAAEC;IAAO,CAAC,GAAGlB,gBAAgB;IAEnC,MAAMmB,KAAK,GAAG;MACZC,WAAW,EAAE;QAAET,MAAM;QAAEN,QAAQ;QAAEa;MAAO,CAAC;MACzCG,YAAY,EAAEd,SAAS;MACvBe,UAAU,EAAElB,QAAQ;MACpBmB,OAAO,EAAEf,KAAK;MACdgB,QAAQ,EAAErB,IAAI;MACdsB,OAAO,EAAEb,aAAa;MACtBc,SAAS,EAAE5B;IACb,CAAC;IAED,IAAIQ,IAAI,KAAKT,mBAAmB,EAAE;MAChC,MAAM;QAAEK,GAAG,EAAEyB,QAAQ,GAAG;MAAG,CAAC,GAAGlB,SAAS;MACxC,OAAAmB,aAAA,CAAAA,aAAA,KAAYT,KAAK;QAAEU,KAAK,EAAEF,QAAQ;QAAEG,IAAI,EAAE5B;MAAG;IAC/C;IAEA,OAAA0B,aAAA,CAAAA,aAAA,KAAYT,KAAK;MAAEY,QAAQ,EAAE7B;IAAG;EAClC,CAAC;EAED,oBAAOR,KAAA,CAAAsC,aAAA,CAACpC,aAAa,EAAKqB,gBAAgB,CAAC,CAAI,CAAC;AAClD,CAAC;AAEDhB,gBAAgB,CAACgC,SAAS,GAAG;EAC3B/B,GAAG,EAAEP,SAAS,CAACuC,MAAM,CAACC,UAAU;EAChChC,IAAI,EAAER,SAAS,CAACuC,MAAM,CAACC,UAAU;EACjC5B,SAAS,EAAEZ,SAAS,CAACuC,MAAM,CAACC,UAAU;EACtCC,OAAO,EAAEzC,SAAS,CAACuC,MAAM;EACzB9B,QAAQ,EAAET,SAAS,CAAC0C,IAAI;EACxB3B,IAAI,EAAEf,SAAS,CAAC0C,IAAI;EACpBhC,QAAQ,EAAEV,SAAS,CAAC0C,IAAI;EACxB7B,KAAK,EAAEb,SAAS,CAAC0C,IAAI;EACrB/B,IAAI,EAAEX,SAAS,CAACuC,MAAM;EACtBzB,SAAS,EAAEd,SAAS,CAAC2C;AACvB,CAAC;AAEDrC,gBAAgB,CAACsC,YAAY,GAAG;EAC9BnC,QAAQ,EAAE,KAAK;EACfM,IAAI,EAAE,KAAK;EACXL,QAAQ,EAAE,IAAI;EACdG,KAAK,EAAE,KAAK;EACZF,IAAI,EAAE,UAAU;EAChB8B,OAAO,EAAE,IAAI;EACb3B,SAAS,EAAE,CAAC;AACd,CAAC;AAED,eAAeR,gBAAgB"}
+{"version":3,"file":"JWPlayerProvider.js","names":["React","useContext","useRef","PropTypes","ReactJWPlayer","JW_PLAYER_TYPE_FILE","VIDEO_WRAPPER_CLASS_NAME","JWPlayerController","VideoContext","JWPlayerProvider","url","name","autoplay","controls","type","urlScript","muted","imageData","loop","repeat","emitEvent","PlayerController","handleOnReady","jwPlayer","window","jwplayer","current","setPlayer","getJWPlayerProps","events","props","customProps","playerScript","isAutoPlay","isMuted","playerId","onReady","className","imageURL","_objectSpread","image","file","playlist","createElement","propTypes","string","isRequired","imageId","bool","object","defaultProps"],"sources":["../../../../../src/components/Video/providers/JWPlayer/JWPlayerProvider.js"],"sourcesContent":["import React, { useContext, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport ReactJWPlayer from 'react-jw-player';\nimport { JW_PLAYER_TYPE_FILE, VIDEO_WRAPPER_CLASS_NAME } from '../../../../constants';\nimport JWPlayerController from './JWPlayerController';\nimport { VideoContext } from '../../VideoContext';\n\nconst JWPlayerProvider = ({\n  url,\n  name,\n  autoplay,\n  controls,\n  type,\n  urlScript,\n  muted,\n  imageData,\n  loop: repeat\n}) => {\n  const { emitEvent } = useContext(VideoContext);\n  const PlayerController = useRef(new JWPlayerController({ emitEvent }));\n\n  const handleOnReady = () => {\n    const jwPlayer = window.jwplayer(name);\n    if (jwPlayer) {\n      PlayerController.current.setPlayer(jwPlayer);\n    }\n  };\n\n  const getJWPlayerProps = () => {\n    const { events } = PlayerController.current;\n\n    const props = {\n      customProps: { repeat, controls, events },\n      playerScript: urlScript,\n      isAutoPlay: autoplay,\n      isMuted: muted,\n      playerId: name,\n      onReady: handleOnReady,\n      className: VIDEO_WRAPPER_CLASS_NAME\n    };\n\n    if (type === JW_PLAYER_TYPE_FILE) {\n      const { url: imageURL = '' } = imageData;\n      return { ...props, image: imageURL, file: url };\n    }\n\n    return { ...props, playlist: url };\n  };\n\n  return <ReactJWPlayer {...getJWPlayerProps()} />;\n};\n\nJWPlayerProvider.propTypes = {\n  url: PropTypes.string.isRequired,\n  name: PropTypes.string.isRequired,\n  urlScript: PropTypes.string.isRequired,\n  imageId: PropTypes.string,\n  autoplay: PropTypes.bool,\n  loop: PropTypes.bool,\n  controls: PropTypes.bool,\n  muted: PropTypes.bool,\n  type: PropTypes.string,\n  imageData: PropTypes.object\n};\n\nJWPlayerProvider.defaultProps = {\n  autoplay: false,\n  loop: false,\n  controls: true,\n  muted: false,\n  type: 'playlist',\n  imageId: null,\n  imageData: {}\n};\n\nexport default JWPlayerProvider;\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,MAAM,QAAQ,OAAO;AACjD,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,aAAa,MAAM,iBAAiB;AAC3C,SAASC,mBAAmB,EAAEC,wBAAwB,QAAQ,uBAAuB;AACrF,OAAOC,kBAAkB,MAAM,sBAAsB;AACrD,SAASC,YAAY,QAAQ,oBAAoB;AAEjD,MAAMC,gBAAgB,GAAGA,CAAC;EACxBC,GAAG;EACHC,IAAI;EACJC,QAAQ;EACRC,QAAQ;EACRC,IAAI;EACJC,SAAS;EACTC,KAAK;EACLC,SAAS;EACTC,IAAI,EAAEC;AACR,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAU,CAAC,GAAGnB,UAAU,CAACO,YAAY,CAAC;EAC9C,MAAMa,gBAAgB,GAAGnB,MAAM,CAAC,IAAIK,kBAAkB,CAAC;IAAEa;EAAU,CAAC,CAAC,CAAC;EAEtE,MAAME,aAAa,GAAGA,CAAA,KAAM;IAC1B,MAAMC,QAAQ,GAAGC,MAAM,CAACC,QAAQ,CAACd,IAAI,CAAC;IACtC,IAAIY,QAAQ,EAAE;MACZF,gBAAgB,CAACK,OAAO,CAACC,SAAS,CAACJ,QAAQ,CAAC;IAC9C;EACF,CAAC;EAED,MAAMK,gBAAgB,GAAGA,CAAA,KAAM;IAC7B,MAAM;MAAEC;IAAO,CAAC,GAAGR,gBAAgB,CAACK,OAAO;IAE3C,MAAMI,KAAK,GAAG;MACZC,WAAW,EAAE;QAAEZ,MAAM;QAAEN,QAAQ;QAAEgB;MAAO,CAAC;MACzCG,YAAY,EAAEjB,SAAS;MACvBkB,UAAU,EAAErB,QAAQ;MACpBsB,OAAO,EAAElB,KAAK;MACdmB,QAAQ,EAAExB,IAAI;MACdyB,OAAO,EAAEd,aAAa;MACtBe,SAAS,EAAE/B;IACb,CAAC;IAED,IAAIQ,IAAI,KAAKT,mBAAmB,EAAE;MAChC,MAAM;QAAEK,GAAG,EAAE4B,QAAQ,GAAG;MAAG,CAAC,GAAGrB,SAAS;MACxC,OAAAsB,aAAA,CAAAA,aAAA,KAAYT,KAAK;QAAEU,KAAK,EAAEF,QAAQ;QAAEG,IAAI,EAAE/B;MAAG;IAC/C;IAEA,OAAA6B,aAAA,CAAAA,aAAA,KAAYT,KAAK;MAAEY,QAAQ,EAAEhC;IAAG;EAClC,CAAC;EAED,oBAAOV,KAAA,CAAA2C,aAAA,CAACvC,aAAa,EAAKwB,gBAAgB,CAAC,CAAI,CAAC;AAClD,CAAC;AAEDnB,gBAAgB,CAACmC,SAAS,GAAG;EAC3BlC,GAAG,EAAEP,SAAS,CAAC0C,MAAM,CAACC,UAAU;EAChCnC,IAAI,EAAER,SAAS,CAAC0C,MAAM,CAACC,UAAU;EACjC/B,SAAS,EAAEZ,SAAS,CAAC0C,MAAM,CAACC,UAAU;EACtCC,OAAO,EAAE5C,SAAS,CAAC0C,MAAM;EACzBjC,QAAQ,EAAET,SAAS,CAAC6C,IAAI;EACxB9B,IAAI,EAAEf,SAAS,CAAC6C,IAAI;EACpBnC,QAAQ,EAAEV,SAAS,CAAC6C,IAAI;EACxBhC,KAAK,EAAEb,SAAS,CAAC6C,IAAI;EACrBlC,IAAI,EAAEX,SAAS,CAAC0C,MAAM;EACtB5B,SAAS,EAAEd,SAAS,CAAC8C;AACvB,CAAC;AAEDxC,gBAAgB,CAACyC,YAAY,GAAG;EAC9BtC,QAAQ,EAAE,KAAK;EACfM,IAAI,EAAE,KAAK;EACXL,QAAQ,EAAE,IAAI;EACdG,KAAK,EAAE,KAAK;EACZF,IAAI,EAAE,UAAU;EAChBiC,OAAO,EAAE,IAAI;EACb9B,SAAS,EAAE,CAAC;AACd,CAAC;AAED,eAAeR,gBAAgB","ignoreList":[]}

package/lib-es/components/Video/providers/Vimeo/VimeoProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"VimeoProvider.js","names":["React","useEffect","useState","useRef","PropTypes","parseHTML","addExtraParamsToUrl","wrapScriptTags","VIDEO_WRAPPER_CLASS_NAME","VimeoProvider","url","autoplay","loop","imageData","inputEl","videoData","setVideoData","videoError","setVideoError","shouldRenderVideo","setShouldRenderVideo","fetchVideoData","videoUrl","res","fetch","data","json","err","currentHeight","current","clientHeight","urlWithParams","height","thumbnail_url_with_play_button","thumbnailUrl","html","imageUrl","backgroundUrl","videoStyle","backgroundImage","maxheight","parsedCode","wrappedCode","createElement","ref","role","className","style","onClick","message","propTypes","string","isRequired","bool","object","defaultProps"],"sources":["../../../../../src/components/Video/providers/Vimeo/VimeoProvider.js"],"sourcesContent":["import React, { useEffect, useState, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport parseHTML from 'html-react-parser';\nimport { addExtraParamsToUrl } from './helpers';\nimport { wrapScriptTags } from '../../../Code/helpers';\nimport { VIDEO_WRAPPER_CLASS_NAME } from '../../../../constants';\n\nconst VimeoProvider = ({ url, autoplay, loop, imageData }) => {\n  const inputEl = useRef(null);\n  const [videoData, setVideoData] = useState(null);\n  const [videoError, setVideoError] = useState(null);\n  const [shouldRenderVideo, setShouldRenderVideo] = useState(!!autoplay);\n\n  useEffect(\n    () => {\n      async function fetchVideoData(videoUrl) {\n        try {\n          const res = await fetch(videoUrl);\n          const data = await res.json();\n          setVideoData(data);\n        } catch (err) {\n          setVideoError(err);\n        }\n      }\n      if (url) {\n        const currentHeight = inputEl.current.clientHeight;\n        const urlWithParams = addExtraParamsToUrl(url, {\n          autoplay: true,\n          loop,\n          height: currentHeight\n        });\n        fetchVideoData(urlWithParams);\n      }\n    },\n    [autoplay, loop, url]\n  );\n\n  const { thumbnail_url_with_play_button: thumbnailUrl, html = '' } = videoData || {};\n  const imageUrl = imageData && imageData.url;\n  const backgroundUrl = imageUrl || thumbnailUrl;\n  const videoStyle = {};\n  if (!shouldRenderVideo && backgroundUrl)\n    videoStyle.backgroundImage = `url(${!shouldRenderVideo ? backgroundUrl : ''})`;\n  if (inputEl && inputEl.current) videoStyle.maxheight = inputEl.current.clientHeight;\n  const parsedCode = parseHTML(html);\n  const wrappedCode = wrapScriptTags(parsedCode);\n\n  return (\n    <div\n      ref={inputEl}\n      role=\"button\"\n      className={VIDEO_WRAPPER_CLASS_NAME}\n      style={videoStyle}\n      onClick={() => !shouldRenderVideo && setShouldRenderVideo(true)}>\n      {shouldRenderVideo && !videoError && wrappedCode}\n      {videoError && videoError.message}\n    </div>\n  );\n};\n\nVimeoProvider.propTypes = {\n  url: PropTypes.string.isRequired,\n  autoplay: PropTypes.bool,\n  loop: PropTypes.bool,\n  imageData: PropTypes.object\n};\n\nVimeoProvider.defaultProps = {\n  autoplay: false,\n  loop: false,\n  imageData: null\n};\n\nexport default VimeoProvider;\n"],"mappings":"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"}
+{"version":3,"file":"VimeoProvider.js","names":["React","useEffect","useState","useRef","PropTypes","parseHTML","addExtraParamsToUrl","wrapScriptTags","VIDEO_WRAPPER_CLASS_NAME","VimeoProvider","url","autoplay","loop","imageData","inputEl","videoData","setVideoData","videoError","setVideoError","shouldRenderVideo","setShouldRenderVideo","fetchVideoData","videoUrl","res","fetch","data","json","err","currentHeight","current","clientHeight","urlWithParams","height","thumbnail_url_with_play_button","thumbnailUrl","html","imageUrl","backgroundUrl","videoStyle","backgroundImage","maxheight","parsedCode","wrappedCode","createElement","ref","role","className","style","onClick","message","propTypes","string","isRequired","bool","object","defaultProps"],"sources":["../../../../../src/components/Video/providers/Vimeo/VimeoProvider.js"],"sourcesContent":["import React, { useEffect, useState, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport parseHTML from 'html-react-parser';\nimport { addExtraParamsToUrl } from './helpers';\nimport { wrapScriptTags } from '../../../Code/helpers';\nimport { VIDEO_WRAPPER_CLASS_NAME } from '../../../../constants';\n\nconst VimeoProvider = ({ url, autoplay, loop, imageData }) => {\n  const inputEl = useRef(null);\n  const [videoData, setVideoData] = useState(null);\n  const [videoError, setVideoError] = useState(null);\n  const [shouldRenderVideo, setShouldRenderVideo] = useState(!!autoplay);\n\n  useEffect(\n    () => {\n      async function fetchVideoData(videoUrl) {\n        try {\n          const res = await fetch(videoUrl);\n          const data = await res.json();\n          setVideoData(data);\n        } catch (err) {\n          setVideoError(err);\n        }\n      }\n      if (url) {\n        const currentHeight = inputEl.current.clientHeight;\n        const urlWithParams = addExtraParamsToUrl(url, {\n          autoplay: true,\n          loop,\n          height: currentHeight\n        });\n        fetchVideoData(urlWithParams);\n      }\n    },\n    [autoplay, loop, url]\n  );\n\n  const { thumbnail_url_with_play_button: thumbnailUrl, html = '' } = videoData || {};\n  const imageUrl = imageData && imageData.url;\n  const backgroundUrl = imageUrl || thumbnailUrl;\n  const videoStyle = {};\n  if (!shouldRenderVideo && backgroundUrl)\n    videoStyle.backgroundImage = `url(${!shouldRenderVideo ? backgroundUrl : ''})`;\n  if (inputEl && inputEl.current) videoStyle.maxheight = inputEl.current.clientHeight;\n  const parsedCode = parseHTML(html);\n  const wrappedCode = wrapScriptTags(parsedCode);\n\n  return (\n    <div\n      ref={inputEl}\n      role=\"button\"\n      className={VIDEO_WRAPPER_CLASS_NAME}\n      style={videoStyle}\n      onClick={() => !shouldRenderVideo && setShouldRenderVideo(true)}>\n      {shouldRenderVideo && !videoError && wrappedCode}\n      {videoError && videoError.message}\n    </div>\n  );\n};\n\nVimeoProvider.propTypes = {\n  url: PropTypes.string.isRequired,\n  autoplay: PropTypes.bool,\n  loop: PropTypes.bool,\n  imageData: PropTypes.object\n};\n\nVimeoProvider.defaultProps = {\n  autoplay: false,\n  loop: false,\n  imageData: null\n};\n\nexport default VimeoProvider;\n"],"mappings":"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","ignoreList":[]}

package/lib-es/components/Video/providers/Vimeo/helpers/add-extra-params-to-url.js.map

@@ -1 +1 @@
-{"version":3,"file":"add-extra-params-to-url.js","names":["VIMEO_OEMBED_URL","addExtraParamsToUrl","url","queryParams","paramsWithValues","Object","keys","forEach","key","parsedParams","URLSearchParams","stringParams","toString"],"sources":["../../../../../../src/components/Video/providers/Vimeo/helpers/add-extra-params-to-url.js"],"sourcesContent":["import { VIMEO_OEMBED_URL } from '../../../../../constants';\n\nconst addExtraParamsToUrl = (url, queryParams = {}) => {\n  const paramsWithValues = {};\n  Object.keys(queryParams).forEach(key => {\n    if (queryParams[key]) {\n      paramsWithValues[key] = queryParams[key];\n    }\n  });\n  const parsedParams = new URLSearchParams(paramsWithValues);\n  const stringParams = parsedParams.toString();\n  return `${VIMEO_OEMBED_URL}?url=${url}${stringParams ? `&${stringParams}` : ''}`;\n};\n\nexport default addExtraParamsToUrl;\n"],"mappings":"AAAA,SAASA,gBAAgB,QAAQ,0BAA0B;AAE3D,MAAMC,mBAAmB,GAAGA,CAACC,GAAG,EAAEC,WAAW,GAAG,CAAC,CAAC,KAAK;EACrD,MAAMC,gBAAgB,GAAG,CAAC,CAAC;EAC3BC,MAAM,CAACC,IAAI,CAACH,WAAW,CAAC,CAACI,OAAO,CAACC,GAAG,IAAI;IACtC,IAAIL,WAAW,CAACK,GAAG,CAAC,EAAE;MACpBJ,gBAAgB,CAACI,GAAG,CAAC,GAAGL,WAAW,CAACK,GAAG,CAAC;IAC1C;EACF,CAAC,CAAC;EACF,MAAMC,YAAY,GAAG,IAAIC,eAAe,CAACN,gBAAgB,CAAC;EAC1D,MAAMO,YAAY,GAAGF,YAAY,CAACG,QAAQ,CAAC,CAAC;EAC5C,OAAQ,GAAEZ,gBAAiB,QAAOE,GAAI,GAAES,YAAY,GAAI,IAAGA,YAAa,EAAC,GAAG,EAAG,EAAC;AAClF,CAAC;AAED,eAAeV,mBAAmB"}
+{"version":3,"file":"add-extra-params-to-url.js","names":["VIMEO_OEMBED_URL","addExtraParamsToUrl","url","queryParams","paramsWithValues","Object","keys","forEach","key","parsedParams","URLSearchParams","stringParams","toString"],"sources":["../../../../../../src/components/Video/providers/Vimeo/helpers/add-extra-params-to-url.js"],"sourcesContent":["import { VIMEO_OEMBED_URL } from '../../../../../constants';\n\nconst addExtraParamsToUrl = (url, queryParams = {}) => {\n  const paramsWithValues = {};\n  Object.keys(queryParams).forEach(key => {\n    if (queryParams[key]) {\n      paramsWithValues[key] = queryParams[key];\n    }\n  });\n  const parsedParams = new URLSearchParams(paramsWithValues);\n  const stringParams = parsedParams.toString();\n  return `${VIMEO_OEMBED_URL}?url=${url}${stringParams ? `&${stringParams}` : ''}`;\n};\n\nexport default addExtraParamsToUrl;\n"],"mappings":"AAAA,SAASA,gBAAgB,QAAQ,0BAA0B;AAE3D,MAAMC,mBAAmB,GAAGA,CAACC,GAAG,EAAEC,WAAW,GAAG,CAAC,CAAC,KAAK;EACrD,MAAMC,gBAAgB,GAAG,CAAC,CAAC;EAC3BC,MAAM,CAACC,IAAI,CAACH,WAAW,CAAC,CAACI,OAAO,CAACC,GAAG,IAAI;IACtC,IAAIL,WAAW,CAACK,GAAG,CAAC,EAAE;MACpBJ,gBAAgB,CAACI,GAAG,CAAC,GAAGL,WAAW,CAACK,GAAG,CAAC;IAC1C;EACF,CAAC,CAAC;EACF,MAAMC,YAAY,GAAG,IAAIC,eAAe,CAACN,gBAAgB,CAAC;EAC1D,MAAMO,YAAY,GAAGF,YAAY,CAACG,QAAQ,CAAC,CAAC;EAC5C,OAAQ,GAAEZ,gBAAiB,QAAOE,GAAI,GAAES,YAAY,GAAI,IAAGA,YAAa,EAAC,GAAG,EAAG,EAAC;AAClF,CAAC;AAED,eAAeV,mBAAmB","ignoreList":[]}

package/lib-es/components/Video/providers/Vimeo/helpers/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["addExtraParamsToUrl"],"sources":["../../../../../../src/components/Video/providers/Vimeo/helpers/index.js"],"sourcesContent":["import addExtraParamsToUrl from './add-extra-params-to-url';\n\nexport { addExtraParamsToUrl };\n"],"mappings":"AAAA,OAAOA,mBAAmB,MAAM,2BAA2B;AAE3D,SAASA,mBAAmB"}
+{"version":3,"file":"index.js","names":["addExtraParamsToUrl"],"sources":["../../../../../../src/components/Video/providers/Vimeo/helpers/index.js"],"sourcesContent":["import addExtraParamsToUrl from './add-extra-params-to-url';\n\nexport { addExtraParamsToUrl };\n"],"mappings":"AAAA,OAAOA,mBAAmB,MAAM,2BAA2B;AAE3D,SAASA,mBAAmB","ignoreList":[]}

package/lib-es/components/Video/providers/YouTube/YouTubeProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"YouTubeProvider.js","names":["React","PropTypes","YoutubeEmbeded","getYouTubeID","booleanToNumber","VIDEO_WRAPPER_CLASS_NAME","YouTubeProvider","url","autoplay","loop","placeholderOnly","imageData","videoId","params","createElement","className","propTypes","string","isRequired","bool","object","defaultProps"],"sources":["../../../../../src/components/Video/providers/YouTube/YouTubeProvider.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport YoutubeEmbeded from './YoutubeEmbeded';\nimport { getYouTubeID, booleanToNumber } from './helpers';\nimport { VIDEO_WRAPPER_CLASS_NAME } from '../../../../constants';\n\nconst YouTubeProvider = ({ url, autoplay, loop, placeholderOnly, imageData }) => {\n  const videoId = getYouTubeID(url);\n\n  if (!videoId) return null;\n  const params = `loop=${booleanToNumber(loop)}`;\n\n  return (\n    <div className={VIDEO_WRAPPER_CLASS_NAME}>\n      <YoutubeEmbeded\n        autoplay={autoplay}\n        videoId={videoId}\n        params={params}\n        placeholderOnly={placeholderOnly}\n        imageData={imageData}\n      />\n    </div>\n  );\n};\n\nYouTubeProvider.propTypes = {\n  url: PropTypes.string.isRequired,\n  autoplay: PropTypes.bool,\n  loop: PropTypes.bool,\n  placeholderOnly: PropTypes.bool,\n  imageData: PropTypes.object\n};\n\nYouTubeProvider.defaultProps = {\n  autoplay: false,\n  loop: false,\n  placeholderOnly: false,\n  imageData: {}\n};\n\nexport default YouTubeProvider;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,cAAc,MAAM,kBAAkB;AAC7C,SAASC,YAAY,EAAEC,eAAe,QAAQ,WAAW;AACzD,SAASC,wBAAwB,QAAQ,uBAAuB;AAEhE,MAAMC,eAAe,GAAGA,CAAC;EAAEC,GAAG;EAAEC,QAAQ;EAAEC,IAAI;EAAEC,eAAe;EAAEC;AAAU,CAAC,KAAK;EAC/E,MAAMC,OAAO,GAAGT,YAAY,CAACI,GAAG,CAAC;EAEjC,IAAI,CAACK,OAAO,EAAE,OAAO,IAAI;EACzB,MAAMC,MAAM,GAAI,QAAOT,eAAe,CAACK,IAAI,CAAE,EAAC;EAE9C,oBACET,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAEV;EAAyB,gBACvCL,KAAA,CAAAc,aAAA,CAACZ,cAAc;IACbM,QAAQ,EAAEA,QAAS;IACnBI,OAAO,EAAEA,OAAQ;IACjBC,MAAM,EAAEA,MAAO;IACfH,eAAe,EAAEA,eAAgB;IACjCC,SAAS,EAAEA;EAAU,CACtB,CACE,CAAC;AAEV,CAAC;AAEDL,eAAe,CAACU,SAAS,GAAG;EAC1BT,GAAG,EAAEN,SAAS,CAACgB,MAAM,CAACC,UAAU;EAChCV,QAAQ,EAAEP,SAAS,CAACkB,IAAI;EACxBV,IAAI,EAAER,SAAS,CAACkB,IAAI;EACpBT,eAAe,EAAET,SAAS,CAACkB,IAAI;EAC/BR,SAAS,EAAEV,SAAS,CAACmB;AACvB,CAAC;AAEDd,eAAe,CAACe,YAAY,GAAG;EAC7Bb,QAAQ,EAAE,KAAK;EACfC,IAAI,EAAE,KAAK;EACXC,eAAe,EAAE,KAAK;EACtBC,SAAS,EAAE,CAAC;AACd,CAAC;AAED,eAAeL,eAAe"}
+{"version":3,"file":"YouTubeProvider.js","names":["React","PropTypes","YoutubeEmbeded","getYouTubeID","booleanToNumber","VIDEO_WRAPPER_CLASS_NAME","YouTubeProvider","url","autoplay","loop","placeholderOnly","imageData","videoId","params","createElement","className","propTypes","string","isRequired","bool","object","defaultProps"],"sources":["../../../../../src/components/Video/providers/YouTube/YouTubeProvider.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport YoutubeEmbeded from './YoutubeEmbeded';\nimport { getYouTubeID, booleanToNumber } from './helpers';\nimport { VIDEO_WRAPPER_CLASS_NAME } from '../../../../constants';\n\nconst YouTubeProvider = ({ url, autoplay, loop, placeholderOnly, imageData }) => {\n  const videoId = getYouTubeID(url);\n\n  if (!videoId) return null;\n  const params = `loop=${booleanToNumber(loop)}`;\n\n  return (\n    <div className={VIDEO_WRAPPER_CLASS_NAME}>\n      <YoutubeEmbeded\n        autoplay={autoplay}\n        videoId={videoId}\n        params={params}\n        placeholderOnly={placeholderOnly}\n        imageData={imageData}\n      />\n    </div>\n  );\n};\n\nYouTubeProvider.propTypes = {\n  url: PropTypes.string.isRequired,\n  autoplay: PropTypes.bool,\n  loop: PropTypes.bool,\n  placeholderOnly: PropTypes.bool,\n  imageData: PropTypes.object\n};\n\nYouTubeProvider.defaultProps = {\n  autoplay: false,\n  loop: false,\n  placeholderOnly: false,\n  imageData: {}\n};\n\nexport default YouTubeProvider;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,cAAc,MAAM,kBAAkB;AAC7C,SAASC,YAAY,EAAEC,eAAe,QAAQ,WAAW;AACzD,SAASC,wBAAwB,QAAQ,uBAAuB;AAEhE,MAAMC,eAAe,GAAGA,CAAC;EAAEC,GAAG;EAAEC,QAAQ;EAAEC,IAAI;EAAEC,eAAe;EAAEC;AAAU,CAAC,KAAK;EAC/E,MAAMC,OAAO,GAAGT,YAAY,CAACI,GAAG,CAAC;EAEjC,IAAI,CAACK,OAAO,EAAE,OAAO,IAAI;EACzB,MAAMC,MAAM,GAAI,QAAOT,eAAe,CAACK,IAAI,CAAE,EAAC;EAE9C,oBACET,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAEV;EAAyB,gBACvCL,KAAA,CAAAc,aAAA,CAACZ,cAAc;IACbM,QAAQ,EAAEA,QAAS;IACnBI,OAAO,EAAEA,OAAQ;IACjBC,MAAM,EAAEA,MAAO;IACfH,eAAe,EAAEA,eAAgB;IACjCC,SAAS,EAAEA;EAAU,CACtB,CACE,CAAC;AAEV,CAAC;AAEDL,eAAe,CAACU,SAAS,GAAG;EAC1BT,GAAG,EAAEN,SAAS,CAACgB,MAAM,CAACC,UAAU;EAChCV,QAAQ,EAAEP,SAAS,CAACkB,IAAI;EACxBV,IAAI,EAAER,SAAS,CAACkB,IAAI;EACpBT,eAAe,EAAET,SAAS,CAACkB,IAAI;EAC/BR,SAAS,EAAEV,SAAS,CAACmB;AACvB,CAAC;AAEDd,eAAe,CAACe,YAAY,GAAG;EAC7Bb,QAAQ,EAAE,KAAK;EACfC,IAAI,EAAE,KAAK;EACXC,eAAe,EAAE,KAAK;EACtBC,SAAS,EAAE,CAAC;AACd,CAAC;AAED,eAAeL,eAAe","ignoreList":[]}

package/lib-es/components/Video/providers/YouTube/YoutubeEmbeded.js

@@ -1,8 +1,11 @@
-import React, { useState, useEffect } from 'react';
+import React, { useState, useEffect, useContext, useRef } from 'react';
 import PropTypes from 'prop-types';
 import { useInView } from '@blaze-react/utils/lib/customHooks';
 import { IN_VIEW_CONFIG } from '../../../../constants';
 import { getPosterUrl, YT_HQ_FORMAT, YT_IMAGE_URL } from './helpers';
+import { VideoContext } from '../../VideoContext';
+import { EVENT_ACTIONS } from '../../constants';
+const SCRIPT_ID = 'youtube-iframe-api';
 const YoutubeEmbeded = ({
   autoplay,
   videoId,
@@ -22,6 +25,11 @@ const YoutubeEmbeded = ({
   placeholderOnly,
   imageData
 }) => {
+  const ref = useRef(null);
+  const playerRef = useRef(null);
+  const {
+    emitEvent
+  } = useContext(VideoContext);
   const [isIntersecting, outerRef] = useInView(IN_VIEW_CONFIG);
   const [preconnected, setPreconnected] = useState(false);
   const [renderIframe, setRenderIframe] = useState(!!autoplay);
@@ -44,8 +52,56 @@ const YoutubeEmbeded = ({
     webp
   });
   const mutedValue = muted ? '&mute=1' : '';
-  const iframeSrc = !playlist ? `${ytUrl}/embed/${encodedId}?autoplay=1${mutedValue}${paramsImp}` : `${ytUrl}/embed/videoseries?autoplay=1${mutedValue}&list=${encodedId}${paramsImp}`;
+  let iframeSrc = !playlist ? `${ytUrl}/embed/${encodedId}?autoplay=1${mutedValue}${paramsImp}` : `${ytUrl}/embed/videoseries?autoplay=1${mutedValue}&list=${encodedId}${paramsImp}`;
+  if (emitEvent) {
+    iframeSrc += `&enablejsapi=1`;
+  }
   const parsedWrapperClassname = `yt-facade ${renderIframe ? 'yt-activated' : ''}`;
+  const iframeId = `yt-iframe-${videoId}`;
+  useEffect(() => {
+    if (!emitEvent || !renderIframe) return;
+    if (!document.getElementById(SCRIPT_ID)) {
+      // if script not already loaded
+      const tag = document.createElement('script');
+      tag.id = SCRIPT_ID;
+      tag.src = 'https://www.youtube.com/iframe_api';
+      const firstScriptTag = document.getElementsByTagName('script')[0];
+      firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
+    }
+    const onStateChange = event => {
+      let action = '';
+      if (event.data === window.YT.PlayerState.ENDED) {
+        action = EVENT_ACTIONS.ENDED;
+      } else if (event.data === window.YT.PlayerState.PAUSED) {
+        action = EVENT_ACTIONS.PAUSED;
+      } else if (event.data === window.YT.PlayerState.PLAYING) {
+        action = EVENT_ACTIONS.PLAYING;
+      }
+      emitEvent({
+        action,
+        videoId
+      });
+    };
+    if (window.YT) {
+      // if script already loaded then attach player
+      window.YT.ready(() => {
+        playerRef.current = new window.YT.Player(iframeId, {
+          events: {
+            onStateChange
+          }
+        });
+      });
+    } else {
+      // called on script load
+      window.onYouTubeIframeAPIReady = () => {
+        playerRef.current = new window.YT.Player(ref.current, {
+          events: {
+            onStateChange
+          }
+        });
+      };
+    }
+  }, [emitEvent, iframeId, renderIframe, videoId]);
   useEffect(() => {
     let isMounted = true;
     if (!priority && !isIntersecting || imageSize === YT_HQ_FORMAT) return;
@@ -106,6 +162,8 @@ const YoutubeEmbeded = ({
   }, /*#__PURE__*/React.createElement("div", {
     className: "yt-facade-button"
   })), renderIframe && /*#__PURE__*/React.createElement("iframe", {
+    ref: ref,
+    id: iframeId,
     className: iframeClass,
     title: videoTitle,
     allow: "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",