@blaze-cms/react-page-builder 0.141.0-core-styles.22 → 0.141.0-core-styles.23

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.141.0-core-styles.23](https://github.com/thebyte9/blaze/compare/v0.141.0-core-styles.22...v0.141.0-core-styles.23) (2024-05-07)
+
+
+### Features
+
+* added core variants to blaze ([#4273](https://github.com/thebyte9/blaze/issues/4273)) ([b88be3e](https://github.com/thebyte9/blaze/commit/b88be3ed96553379bae0892f3d091f77adaedcfb))
+
+
+
+
+
 # [0.141.0-core-styles.22](https://github.com/thebyte9/blaze/compare/v0.141.0-core-styles.21...v0.141.0-core-styles.22) (2024-05-03)
 
 

package/lib/components/ContentGroup/ContentGroupTabs.js

@@ -27,9 +27,9 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 var ContentGroupTabs = function ContentGroupTabs(_ref) {
   var name = _ref.name,
     contentType = _ref.contentType,
-    modifier = _ref.modifier,
     groupSections = _ref.groupSections,
-    sectionsData = _ref.sectionsData;
+    sectionsData = _ref.sectionsData,
+    VariantComponent = _ref.VariantComponent;
   var router = (0, _router.useRouter)();
   var _useState = (0, _react.useState)((0, _helpers.getActiveTab)(sectionsData, '')),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
@@ -44,13 +44,14 @@ var ContentGroupTabs = function ContentGroupTabs(_ref) {
     var activeTab = (0, _helpers.getActiveTab)(sectionsData, asPath);
     if (activeTab !== selectedTab) setSelectedTab(activeTab);
   }, [asPath, sectionsData, selectedTab]);
+  var WrapperComponent = VariantComponent || 'div';
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: mainDivClass
   }, /*#__PURE__*/_react["default"].createElement("ul", {
     className: contentGroupClass,
     role: "tablist",
     "aria-label": name
-  }, groupSections.map(function (groupSection, index) {
+  }, groupSections.map(function (_, index) {
     var _sectionsData$index = (0, _slicedToArray2["default"])(sectionsData[index], 2),
       sectionName = _sectionsData$index[0],
       sectioLabel = _sectionsData$index[1];
@@ -82,11 +83,12 @@ var ContentGroupTabs = function ContentGroupTabs(_ref) {
     var tabId = "".concat(_constants.TAB, "-").concat(sectionName);
     var panelId = "".concat(_constants.PANEL, "-").concat(sectionName);
     if (selectedTab !== tabId) return null;
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      id: sectionName,
+    return /*#__PURE__*/_react["default"].createElement(WrapperComponent, {
       key: panelId,
+      id: sectionName,
       className: sectionClass,
       role: "tabpanel",
+      tabId: tabId,
       "aria-labelledby": tabId
     }, groupSection);
   }));
@@ -94,12 +96,12 @@ var ContentGroupTabs = function ContentGroupTabs(_ref) {
 ContentGroupTabs.propTypes = {
   name: _propTypes["default"].string.isRequired,
   contentType: _propTypes["default"].string.isRequired,
-  modifier: _propTypes["default"].string,
   groupSections: _propTypes["default"].array.isRequired,
-  sectionsData: _propTypes["default"].array.isRequired
+  sectionsData: _propTypes["default"].array.isRequired,
+  VariantComponent: _propTypes["default"].func
 };
 ContentGroupTabs.defaultProps = {
-  modifier: ''
+  VariantComponent: null
 };
 var _default = exports["default"] = ContentGroupTabs;
 //# sourceMappingURL=ContentGroupTabs.js.map

package/lib/components/ContentGroup/ContentGroupTabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentGroupTabs.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_router","_helpers","_constants","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","ContentGroupTabs","_ref","name","contentType","modifier","groupSections","sectionsData","router","useRouter","_useState","useState","getActiveTab","_useState2","_slicedToArray2","selectedTab","setSelectedTab","asPath","contentClassame","TAB","TABS","SIDEPANEL","mainDivClass","concat","CONTENT_GROUP","contentGroupClass","sectionClass","useEffect","activeTab","createElement","className","role","map","groupSection","index","_sectionsData$index","sectionName","sectioLabel","tabId","panelId","PANEL","isSelected","buttonClassName","id","key","type","onClick","baseUrl","split","newUrl","push","shallow","_sectionsData$index2","propTypes","PropTypes","string","isRequired","array","defaultProps","_default","exports"],"sources":["../../../src/components/ContentGroup/ContentGroupTabs.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { useRouter } from 'next/router';\nimport { getActiveTab } from './helpers';\nimport { TAB, TABS, SIDEPANEL, CONTENT_GROUP, PANEL } from './constants';\n\nconst ContentGroupTabs = ({ name, contentType, modifier, groupSections, sectionsData }) => {\n  const router = useRouter();\n  const [selectedTab, setSelectedTab] = useState(getActiveTab(sectionsData, ''));\n  const { asPath } = router;\n  const contentClassame = contentType === TAB ? TABS : SIDEPANEL;\n  const mainDivClass = `${CONTENT_GROUP}-${contentClassame}`;\n  const contentGroupClass = `${CONTENT_GROUP}-${contentClassame}__buttons-wrapper`;\n  const sectionClass = `${CONTENT_GROUP}-${contentClassame}__content-section`;\n\n  useEffect(\n    () => {\n      const activeTab = getActiveTab(sectionsData, asPath);\n      if (activeTab !== selectedTab) setSelectedTab(activeTab);\n    },\n    [asPath, sectionsData, selectedTab]\n  );\n\n  return (\n    <div className={mainDivClass}>\n      <ul className={contentGroupClass} role=\"tablist\" aria-label={name}>\n        {groupSections.map((groupSection, index) => {\n          const [sectionName, sectioLabel] = sectionsData[index];\n          const tabId = `${TAB}-${sectionName}`;\n          const panelId = `${PANEL}-${sectionName}`;\n          const isSelected = selectedTab === tabId;\n          const buttonClassName = `${CONTENT_GROUP}-${contentClassame}__button${\n            isSelected ? '--is-active' : ''\n          }`;\n\n          return (\n            <button\n              id={tabId}\n              key={tabId}\n              className={buttonClassName}\n              type=\"button\"\n              role=\"tab\"\n              aria-selected={isSelected}\n              aria-controls={panelId}\n              onClick={() => {\n                const baseUrl = asPath.split('#')[0];\n                const newUrl = `${baseUrl}#${sectionName}`;\n                if (asPath === newUrl) return;\n                router.push(`/Resolver`, newUrl, { shallow: true });\n                setSelectedTab(tabId);\n              }}>\n              {sectioLabel}\n            </button>\n          );\n        })}\n      </ul>\n      {groupSections.map((groupSection, index) => {\n        const [sectionName] = sectionsData[index];\n        const tabId = `${TAB}-${sectionName}`;\n        const panelId = `${PANEL}-${sectionName}`;\n        if (selectedTab !== tabId) return null;\n\n        return (\n          <div\n            id={sectionName}\n            key={panelId}\n            className={sectionClass}\n            role=\"tabpanel\"\n            aria-labelledby={tabId}>\n            {groupSection}\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n\nContentGroupTabs.propTypes = {\n  name: PropTypes.string.isRequired,\n  contentType: PropTypes.string.isRequired,\n  modifier: PropTypes.string,\n  groupSections: PropTypes.array.isRequired,\n  sectionsData: PropTypes.array.isRequired\n};\n\nContentGroupTabs.defaultProps = {\n  modifier: ''\n};\n\nexport default ContentGroupTabs;\n"],"mappings":"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"}
+{"version":3,"file":"ContentGroupTabs.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_router","_helpers","_constants","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","ContentGroupTabs","_ref","name","contentType","groupSections","sectionsData","VariantComponent","router","useRouter","_useState","useState","getActiveTab","_useState2","_slicedToArray2","selectedTab","setSelectedTab","asPath","contentClassame","TAB","TABS","SIDEPANEL","mainDivClass","concat","CONTENT_GROUP","contentGroupClass","sectionClass","useEffect","activeTab","WrapperComponent","createElement","className","role","map","_","index","_sectionsData$index","sectionName","sectioLabel","tabId","panelId","PANEL","isSelected","buttonClassName","id","key","type","onClick","baseUrl","split","newUrl","push","shallow","groupSection","_sectionsData$index2","propTypes","PropTypes","string","isRequired","array","func","defaultProps","_default","exports"],"sources":["../../../src/components/ContentGroup/ContentGroupTabs.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { useRouter } from 'next/router';\nimport { getActiveTab } from './helpers';\nimport { TAB, TABS, SIDEPANEL, CONTENT_GROUP, PANEL } from './constants';\n\nconst ContentGroupTabs = ({ name, contentType, groupSections, sectionsData, VariantComponent }) => {\n  const router = useRouter();\n  const [selectedTab, setSelectedTab] = useState(getActiveTab(sectionsData, ''));\n  const { asPath } = router;\n  const contentClassame = contentType === TAB ? TABS : SIDEPANEL;\n  const mainDivClass = `${CONTENT_GROUP}-${contentClassame}`;\n  const contentGroupClass = `${CONTENT_GROUP}-${contentClassame}__buttons-wrapper`;\n  const sectionClass = `${CONTENT_GROUP}-${contentClassame}__content-section`;\n\n  useEffect(\n    () => {\n      const activeTab = getActiveTab(sectionsData, asPath);\n      if (activeTab !== selectedTab) setSelectedTab(activeTab);\n    },\n    [asPath, sectionsData, selectedTab]\n  );\n\n  const WrapperComponent = VariantComponent || 'div';\n\n  return (\n    <div className={mainDivClass}>\n      <ul className={contentGroupClass} role=\"tablist\" aria-label={name}>\n        {groupSections.map((_, index) => {\n          const [sectionName, sectioLabel] = sectionsData[index];\n          const tabId = `${TAB}-${sectionName}`;\n          const panelId = `${PANEL}-${sectionName}`;\n          const isSelected = selectedTab === tabId;\n          const buttonClassName = `${CONTENT_GROUP}-${contentClassame}__button${\n            isSelected ? '--is-active' : ''\n          }`;\n\n          return (\n            <button\n              id={tabId}\n              key={tabId}\n              className={buttonClassName}\n              type=\"button\"\n              role=\"tab\"\n              aria-selected={isSelected}\n              aria-controls={panelId}\n              onClick={() => {\n                const baseUrl = asPath.split('#')[0];\n                const newUrl = `${baseUrl}#${sectionName}`;\n                if (asPath === newUrl) return;\n                router.push(`/Resolver`, newUrl, { shallow: true });\n                setSelectedTab(tabId);\n              }}>\n              {sectioLabel}\n            </button>\n          );\n        })}\n      </ul>\n      {groupSections.map((groupSection, index) => {\n        const [sectionName] = sectionsData[index];\n        const tabId = `${TAB}-${sectionName}`;\n        const panelId = `${PANEL}-${sectionName}`;\n        if (selectedTab !== tabId) return null;\n\n        return (\n          <WrapperComponent\n            key={panelId}\n            id={sectionName}\n            className={sectionClass}\n            role=\"tabpanel\"\n            tabId={tabId}\n            aria-labelledby={tabId}>\n            {groupSection}\n          </WrapperComponent>\n        );\n      })}\n    </div>\n  );\n};\n\nContentGroupTabs.propTypes = {\n  name: PropTypes.string.isRequired,\n  contentType: PropTypes.string.isRequired,\n  groupSections: PropTypes.array.isRequired,\n  sectionsData: PropTypes.array.isRequired,\n  VariantComponent: PropTypes.func\n};\n\nContentGroupTabs.defaultProps = {\n  VariantComponent: null\n};\n\nexport default ContentGroupTabs;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AAAyE,SAAAM,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAR,wBAAAQ,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,gBAAAK,OAAA,CAAAL,CAAA,0BAAAA,CAAA,sBAAAA,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,cAAAR,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAEzE,IAAMY,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,EAA6E;EAAA,IAAvEC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IAAEC,aAAa,GAAAH,IAAA,CAAbG,aAAa;IAAEC,YAAY,GAAAJ,IAAA,CAAZI,YAAY;IAAEC,gBAAgB,GAAAL,IAAA,CAAhBK,gBAAgB;EAC1F,IAAMC,MAAM,GAAG,IAAAC,iBAAS,EAAC,CAAC;EAC1B,IAAAC,SAAA,GAAsC,IAAAC,eAAQ,EAAC,IAAAC,qBAAY,EAACN,YAAY,EAAE,EAAE,CAAC,CAAC;IAAAO,UAAA,OAAAC,eAAA,aAAAJ,SAAA;IAAvEK,WAAW,GAAAF,UAAA;IAAEG,cAAc,GAAAH,UAAA;EAClC,IAAQI,MAAM,GAAKT,MAAM,CAAjBS,MAAM;EACd,IAAMC,eAAe,GAAGd,WAAW,KAAKe,cAAG,GAAGC,eAAI,GAAGC,oBAAS;EAC9D,IAAMC,YAAY,MAAAC,MAAA,CAAMC,wBAAa,OAAAD,MAAA,CAAIL,eAAe,CAAE;EAC1D,IAAMO,iBAAiB,MAAAF,MAAA,CAAMC,wBAAa,OAAAD,MAAA,CAAIL,eAAe,sBAAmB;EAChF,IAAMQ,YAAY,MAAAH,MAAA,CAAMC,wBAAa,OAAAD,MAAA,CAAIL,eAAe,sBAAmB;EAE3E,IAAAS,gBAAS,EACP,YAAM;IACJ,IAAMC,SAAS,GAAG,IAAAhB,qBAAY,EAACN,YAAY,EAAEW,MAAM,CAAC;IACpD,IAAIW,SAAS,KAAKb,WAAW,EAAEC,cAAc,CAACY,SAAS,CAAC;EAC1D,CAAC,EACD,CAACX,MAAM,EAAEX,YAAY,EAAES,WAAW,CACpC,CAAC;EAED,IAAMc,gBAAgB,GAAGtB,gBAAgB,IAAI,KAAK;EAElD,oBACEnC,MAAA,YAAA0D,aAAA;IAAKC,SAAS,EAAET;EAAa,gBAC3BlD,MAAA,YAAA0D,aAAA;IAAIC,SAAS,EAAEN,iBAAkB;IAACO,IAAI,EAAC,SAAS;IAAC,cAAY7B;EAAK,GAC/DE,aAAa,CAAC4B,GAAG,CAAC,UAACC,CAAC,EAAEC,KAAK,EAAK;IAC/B,IAAAC,mBAAA,OAAAtB,eAAA,aAAmCR,YAAY,CAAC6B,KAAK,CAAC;MAA/CE,WAAW,GAAAD,mBAAA;MAAEE,WAAW,GAAAF,mBAAA;IAC/B,IAAMG,KAAK,MAAAhB,MAAA,CAAMJ,cAAG,OAAAI,MAAA,CAAIc,WAAW,CAAE;IACrC,IAAMG,OAAO,MAAAjB,MAAA,CAAMkB,gBAAK,OAAAlB,MAAA,CAAIc,WAAW,CAAE;IACzC,IAAMK,UAAU,GAAG3B,WAAW,KAAKwB,KAAK;IACxC,IAAMI,eAAe,MAAApB,MAAA,CAAMC,wBAAa,OAAAD,MAAA,CAAIL,eAAe,cAAAK,MAAA,CACzDmB,UAAU,GAAG,aAAa,GAAG,EAAE,CAC/B;IAEF,oBACEtE,MAAA,YAAA0D,aAAA;MACEc,EAAE,EAAEL,KAAM;MACVM,GAAG,EAAEN,KAAM;MACXR,SAAS,EAAEY,eAAgB;MAC3BG,IAAI,EAAC,QAAQ;MACbd,IAAI,EAAC,KAAK;MACV,iBAAeU,UAAW;MAC1B,iBAAeF,OAAQ;MACvBO,OAAO,EAAE,SAAAA,QAAA,EAAM;QACb,IAAMC,OAAO,GAAG/B,MAAM,CAACgC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QACpC,IAAMC,MAAM,MAAA3B,MAAA,CAAMyB,OAAO,OAAAzB,MAAA,CAAIc,WAAW,CAAE;QAC1C,IAAIpB,MAAM,KAAKiC,MAAM,EAAE;QACvB1C,MAAM,CAAC2C,IAAI,cAAcD,MAAM,EAAE;UAAEE,OAAO,EAAE;QAAK,CAAC,CAAC;QACnDpC,cAAc,CAACuB,KAAK,CAAC;MACvB;IAAE,GACDD,WACK,CAAC;EAEb,CAAC,CACC,CAAC,EACJjC,aAAa,CAAC4B,GAAG,CAAC,UAACoB,YAAY,EAAElB,KAAK,EAAK;IAC1C,IAAAmB,oBAAA,OAAAxC,eAAA,aAAsBR,YAAY,CAAC6B,KAAK,CAAC;MAAlCE,WAAW,GAAAiB,oBAAA;IAClB,IAAMf,KAAK,MAAAhB,MAAA,CAAMJ,cAAG,OAAAI,MAAA,CAAIc,WAAW,CAAE;IACrC,IAAMG,OAAO,MAAAjB,MAAA,CAAMkB,gBAAK,OAAAlB,MAAA,CAAIc,WAAW,CAAE;IACzC,IAAItB,WAAW,KAAKwB,KAAK,EAAE,OAAO,IAAI;IAEtC,oBACEnE,MAAA,YAAA0D,aAAA,CAACD,gBAAgB;MACfgB,GAAG,EAAEL,OAAQ;MACbI,EAAE,EAAEP,WAAY;MAChBN,SAAS,EAAEL,YAAa;MACxBM,IAAI,EAAC,UAAU;MACfO,KAAK,EAAEA,KAAM;MACb,mBAAiBA;IAAM,GACtBc,YACe,CAAC;EAEvB,CAAC,CACE,CAAC;AAEV,CAAC;AAEDpD,gBAAgB,CAACsD,SAAS,GAAG;EAC3BpD,IAAI,EAAEqD,qBAAS,CAACC,MAAM,CAACC,UAAU;EACjCtD,WAAW,EAAEoD,qBAAS,CAACC,MAAM,CAACC,UAAU;EACxCrD,aAAa,EAAEmD,qBAAS,CAACG,KAAK,CAACD,UAAU;EACzCpD,YAAY,EAAEkD,qBAAS,CAACG,KAAK,CAACD,UAAU;EACxCnD,gBAAgB,EAAEiD,qBAAS,CAACI;AAC9B,CAAC;AAED3D,gBAAgB,CAAC4D,YAAY,GAAG;EAC9BtD,gBAAgB,EAAE;AACpB,CAAC;AAAC,IAAAuD,QAAA,GAAAC,OAAA,cAEa9D,gBAAgB"}

package/lib/components/Video/providers/Default.js

@@ -9,30 +9,36 @@ exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _videoReact = require("video-react");
+var _constants = require("../../../constants");
 // import 'video-react/styles/scss/video-react.scss';
 
 var Default = function Default(_ref) {
   var modifier = _ref.modifier,
     url = _ref.url,
-    autoplay = _ref.autoplay;
-  return /*#__PURE__*/_react["default"].createElement(_videoReact.Player, {
+    autoplay = _ref.autoplay,
+    loop = _ref.loop;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: _constants.VIDEO_WRAPPER_CLASS_NAME
+  }, /*#__PURE__*/_react["default"].createElement(_videoReact.Player, {
     className: modifier,
     preload: "none",
     autoPlay: autoplay,
+    loop: loop,
     muted: autoplay
   }, /*#__PURE__*/_react["default"].createElement("source", {
-    src: url,
-    type: "video/mp4"
-  }));
+    src: url
+  })));
 };
 Default.propTypes = {
   url: _propTypes["default"].string.isRequired,
   modifier: _propTypes["default"].string,
-  autoplay: _propTypes["default"].bool
+  autoplay: _propTypes["default"].bool,
+  loop: _propTypes["default"].bool
 };
 Default.defaultProps = {
   modifier: null,
-  autoplay: false
+  autoplay: false,
+  loop: false
 };
 var _default = exports["default"] = Default;
 //# sourceMappingURL=Default.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Default.js","names":["_react","_interopRequireDefault","require","_propTypes","_videoReact","Default","_ref","modifier","url","autoplay","createElement","Player","className","preload","autoPlay","muted","src","type","propTypes","PropTypes","string","isRequired","bool","defaultProps","_default","exports"],"sources":["../../../../src/components/Video/providers/Default.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Player } from 'video-react';\n// import 'video-react/styles/scss/video-react.scss';\n\nconst Default = ({ modifier, url, autoplay }) => (\n  <Player className={modifier} preload=\"none\" autoPlay={autoplay} muted={autoplay}>\n    <source src={url} type=\"video/mp4\" />\n  </Player>\n);\n\nDefault.propTypes = {\n  url: PropTypes.string.isRequired,\n  modifier: PropTypes.string,\n  autoplay: PropTypes.bool\n};\n\nDefault.defaultProps = {\n  modifier: null,\n  autoplay: false\n};\n\nexport default Default;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA;;AAEA,IAAMG,OAAO,GAAG,SAAVA,OAAOA,CAAAC,IAAA;EAAA,IAAMC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,GAAG,GAAAF,IAAA,CAAHE,GAAG;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;EAAA,oBACxCT,MAAA,YAAAU,aAAA,CAACN,WAAA,CAAAO,MAAM;IAACC,SAAS,EAAEL,QAAS;IAACM,OAAO,EAAC,MAAM;IAACC,QAAQ,EAAEL,QAAS;IAACM,KAAK,EAAEN;EAAS,gBAC9ET,MAAA,YAAAU,aAAA;IAAQM,GAAG,EAAER,GAAI;IAACS,IAAI,EAAC;EAAW,CAAE,CAC9B,CAAC;AAAA,CACV;AAEDZ,OAAO,CAACa,SAAS,GAAG;EAClBV,GAAG,EAAEW,qBAAS,CAACC,MAAM,CAACC,UAAU;EAChCd,QAAQ,EAAEY,qBAAS,CAACC,MAAM;EAC1BX,QAAQ,EAAEU,qBAAS,CAACG;AACtB,CAAC;AAEDjB,OAAO,CAACkB,YAAY,GAAG;EACrBhB,QAAQ,EAAE,IAAI;EACdE,QAAQ,EAAE;AACZ,CAAC;AAAC,IAAAe,QAAA,GAAAC,OAAA,cAEapB,OAAO"}
+{"version":3,"file":"Default.js","names":["_react","_interopRequireDefault","require","_propTypes","_videoReact","_constants","Default","_ref","modifier","url","autoplay","loop","createElement","className","VIDEO_WRAPPER_CLASS_NAME","Player","preload","autoPlay","muted","src","propTypes","PropTypes","string","isRequired","bool","defaultProps","_default","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAEA;;AAEA,IAAMI,OAAO,GAAG,SAAVA,OAAOA,CAAAC,IAAA;EAAA,IAAMC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,GAAG,GAAAF,IAAA,CAAHE,GAAG;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAEC,IAAI,GAAAJ,IAAA,CAAJI,IAAI;EAAA,oBAC9CX,MAAA,YAAAY,aAAA;IAAKC,SAAS,EAAEC;EAAyB,gBACvCd,MAAA,YAAAY,aAAA,CAACR,WAAA,CAAAW,MAAM;IAACF,SAAS,EAAEL,QAAS;IAACQ,OAAO,EAAC,MAAM;IAACC,QAAQ,EAAEP,QAAS;IAACC,IAAI,EAAEA,IAAK;IAACO,KAAK,EAAER;EAAS,gBAC1FV,MAAA,YAAAY,aAAA;IAAQO,GAAG,EAAEV;EAAI,CAAE,CACb,CACL,CAAC;AAAA,CACP;AAEDH,OAAO,CAACc,SAAS,GAAG;EAClBX,GAAG,EAAEY,qBAAS,CAACC,MAAM,CAACC,UAAU;EAChCf,QAAQ,EAAEa,qBAAS,CAACC,MAAM;EAC1BZ,QAAQ,EAAEW,qBAAS,CAACG,IAAI;EACxBb,IAAI,EAAEU,qBAAS,CAACG;AAClB,CAAC;AAEDlB,OAAO,CAACmB,YAAY,GAAG;EACrBjB,QAAQ,EAAE,IAAI;EACdE,QAAQ,EAAE,KAAK;EACfC,IAAI,EAAE;AACR,CAAC;AAAC,IAAAe,QAAA,GAAAC,OAAA,cAEarB,OAAO"}

package/lib/components/Video/providers/get-provider.js

@@ -37,6 +37,11 @@ var SUPPORTED_PROVIDERS = {
     return Promise.resolve().then(function () {
       return _interopRequireWildcard(require( /* webpackChunkName: "blazePbVideoDefault" */'./Default'));
     });
+  }),
+  html: (0, _dynamic["default"])(function () {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require( /* webpackChunkName: "blazePbVideoDefault" */'./Default'));
+    });
   })
 };
 function getProvider(provider) {

package/lib/components/Video/providers/get-provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-provider.js","names":["_dynamic","_interopRequireDefault","require","_getRequireWildcardCache","e","WeakMap","r","t","_interopRequireWildcard","__esModule","_typeof2","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","SUPPORTED_PROVIDERS","youtube","dynamic","Promise","resolve","then","JWPlayer","vimeo","getProvider","provider","_default","exports"],"sources":["../../../../src/components/Video/providers/get-provider.js"],"sourcesContent":["import dynamic from 'next/dynamic';\n\nconst SUPPORTED_PROVIDERS = {\n  youtube: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbVideoYouTube\" */ './YouTube/YouTubeProvider')\n  ),\n  JWPlayer: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbVideoJWPlayer\" */ './JWPlayer/JWPlayerProvider')\n  ),\n  vimeo: dynamic(() => import(/* webpackChunkName: \"blazePbVideoVimeo\" */ './Vimeo/VimeoProvider')),\n  default: dynamic(() => import(/* webpackChunkName: \"blazePbVideoDefault\" */ './Default'))\n};\n\nfunction getProvider(provider) {\n  return SUPPORTED_PROVIDERS[provider] || SUPPORTED_PROVIDERS.default;\n}\n\nexport default getProvider;\n"],"mappings":";;;;;;;;;;;;;;;;AAAA,IAAAA,QAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAmC,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAI,wBAAAJ,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,eAAAA,CAAA,oBAAAM,QAAA,aAAAN,CAAA,0BAAAA,CAAA,sBAAAA,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAI,GAAA,CAAAP,CAAA,UAAAG,CAAA,CAAAK,GAAA,CAAAR,CAAA,OAAAS,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAf,CAAA,oBAAAe,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAlB,CAAA,EAAAe,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAd,CAAA,EAAAe,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAf,CAAA,CAAAe,CAAA,YAAAN,CAAA,cAAAT,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAiB,GAAA,CAAApB,CAAA,EAAAS,CAAA,GAAAA,CAAA;AAEnC,IAAMY,mBAAmB,GAAG;EAC1BC,OAAO,EAAE,IAAAC,mBAAO,EAAC;IAAA,OAAAC,OAAA,CAAAC,OAAA,GAAAC,IAAA;MAAA,OAAAtB,uBAAA,CAAAN,OAAA,EACR,6CAA8C,2BAA2B;IAAA;EAAA,CAClF,CAAC;EACD6B,QAAQ,EAAE,IAAAJ,mBAAO,EAAC;IAAA,OAAAC,OAAA,CAAAC,OAAA,GAAAC,IAAA;MAAA,OAAAtB,uBAAA,CAAAN,OAAA,EACT,8CAA+C,6BAA6B;IAAA;EAAA,CACrF,CAAC;EACD8B,KAAK,EAAE,IAAAL,mBAAO,EAAC;IAAA,OAAAC,OAAA,CAAAC,OAAA,GAAAC,IAAA;MAAA,OAAAtB,uBAAA,CAAAN,OAAA,EAAa,2CAA4C,uBAAuB;IAAA;EAAA,CAAC,CAAC;EACjG,WAAS,IAAAyB,mBAAO,EAAC;IAAA,OAAAC,OAAA,CAAAC,OAAA,GAAAC,IAAA;MAAA,OAAAtB,uBAAA,CAAAN,OAAA,EAAa,6CAA8C,WAAW;IAAA;EAAA,CAAC;AAC1F,CAAC;AAED,SAAS+B,WAAWA,CAACC,QAAQ,EAAE;EAC7B,OAAOT,mBAAmB,CAACS,QAAQ,CAAC,IAAIT,mBAAmB,WAAQ;AACrE;AAAC,IAAAU,QAAA,GAAAC,OAAA,cAEcH,WAAW"}
+{"version":3,"file":"get-provider.js","names":["_dynamic","_interopRequireDefault","require","_getRequireWildcardCache","e","WeakMap","r","t","_interopRequireWildcard","__esModule","_typeof2","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","SUPPORTED_PROVIDERS","youtube","dynamic","Promise","resolve","then","JWPlayer","vimeo","html","getProvider","provider","_default","exports"],"sources":["../../../../src/components/Video/providers/get-provider.js"],"sourcesContent":["import dynamic from 'next/dynamic';\n\nconst SUPPORTED_PROVIDERS = {\n  youtube: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbVideoYouTube\" */ './YouTube/YouTubeProvider')\n  ),\n  JWPlayer: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbVideoJWPlayer\" */ './JWPlayer/JWPlayerProvider')\n  ),\n  vimeo: dynamic(() => import(/* webpackChunkName: \"blazePbVideoVimeo\" */ './Vimeo/VimeoProvider')),\n  default: dynamic(() => import(/* webpackChunkName: \"blazePbVideoDefault\" */ './Default')),\n  html: dynamic(() => import(/* webpackChunkName: \"blazePbVideoDefault\" */ './Default'))\n};\n\nfunction getProvider(provider) {\n  return SUPPORTED_PROVIDERS[provider] || SUPPORTED_PROVIDERS.default;\n}\n\nexport default getProvider;\n"],"mappings":";;;;;;;;;;;;;;;;AAAA,IAAAA,QAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAmC,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAI,wBAAAJ,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,eAAAA,CAAA,oBAAAM,QAAA,aAAAN,CAAA,0BAAAA,CAAA,sBAAAA,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAI,GAAA,CAAAP,CAAA,UAAAG,CAAA,CAAAK,GAAA,CAAAR,CAAA,OAAAS,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAf,CAAA,oBAAAe,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAlB,CAAA,EAAAe,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAd,CAAA,EAAAe,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAf,CAAA,CAAAe,CAAA,YAAAN,CAAA,cAAAT,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAiB,GAAA,CAAApB,CAAA,EAAAS,CAAA,GAAAA,CAAA;AAEnC,IAAMY,mBAAmB,GAAG;EAC1BC,OAAO,EAAE,IAAAC,mBAAO,EAAC;IAAA,OAAAC,OAAA,CAAAC,OAAA,GAAAC,IAAA;MAAA,OAAAtB,uBAAA,CAAAN,OAAA,EACR,6CAA8C,2BAA2B;IAAA;EAAA,CAClF,CAAC;EACD6B,QAAQ,EAAE,IAAAJ,mBAAO,EAAC;IAAA,OAAAC,OAAA,CAAAC,OAAA,GAAAC,IAAA;MAAA,OAAAtB,uBAAA,CAAAN,OAAA,EACT,8CAA+C,6BAA6B;IAAA;EAAA,CACrF,CAAC;EACD8B,KAAK,EAAE,IAAAL,mBAAO,EAAC;IAAA,OAAAC,OAAA,CAAAC,OAAA,GAAAC,IAAA;MAAA,OAAAtB,uBAAA,CAAAN,OAAA,EAAa,2CAA4C,uBAAuB;IAAA;EAAA,CAAC,CAAC;EACjG,WAAS,IAAAyB,mBAAO,EAAC;IAAA,OAAAC,OAAA,CAAAC,OAAA,GAAAC,IAAA;MAAA,OAAAtB,uBAAA,CAAAN,OAAA,EAAa,6CAA8C,WAAW;IAAA;EAAA,CAAC,CAAC;EACzF+B,IAAI,EAAE,IAAAN,mBAAO,EAAC;IAAA,OAAAC,OAAA,CAAAC,OAAA,GAAAC,IAAA;MAAA,OAAAtB,uBAAA,CAAAN,OAAA,EAAa,6CAA8C,WAAW;IAAA;EAAA,CAAC;AACvF,CAAC;AAED,SAASgC,WAAWA,CAACC,QAAQ,EAAE;EAC7B,OAAOV,mBAAmB,CAACU,QAAQ,CAAC,IAAIV,mBAAmB,WAAQ;AACrE;AAAC,IAAAW,QAAA,GAAAC,OAAA,cAEcH,WAAW"}

package/lib/hooks/helpers/getVariant.js.map

@@ -1 +1 @@
-{"version":3,"file":"getVariant.js","names":["_utils","require","getVariant","settings","variant","_ref","variantHandler","get","VariantComponent","getSettings","variantSettings"],"sources":["../../../src/hooks/helpers/getVariant.js"],"sourcesContent":["import { variantHandler } from '../../utils';\n\nexport default function getVariant(settings) {\n  const { variant } = settings;\n  if (!variant) return [null, {}];\n  const { VariantComponent, getSettings } = variantHandler.get(variant) || {};\n  const variantSettings =\n    !!getSettings && typeof getSettings === 'function' ? getSettings(settings) : settings;\n\n  return [VariantComponent, variantSettings];\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEe,SAASC,UAAUA,CAACC,QAAQ,EAAE;EAC3C,IAAQC,OAAO,GAAKD,QAAQ,CAApBC,OAAO;EACf,IAAI,CAACA,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;EAC/B,IAAAC,IAAA,GAA0CC,qBAAc,CAACC,GAAG,CAACH,OAAO,CAAC,IAAI,CAAC,CAAC;IAAnEI,gBAAgB,GAAAH,IAAA,CAAhBG,gBAAgB;IAAEC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;EACrC,IAAMC,eAAe,GACnB,CAAC,CAACD,WAAW,IAAI,OAAOA,WAAW,KAAK,UAAU,GAAGA,WAAW,CAACN,QAAQ,CAAC,GAAGA,QAAQ;EAEvF,OAAO,CAACK,gBAAgB,EAAEE,eAAe,CAAC;AAC5C"}
+{"version":3,"file":"getVariant.js","names":["_utils","require","getVariant","settings","variant","_ref","variantHandler","get","VariantComponent","getSettings","variantSettings"],"sources":["../../../src/hooks/helpers/getVariant.js"],"sourcesContent":["import { variantHandler } from '../../utils';\n\nexport default function getVariant(settings) {\n  const { variant } = settings;\n  if (!variant) return [null, {}];\n\n  const { VariantComponent, getSettings } = variantHandler.get(variant) || {};\n  const variantSettings =\n    !!getSettings && typeof getSettings === 'function' ? getSettings(settings) : settings;\n\n  return [VariantComponent, variantSettings];\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEe,SAASC,UAAUA,CAACC,QAAQ,EAAE;EAC3C,IAAQC,OAAO,GAAKD,QAAQ,CAApBC,OAAO;EACf,IAAI,CAACA,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;EAE/B,IAAAC,IAAA,GAA0CC,qBAAc,CAACC,GAAG,CAACH,OAAO,CAAC,IAAI,CAAC,CAAC;IAAnEI,gBAAgB,GAAAH,IAAA,CAAhBG,gBAAgB;IAAEC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;EACrC,IAAMC,eAAe,GACnB,CAAC,CAACD,WAAW,IAAI,OAAOA,WAAW,KAAK,UAAU,GAAGA,WAAW,CAACN,QAAQ,CAAC,GAAGA,QAAQ;EAEvF,OAAO,CAACK,gBAAgB,EAAEE,eAAe,CAAC;AAC5C"}

package/lib/utils/variant-handler.js

@@ -26,7 +26,8 @@ function variantMapHandler() {
   }
   function validate(key, variant) {
     if (!key || !variant) throw new _coreErrors.BlazeError('Variant requires key and component');
-    if (variants.has(key) && key !== 'array') throw new _coreErrors.BlazeError("Variant already exists");
+    // eslint-disable-next-line no-console
+    if (variants.has(key) && key !== 'array') console.warn("Variant already exists: ".concat(key)); // todo: restore error // throw new BlazeError(`Variant already exists: ${key}`);
   }
   return {
     add: add,

package/lib/utils/variant-handler.js.map

@@ -1 +1 @@
-{"version":3,"file":"variant-handler.js","names":["_coreErrors","require","variantMapHandler","variants","Map","get","key","getAll","Array","from","entries","add","variant","validate","set","BlazeError","has","variantHandler","_default","exports"],"sources":["../../src/utils/variant-handler.js"],"sourcesContent":["import { BlazeError } from '@blaze-cms/core-errors';\n\nfunction variantMapHandler() {\n  const variants = new Map();\n\n  function get(key) {\n    return variants.get(key);\n  }\n\n  function getAll() {\n    return Array.from(variants.entries());\n  }\n\n  function add(key, variant) {\n    validate(key, variant);\n    variants.set(key, variant);\n  }\n\n  function validate(key, variant) {\n    if (!key || !variant) throw new BlazeError('Variant requires key and component');\n    if (variants.has(key) && key !== 'array') throw new BlazeError(`Variant already exists`);\n  }\n\n  return {\n    add,\n    get,\n    getAll\n  };\n}\n\nconst variantHandler = variantMapHandler();\n\nexport default variantHandler;\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAEA,SAASC,iBAAiBA,CAAA,EAAG;EAC3B,IAAMC,QAAQ,GAAG,IAAIC,GAAG,CAAC,CAAC;EAE1B,SAASC,GAAGA,CAACC,GAAG,EAAE;IAChB,OAAOH,QAAQ,CAACE,GAAG,CAACC,GAAG,CAAC;EAC1B;EAEA,SAASC,MAAMA,CAAA,EAAG;IAChB,OAAOC,KAAK,CAACC,IAAI,CAACN,QAAQ,CAACO,OAAO,CAAC,CAAC,CAAC;EACvC;EAEA,SAASC,GAAGA,CAACL,GAAG,EAAEM,OAAO,EAAE;IACzBC,QAAQ,CAACP,GAAG,EAAEM,OAAO,CAAC;IACtBT,QAAQ,CAACW,GAAG,CAACR,GAAG,EAAEM,OAAO,CAAC;EAC5B;EAEA,SAASC,QAAQA,CAACP,GAAG,EAAEM,OAAO,EAAE;IAC9B,IAAI,CAACN,GAAG,IAAI,CAACM,OAAO,EAAE,MAAM,IAAIG,sBAAU,CAAC,oCAAoC,CAAC;IAChF,IAAIZ,QAAQ,CAACa,GAAG,CAACV,GAAG,CAAC,IAAIA,GAAG,KAAK,OAAO,EAAE,MAAM,IAAIS,sBAAU,yBAAyB,CAAC;EAC1F;EAEA,OAAO;IACLJ,GAAG,EAAHA,GAAG;IACHN,GAAG,EAAHA,GAAG;IACHE,MAAM,EAANA;EACF,CAAC;AACH;AAEA,IAAMU,cAAc,GAAGf,iBAAiB,CAAC,CAAC;AAAC,IAAAgB,QAAA,GAAAC,OAAA,cAE5BF,cAAc"}
+{"version":3,"file":"variant-handler.js","names":["_coreErrors","require","variantMapHandler","variants","Map","get","key","getAll","Array","from","entries","add","variant","validate","set","BlazeError","has","console","warn","concat","variantHandler","_default","exports"],"sources":["../../src/utils/variant-handler.js"],"sourcesContent":["import { BlazeError } from '@blaze-cms/core-errors';\n\nfunction variantMapHandler() {\n  const variants = new Map();\n\n  function get(key) {\n    return variants.get(key);\n  }\n\n  function getAll() {\n    return Array.from(variants.entries());\n  }\n\n  function add(key, variant) {\n    validate(key, variant);\n    variants.set(key, variant);\n  }\n\n  function validate(key, variant) {\n    if (!key || !variant) throw new BlazeError('Variant requires key and component');\n    // eslint-disable-next-line no-console\n    if (variants.has(key) && key !== 'array') console.warn(`Variant already exists: ${key}`); // todo: restore error // throw new BlazeError(`Variant already exists: ${key}`);\n  }\n\n  return {\n    add,\n    get,\n    getAll\n  };\n}\n\nconst variantHandler = variantMapHandler();\n\nexport default variantHandler;\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAEA,SAASC,iBAAiBA,CAAA,EAAG;EAC3B,IAAMC,QAAQ,GAAG,IAAIC,GAAG,CAAC,CAAC;EAE1B,SAASC,GAAGA,CAACC,GAAG,EAAE;IAChB,OAAOH,QAAQ,CAACE,GAAG,CAACC,GAAG,CAAC;EAC1B;EAEA,SAASC,MAAMA,CAAA,EAAG;IAChB,OAAOC,KAAK,CAACC,IAAI,CAACN,QAAQ,CAACO,OAAO,CAAC,CAAC,CAAC;EACvC;EAEA,SAASC,GAAGA,CAACL,GAAG,EAAEM,OAAO,EAAE;IACzBC,QAAQ,CAACP,GAAG,EAAEM,OAAO,CAAC;IACtBT,QAAQ,CAACW,GAAG,CAACR,GAAG,EAAEM,OAAO,CAAC;EAC5B;EAEA,SAASC,QAAQA,CAACP,GAAG,EAAEM,OAAO,EAAE;IAC9B,IAAI,CAACN,GAAG,IAAI,CAACM,OAAO,EAAE,MAAM,IAAIG,sBAAU,CAAC,oCAAoC,CAAC;IAChF;IACA,IAAIZ,QAAQ,CAACa,GAAG,CAACV,GAAG,CAAC,IAAIA,GAAG,KAAK,OAAO,EAAEW,OAAO,CAACC,IAAI,4BAAAC,MAAA,CAA4Bb,GAAG,CAAE,CAAC,CAAC,CAAC;EAC5F;EAEA,OAAO;IACLK,GAAG,EAAHA,GAAG;IACHN,GAAG,EAAHA,GAAG;IACHE,MAAM,EAANA;EACF,CAAC;AACH;AAEA,IAAMa,cAAc,GAAGlB,iBAAiB,CAAC,CAAC;AAAC,IAAAmB,QAAA,GAAAC,OAAA,cAE5BF,cAAc"}

package/lib/variants/HeroImage/index.js

@@ -0,0 +1,29 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+require("core-js/modules/es.array.for-each.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.object.define-properties.js");
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@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) { (0, _defineProperty2["default"])(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; }
+var HeroImage = {
+  getSettings: function getSettings(componentSettings) {
+    return _objectSpread(_objectSpread({}, componentSettings), {}, {
+      modifier: 'hero-image'
+    });
+  }
+};
+var _default = exports["default"] = HeroImage;
+//# sourceMappingURL=index.js.map

package/lib/variants/HeroImage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["HeroImage","getSettings","componentSettings","_objectSpread","modifier","_default","exports"],"sources":["../../../src/variants/HeroImage/index.js"],"sourcesContent":["const HeroImage = {\n  getSettings: componentSettings => ({\n    ...componentSettings,\n    modifier: 'hero-image'\n  })\n};\n\nexport default HeroImage;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,IAAMA,SAAS,GAAG;EAChBC,WAAW,EAAE,SAAAA,YAAAC,iBAAiB;IAAA,OAAAC,aAAA,CAAAA,aAAA,KACzBD,iBAAiB;MACpBE,QAAQ,EAAE;IAAY;EAAA;AAE1B,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEaN,SAAS"}

package/lib/variants/Infographic/Infographic.js

@@ -0,0 +1,27 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _useInfographic2 = _interopRequireDefault(require("./useInfographic"));
+var Infographic = function Infographic(props) {
+  var _useInfographic = (0, _useInfographic2["default"])(props),
+    contentRef = _useInfographic.contentRef,
+    id = _useInfographic.id,
+    className = _useInfographic.className,
+    tabId = _useInfographic.tabId,
+    children = _useInfographic.children;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    ref: contentRef,
+    id: id,
+    className: className,
+    role: "tabpanel",
+    "aria-labelledby": tabId
+  }, children);
+};
+var _default = exports["default"] = Infographic;
+//# sourceMappingURL=Infographic.js.map

package/lib/variants/Infographic/Infographic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Infographic.js","names":["_react","_interopRequireDefault","require","_useInfographic2","Infographic","props","_useInfographic","useInfographic","contentRef","id","className","tabId","children","createElement","ref","role","_default","exports"],"sources":["../../../src/variants/Infographic/Infographic.js"],"sourcesContent":["import React from 'react';\nimport useInfographic from './useInfographic';\n\nconst Infographic = props => {\n  const { contentRef, id, className, tabId, children } = useInfographic(props);\n\n  return (\n    <div ref={contentRef} id={id} className={className} role=\"tabpanel\" aria-labelledby={tabId}>\n      {children}\n    </div>\n  );\n};\n\nexport default Infographic;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAME,WAAW,GAAG,SAAdA,WAAWA,CAAGC,KAAK,EAAI;EAC3B,IAAAC,eAAA,GAAuD,IAAAC,2BAAc,EAACF,KAAK,CAAC;IAApEG,UAAU,GAAAF,eAAA,CAAVE,UAAU;IAAEC,EAAE,GAAAH,eAAA,CAAFG,EAAE;IAAEC,SAAS,GAAAJ,eAAA,CAATI,SAAS;IAAEC,KAAK,GAAAL,eAAA,CAALK,KAAK;IAAEC,QAAQ,GAAAN,eAAA,CAARM,QAAQ;EAElD,oBACEZ,MAAA,YAAAa,aAAA;IAAKC,GAAG,EAAEN,UAAW;IAACC,EAAE,EAAEA,EAAG;IAACC,SAAS,EAAEA,SAAU;IAACK,IAAI,EAAC,UAAU;IAAC,mBAAiBJ;EAAM,GACxFC,QACE,CAAC;AAEV,CAAC;AAAC,IAAAI,QAAA,GAAAC,OAAA,cAEab,WAAW"}

package/lib/variants/Infographic/index.js

@@ -0,0 +1,41 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+require("core-js/modules/es.array.for-each.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.object.define-properties.js");
+require("core-js/modules/es.object.define-property.js");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.string.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.promise.js");
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _dynamic = _interopRequireDefault(require("next/dynamic"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+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) { (0, _defineProperty2["default"])(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; }
+var Infographic = {
+  getSettings: function getSettings(componentSettings) {
+    return _objectSpread({}, componentSettings);
+  },
+  VariantComponent: (0, _dynamic["default"])(function () {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require( /* webpackChunkName: "blazePbVariantInfographic" */'./Infographic'));
+    });
+  })
+};
+var _default = exports["default"] = Infographic;
+//# sourceMappingURL=index.js.map

package/lib/variants/Infographic/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_dynamic","_interopRequireDefault","require","_getRequireWildcardCache","e","WeakMap","r","t","_interopRequireWildcard","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","Infographic","getSettings","componentSettings","VariantComponent","dynamic","Promise","resolve","then","_default","exports"],"sources":["../../../src/variants/Infographic/index.js"],"sourcesContent":["import dynamic from 'next/dynamic';\n\nconst Infographic = {\n  getSettings: componentSettings => ({\n    ...componentSettings\n  }),\n  VariantComponent: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbVariantInfographic\" */ './Infographic')\n  )\n};\n\nexport default Infographic;\n"],"mappings":"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"}

package/lib/variants/Infographic/useInfographic.js

@@ -0,0 +1,43 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+require("core-js/modules/es.array.for-each.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.object.define-properties.js");
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+require("core-js/modules/es.array.concat.js");
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _customHooks = require("@blaze-react/utils/lib/customHooks");
+var _excluded = ["className"];
+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) { (0, _defineProperty2["default"])(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; }
+var useInfographic = function useInfographic(_ref) {
+  var _className = _ref.className,
+    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  var _useInView = (0, _customHooks.useInView)({
+      once: true,
+      offset: '200px'
+    }),
+    _useInView2 = (0, _slicedToArray2["default"])(_useInView, 2),
+    isIntersecting = _useInView2[0],
+    contentRef = _useInView2[1];
+  var className = "".concat(_className, " infographic").concat(isIntersecting ? ' infographic__active' : '');
+  return _objectSpread(_objectSpread({}, props), {}, {
+    className: className,
+    contentRef: contentRef
+  });
+};
+var _default = exports["default"] = useInfographic;
+//# sourceMappingURL=useInfographic.js.map

package/lib/variants/Infographic/useInfographic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInfographic.js","names":["_customHooks","require","_excluded","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","useInfographic","_ref","_className","className","props","_objectWithoutProperties2","_useInView","useInView","once","offset","_useInView2","_slicedToArray2","isIntersecting","contentRef","concat","_default","exports"],"sources":["../../../src/variants/Infographic/useInfographic.js"],"sourcesContent":["import { useInView } from '@blaze-react/utils/lib/customHooks';\n\nconst useInfographic = ({ className: _className, ...props }) => {\n  const [isIntersecting, contentRef] = useInView({\n    once: true,\n    offset: '200px'\n  });\n\n  const className = `${_className} infographic${isIntersecting ? ' infographic__active' : ''}`;\n\n  return {\n    ...props,\n    className,\n    contentRef\n  };\n};\n\nexport default useInfographic;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAA+D,IAAAC,SAAA;AAAA,SAAAC,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,aAAAhB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAc,yBAAA,GAAAd,MAAA,CAAAe,gBAAA,CAAAlB,CAAA,EAAAG,MAAA,CAAAc,yBAAA,CAAAf,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAgB,cAAA,CAAAnB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAE/D,IAAMoB,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA,EAA4C;EAAA,IAA3BC,UAAU,GAAAD,IAAA,CAArBE,SAAS;IAAiBC,KAAK,OAAAC,yBAAA,aAAAJ,IAAA,EAAAvB,SAAA;EACvD,IAAA4B,UAAA,GAAqC,IAAAC,sBAAS,EAAC;MAC7CC,IAAI,EAAE,IAAI;MACVC,MAAM,EAAE;IACV,CAAC,CAAC;IAAAC,WAAA,OAAAC,eAAA,aAAAL,UAAA;IAHKM,cAAc,GAAAF,WAAA;IAAEG,UAAU,GAAAH,WAAA;EAKjC,IAAMP,SAAS,MAAAW,MAAA,CAAMZ,UAAU,kBAAAY,MAAA,CAAeF,cAAc,GAAG,sBAAsB,GAAG,EAAE,CAAE;EAE5F,OAAApB,aAAA,CAAAA,aAAA,KACKY,KAAK;IACRD,SAAS,EAATA,SAAS;IACTU,UAAU,EAAVA;EAAU;AAEd,CAAC;AAAC,IAAAE,QAAA,GAAAC,OAAA,cAEahB,cAAc"}

package/lib/variants/LongformGallery/LongformGallery.js

@@ -0,0 +1,53 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+require("core-js/modules/es.array.map.js");
+var _react = _interopRequireDefault(require("react"));
+var _HOC = require("../../HOC");
+var _useLongformGallery2 = _interopRequireDefault(require("./useLongformGallery"));
+var _LongformGalleryImage = _interopRequireDefault(require("./LongformGalleryImage"));
+var LongformGallery = function LongformGallery(props) {
+  var _useLongformGallery = (0, _useLongformGallery2["default"])(props),
+    loading = _useLongformGallery.loading,
+    error = _useLongformGallery.error,
+    groupedImages = _useLongformGallery.groupedImages,
+    shouldDisplayCaption = _useLongformGallery.shouldDisplayCaption,
+    caption = _useLongformGallery.caption,
+    handleImageOnClick = _useLongformGallery.handleImageOnClick;
+  if (loading || error || !groupedImages.length) return null;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "longform-gallery",
+    "data-testid": "longform-gallery"
+  }, groupedImages.map(function (imageGroup, i) {
+    return (
+      /*#__PURE__*/
+      // eslint-disable-next-line react/no-array-index-key
+      _react["default"].createElement("div", {
+        key: i,
+        "data-testid": "grouped-images",
+        className: "longform-gallery__images"
+      }, imageGroup.map(function (secondaryImage) {
+        return /*#__PURE__*/_react["default"].createElement(_LongformGalleryImage["default"], (0, _extends2["default"])({
+          key: secondaryImage.id
+        }, secondaryImage, {
+          numberOfImages: imageGroup.length,
+          className: imageGroup.length > 2 ? 'longform-gallery__images__image secondary-image' : 'longform-gallery__images__image main-image',
+          handleImageOnClick: handleImageOnClick
+        }));
+      }))
+    );
+  }), shouldDisplayCaption && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "carousel__details",
+    "data-testid": "carousel-details"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "caption"
+  }, caption)));
+};
+var _default = exports["default"] = (0, _HOC.withTitle)(LongformGallery);
+//# sourceMappingURL=LongformGallery.js.map

package/lib/variants/LongformGallery/LongformGallery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LongformGallery.js","names":["_react","_interopRequireDefault","require","_HOC","_useLongformGallery2","_LongformGalleryImage","LongformGallery","props","_useLongformGallery","useLongformGallery","loading","error","groupedImages","shouldDisplayCaption","caption","handleImageOnClick","length","createElement","className","map","imageGroup","i","key","secondaryImage","_extends2","id","numberOfImages","_default","exports","withTitle"],"sources":["../../../src/variants/LongformGallery/LongformGallery.js"],"sourcesContent":["import React from 'react';\nimport { withTitle } from '../../HOC';\nimport useLongformGallery from './useLongformGallery';\nimport LongformGalleryImage from './LongformGalleryImage';\n\nconst LongformGallery = props => {\n  const {\n    loading,\n    error,\n    groupedImages,\n    shouldDisplayCaption,\n    caption,\n    handleImageOnClick\n  } = useLongformGallery(props);\n\n  if (loading || error || !groupedImages.length) return null;\n\n  return (\n    <div className=\"longform-gallery\" data-testid=\"longform-gallery\">\n      {groupedImages.map((imageGroup, i) => (\n        // eslint-disable-next-line react/no-array-index-key\n        <div key={i} data-testid=\"grouped-images\" className=\"longform-gallery__images\">\n          {imageGroup.map(secondaryImage => (\n            <LongformGalleryImage\n              key={secondaryImage.id}\n              {...secondaryImage}\n              numberOfImages={imageGroup.length}\n              className={\n                imageGroup.length > 2\n                  ? 'longform-gallery__images__image secondary-image'\n                  : 'longform-gallery__images__image main-image'\n              }\n              handleImageOnClick={handleImageOnClick}\n            />\n          ))}\n        </div>\n      ))}\n      {shouldDisplayCaption && (\n        <div className=\"carousel__details\" data-testid=\"carousel-details\">\n          <div className=\"caption\">{caption}</div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default withTitle(LongformGallery);\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAD,OAAA;AACA,IAAAE,oBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,qBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAEA,IAAMI,eAAe,GAAG,SAAlBA,eAAeA,CAAGC,KAAK,EAAI;EAC/B,IAAAC,mBAAA,GAOI,IAAAC,+BAAkB,EAACF,KAAK,CAAC;IAN3BG,OAAO,GAAAF,mBAAA,CAAPE,OAAO;IACPC,KAAK,GAAAH,mBAAA,CAALG,KAAK;IACLC,aAAa,GAAAJ,mBAAA,CAAbI,aAAa;IACbC,oBAAoB,GAAAL,mBAAA,CAApBK,oBAAoB;IACpBC,OAAO,GAAAN,mBAAA,CAAPM,OAAO;IACPC,kBAAkB,GAAAP,mBAAA,CAAlBO,kBAAkB;EAGpB,IAAIL,OAAO,IAAIC,KAAK,IAAI,CAACC,aAAa,CAACI,MAAM,EAAE,OAAO,IAAI;EAE1D,oBACEhB,MAAA,YAAAiB,aAAA;IAAKC,SAAS,EAAC,kBAAkB;IAAC,eAAY;EAAkB,GAC7DN,aAAa,CAACO,GAAG,CAAC,UAACC,UAAU,EAAEC,CAAC;IAAA;MAAA;MAC/B;MACArB,MAAA,YAAAiB,aAAA;QAAKK,GAAG,EAAED,CAAE;QAAC,eAAY,gBAAgB;QAACH,SAAS,EAAC;MAA0B,GAC3EE,UAAU,CAACD,GAAG,CAAC,UAAAI,cAAc;QAAA,oBAC5BvB,MAAA,YAAAiB,aAAA,CAACZ,qBAAA,WAAoB,MAAAmB,SAAA;UACnBF,GAAG,EAAEC,cAAc,CAACE;QAAG,GACnBF,cAAc;UAClBG,cAAc,EAAEN,UAAU,CAACJ,MAAO;UAClCE,SAAS,EACPE,UAAU,CAACJ,MAAM,GAAG,CAAC,GACjB,iDAAiD,GACjD,4CACL;UACDD,kBAAkB,EAAEA;QAAmB,EACxC,CAAC;MAAA,CACH,CACE;IAAC;EAAA,CACP,CAAC,EACDF,oBAAoB,iBACnBb,MAAA,YAAAiB,aAAA;IAAKC,SAAS,EAAC,mBAAmB;IAAC,eAAY;EAAkB,gBAC/DlB,MAAA,YAAAiB,aAAA;IAAKC,SAAS,EAAC;EAAS,GAAEJ,OAAa,CACpC,CAEJ,CAAC;AAEV,CAAC;AAAC,IAAAa,QAAA,GAAAC,OAAA,cAEa,IAAAC,cAAS,EAACvB,eAAe,CAAC"}

package/lib/variants/LongformGallery/LongformGalleryImage.js

@@ -0,0 +1,71 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _head = _interopRequireDefault(require("next/head"));
+var _customHooks = require("@blaze-react/utils/lib/customHooks");
+var _imageCdnReact = require("@blaze-cms/image-cdn-react");
+var _constants = require("./constants");
+var _excluded = ["id", "url", "caption", "altText", "priority", "className", "numberOfImages", "handleImageOnClick"];
+var LongformGalleryImage = function LongformGalleryImage(_ref) {
+  var id = _ref.id,
+    url = _ref.url,
+    caption = _ref.caption,
+    altText = _ref.altText,
+    priority = _ref.priority,
+    className = _ref.className,
+    numberOfImages = _ref.numberOfImages,
+    handleImageOnClick = _ref.handleImageOnClick,
+    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  var _useInView = (0, _customHooks.useInView)(_constants.IN_VIEW_CONFIG),
+    _useInView2 = (0, _slicedToArray2["default"])(_useInView, 2),
+    isIntersecting = _useInView2[0],
+    outerRef = _useInView2[1];
+  var shouldRender = priority || isIntersecting;
+  var HeadComponent = priority ? _head["default"] : null;
+  var sizeKey = "carousel:longform:".concat(numberOfImages);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    ref: outerRef,
+    className: "".concat(className)
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    role: "button",
+    className: "longform-gallery__images__image__container",
+    "data-testid": "longform-gallery__images__image__container",
+    onClick: function onClick() {
+      return handleImageOnClick(id);
+    }
+  }, shouldRender && /*#__PURE__*/_react["default"].createElement(_imageCdnReact.ResponsiveImage, (0, _extends2["default"])({
+    sizeKey: sizeKey,
+    role: "button",
+    src: url,
+    alt: altText,
+    priority: priority,
+    HeadComponent: HeadComponent
+  }, props))), !!caption && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "longform-gallery__images__image__details",
+    "data-testid": "longform-gallery__images__image__details"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "longform-gallery__images__image__details__caption"
+  }, caption)));
+};
+LongformGalleryImage.propTypes = {
+  id: _propTypes["default"].string.isRequired,
+  url: _propTypes["default"].string.isRequired,
+  caption: _propTypes["default"].string.isRequired,
+  numberOfImages: _propTypes["default"].number.isRequired,
+  altText: _propTypes["default"].string.isRequired,
+  priority: _propTypes["default"].bool.isRequired,
+  className: _propTypes["default"].string.isRequired,
+  handleImageOnClick: _propTypes["default"].func.isRequired
+};
+var _default = exports["default"] = LongformGalleryImage;
+//# sourceMappingURL=LongformGalleryImage.js.map

package/lib/variants/LongformGallery/LongformGalleryImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LongformGalleryImage.js","names":["_react","_interopRequireDefault","require","_propTypes","_head","_customHooks","_imageCdnReact","_constants","_excluded","LongformGalleryImage","_ref","id","url","caption","altText","priority","className","numberOfImages","handleImageOnClick","props","_objectWithoutProperties2","_useInView","useInView","IN_VIEW_CONFIG","_useInView2","_slicedToArray2","isIntersecting","outerRef","shouldRender","HeadComponent","Head","sizeKey","concat","createElement","ref","role","onClick","ResponsiveImage","_extends2","src","alt","propTypes","PropTypes","string","isRequired","number","bool","func","_default","exports"],"sources":["../../../src/variants/LongformGallery/LongformGalleryImage.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Head from 'next/head';\nimport { useInView } from '@blaze-react/utils/lib/customHooks';\nimport { ResponsiveImage } from '@blaze-cms/image-cdn-react';\nimport { IN_VIEW_CONFIG } from './constants';\n\nconst LongformGalleryImage = ({\n  id,\n  url,\n  caption,\n  altText,\n  priority,\n  className,\n  numberOfImages,\n  handleImageOnClick,\n  ...props\n}) => {\n  const [isIntersecting, outerRef] = useInView(IN_VIEW_CONFIG);\n  const shouldRender = priority || isIntersecting;\n  const HeadComponent = priority ? Head : null;\n  const sizeKey = `carousel:longform:${numberOfImages}`;\n\n  return (\n    <div ref={outerRef} className={`${className}`}>\n      <div\n        role=\"button\"\n        className=\"longform-gallery__images__image__container\"\n        data-testid=\"longform-gallery__images__image__container\"\n        onClick={() => handleImageOnClick(id)}>\n        {shouldRender && (\n          <ResponsiveImage\n            sizeKey={sizeKey}\n            role=\"button\"\n            src={url}\n            alt={altText}\n            priority={priority}\n            HeadComponent={HeadComponent}\n            {...props}\n          />\n        )}\n      </div>\n      {!!caption && (\n        <div\n          className=\"longform-gallery__images__image__details\"\n          data-testid=\"longform-gallery__images__image__details\">\n          <div className=\"longform-gallery__images__image__details__caption\">{caption}</div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nLongformGalleryImage.propTypes = {\n  id: PropTypes.string.isRequired,\n  url: PropTypes.string.isRequired,\n  caption: PropTypes.string.isRequired,\n  numberOfImages: PropTypes.number.isRequired,\n  altText: PropTypes.string.isRequired,\n  priority: PropTypes.bool.isRequired,\n  className: PropTypes.string.isRequired,\n  handleImageOnClick: PropTypes.func.isRequired\n};\n\nexport default LongformGalleryImage;\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,KAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AAA6C,IAAAM,SAAA;AAE7C,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAAC,IAAA,EAUpB;EAAA,IATJC,EAAE,GAAAD,IAAA,CAAFC,EAAE;IACFC,GAAG,GAAAF,IAAA,CAAHE,GAAG;IACHC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IACPC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IACPC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IACRC,SAAS,GAAAN,IAAA,CAATM,SAAS;IACTC,cAAc,GAAAP,IAAA,CAAdO,cAAc;IACdC,kBAAkB,GAAAR,IAAA,CAAlBQ,kBAAkB;IACfC,KAAK,OAAAC,yBAAA,aAAAV,IAAA,EAAAF,SAAA;EAER,IAAAa,UAAA,GAAmC,IAAAC,sBAAS,EAACC,yBAAc,CAAC;IAAAC,WAAA,OAAAC,eAAA,aAAAJ,UAAA;IAArDK,cAAc,GAAAF,WAAA;IAAEG,QAAQ,GAAAH,WAAA;EAC/B,IAAMI,YAAY,GAAGb,QAAQ,IAAIW,cAAc;EAC/C,IAAMG,aAAa,GAAGd,QAAQ,GAAGe,gBAAI,GAAG,IAAI;EAC5C,IAAMC,OAAO,wBAAAC,MAAA,CAAwBf,cAAc,CAAE;EAErD,oBACEjB,MAAA,YAAAiC,aAAA;IAAKC,GAAG,EAAEP,QAAS;IAACX,SAAS,KAAAgB,MAAA,CAAKhB,SAAS;EAAG,gBAC5ChB,MAAA,YAAAiC,aAAA;IACEE,IAAI,EAAC,QAAQ;IACbnB,SAAS,EAAC,4CAA4C;IACtD,eAAY,4CAA4C;IACxDoB,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAMlB,kBAAkB,CAACP,EAAE,CAAC;IAAA;EAAC,GACrCiB,YAAY,iBACX5B,MAAA,YAAAiC,aAAA,CAAC3B,cAAA,CAAA+B,eAAe,MAAAC,SAAA;IACdP,OAAO,EAAEA,OAAQ;IACjBI,IAAI,EAAC,QAAQ;IACbI,GAAG,EAAE3B,GAAI;IACT4B,GAAG,EAAE1B,OAAQ;IACbC,QAAQ,EAAEA,QAAS;IACnBc,aAAa,EAAEA;EAAc,GACzBV,KAAK,CACV,CAEA,CAAC,EACL,CAAC,CAACN,OAAO,iBACRb,MAAA,YAAAiC,aAAA;IACEjB,SAAS,EAAC,0CAA0C;IACpD,eAAY;EAA0C,gBACtDhB,MAAA,YAAAiC,aAAA;IAAKjB,SAAS,EAAC;EAAmD,GAAEH,OAAa,CAC9E,CAEJ,CAAC;AAEV,CAAC;AAEDJ,oBAAoB,CAACgC,SAAS,GAAG;EAC/B9B,EAAE,EAAE+B,qBAAS,CAACC,MAAM,CAACC,UAAU;EAC/BhC,GAAG,EAAE8B,qBAAS,CAACC,MAAM,CAACC,UAAU;EAChC/B,OAAO,EAAE6B,qBAAS,CAACC,MAAM,CAACC,UAAU;EACpC3B,cAAc,EAAEyB,qBAAS,CAACG,MAAM,CAACD,UAAU;EAC3C9B,OAAO,EAAE4B,qBAAS,CAACC,MAAM,CAACC,UAAU;EACpC7B,QAAQ,EAAE2B,qBAAS,CAACI,IAAI,CAACF,UAAU;EACnC5B,SAAS,EAAE0B,qBAAS,CAACC,MAAM,CAACC,UAAU;EACtC1B,kBAAkB,EAAEwB,qBAAS,CAACK,IAAI,CAACH;AACrC,CAAC;AAAC,IAAAI,QAAA,GAAAC,OAAA,cAEaxC,oBAAoB"}

package/lib/variants/LongformGallery/constants.js

@@ -0,0 +1,19 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PROPS_TO_CHECK = exports.IN_VIEW_CONFIG = exports.GET_IMAGES_QUERY = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _client = require("@apollo/client");
+var _templateObject;
+var GET_IMAGES_QUERY = exports.GET_IMAGES_QUERY = (0, _client.gql)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  query getImages($where: JSON!) {\n    getImages: getFiles(where: $where) {\n      id\n      url\n      data\n    }\n  }\n"])));
+var PROPS_TO_CHECK = exports.PROPS_TO_CHECK = ['altText', 'caption', 'hrefUrl', 'credits'];
+var IN_VIEW_CONFIG = exports.IN_VIEW_CONFIG = {
+  once: true,
+  offset: '200px',
+  bottomOffset: '-200px'
+};
+//# sourceMappingURL=constants.js.map

package/lib/variants/LongformGallery/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","names":["_client","require","_templateObject","GET_IMAGES_QUERY","exports","gql","_taggedTemplateLiteral2","PROPS_TO_CHECK","IN_VIEW_CONFIG","once","offset","bottomOffset"],"sources":["../../../src/variants/LongformGallery/constants.js"],"sourcesContent":["import { gql } from '@apollo/client';\n\nconst GET_IMAGES_QUERY = gql`\n  query getImages($where: JSON!) {\n    getImages: getFiles(where: $where) {\n      id\n      url\n      data\n    }\n  }\n`;\n\nconst PROPS_TO_CHECK = ['altText', 'caption', 'hrefUrl', 'credits'];\n\nconst IN_VIEW_CONFIG = {\n  once: true,\n  offset: '200px',\n  bottomOffset: '-200px'\n};\n\nexport { GET_IMAGES_QUERY, IN_VIEW_CONFIG, PROPS_TO_CHECK };\n"],"mappings":";;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAAqC,IAAAC,eAAA;AAErC,IAAMC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,OAAGE,WAAG,EAAAH,eAAA,KAAAA,eAAA,OAAAI,uBAAA,iJAQ3B;AAED,IAAMC,cAAc,GAAAH,OAAA,CAAAG,cAAA,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;AAEnE,IAAMC,cAAc,GAAAJ,OAAA,CAAAI,cAAA,GAAG;EACrBC,IAAI,EAAE,IAAI;EACVC,MAAM,EAAE,OAAO;EACfC,YAAY,EAAE;AAChB,CAAC"}